/* ═══════════════════════════════════════════════════════════
   AI-AVIA Mobile Fixes v6 - All Devices + AI Planner
   ═══════════════════════════════════════════════════════════ */

/* Mobile Toggle - Hidden on Desktop */
.mobile-toggle {
    display: none;
}

@media (max-width: 768px) {
    
    /* ─── GLOBAL ─── */
    * { box-sizing: border-box !important; }
    body { overflow-x: hidden !important; }
    
    /* ─── HEADER ─── */
    .site-header { position: fixed !important; top: 0; left: 0; right: 0; z-index: 1000; height: 58px !important; }
    .header-inner { padding: 8px 12px !important; position: relative; display: flex !important; align-items: center !important; justify-content: space-between !important; height: 100% !important; }
    .logo { font-size: 1.2rem !important; flex-shrink: 0 !important; }
    .logo img { height: 36px !important; width: 36px !important; margin-right: 6px !important; }
    
    /* ─── NAV DROPDOWN ─── */
    .main-nav { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; background: #0f1629 !important; flex-direction: column !important; padding: 0 !important; gap: 0 !important; box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important; border-top: 1px solid rgba(255,255,255,0.1) !important; max-height: 70vh; overflow-y: auto; }
    .main-nav.active { display: flex !important; }
    .main-nav .nav-link { padding: 14px 16px !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; width: 100% !important; text-align: left !important; font-size: 0.9rem !important; }
    .main-nav .nav-link:hover, .main-nav .nav-link.active { background: rgba(245,184,0,0.1) !important; }
    .main-nav .nav-link:last-child { border-bottom: none !important; }
    .main-nav .nav-dot { display: none !important; }
    
    /* ─── HAMBURGER ─── */
    .mobile-toggle { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 5px !important; background: none !important; border: none !important; cursor: pointer !important; padding: 8px !important; z-index: 1001 !important; width: 40px !important; height: 40px !important; }
    .mobile-toggle span { display: block !important; width: 22px !important; height: 2px !important; background: #fff !important; border-radius: 2px !important; transition: all 0.3s ease !important; transform-origin: center !important; }
    .mobile-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px) !important; }
    .mobile-toggle.active span:nth-child(2) { opacity: 0 !important; }
    .mobile-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px) !important; }
    
    /* ─── AUTH ─── */
    .header-actions { gap: 6px !important; flex-shrink: 0 !important; }
    .header-actions .btn { padding: 6px 10px !important; font-size: 0.7rem !important; }
    .header-actions .btn-outline { display: none !important; }
    .user-menu .user-btn > span { display: none !important; }
    .user-menu .user-btn > svg { display: none !important; }
    .user-menu .user-btn { padding: 0 !important; background: none !important; border: none !important; }
    .user-avatar { width: 32px !important; height: 32px !important; font-size: 12px !important; }
    .user-dropdown { right: 0 !important; min-width: 200px !important; }
    
    /* ─── HERO ─── */
    .hero { min-height: 280px !important; height: auto !important; padding: 70px 16px 20px !important; }
    .hero-content { padding: 0 !important; }
    .hero-content h1 { font-size: 1.3rem !important; line-height: 1.4 !important; }
    .hero-content p { font-size: 0.8rem !important; margin-top: 8px !important; padding: 0 10px !important; }
    .hero-dots { margin-top: 12px !important; }
    .hero-dot { width: 8px !important; height: 8px !important; }
    
    /* ─── SEARCH BOX ─── */
    .container { padding: 0 12px !important; max-width: 100% !important; overflow: visible !important; }
    .sb { margin: -20px 12px 25px !important; padding: 0 !important; border-radius: 16px !important; width: calc(100% - 24px) !important; box-sizing: border-box !important; overflow: visible !important; }
    .sb-top { flex-direction: column !important; gap: 12px !important; align-items: stretch !important; padding: 14px !important; border-radius: 16px 16px 0 0 !important; }
    .sb-trips { width: 100% !important; display: flex !important; justify-content: space-between !important; gap: 6px !important; flex-wrap: nowrap !important; overflow: hidden !important; }
    .sb-trip { flex: 1 1 0 !important; justify-content: center !important; align-items: center !important; padding: 10px 4px !important; font-size: 0.7rem !important; gap: 4px !important; white-space: nowrap !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; border-radius: 20px !important; }
    .sb-trip i { font-size: 0.7rem !important; flex-shrink: 0 !important; }
    .sb-trip span, .sb-trip { overflow: hidden !important; text-overflow: ellipsis !important; }
    .sb-extras { width: 100% !important; display: flex !important; gap: 8px !important; }
    .sb-csel { flex: 1 !important; min-width: 0 !important; }
    .sb-csel-display { padding: 10px 12px !important; font-size: 0.8rem !important; gap: 6px !important; white-space: nowrap !important; overflow: hidden !important; }
    .sb-csel-display i:first-child { display: none !important; }
    .sb-csel-text { overflow: hidden !important; text-overflow: ellipsis !important; }
    .sb-csel-arrow { font-size: 0.6rem !important; flex-shrink: 0 !important; }
    .sb-csel-menu { min-width: 140px !important; font-size: 0.85rem !important; }
    .sb-form { padding: 14px !important; }
    .sb-row { display: flex !important; flex-direction: column !important; gap: 12px !important; }
    .sb-field { width: 100% !important; min-width: unset !important; flex: none !important; position: relative !important; border: 2px solid var(--g200, #e9ecef) !important; border-radius: 12px !important; padding: 12px 14px 12px 44px !important; background: #fff !important; }
    .sb-field.sb-from, .sb-field.sb-to, .sb-field.sb-date, .sb-field.sb-return { width: 100% !important; flex: none !important; }
    .sb-field label { font-size: 0.68rem !important; display: block !important; margin-bottom: 4px !important; }
    .sb-field input { font-size: 0.9rem !important; padding: 0 !important; width: 100% !important; border: none !important; background: transparent !important; }
    .sb-icon { position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 0.9rem !important; }
    .sb-swap { width: 36px !important; height: 36px !important; align-self: center !important; transform: rotate(90deg) !important; margin: -6px 0 !important; font-size: 0.85rem !important; border-radius: 50% !important; border: 2px solid var(--g200, #e9ecef) !important; background: #fff !important; flex-shrink: 0 !important; }
    .sb-btn { width: 100% !important; padding: 14px 16px !important; font-size: 0.95rem !important; border-radius: 12px !important; margin-top: 4px !important; }
    .h-ap-drop, .h-cal-drop { position: fixed !important; width: calc(100vw - 24px) !important; left: 12px !important; right: 12px !important; max-height: 50vh !important; transform: none !important; z-index: 9999 !important; border-radius: 12px !important; box-shadow: 0 10px 40px rgba(0,0,0,0.2) !important; }
    
    /* ─── PWA BANNER ─── */
    #pwa-install-banner.show { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; z-index: 9998 !important; margin: 0 !important; border-radius: 16px 16px 0 0 !important; max-height: 140px !important; padding: 16px !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.15) !important; }
    body:has(#pwa-install-banner.show) { padding-bottom: 140px !important; }
    
    /* ─── DESTINATIONS ─── */
    .destinations { padding: 30px 12px !important; }
    .dest-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
    .dest-card { height: 180px !important; }
    .dest-info h3 { font-size: 1.1rem !important; }
    .dest-badge { font-size: 0.75rem !important; padding: 5px 10px !important; }
    
    /* ─── FEATURES ─── */
    .features { padding: 30px 12px !important; }
    .features-grid { display: flex !important; flex-direction: column !important; grid-template-columns: 1fr !important; gap: 12px !important; }
    .feature-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 18px 14px !important; width: 100% !important; }
    .feature-icon { width: 48px !important; height: 48px !important; margin-bottom: 10px !important; }
    .feature-icon svg { width: 22px !important; height: 22px !important; }
    .feature-card h3 { font-size: 0.95rem !important; margin-bottom: 4px !important; }
    .feature-card p { font-size: 0.78rem !important; line-height: 1.5 !important; }
    
    /* ─── INFO LINKS ─── */
    .info-links { padding: 24px 12px !important; }
    .info-links-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
    .info-link-card { padding: 14px !important; }
    .info-link-icon { width: 40px !important; height: 40px !important; font-size: 1rem !important; }
    .info-link-content h4 { font-size: 0.88rem !important; }
    .info-link-content p { font-size: 0.72rem !important; }
    
    /* ─── HOW IT WORKS ─── */
    .hw__timeline { grid-template-columns: 1fr 1fr !important; gap: 20px 12px !important; }
    .hw__timeline::before { display: none !important; }
    .hw__icon { width: 64px !important; height: 64px !important; border-radius: 16px !important; }
    .hw__icon svg { width: 26px !important; height: 26px !important; }
    .hw__title { font-size: 0.85rem !important; }
    .hw__desc { font-size: 0.72rem !important; }
    .hw__header h2 { font-size: 1.3rem !important; }
    
    /* ─── STEPS ─── */
    .steps-section { padding: 30px 12px !important; }
    .steps-container { padding: 0 !important; }
    .steps-header h2 { font-size: 1.15rem !important; }
    .steps-row { flex-direction: column !important; gap: 10px !important; }
    .step-arrow { transform: rotate(90deg) !important; margin: 4px auto !important; font-size: 0.8rem !important; }
    .step-item { flex-direction: row !important; text-align: left !important; gap: 12px !important; width: 100% !important; padding: 14px !important; }
    .step-number { width: 34px !important; height: 34px !important; font-size: 0.9rem !important; flex-shrink: 0 !important; }
    .step-content h4 { font-size: 0.85rem !important; }
    .step-content p { font-size: 0.72rem !important; }
    
    /* ─── TESTIMONIALS ─── */
    .testimonials-section { padding: 30px 12px !important; }
    .testimonials-header h2 { font-size: 1.15rem !important; }
    .testimonials-wrapper { margin: 0 -12px !important; padding: 0 12px !important; }
    .testimonial-card { min-width: 260px !important; padding: 14px !important; }
    .testimonial-text { font-size: 0.78rem !important; }
    .testimonial-author { gap: 10px !important; }
    .testimonial-avatar img { width: 30px !important; height: 30px !important; }
    .testimonial-info h4 { font-size: 0.82rem !important; }
    .testimonial-info span { font-size: 0.68rem !important; }
    
    /* ─── FOOTER ─── */
    .site-footer { padding-top: 30px !important; }
    .footer-inner { padding: 0 12px 80px !important; }
    .footer-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
    .footer-col { text-align: center !important; }
    .footer-col h4 { font-size: 0.9rem !important; margin-bottom: 10px !important; }
    .footer-col ul { align-items: center !important; display: flex !important; flex-direction: column !important; gap: 6px !important; }
    .footer-col ul li a { font-size: 0.82rem !important; }
    .footer-brand { text-align: center !important; }
    .footer-brand .logo { justify-content: center !important; }
    .footer-desc { font-size: 0.78rem !important; }
    .social-links { justify-content: center !important; }
    .social-links a { width: 34px !important; height: 34px !important; }
    .contact-list { align-items: center !important; }
    .contact-list li { justify-content: center !important; display: flex !important; gap: 8px !important; font-size: 0.82rem !important; }
    .footer-bottom { flex-direction: column !important; gap: 6px !important; text-align: center !important; padding: 14px 12px !important; font-size: 0.78rem !important; }
    
    /* ─── SECTION TITLES ─── */
    .section-title h2 { font-size: 1.2rem !important; }
    .section-title p { font-size: 0.78rem !important; }
    
    /* ─── BUTTONS ─── */
    .btn { padding: 10px 18px !important; font-size: 0.8rem !important; }
    .btn-yellow[style*="padding"], a.btn.btn-yellow { width: 100% !important; text-align: center !important; justify-content: center !important; display: flex !important; }
    
    /* ─── WHATSAPP & BACK-TO-TOP ─── */
    .wa-float { bottom: 80px !important; right: 12px !important; z-index: 990 !important; }
    .wa-float__btn { width: 44px !important; height: 44px !important; }
    .wa-float__tooltip { display: none !important; }
    .back-to-top { bottom: 130px !important; right: 12px !important; width: 36px !important; height: 36px !important; z-index: 990 !important; }
    .back-to-top svg { width: 18px !important; height: 18px !important; }
    .wa-modal { width: calc(100% - 24px) !important; margin: 12px !important; }
    
    /* ─── AI WIDGET ─── */
    .ai-widget, .ai-assistant-btn, [class*="ai-widget"], [class*="ai-assistant"] { bottom: 80px !important; right: 12px !important; }
    
    /* ─── BLOG ─── */
    section[style*="padding:50px"] { padding: 24px 12px !important; }
    section[style*="padding:50px"] h2 { font-size: 1.2rem !important; }
    
    /* ─── PAGES ─── */
    .baggage-hero { padding: 80px 12px 30px !important; }
    .baggage-hero h1 { font-size: 1.3rem !important; }
    .baggage-hero p { font-size: 0.82rem !important; }
    .info-cards { grid-template-columns: 1fr !important; gap: 10px !important; }
    .baggage-section, .cta-section { padding: 30px 12px !important; }
    .airline-table-wrapper { overflow-x: auto !important; margin: 0 -12px !important; padding: 0 12px !important; }
    .airline-table { font-size: 0.72rem !important; min-width: 480px !important; }
    .airline-table th, .airline-table td { padding: 8px 6px !important; }
    .ins-plans { grid-template-columns: 1fr !important; gap: 14px !important; }
    .ins-coverage-grid { grid-template-columns: 1fr !important; }
    .airports-section { padding: 30px 12px !important; }
    .airports-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
    .airport-card { padding: 14px !important; }
    .airport-search input { font-size: 0.82rem !important; padding: 12px 14px 12px 40px !important; }
    .search-tags { justify-content: center !important; flex-wrap: wrap !important; gap: 6px !important; }
    .search-tag { font-size: 0.72rem !important; padding: 6px 10px !important; }
    .faq-section { padding: 30px 12px !important; }
    .faq-categories { flex-direction: column !important; gap: 6px !important; }
    .faq-item summary { padding: 12px 36px 12px 14px !important; font-size: 0.82rem !important; }
    .faq-item .faq-answer { padding: 0 14px 14px !important; font-size: 0.78rem !important; }
    
    /* ─── SEARCH PAGE ─── */
    .search-page { padding-bottom: 100px !important; }
    .search-container { grid-template-columns: 1fr !important; padding: 12px !important; gap: 12px !important; }
    .filters-sidebar { position: fixed !important; top: 0 !important; left: -100% !important; width: 85% !important; max-width: 320px !important; height: 100vh !important; z-index: 1000 !important; border-radius: 0 !important; overflow-y: auto !important; transition: left 0.3s ease !important; padding-bottom: 80px !important; }
    .filters-sidebar.show { left: 0 !important; }
    .mobile-filter-btn { display: flex !important; }
    .flight-card { flex-direction: column !important; gap: 16px !important; padding: 14px !important; }
    .flight-leg { flex-direction: column !important; gap: 12px !important; }
    .flight-times { width: 100% !important; }
    .flight-price { border-left: none !important; border-top: 1px solid #e5e7eb !important; padding: 14px 0 0 !important; width: 100% !important; }
    .results-header { flex-direction: column !important; gap: 10px !important; padding: 12px !important; }
    
    /* ─── BOOKING SUCCESS ─── */
    .booking-success { padding: 30px 12px !important; min-height: auto !important; }
    .success-card { padding: 20px 14px !important; }
    .success-icon { width: 56px !important; height: 56px !important; }
    .success-icon svg { width: 26px !important; height: 26px !important; }
    .success-title { font-size: 1.05rem !important; }
    .success-subtitle { font-size: 0.82rem !important; }
    .booking-number { padding: 12px !important; }
    .booking-number-value { font-size: 1.2rem !important; letter-spacing: 2px !important; }
    .booking-details { padding: 12px !important; }
    .booking-detail-row { flex-direction: column !important; align-items: flex-start !important; gap: 3px !important; padding: 10px 0 !important; }
    .detail-label { font-size: 0.78rem !important; }
    .detail-value { font-size: 0.82rem !important; }
    .success-actions { flex-direction: column !important; gap: 8px !important; }
    .success-btn { width: 100% !important; padding: 12px 14px !important; font-size: 0.82rem !important; }

    /* ─── AI TRAVEL PLANNER ─── */
    .atp { padding: 24px 0 !important; }
    .atp__inner { padding: 0 12px !important; }
    .atp__header { margin-bottom: 16px !important; }
    .atp__badge { padding: 4px 10px !important; }
    .atp__badge span { font-size: 0.65rem !important; }
    .atp__title { font-size: 1.1rem !important; line-height: 1.35 !important; }
    .atp__subtitle { font-size: 0.75rem !important; }
    .atp__card { padding: 14px 12px !important; border-radius: 14px !important; }
    .atp__columns { grid-template-columns: 1fr !important; gap: 14px !important; }
    .atp__group { margin-bottom: 12px !important; }
    .atp__label { font-size: 0.68rem !important; margin-bottom: 6px !important; gap: 6px !important; }
    .atp__label svg { width: 13px !important; height: 13px !important; }
    .atp__budget-display { margin-bottom: 6px !important; }
    .atp__budget-val { font-size: 1.4rem !important; }
    .atp__budget-currency { font-size: 0.85rem !important; }
    .atp__slider-labels { font-size: 0.62rem !important; }
    /* Package 2x2 */
    .atp__pkg { padding: 10px !important; margin-bottom: 12px !important; border-radius: 10px !important; }
    .atp__pkg-label { font-size: 0.62rem !important; margin-bottom: 6px !important; }
    .atp__pkg-items { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
    .atp__pkg-item { padding: 8px !important; border-radius: 8px !important; gap: 6px !important; }
    .atp__pkg-box { width: 22px !important; height: 22px !important; border-radius: 6px !important; }
    .atp__pkg-box svg { width: 12px !important; height: 12px !important; }
    .atp__pkg-text { font-size: 0.7rem !important; }
    /* Days + Travelers */
    .atp__row { grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 12px !important; }
    .atp__pills { gap: 4px !important; flex-wrap: wrap !important; }
    .atp__pill { padding: 7px 11px !important; font-size: 0.75rem !important; border-radius: 8px !important; }
    .atp__trav-btn { width: 34px !important; height: 34px !important; border-radius: 8px !important; font-size: 1rem !important; }
    .atp__trav-num { font-size: 1.2rem !important; min-width: 22px !important; }
    .atp__travelers { gap: 12px !important; }
    /* Prefs compact */
    .atp__prefs { grid-template-columns: 1fr !important; gap: 8px !important; padding: 10px !important; margin-bottom: 10px !important; border-radius: 10px !important; }
    .atp__pref { display: flex !important; align-items: center !important; gap: 8px !important; }
    .atp__pref-label { margin-bottom: 0 !important; white-space: nowrap !important; min-width: 65px !important; font-size: 0.62rem !important; }
    .atp__pref-label svg { width: 12px !important; height: 12px !important; }
    .atp__pref-pills { flex: 1 !important; gap: 3px !important; }
    .atp__ppill { padding: 5px 8px !important; font-size: 0.65rem !important; border-radius: 6px !important; }
    /* PHOTOS — 2 columns on mobile for bigger size */
    .atp__types { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .atp__type { border-radius: 10px !important; border-width: 2px !important; aspect-ratio: 1.4 !important; min-height: 90px !important; }
    .atp__type-img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
    .atp__type-overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 50%, transparent 100%) !important; }
    .atp__type-name { font-size: 0.72rem !important; bottom: 8px !important; font-weight: 700 !important; text-shadow: 0 1px 6px rgba(0,0,0,0.6) !important; }
    .atp__type-check { width: 20px !important; height: 20px !important; top: 6px !important; right: 6px !important; }
    .atp__type-check svg { width: 11px !important; height: 11px !important; }
    /* Quick chips */
    .atp__quick { gap: 4px !important; flex-wrap: wrap !important; margin-bottom: 0 !important; }
    .atp__quick-chip { font-size: 0.65rem !important; padding: 5px 9px !important; }
    .atp__quick-chip svg { width: 11px !important; height: 11px !important; }
    /* Submit */
    .atp__submit { padding: 13px 18px !important; font-size: 0.88rem !important; border-radius: 12px !important; margin-top: 4px !important; }
    .atp__submit svg { width: 17px !important; height: 17px !important; }
    /* Result */
    .atp__result { margin-top: 14px !important; }
    .atp__response { font-size: 0.8rem !important; line-height: 1.6 !important; }
    .atp__response h3, .atp__response h4 { font-size: 0.85rem !important; }
    .atp__actions { flex-direction: column !important; gap: 8px !important; margin-top: 12px !important; padding-top: 12px !important; }
    .atp__action { padding: 11px 14px !important; font-size: 0.8rem !important; border-radius: 10px !important; }
    /* Nav planner button */
    .nav-link--planner { padding: 12px 16px !important; border-radius: 0 !important; background: rgba(245,184,0,0.08) !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; font-size: 0.9rem !important; }
}


/* ═══════ EXTRA SMALL (< 380px) ═══════ */
@media (max-width: 380px) {
    .hero { min-height: 240px !important; padding: 65px 10px 16px !important; }
    .hero-content h1 { font-size: 1.15rem !important; }
    .hero-content p { font-size: 0.75rem !important; }
    .sb { margin: -15px 8px 20px !important; width: calc(100% - 16px) !important; }
    .sb-top { padding: 12px !important; }
    .sb-form { padding: 12px !important; }
    .sb-field { padding: 10px 12px 10px 40px !important; }
    .sb-field input { font-size: 0.85rem !important; }
    .sb-trip { padding: 8px 3px !important; font-size: 0.6rem !important; gap: 2px !important; }
    .sb-trip i { font-size: 0.55rem !important; }
    .sb-csel-display { padding: 8px 10px !important; font-size: 0.75rem !important; }
    .dest-card { height: 160px !important; }
    .section-title h2 { font-size: 1.1rem !important; }
    .feature-card { padding: 14px 12px !important; }
    .feature-card h3 { font-size: 0.88rem !important; }
    .hw__timeline { grid-template-columns: 1fr !important; }
    .testimonial-card { min-width: 220px !important; padding: 12px !important; }
    .booking-number-value { font-size: 1rem !important; }
    .main-nav .nav-link { padding: 12px 14px !important; font-size: 0.82rem !important; }
    .footer-inner { padding: 0 10px 90px !important; }
    
    /* AI Planner 380px */
    .atp { padding: 20px 0 !important; }
    .atp__inner { padding: 0 8px !important; }
    .atp__title { font-size: 0.95rem !important; }
    .atp__card { padding: 10px 8px !important; border-radius: 12px !important; }
    .atp__budget-val { font-size: 1.2rem !important; }
    .atp__row { grid-template-columns: 1fr !important; gap: 8px !important; }
    .atp__types { grid-template-columns: repeat(2, 1fr) !important; gap: 5px !important; }
    .atp__type { min-height: 75px !important; }
    .atp__pill { padding: 6px 9px !important; font-size: 0.7rem !important; }
    .atp__prefs { padding: 8px !important; }
    .atp__ppill { padding: 4px 6px !important; font-size: 0.6rem !important; }
    .atp__pref-label { font-size: 0.58rem !important; min-width: 55px !important; }
    .atp__quick-chip { font-size: 0.6rem !important; padding: 4px 7px !important; }
    .atp__submit { padding: 11px 14px !important; font-size: 0.82rem !important; }
    .atp__pkg-item { padding: 6px 8px !important; }
    .atp__pkg-text { font-size: 0.65rem !important; }
}