/* ==========================================================================
   GLOBAL STYLES (Used across all pages)
   ========================================================================== */

        @font-face { font-family: 'Helvetica Condensed'; src: url('/assets/fonts/helvetica-condensed.woff2') format('woff2'); }
        @font-face { font-family: 'Helvetica Light'; src: url('/assets/fonts/helvetica-light.woff2') format('woff2'); }
        @font-face { font-family: 'Helvetica Roman'; src: url('/assets/fonts/helvetica-roman.woff2') format('woff2'); }
        @font-face { font-family: 'Helvetica Wide'; src: url('/assets/fonts/helvetica-wide.woff2') format('woff2'); }
        
        .font-helvetica-cond { font-family: 'Helvetica Condensed', sans-serif; }
        .font-helvetica-light { font-family: 'Helvetica Light', sans-serif; }
        .font-helvetica-roman { font-family: 'Helvetica Roman', sans-serif; }
        .font-helvetica-wide { font-family: 'Helvetica Wide', sans-serif; }

        /* CHECKOUT */
        .radio-card input:checked ~ div { border-color: #1a1a1a; background-color: #f8f8f8; }
        
        .summary-content { transition: max-height 0.4s ease-in-out; overflow: hidden; }
        
        @media (max-width: 1023px) {
            .summary-content { max-height: 2000px; }
            .summary-content.collapsed { max-height: 0; }
        }
        @media (min-width: 1024px) {
            .summary-content { max-height: none !important; overflow: visible !important; }
        }
        
        #checkout-items::-webkit-scrollbar { width: 4px; }
        #checkout-items::-webkit-scrollbar-thumb { background-color: #e5e7eb; border-radius: 4px; }

        
        /* CONTACT */
        
        .sidebar-left {
            position: fixed; top: 0; bottom: 0; left: 0; height: 100%; height: 100dvh; z-index: 101;
            transform: translateX(-100%);
            visibility: hidden;
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.4s;
        }
        .sidebar-left.is-open {
            transform: translateX(0);
            visibility: visible;
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
        }

        .sidebar-right {
            position: fixed; top: 0; bottom: 0; right: 0; height: 100%; height: 100dvh; z-index: 101;
            transform: translateX(100%);
            visibility: hidden;
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.4s;
        }
        .sidebar-right.is-open {
            transform: translateX(0);
            visibility: visible;
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
        }

        .overlay-active { opacity: 1 !important; pointer-events: auto !important; }
        .accordion-content { transition: max-height 0.3s ease-in-out; max-height: 0; overflow: hidden; }
        .accordion-content.expanded { max-height: 500px; }

        /* DASHBOARD */
        .invert-to-blue { filter: brightness(0) saturate(100%) invert(25%) sepia(19%) saturate(4035%) hue-rotate(179deg) brightness(92%) contrast(86%); }

        /* HOW TO PAY */
        #search-dropdown::-webkit-scrollbar { width: 4px; }
        #search-dropdown::-webkit-scrollbar-thumb { background-color: #e5e7eb; border-radius: 4px; }
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }


        /* HUB */
        /* INDEX */
        .slide { transition: opacity 1.5s ease-in-out; }
        .slide.active { opacity: 1; }
        .slide.inactive { opacity: 0; }
        .logo-white { filter: brightness(0) invert(1); }
        .scrolled-header { background-color: #ffffff; color: #1a1a1a; }
        .scrolled-header .invert-to-black { filter: brightness(0); }
        .filter-btn.active { border-color: #1a1a1a; }
        #quick-view-modal { transition: opacity 0.3s ease; pointer-events: none; opacity: 0; }
        
        /* LOGIN */
        /* MAILER */
        /* MANAGE */
        /* PAYMENT */
        .qty-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            background-color: #f3f4f6;
            color: #1a1a1a;
            font-family: 'Helvetica Roman', sans-serif;
            font-size: 10px;
            width: 22px;
            height: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 9999px;
            z-index: 10;
            border: 1px solid #e5e7eb;
        }
        .summary-content { transition: max-height 0.4s ease-in-out; overflow: hidden; }
        
        @media (max-width: 1023px) {
            .summary-content { max-height: 2000px; }
            .summary-content.collapsed { max-height: 0; }
        }
        @media (min-width: 1024px) {
            .summary-content { max-height: none !important; overflow: visible !important; }
        }
        /* PRODUCT */
        /* REQUEST */
        /* RETURNS */
        #general-content.expanded, #incomplete-content.expanded, #defective-content.expanded, #wrong-content.expanded { max-height: 1500px; }
        
        /* SHIPPING */
        .dark-map {
            filter: invert(90%) hue-rotate(180deg) grayscale(100%) contrast(120%);
        }