.teq-compact { background: #363636; border-radius: 9px; padding: 14px 15px; margin: 15px 0; font-family: Arial, sans-serif; color: #fff; } .teq-compact-top { display: flex; align-items: center; justify-content: space-between; } .teq-compact-name { font-size: 9px; color: #aaa; font-weight: 700; letter-spacing: .8px; margin-bottom: 3px; } .teq-compact-title { font-size: 18px; font-weight: 800; line-height: 1.2; } .teq-compact-title span { color: #F4A261; margin: 0 2px; } .teq-free-badge { background: #F4A261; color: #363636; font-size: 10px; font-weight: 800; padding: 6px 8px; border-radius: 5px; } .teq-compact-text { margin-top: 8px; color: #c8c8c8; font-size: 11px; line-height: 1.4; } .teq-compact-info { display: flex; flex-wrap: wrap; gap: 5px 12px; margin-top: 10px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.1); font-size: 9px; color: #ddd; } .teq-compact-wholesale { display: block; margin-top: 10px; padding: 9px 10px; background: #F4A261; color: #363636 !important; text-align: center; text-decoration: none !important; border-radius: 5px; font-size: 10px; font-weight: 800; letter-spacing: .3px; } @media (max-width: 600px) { .teq-compact { padding: 13px 14px; } .teq-compact-title { font-size: 17px; } .teq-compact-text { font-size: 10px; } .teq-compact-info { gap: 5px 10px; font-size: 8px; } .teq-compact-wholesale { font-size: 9px; padding: 9px 6px; } }