/* =========================================================
           1. გლობალური და დესკტოპ სტილები (Base & Desktop)
           ========================================================= */

        /* --- დროებითი სატესტო რეჟიმის ზოლის სტილები --- */
        .test-mode-top-banner {
            width: 100%;
            background: linear-gradient(90deg, #110d2c 0%, #1f1447 50%, #110d2c 100%);
            border-bottom: 1px solid #5d34a4;
            box-shadow: 0 2px 15px rgba(93, 52, 164, 0.35);
            padding: 8px 0;
            position: relative;
            z-index: 1001; /* რჩება ჰედერის ზემოთ */
        }
        .test-mode-banner-inner {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            text-align: center;
            flex-wrap: wrap;
        }
        .test-mode-badge {
            background: rgba(255, 184, 108, 0.15);
            color: #ffb86c;
            border: 1px solid rgba(255, 184, 108, 0.5);
            font-size: 11px;
            font-weight: 900;
            font-family: 'Orbitron', sans-serif;
            text-transform: uppercase;
            padding: 3px 10px;
            border-radius: 20px;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }
        .test-mode-text {
            color: #ffffff;
            font-size: 13px;
            font-weight: 600;
            font-family: 'Noto Sans Georgian', sans-serif;
            line-height: 1.4;
        }
        .test-mode-text a {
            color: #50fa7b;
            text-decoration: underline;
            font-weight: 800;
            font-family: 'Inter', sans-serif;
            margin-left: 3px;
            transition: color 0.2s ease, text-shadow 0.2s ease;
        }
        .test-mode-text a:hover {
            color: #bd93f9;
            text-shadow: 0 0 8px rgba(189, 147, 249, 0.6);
        }

        @media screen and (max-width: 768px) {
            .test-mode-top-banner {
                padding: 7px 10px;
            }
            .test-mode-banner-inner {
                gap: 6px;
                flex-direction: column;
            }
            .test-mode-badge {
                font-size: 9.5px;
                padding: 2px 8px;
            }
            .test-mode-text {
                font-size: 11px;
                line-height: 1.35;
            }
        }
           /* --- მსგავსი პროდუქტების ჰორიზონტალური სლაიდერი (გლობალური და Responsive) --- */
        .related-products-section { margin-top: 50px; width: 100%; position: relative; clear: both; }
        .related-products-title { font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; font-size: 24px; font-weight: 900; color: #ffffff; text-transform: uppercase; margin-bottom: 25px; border-bottom: 1px solid rgba(93, 52, 164, 0.4); padding-bottom: 12px; letter-spacing: 1px; }
        .related-slider-container { position: relative; width: 100%; display: flex; align-items: center; }
        
        .related-products-track { 
            display: flex !important; 
            flex-direction: row !important; 
            flex-wrap: nowrap !important; 
            gap: 16px !important; 
            overflow-x: auto !important; 
            scroll-behavior: smooth; 
            padding: 12px 5px !important; 
            width: 100% !important; 
            scrollbar-width: none; 
            -ms-overflow-style: none; 
            -webkit-overflow-scrolling: touch; 
        }
        .related-products-track::-webkit-scrollbar { display: none; }
        
        /* PC/დესკტოპზე - 4 პროდუქტი 1 რიგში */
        .related-products-track .product-card { 
            flex: 0 0 calc(25% - 12px) !important; 
            width: calc(25% - 12px) !important; 
            max-width: none !important; 
            min-width: 0 !important; 
            margin: 0 !important; 
            box-sizing: border-box !important; 
        }

       .related-arrow { 
            position: absolute; 
            top: 38%; /* ცენტრირებულია უშუალოდ პროდუქტების ფოტოების სიმაღლეზე */
            transform: translateY(-50%); 
            background: rgba(11, 7, 30, 0.95); 
            border: 2px solid #5d34a4; 
            color: #bd93f9; 
            width: 44px; 
            height: 44px; 
            border-radius: 50%; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            cursor: pointer; 
            z-index: 25; 
            font-size: 18px; 
            user-select: none; 
            transition: all 0.2s ease; 
            box-shadow: 0 0 15px rgba(0,0,0,0.8); 
        }
        .related-arrow:hover { background: #5d34a4; color: #ffffff; border-color: #bd93f9; transform: translateY(-50%) scale(1.1); box-shadow: 0 0 12px rgba(189, 147, 249, 0.5); }
        /* პოზიციონირება პროდუქტების ბარათების ჩარჩოს გარეთ */
        .related-arrow-left { left: -50px; }
        .related-arrow-right { right: -50px; }

        /* ტაბლეტის / iPad-ის ადაპტაცია (769px - 1194px) - 4 პროდუქტი რიგში + ისრების ჩახსნა */
        @media screen and (min-width: 769px) and (max-width: 1194px) {
            .related-arrow { display: none !important; }
            .related-products-track { gap: 12px !important; }
            .related-products-track .product-card { 
                flex: 0 0 calc(25% - 9px) !important; 
                width: calc(25% - 9px) !important; 
                min-width: 0 !important;
            }
        }

        /* 🛑 არააქტიურ მდგომარეობაში ყველა შიდა ანიმაციის გაჩერება */
        .m-cat-item:not(.active) .all-cats-icon [class^="sq-"],
        .m-cat-item:not(.active) .cooler-animated-svg .cooler-blades-group,
        .m-cat-item:not(.active) .headset-animated-svg [class^="pad-"],
        .m-cat-item:not(.active) .headset-animated-svg [class^="wave-"],
        .m-cat-item:not(.active) .keyboard-animated-svg [class^="kb-"],
        .m-cat-item:not(.active) .mouse-animated-svg .mouse-wrapper-group,
        .m-cat-item:not(.active) .mouse-animated-svg .mouse-click-effect,
        .m-cat-item:not(.active) .mouse-animated-svg .mouse-scroll-wheel,
        .m-cat-item:not(.active) .mousepad-animated-svg .mp-glider-target,
        .m-cat-item:not(.active) .adapter-animated-svg [class^="plug-"],
        .m-cat-item:not(.active) .adapter-animated-svg .hub-wires,
        .m-cat-item:not(.active) .m-anim-arrow-thrust,
        .m-cat-item:not(.active) .m-anim-charger-pins,
        .m-cat-item:not(.active) .m-anim-charger-body,
        .m-cat-item:not(.active) .m-anim-charger-bolt,
        .m-cat-item:not(.active) .ps-gamepad-anim,
        .m-cat-item:not(.active) [class^="ps-btn-"],
        .m-cat-item:not(.active) [class^="ps-dpad-"],
        #desktopMegaMenu a:not(.active) .cooler-animated-svg .cooler-blades-group,
        #desktopMegaMenu a:not(.active) .headset-animated-svg [class^="pad-"],
        #desktopMegaMenu a:not(.active) .headset-animated-svg [class^="wave-"],
        #desktopMegaMenu a:not(.active) .keyboard-animated-svg [class^="kb-"],
        #desktopMegaMenu a:not(.active) .mouse-animated-svg .mouse-wrapper-group,
        #desktopMegaMenu a:not(.active) .mouse-animated-svg .mouse-click-effect,
        #desktopMegaMenu a:not(.active) .mouse-animated-svg .mouse-scroll-wheel,
        #desktopMegaMenu a:not(.active) .mousepad-animated-svg .mp-glider-target,
        #desktopMegaMenu a:not(.active) .adapter-animated-svg [class^="plug-"],
        #desktopMegaMenu a:not(.active) .adapter-animated-svg .hub-wires,
        #desktopMegaMenu a:not(.active) .m-anim-arrow-thrust,
        #desktopMegaMenu a:not(.active) .m-anim-charger-pins,
        #desktopMegaMenu a:not(.active) .m-anim-charger-body,
        #desktopMegaMenu a:not(.active) .m-anim-charger-bolt,
        #desktopMegaMenu a:not(.active) .dt-ps-controller,
        #desktopMegaMenu a:not(.active) [class^="dt-btn-"],
        #desktopMegaMenu a:not(.active) [class^="dt-dpad-"] {
            animation: none !important;
        }

        /* 🌟 აქტიურზე და PC-ზე Hover-ისას ანიმაციის სრული ჩართვა */
        #desktopMegaMenu a:hover .cooler-animated-svg .cooler-blades-group,
        #desktopMegaMenu a.active .cooler-animated-svg .cooler-blades-group { animation: coolerSmoothSpinCycle 3s infinite !important; }
        #desktopMegaMenu a:hover .headset-animated-svg .pad-left,
        #desktopMegaMenu a.active .headset-animated-svg .pad-left { animation: earPadBassLeft 1.2s cubic-bezier(0.25, 1, 0.5, 1) infinite !important; }
        #desktopMegaMenu a:hover .headset-animated-svg .pad-right,
        #desktopMegaMenu a.active .headset-animated-svg .pad-right { animation: earPadBassRight 1.2s cubic-bezier(0.25, 1, 0.5, 1) infinite !important; }
        #desktopMegaMenu a:hover .headset-animated-svg .wave-1,
        #desktopMegaMenu a.active .headset-animated-svg .wave-1 { animation: wavePulse1 0.6s ease-in-out infinite alternate !important; }
        #desktopMegaMenu a:hover .headset-animated-svg .wave-2,
        #desktopMegaMenu a.active .headset-animated-svg .wave-2 { animation: wavePulse2 0.75s ease-in-out infinite alternate !important; }
        #desktopMegaMenu a:hover .headset-animated-svg .wave-3,
        #desktopMegaMenu a.active .headset-animated-svg .wave-3 { animation: wavePulse3 0.65s ease-in-out infinite alternate !important; }
        #desktopMegaMenu a:hover .keyboard-animated-svg .kb-key-1,
        #desktopMegaMenu a.active .keyboard-animated-svg .kb-key-1 { animation: keyTapGreen 2.2s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .keyboard-animated-svg .kb-key-2,
        #desktopMegaMenu a.active .keyboard-animated-svg .kb-key-2 { animation: keyTapPurple 2.2s ease-in-out infinite 0.25s !important; }
        #desktopMegaMenu a:hover .keyboard-animated-svg .kb-key-3,
        #desktopMegaMenu a.active .keyboard-animated-svg .kb-key-3 { animation: keyTapGreen 2.2s ease-in-out infinite 0.5s !important; }
        #desktopMegaMenu a:hover .keyboard-animated-svg .kb-space,
        #desktopMegaMenu a.active .keyboard-animated-svg .kb-space { animation: spacebarTap 2.2s ease-in-out infinite 0.75s !important; }
        #desktopMegaMenu a:hover .mouse-animated-svg .mouse-wrapper-group,
        #desktopMegaMenu a.active .mouse-animated-svg .mouse-wrapper-group { animation: mouseGlideMotion 3s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .mouse-animated-svg .mouse-click-effect,
        #desktopMegaMenu a.active .mouse-animated-svg .mouse-click-effect { animation: mouseLeftClick 3s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .mouse-animated-svg .mouse-scroll-wheel,
        #desktopMegaMenu a.active .mouse-animated-svg .mouse-scroll-wheel { animation: mouseWheelScroll 3s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .mousepad-animated-svg .mp-glider-target,
        #desktopMegaMenu a.active .mousepad-animated-svg .mp-glider-target { animation: mpGlideTrack 3.2s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .adapter-animated-svg .plug-bottom,
        #desktopMegaMenu a.active .adapter-animated-svg .plug-bottom { animation: plugBottomMotion 2.6s cubic-bezier(0.25, 1, 0.5, 1) infinite !important; }
        #desktopMegaMenu a:hover .adapter-animated-svg .plug-top-left,
        #desktopMegaMenu a.active .adapter-animated-svg .plug-top-left { animation: plugTopMotion 2.6s cubic-bezier(0.25, 1, 0.5, 1) infinite 0.22s !important; }
        #desktopMegaMenu a:hover .adapter-animated-svg .plug-top-right,
        #desktopMegaMenu a.active .adapter-animated-svg .plug-top-right { animation: plugTopMotion 2.6s cubic-bezier(0.25, 1, 0.5, 1) infinite 0.44s !important; }
        #desktopMegaMenu a:hover .adapter-animated-svg .hub-wires,
        #desktopMegaMenu a.active .adapter-animated-svg .hub-wires { animation: wiresPulse 2.6s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .m-anim-arrow-thrust,
        #desktopMegaMenu a.active .m-anim-arrow-thrust { animation: arrowLaunchWind 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite !important; }
        #desktopMegaMenu a:hover .m-anim-charger-body,
        #desktopMegaMenu a.active .m-anim-charger-body { animation: chargerBodyPulse 2s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .m-anim-charger-bolt,
        #desktopMegaMenu a.active .m-anim-charger-bolt { animation: chargerLightningZap 2s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .m-anim-charger-pins,
        #desktopMegaMenu a.active .m-anim-charger-pins { animation: chargerPinsSpark 2s ease-in-out infinite !important; }
        #desktopMegaMenu a:hover .dt-ps-controller,
        #desktopMegaMenu a.active .dt-ps-controller { animation: dtPsRumble 2.4s ease-in-out infinite !important; }

        /* მობილურის ადაპტაცია (<= 768px) - 4 კომპაქტური პროდუქტი რიგში + ისრების ჩახსნა */
        @media screen and (max-width: 768px) {
            .related-products-section { margin-top: 30px; }
            .related-arrow { display: none !important; }
            .related-products-track { gap: 8px !important; padding: 6px 2px !important; }
            .related-products-track .product-card { 
                flex: 0 0 calc(25% - 6px) !important; 
                width: calc(25% - 6px) !important; 
                min-width: 130px !important; 
                padding: 8px !important;
                border-radius: 12px !important;
            }
            .related-products-track .product-title { font-size: 10px !important; height: 28px !important; }
            .related-products-track .product-price { font-size: 12px !important; }
            .related-products-track .buy-btn { font-size: 8px !important; padding: 6px 2px !important; }
            .related-products-title { font-size: 16px; margin-bottom: 12px; }
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { background-color: #060412; color: #ffffff; font-family: 'Inter', 'Noto Sans Georgian', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
        .container { width: 85%; max-width: 1400px; margin: 0 auto; padding: 0 10px; }

        /* --- PRELOADER (ჩატვირთვის ეკრანი) --- */
        #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #060412; z-index: 99999; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity 0.5s ease, visibility 0.5s ease; }
        .loader-logo-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; }
        .loader-spinner { position: absolute; width: 100%; height: 100%; border: 3px solid transparent; border-top-color: #bd93f9; border-bottom-color: #50fa7b; border-radius: 50%; animation: spin 1s linear infinite; }
        .loader-logo { width: 70px; height: auto; animation: pulse 1.5s ease-in-out infinite alternate; filter: drop-shadow(0 0 10px rgba(189, 147, 249, 0.5)); }
        @keyframes spin { 100% { transform: rotate(360deg); } }
        @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 100% { transform: scale(1.1); opacity: 1; } }

        /* --- მობილურის ელემენტების მკაცრი დამალვა დესკტოპზე --- */
        .hamburger-icon, 
        .mobile-search-btn, 
        .mobile-bottom-nav,
        .mobile-catalog-menu,
        .close-menu-btn { 
            display: none !important; 
        }
        @media screen and (min-width: 1195px) {
            .mobile-notif-btn {
                display: none !important;
            }
        }

/* --- შეტყობინებების გვერდის და ბარათების სტილები --- */
.notif-card {
    background: #110d2c;
    border: 1.5px solid #251b4f;
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 14px;
    transition: all 0.2s ease;
    position: relative;
}
.notif-card.unread {
    border-color: #bd93f9;
    background: rgba(189, 147, 249, 0.05);
    box-shadow: 0 4px 15px rgba(93, 52, 164, 0.15);
}
.notif-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
}
.notif-sender-badge {
    font-size: 11px;
    font-weight: 900;
    padding: 4px 10px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.notif-sender-system {
    background: rgba(80, 250, 123, 0.15);
    color: #50fa7b;
    border: 1px solid rgba(80, 250, 123, 0.3);
}
.notif-sender-admin {
    background: rgba(255, 184, 108, 0.15);
    color: #ffb86c;
    border: 1px solid rgba(255, 184, 108, 0.3);
}
.notif-title {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 6px;
}
.notif-body {
    font-size: 14px;
    color: #a0a0b8;
    line-height: 1.6;
}

/* 🚀 60 FPS იდეალურად ცენტრირებული Floating "ჩამომიტანე" ღილაკი */
        .floating-import-btn {
            position: fixed;
            bottom: 5%;
            right: 5%;
            z-index: 9999;
            display: inline-flex;
            align-items: center;
            background: #0b071e;
            border: 2px solid #5d34a4;
            color: #ffffff;
            height: 52px;
            width: 175px;
            padding: 0;
            border-radius: 26px;
            cursor: pointer;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.75), 0 0 18px rgba(93, 52, 164, 0.35);
            overflow: hidden;
            user-select: none;
            outline: none;
            box-sizing: border-box;
            transform: translateZ(0); /* 🚀 აიძულებს GPU რენდერს */
            will-change: width, transform; /* 🚀 გამორიცხავს კადრების ჩავარდნას */
            transition: width 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
                        border-color 0.25s ease,
                        box-shadow 0.25s ease,
                        transform 0.2s ease,
                        opacity 0.2s ease;
        }
        /* ფიქსირებული 52x52 კვადრატი - გარანტირებული მათემატიკური ცენტრირება */
        .floating-import-btn .floating-icon-wrap {
            width: 48px;
            height: 48px;
            min-width: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .floating-import-btn .floating-icon-wrap svg {
            width: 22px;
            height: 22px;
            stroke: #50fa7b;
            stroke-width: 3.5; /* გასქელებული მკაფიო + */
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: stroke 0.25s ease;
        }

        /* ტექსტის გლუვი ჩაკეცვის კონტეინერი */
        .floating-import-btn .floating-text-wrap {
            display: grid;
            grid-template-columns: 1fr;
            min-width: 0;
            transition: grid-template-columns 0.4s cubic-bezier(0.25, 1, 0.5, 1),
                        opacity 0.3s ease-in,
                        padding 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            padding-right: 18px;
            overflow: hidden;
        }

        .floating-import-btn .floating-btn-text {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 13px;
            font-weight: 900;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
        }

        /* 🌀 ჩამოსქროლვისას: ღილაკი ხდება ზუსტად 52px (სუფთა წრე) და აიქონი რჩება ცენტრში */
        .floating-import-btn.scrolled {
            width: 52px;
            border-color: #bd93f9;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.85), 0 0 22px rgba(189, 147, 249, 0.55);
        }

        .floating-import-btn.scrolled .floating-icon-wrap {
            transform: rotate(180deg);
        }

        .floating-import-btn.scrolled .floating-icon-wrap svg {
            stroke: #bd93f9;
        }

        .floating-import-btn.scrolled .floating-text-wrap {
            grid-template-columns: 0fr;
            padding-right: 0;
            opacity: 0;
            visibility: hidden;
            transition: grid-template-columns 0.38s cubic-bezier(0.25, 1, 0.5, 1),
                        opacity 0.12s ease-out,
                        visibility 0.12s ease-out;
        }

        .floating-import-btn:hover {
            transform: translateY(-2px) scale(1.03);
            border-color: #50fa7b;
            box-shadow: 0 10px 30px rgba(80, 250, 123, 0.4);
        }

        .floating-import-btn:hover .floating-icon-wrap svg {
            stroke: #50fa7b;
        }

        .floating-import-btn.hidden-page {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(20px) scale(0.8);
        }

        /* Tablet (iPad) */
        @media screen and (min-width: 769px) and (max-width: 1194px) {
            .floating-import-btn {
                bottom: calc(5% + 75px);
                right: 5%;
            }
        }

        /* Mobile */
        @media screen and (max-width: 768px) {
            .floating-import-btn {
                bottom: calc(5% + 70px);
                right: 5%;
                height: 46px;
                width: 155px;
            }
            .floating-import-btn.scrolled {
                width: 46px;
            }
            .floating-import-btn .floating-icon-wrap {
                width: 42px;
                height: 42px;
                min-width: 42px;
            }
            .floating-import-btn .floating-icon-wrap svg {
                width: 20px;
                height: 20px;
                stroke-width: 3.5;
            }
            .floating-import-btn .floating-text-wrap {
                padding-right: 14px;
            }
            .floating-import-btn .floating-btn-text {
                font-size: 11px;
            }
        }

        /* --- დესკტოპის ჰედერი --- */
        header { background-color: rgba(6, 4, 18, 0.95); border-bottom: 3px solid #5d34a4; position: sticky; top: 0; z-index: 1000; height: 130px; display: flex; align-items: center; backdrop-filter: blur(10px); }
        .nav-container { width: 95%; max-width: 1700px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; position: relative; height: 100%; }
        
        .nav-left { display: flex; align-items: center; gap: 10px; z-index: 2; max-width: 45%; position: relative; left: -30px; }
        .logo { display: flex; align-items: center; position: relative; left: 0; transform: none; }
        .logo { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.logo img { height: 80px !important; width: auto !important; max-width: none !important; object-fit: contain; display: block; cursor: pointer; transition: transform 0.3s ease; }
.logo img:hover { transform: scale(1.02); }
        
        /* საძიებო ველი (დესკტოპ) */
        .search-box { width: 224px; flex-shrink: 0; position: relative; margin-left: 50px; }
        .search-box input { width: 100%; padding: 12px 40px 12px 20px; background-color: #110d2c; border: 2px solid #251b4f; border-radius: 50px; color: #ffffff; font-family: 'Inter', 'Noto Sans Georgian', sans-serif; font-size: 13px; font-weight: 600; outline: none; transition: all 0.3s ease; }
        .search-box input:focus { border-color: #bd93f9; box-shadow: 0 0 10px rgba(189, 147, 249, 0.4); background-color: #16103c; }
        .search-box svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; transition: stroke 0.3s ease; }
        .search-box input:focus + svg { stroke: #bd93f9; }

        .nav-center { position: absolute; left: 50%; top: 50%; transform: translate(-44%, -50%); z-index: 1; display: flex; justify-content: center; }
        .nav-center nav { position: relative; }
        .nav-links { display: flex; list-style: none; gap: 50px; }
        .nav-links a { color: #ffffff; text-decoration: none; font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; font-weight: 900; font-size: 26px; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; transition: all 0.3s ease; }
        .nav-links a:hover { color: #ffffff; text-shadow: 0 0 12px #bd93f9; }

        /* მეგა მენიუ (დესკტოპ) */
.dropdown-parent,
.techaccs-dropdown-parent { 
    position: relative; 
}

/* ღილაკიდან ქვევით მიმართული უხილავი დამცავი ზონა */
.dropdown-parent::after,
.techaccs-dropdown-parent::after {
    content: '';
    position: absolute;
    top: 100%;
    left: -25px;
    width: calc(100% + 50px);
    height: 75px;
    background: transparent;
    z-index: 998;
}

.mega-menu { 
    position: absolute; 
    top: 108px; /* ზუსტი, თანაბარი დისტანცია ორივე დროპდაუნისთვის */
    left: 50%; 
    transform: translateX(-50%); 
    
    width: 780px; 
    height: auto; 
    min-height: fit-content;

    padding-top: 15px; 
    padding-bottom: 25px; 
    padding-left: 35px; 
    padding-right: 15px; 

    row-gap: 20px; 
    column-gap: 50px; 

    background-color: #0b071e; 
    border: 2px solid #5d34a4; 
    border-radius: 16px; 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    justify-content: center; 
    z-index: 999; 
    
    opacity: 0; 
    visibility: hidden;
    pointer-events: none; 
    transition: opacity 0.2s ease, visibility 0.2s ease;
    transition-delay: 0.15s; /* 150ms ბუფერი: მაუსის ჩამოსვლისას გამორიცხავს გაქრობასა და ციმციმს */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7); 
}

/* მენიუდან ზევით მიმართული უხილავი ხიდი, რომელიც ერწყმის ღილაკს */
.mega-menu::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 60px;
    background: transparent;
}

/* "კომბო" ღილაკის ქვედა დაშორების დაბალანსება */
#desktopMegaMenu a.combo-link-top { 
    grid-column: 2; 
    grid-row: 1; 
    justify-self: start; 
    margin-bottom: 12px; 
}

/* Hover აქტივაცია: მყისიერი გახსნა დაყოვნების გარეშე */
.dropdown-parent:hover .mega-menu,
.techaccs-dropdown-parent:hover .techaccs-mega-menu { 
    opacity: 1; 
    visibility: visible;
    pointer-events: auto; 
    transition-delay: 0s;
}
        .techaccs-link-group { display: flex; align-items: center; text-decoration: none; cursor: pointer; }
        .techaccs-link-group:hover span { color: #bd93f9; text-shadow: 0 0 12px #bd93f9; }
        .techaccs-link-group:hover svg { stroke: #bd93f9; filter: drop-shadow(0 0 8px #bd93f9); }
        .techaccs-arrow-svg { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .techaccs-dropdown-parent:hover .techaccs-arrow-svg { transform: rotate(180deg); }
        .mega-menu a { font-family: 'Inter', 'Noto Sans Georgian', sans-serif; font-size: 17px; font-weight: 800; color: #ffffff; text-transform: none; letter-spacing: 0; transition: all 0.2s ease; text-decoration: none; white-space: nowrap; padding: 8px 10px; background: transparent; border: none; text-align: left; }
        .mega-menu a:hover { color: #bd93f9; text-shadow: 0 0 10px #bd93f9; transform: translateX(4px); }
        .nav-item-flex { display: flex; align-items: center; gap: 5px; }

        /* ძველი ორიგინალი ზომები პროფილის და აიქონებისთვის */
        .nav-right { display: flex; align-items: center; justify-content: flex-end; gap: 25px; z-index: 2; position: relative; left: -30px; }
        .nav-icon-wrapper { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100%; padding: 10px 0; }
        .nav-icon-wrapper svg { width: 30px; height: 30px; stroke: #ffffff; stroke-width: 2; fill: none; transition: all 0.2s ease; }
        .nav-icon-wrapper:hover svg { transform: scale(1.1); }
        
        .header-heart-icon.filled circle, .header-heart-icon.filled path { fill: #ffffff; stroke: #ffffff; }
        .header-cart-icon.filled circle, .header-cart-icon.filled path { fill: #ffffff; stroke: #ffffff; }
        
        .header-fav-badge, .header-cart-badge, .header-notif-badge { position: absolute; top: 0px; right: -8px; background-color: #ffffff; color: #5d34a4; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 900; width: 18px; height: 18px; border-radius: 50%; display: none; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.5); pointer-events: none; z-index: 2; }
.header-notif-badge { background-color: #ff5555; color: #ffffff; }
.header-notif-icon.filled path { fill: #ffffff; }
/* ✉️ შეტყობინების აიქონის (და ბეიჯის) სწრაფი Squash & Stretch Wiggle ანიმაცია (7 წამიანი ციკლი) */
@keyframes notifFastWiggleSquash {
    0% { transform: translateY(0) scale(1, 1) rotate(0deg); }
    2% { transform: translateY(2px) scale(1.1, 0.8) rotate(0deg); }
    4% { transform: translateY(-6px) scale(0.9, 1.15) rotate(-15deg); }
    6% { transform: translateY(-7px) scale(0.95, 1.1) rotate(15deg); }
    8% { transform: translateY(-8px) scale(0.95, 1.1) rotate(-15deg); }
    10% { transform: translateY(-7px) scale(0.95, 1.1) rotate(15deg); }
    12% { transform: translateY(-6px) scale(0.95, 1.1) rotate(-12deg); }
    16% { transform: translateY(3px) scale(1.15, 0.75) rotate(8deg); }
    20% { transform: translateY(0) scale(0.95, 1.05) rotate(-5deg); }
    24% { transform: translateY(0) scale(1.02, 0.98) rotate(3deg); }
    28% { transform: translateY(0) scale(1, 1) rotate(0deg); }
    100% { transform: translateY(0) scale(1, 1) rotate(0deg); }
}

/* Mobile & iPad-ისთვის სპეციალური ანიმაცია - ინარჩუნებს translateY(-50%)-ის იდეალურ ცენტრს */
@keyframes notifMobileFastWiggleSquash {
    0% { transform: translateY(-50%) scale(1, 1) rotate(0deg); }
    2% { transform: translateY(calc(-50% + 2px)) scale(1.1, 0.8) rotate(0deg); }
    4% { transform: translateY(calc(-50% - 6px)) scale(0.9, 1.15) rotate(-15deg); }
    6% { transform: translateY(calc(-50% - 7px)) scale(0.95, 1.1) rotate(15deg); }
    8% { transform: translateY(calc(-50% - 8px)) scale(0.95, 1.1) rotate(-15deg); }
    10% { transform: translateY(calc(-50% - 7px)) scale(0.95, 1.1) rotate(15deg); }
    12% { transform: translateY(calc(-50% - 6px)) scale(0.95, 1.1) rotate(-12deg); }
    16% { transform: translateY(calc(-50% + 3px)) scale(1.15, 0.75) rotate(8deg); }
    20% { transform: translateY(-50%) scale(0.95, 1.05) rotate(-5deg); }
    24% { transform: translateY(-50%) scale(1.02, 0.98) rotate(3deg); }
    28% { transform: translateY(-50%) scale(1, 1) rotate(0deg); }
    100% { transform: translateY(-50%) scale(1, 1) rotate(0deg); }
}

/* PC-სთვის */
.notif-has-unread.nav-icon-wrapper {
    animation: notifFastWiggleSquash 7s ease-in-out infinite !important;
    transform-origin: center bottom;
}

/* მობილურისთვის/iPad-ისთვის */
button.mobile-notif-btn.notif-has-unread {
    animation: notifMobileFastWiggleSquash 7s ease-in-out infinite !important;
    transform-origin: center bottom;
} 
        .fav-dropdown, .cart-dropdown { position: absolute; top: 100%; right: -60px; width: 320px; background-color: #0b071e; border: 2px solid #5d34a4; border-radius: 12px; padding: 15px; box-shadow: 0 15px 30px rgba(0,0,0,0.8); opacity: 0; pointer-events: none; transform: translateY(10px); transition: all 0.2s ease; z-index: 1000; display: flex; flex-direction: column; gap: 10px; cursor: default; }
        .nav-icon-wrapper:hover .fav-dropdown, .nav-icon-wrapper:hover .cart-dropdown { opacity: 1; pointer-events: auto; transform: translateY(0); }
        .fav-dropdown-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #251b4f; padding-bottom: 10px; margin-bottom: 5px; }
        .fav-dropdown-empty { text-align: center; color: #a0a0b8; font-size: 14px; padding: 20px 0; font-family: 'Noto Sans Georgian', sans-serif; }
        .fav-dropdown-list { max-height: 300px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }
        .fav-dropdown-list::-webkit-scrollbar { width: 4px; }
        .fav-dropdown-list::-webkit-scrollbar-track { background: #0b071e; }
        .fav-dropdown-list::-webkit-scrollbar-thumb { background: #5d34a4; border-radius: 2px; }
        .fav-item-mini { display: flex; align-items: center; gap: 12px; background: #110d2c; padding: 8px; border-radius: 8px; border: 1px solid #1c1642; transition: border-color 0.2s; cursor: pointer; }
        .fav-item-mini:hover { border-color: #bd93f9; }
        .fav-item-mini img { width: 45px; height: 45px; border-radius: 6px; object-fit: cover; }
        .fav-item-mini-info { display: flex; flex-direction: column; flex: 1; overflow: hidden; }
        .fav-item-mini-title { font-size: 13px; font-weight: 700; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .fav-item-mini-price { font-family: 'Orbitron', sans-serif; font-size: 12px; color: #50fa7b; font-weight: 900; margin-top: 4px; }
        .fav-dropdown-btn, .cart-dropdown-btn { background: linear-gradient(90deg, #5d34a4, #bd93f9); color: white; border: none; padding: 12px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; font-size: 13px; cursor: pointer; width: 100%; text-transform: uppercase; margin-top: 5px; transition: opacity 0.2s; }
        .fav-dropdown-btn:hover, .cart-dropdown-btn:hover { opacity: 0.9; }

        .auth-btn { display: flex; align-items: center; gap: 10px; background: transparent; border: none; color: #ffffff; font-family: 'Inter', 'Noto Sans Georgian', sans-serif; font-size: 18px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; padding: 5px 10px; }
        .auth-btn:hover { color: #bd93f9; }
        .auth-btn:hover svg { stroke: #bd93f9; }
        .auth-btn svg { width: 28px; height: 28px; stroke: #ffffff; stroke-width: 2; fill: none; transition: stroke 0.2s ease; }

        /* --- მოდალები --- */
        .modal-overlay { 
            display: none; 
            position: fixed; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            background: rgba(6, 4, 18, 0.85); 
            backdrop-filter: blur(8px); 
            z-index: 100020; 
            align-items: center; 
            justify-content: center; 
            padding: 20px 15px; 
            box-sizing: border-box; 
        }
        .modal-overlay.active { display: flex; }
        .modal-content { 
            background-color: #0b071e; 
            border: 2px solid #5d34a4; 
            padding: 30px; 
            border-radius: 18px; 
            width: 440px; 
            max-width: 100%; 
            text-align: center; 
            position: relative; 
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85); 
            max-height: min(85dvh, 680px); 
            overflow-y: auto; 
            box-sizing: border-box; 
        }
        .modal-content::-webkit-scrollbar { width: 6px; }
        .modal-content::-webkit-scrollbar-track { background: #0b071e; }
        .modal-content::-webkit-scrollbar-thumb { background: #5d34a4; border-radius: 3px; }
        .close-modal { position: absolute; top: 10px; right: 15px; font-size: 28px; color: #a0a0b8; cursor: pointer; transition: 0.2s; z-index: 2; }
        .close-modal:hover { color: #ffffff; }
        .modal-input { width: 100%; padding: 12px; margin-bottom: 15px; background: #060412; border: 2px solid #251b4f; border-radius: 8px; color: white; outline: none; font-family: 'Inter', sans-serif; font-size: 14px; }
        .modal-input:focus { border-color: #bd93f9; }
        select.modal-input option { background-color: #060412; color: white; }
        .modal-submit-btn { width: 100%; padding: 12px; background: linear-gradient(90deg, #5d34a4, #bd93f9); color: white; border: none; border-radius: 8px; cursor: pointer; font-weight: 700; font-family: 'Noto Sans Georgian', sans-serif; font-size: 15px; transition: opacity 0.2s; margin-top: 5px; }
        .modal-submit-btn:hover { opacity: 0.9; }
        .auth-switch-text { margin-top: 20px; font-size: 14px; color: #a0a0b8; font-family: 'Noto Sans Georgian', sans-serif; }
        .auth-switch-text a { color: #50fa7b; text-decoration: none; font-weight: 700; transition: color 0.2s; }
        .auth-switch-text a:hover { color: #00ff7f; }

        .page-section { display: none; }
        .page-section.active { display: block; }

        /* --- სლაიდერი და UI --- */
        .hero-slider-section { width: 100%; margin-top: 40px; margin-bottom: 40px; }
        
        .slider-container { position: relative; width: 100%; border-radius: 20px; overflow: hidden; background-color: #0b071e; aspect-ratio: 1400 / 450; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
        .slider-wrapper { display: flex; width: 100%; height: 100%; transition: transform 0.6s ease; }
        .slide { min-width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
        .slide { position: relative; cursor: pointer; }
        .slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center; display: block; }
        /* Apple-ის ინსპირაციის პრემიუმ მინიმალისტური CTA ღილაკი */
        .banner-cta-btn { 
            position: absolute; 
            bottom: 35px; 
            right: 45px; 
            background: rgba(255, 255, 255, 0.12); 
            color: #ffffff; 
            border: 1px solid rgba(255, 255, 255, 0.25); 
            padding: 11px 26px; 
            border-radius: 20px; 
            font-family: 'Inter', 'Noto Sans Georgian', sans-serif; 
            font-weight: 600; 
            font-size: 14px; 
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.2);
            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
            z-index: 5;
            cursor: pointer;
            letter-spacing: -0.1px;
        }
        .banner-cta-btn:hover { 
            transform: translateY(-1px); 
            background: rgba(255, 255, 255, 1);
            color: #060412;
            border-color: rgba(255, 255, 255, 1);
            box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25); 
        }
        @media screen and (max-width: 768px) {
            .banner-cta-btn { bottom: 15px; right: 15px; padding: 7px 16px; font-size: 11px; border-radius: 14px; }
        }
        @media screen and (max-width: 768px) {
            .banner-cta-btn { bottom: 15px; right: 15px; padding: 6px 14px; font-size: 10px; box-shadow: 0 0 10px rgba(80, 250, 123, 0.4); }
        }
        
        .slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(6, 4, 18, 0.6); border: 2px solid #5d34a4; color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: background 0.3s, transform 0.2s; font-size: 20px; user-select: none; }
        .arrow-left { left: 25px; } .arrow-right { right: 25px; }
        .slider-arrow:hover { background: #bd93f9; transform: translateY(-50%) scale(1.1); }
        .slider-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; z-index: 10; }
        .dot { width: 14px; height: 14px; background: rgba(255, 255, 255, 0.3); border: 2px solid transparent; border-radius: 50%; cursor: pointer; transition: all 0.3s; }
        .dot.active { background: #bd93f9; border-color: #ffffff; transform: scale(1.2); }

        /* --- 🎮 3 Platform Card Banners (Mobile / Both / PC) --- */
        .platform-selector-section {
            margin: 35px 0 25px 0;
            text-align: center;
            width: 100%;
        }
        .platform-selector-title {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 28px;
            font-weight: 900;
            color: #ffffff;
            letter-spacing: 1px;
            margin-bottom: 22px;
            text-transform: uppercase;
            text-shadow: 0 0 20px rgba(189, 147, 249, 0.6), 0 0 40px rgba(93, 52, 164, 0.4);
        }

        /* მობილურის/iPad-ის კატალოგის მენიუს შიდა ქარდების კონტეინერი */
        /* 📱 მობაილის & iPad-ის შიდა კომპაქტური ქარდ-ბანერები */
        .m-cat-inner-hub {
            margin-bottom: 15px;
            padding-bottom: 12px;
            border-bottom: 1px dashed rgba(93, 52, 164, 0.35);
        }
        .m-cat-hub-title {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 11.5px;
            font-weight: 900;
            color: #ffffff;
            text-align: center;
            margin-bottom: 8px;
            letter-spacing: 0.3px;
            text-transform: uppercase;
        }
        .m-cat-cards-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
        }
        .m-cat-cards-row .platform-card-btn {
            border-radius: 10px;
            border-width: 1.5px;
        }
        .m-cat-cards-row .platform-card-label {
            font-size: 9px;
            letter-spacing: 0px;
        }

        /* iPad ადაპტაცია (769px - 1194px) */
        @media screen and (min-width: 769px) and (max-width: 1194px) {
            .m-cat-hub-title { font-size: 13px; margin-bottom: 10px; }
            .m-cat-cards-row { gap: 12px; }
            .m-cat-cards-row .platform-card-label { font-size: 10px; }
        }
        .platform-cards-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .platform-card-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }
        .platform-card-btn {
            width: 100%;
            background: #0b071e;
            border: 2px solid #251b4f;
            border-radius: 18px;
            aspect-ratio: 1 / 1;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            padding: 0;
            transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* 🎮 ზე-კატეგორიების ქარდების ქვედა ტექსტები (დიდი, Bold და კაშკაშა თეთრი) */
        .platform-card-label {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 18px;
            font-weight: 900;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            text-align: center;
            text-shadow: 0 0 12px rgba(255, 255, 255, 0.5);
        }
        .platform-card-item:hover .platform-card-btn {
            transform: translateY(-4px) scale(1.02);
            border-color: #bd93f9;
            box-shadow: 0 12px 30px rgba(189, 147, 249, 0.35);
        }
        .platform-card-item:hover .platform-card-label {
            color: #bd93f9;
            text-shadow: 0 0 16px rgba(189, 147, 249, 0.8);
        }
        .platform-card-btn.active + .platform-card-label,
        .platform-card-item.active .platform-card-label {
            color: #50fa7b !important;
            text-shadow: 0 0 18px rgba(80, 250, 123, 0.9) !important;
        }

        .platform-card-btn img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease, filter 0.3s ease;
        }
        .platform-card-btn:hover {
            transform: translateY(-4px) scale(1.02);
            border-color: #bd93f9;
            box-shadow: 0 12px 30px rgba(189, 147, 249, 0.35);
        }
        .platform-card-btn:hover img {
            transform: scale(1.05);
        }
        .platform-card-btn.active {
            border-color: #50fa7b !important;
            box-shadow: 0 0 25px rgba(80, 250, 123, 0.55), inset 0 0 15px rgba(80, 250, 123, 0.2) !important;
            transform: translateY(-2px);
        }

        /* --- სპეციფიკაციების დინამიური ფილტრის სტილები (დახვეწილი ნეონ UI) --- */
        .spec-filter-group {
            margin-top: 25px;
            border-top: 1px solid rgba(93, 52, 164, 0.4);
            padding-top: 18px;
        }
        .spec-subgroup {
            background: rgba(17, 13, 44, 0.5);
            border: 1px solid #251b4f;
            border-radius: 12px;
            padding: 12px 14px;
            margin-bottom: 12px;
            transition: border-color 0.2s;
        }
        .spec-subgroup:hover {
            border-color: rgba(189, 147, 249, 0.4);
        }
        .spec-subgroup {
            background: rgba(17, 13, 44, 0.6);
            border: 1px solid #251b4f;
            border-radius: 12px;
            margin-bottom: 10px;
            overflow: hidden;
            transition: border-color 0.2s;
        }
        .spec-subgroup.expanded {
            border-color: #5d34a4;
        }
        .spec-subgroup-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 14px;
            cursor: pointer;
            user-select: none;
            background: rgba(6, 4, 18, 0.4);
            transition: background 0.2s;
        }
        .spec-subgroup-header:hover {
            background: rgba(93, 52, 164, 0.2);
        }
        .spec-subgroup-title {
            color: #bd93f9;
            font-size: 12.5px;
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            gap: 6px;
            margin-bottom: 0;
        }
        .spec-subgroup-title::before {
            content: '';
            width: 4px;
            height: 12px;
            background: #bd93f9;
            border-radius: 2px;
            box-shadow: 0 0 8px #bd93f9;
        }
        .spec-subgroup-arrow {
            color: #a0a0b8;
            font-size: 11px;
            transition: transform 0.25s ease;
        }
        .spec-subgroup-content {
            display: none;
            padding: 10px 14px 12px 14px;
            border-top: 1px dashed rgba(37, 27, 79, 0.6);
            background: rgba(6, 4, 18, 0.3);
        }
        .spec-checkbox-label {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 12.5px;
            color: #a0a0b8;
            margin-bottom: 6px;
            padding: 4px 6px;
            border-radius: 6px;
            cursor: pointer;
            user-select: none;
            transition: all 0.2s;
        }
        .spec-checkbox-label:hover {
            color: #ffffff;
            background: rgba(189, 147, 249, 0.08);
        }
        .spec-checkbox-label input {
            accent-color: #50fa7b;
            width: 15px;
            height: 15px;
            cursor: pointer;
        }
        .spec-checkbox-label.checked {
            color: #50fa7b;
            font-weight: 700;
        }

        /* მობილურის / iPad-ის კატალოგის ფილტრის ზოლი და ღილაკი */
        .m-cat-filter-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #0b071e;
            border: 1px solid #251b4f;
            border-radius: 12px;
            padding: 8px 14px;
            margin-bottom: 15px;
        }
        .m-cat-filter-title {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 13px;
            font-weight: 900;
            color: #ffffff;
        }
        .mobile-filter-trigger-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: rgba(189, 147, 249, 0.12);
            border: 1.5px solid #5d34a4;
            color: #bd93f9;
            padding: 6px 12px;
            border-radius: 8px;
            font-family: 'Noto Sans Georgian', sans-serif;
            font-size: 11px;
            font-weight: 800;
            cursor: pointer;
            transition: all 0.2s;
        }
        .mobile-filter-trigger-btn:hover {
            background: #5d34a4;
            color: #ffffff;
            border-color: #bd93f9;
        }
        .filter-badge {
            background: #50fa7b;
            color: #060412;
            font-size: 9px;
            font-weight: 900;
            padding: 1px 5px;
            border-radius: 8px;
        }

        /* მობილურის/iPad-ის Drawer (iPad-ზე დაახლოებით 25-30% სიგანე) */
        .spec-drawer-overlay {
            display: none;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(6, 4, 18, 0.85);
            z-index: 99995;
            backdrop-filter: blur(6px);
        }
        .spec-drawer-overlay.active { display: block; }
        .spec-drawer {
            position: fixed;
            top: 0; right: 0;
            width: 340px;
            max-width: 85%;
            height: 100%;
            background: #0b071e;
            border-left: 2px solid #5d34a4;
            z-index: 99999;
            transform: translateX(100%);
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            flex-direction: column;
            box-shadow: -15px 0 40px rgba(0,0,0,0.85);
        }
        @media screen and (min-width: 769px) and (max-width: 1194px) {
            .spec-drawer { width: 30%; min-width: 300px; }
        }
        .spec-drawer.active { transform: translateX(0); }
        .spec-drawer-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 20px;
            border-bottom: 1px solid #251b4f;
            background: #110d2c;
        }
        .spec-drawer-title {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 15px;
            font-weight: 900;
            color: #ffffff;
            letter-spacing: 0.5px;
        }
        .spec-drawer-close {
            background: transparent;
            border: none;
            color: #ff5555;
            font-size: 28px;
            cursor: pointer;
            line-height: 1;
        }
        .spec-drawer-body {
            flex: 1;
            overflow-y: auto;
            padding: 16px;
        }
        .spec-drawer-footer {
            padding: 14px 18px;
            border-top: 1px solid #251b4f;
            background: #060412;
            display: flex;
            gap: 10px;
        }

       /* Sidebar Super-Category Switcher (კატალოგის გვერდზე მარცხენა სარჩევის თავში) */
        .sidebar-supercat-wrapper {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 20px;
            border-bottom: 2px dashed #251b4f;
            padding-bottom: 18px;
        }
        .sidebar-supercat-btn {
            background: #110d2c;
            border: 1px solid #251b4f;
            color: #a0a0b8;
            padding: 10px 14px;
            border-radius: 10px;
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            transition: all 0.2s ease;
            text-align: center;
            letter-spacing: 0.5px;
        }
        .sidebar-supercat-btn:hover {
            border-color: #bd93f9;
            color: #ffffff;
            background: #18133a;
        }
        .sidebar-supercat-btn.active {
            background: linear-gradient(90deg, #5d34a4, #bd93f9);
            color: #ffffff;
            border-color: #bd93f9;
            box-shadow: 0 0 12px rgba(189, 147, 249, 0.4);
        }

        /* 🌌 კატეგორიის სექციის ბლოკი - WebKit Safari Fix */
        .category-section-block {
            display: block;
            background: transparent;
            border: none;
            padding: 0;
            margin-bottom: 45px;
            width: 100%;
            clear: both;
            position: relative;
        }
        .category-section-block .category-section-header {
            margin-bottom: 20px;
        }

        /* ჰედერი ნეონის ხაზით */
        .category-section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgba(93, 52, 164, 0.45);
            padding-bottom: 14px;
            position: relative;
        }
        .category-section-header::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 70px;
            height: 2px;
            background: linear-gradient(90deg, #bd93f9, #50fa7b);
            box-shadow: 0 0 10px rgba(80, 250, 123, 0.8);
            border-radius: 2px;
        }

        /* 🌌 კატეგორიის მთავარი სათაურები ("ქულერები", "ყურსასმენები"... სუფთა თეთრი ნათების გარეშე) */
        .category-section-header h2 {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 38px;
            font-weight: 900;
            letter-spacing: 1px;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 10px;
            color: #ffffff;
            text-shadow: none;
        }

        /* ანიმაციური "ყველას ნახვა" ღილაკი */
        .category-view-all-btn {
            background: rgba(189, 147, 249, 0.08);
            border: 1.5px solid rgba(189, 147, 249, 0.35);
            color: #bd93f9;
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 12px;
            font-weight: 800;
            padding: 8px 18px;
            border-radius: 20px;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            text-transform: uppercase;
        }
        .category-view-all-btn span.arrow-anim {
            transition: transform 0.3s ease;
            display: inline-block;
        }
        .category-view-all-btn:hover {
            background: linear-gradient(90deg, #5d34a4, #bd93f9);
            color: #ffffff;
            border-color: #bd93f9;
            box-shadow: 0 0 16px rgba(189, 147, 249, 0.5);
            transform: translateX(3px);
        }
        .category-view-all-btn:hover span.arrow-anim {
            transform: translateX(4px);
        }

        @media screen and (max-width: 768px) {
            .platform-selector-title { font-size: 16px; margin-bottom: 15px; }
            .platform-cards-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
            .platform-card-btn { border-radius: 12px; }
            .platform-card-item { gap: 6px; }
            .platform-card-label { font-size: 13px; letter-spacing: 0.5px; }
            .category-section-block { padding: 16px 12px 20px 12px; border-radius: 18px; gap: 14px; }
            .category-section-header h2 { font-size: 25px; letter-spacing: 0.5px; }
            .category-view-all-btn { padding: 6px 12px; font-size: 10px; }
        }
        .section-title { font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; font-weight: 900; font-size: 32px; text-transform: uppercase; text-align: center; margin: 50px 0 30px 0; color: #ffffff; text-shadow: 0 0 10px rgba(189, 147, 249, 0.2); }

        .shop-layout { display: grid; grid-template-columns: 280px 1fr; gap: 40px; margin-top: 40px; }
        .filters-sidebar { background-color: #0b071e; border: 2px solid #1c1642; border-radius: 16px; padding: 25px; height: fit-content; }
        .filter-group { margin-bottom: 30px; }
        .filter-group h4 { font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; font-size: 16px; color: #bd93f9; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; }
        
        .price-range-wrapper { position: relative; width: 100%; height: 40px; margin-top: 10px; }
        .price-slider-track { position: absolute; width: 100%; height: 6px; background-color: #1c1642; border-radius: 3px; top: 50%; transform: translateY(-50%); z-index: 1; }
        .price-slider-progress { position: absolute; height: 6px; background: linear-gradient(90deg, #5d34a4, #bd93f9); border-radius: 3px; top: 50%; transform: translateY(-50%); z-index: 2; }
        .range-input-container { position: relative; width: 100%; height: 100%; }
        .range-input-container input[type="range"] { position: absolute; width: 100%; height: 6px; top: 50%; transform: translateY(-50%); background: none; pointer-events: none; -webkit-appearance: none; appearance: none; margin: 0; z-index: 3; }
        .range-input-container input[type="range"]::-webkit-slider-thumb { height: 18px; width: 18px; border-radius: 50%; background: #50fa7b; box-shadow: 0 0 8px rgba(80, 250, 123, 0.6); cursor: pointer; pointer-events: auto; -webkit-appearance: none; }
        .range-input-container input[type="range"]::-moz-range-thumb { height: 18px; width: 18px; border: none; border-radius: 50%; background: #50fa7b; box-shadow: 0 0 8px rgba(80, 250, 123, 0.6); cursor: pointer; pointer-events: auto; }
        .price-values { font-family: 'Orbitron', sans-serif; font-size: 14px; color: #50fa7b; display: flex; justify-content: space-between; margin-top: 10px; }
        .checkbox-label { display: flex; align-items: center; gap: 12px; font-size: 15px; color: #a0a0b8; margin-bottom: 12px; cursor: pointer; user-select: none; transition: color 0.2s; white-space: nowrap; }
        .checkbox-label:hover { color: #ffffff; }
        .checkbox-label input { accent-color: #bd93f9; width: 18px; height: 18px; cursor: pointer; }

        .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 25px; }
        .product-card { background-color: #110d2c; border: 2px solid #1c1642; border-radius: 16px; padding: 20px; position: relative; display: flex; flex-direction: column; overflow: hidden; transition: border-color 0.3s, transform 0.3s; }
        .product-card:hover { border-color: #5d34a4; transform: translateY(-2px); }
        .product-image-container { 
            width: 100%; 
            aspect-ratio: 1 / 1; 
            overflow: hidden; 
            border-radius: 12px; 
            margin-bottom: 15px; 
            background-color: #18133a; 
            display: block; 
            position: relative; 
        }
        .product-image-container > a {
            display: flex !important;
            width: 100% !important;
            height: 100% !important;
            align-items: center;
            justify-content: center;
        }
        .product-poster { width: 100%; height: 100%; object-fit: contain; transition: filter 0.3s ease; }
        
        /* პროდუქტის ბეიჯები */
        .product-badge-wrapper { position: absolute; top: 12px; left: 12px; z-index: 6; display: flex; flex-direction: column; gap: 5px; pointer-events: none; }
        .product-badge { padding: 6px 12px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-size: 11px; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.4); display: inline-block; width: fit-content; }
        .badge-top { background: linear-gradient(135deg, #ff0055, #ff2222); color: #ffffff; padding: 5px 12px; border-radius: 8px; font-weight: 900; }
        .badge-innovation { background: linear-gradient(135deg, #bd93f9, #8be9fd); color: #060412; padding: 5px 12px; border-radius: 8px; font-weight: 900; }
        .badge-favorite { background: linear-gradient(135deg, #ffb86c, #ff9e3d); color: #060412; padding: 5px 12px; border-radius: 8px; font-weight: 900; }
        
        /* 💖 Barbie Pink ბეიჯი – Hardware-Accelerated 60/120 FPS პეპლისებრი ნაზი ფარფატი */
        .badge-ladies {
            position: relative;
            background: linear-gradient(135deg, #c70066 0%, #f72585 55%, #e01e74 100%);
            color: #ffffff;
            padding: 5px 12px;
            border-radius: 8px;
            font-weight: 900;
            letter-spacing: 0.3px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border: 1px solid rgba(255, 182, 217, 0.45);
            box-shadow: 0 3px 14px rgba(247, 37, 133, 0.35);
            isolation: isolate;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
            transform: translateZ(0); /* ააქტიურებს GPU-ს */
        }

        /* 🦋 ფენა 1: სხვადასხვა ზომისა და ნათების ნაწილაკები (60 FPS GPU Transform ორბიტა) */
        .badge-ladies::before {
            content: '';
            position: absolute;
            width: 2.5px;
            height: 2.5px;
            border-radius: 50%;
            background: #ffffff;
            top: 45%;
            left: 15%;
            pointer-events: none;
            z-index: -1;
            /* თითოეულ ნაწილაკს აქვს განსხვავებული ზომა (Spread) და სიკაშკაშე */
            box-shadow:
                18px -9px 0 1.2px #ffffff,
                38px 7px 0 -0.4px #ffe6f3,
                58px -5px 0 0.8px #ffd0e8,
                78px 8px 0 0.2px #ffffff,
                98px -4px 0 -0.2px #ffb3d9;
            filter: drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 5px #ff4da6);
            transform-origin: 32px 18px;
            will-change: transform, opacity;
            backface-visibility: hidden;
            animation: butterflyOrbit60FPS1 7.2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
        }

        /* 🦋 ფენა 2: საპირისპირო რკალზე მოფარფატე ნაწილაკები (განსხვავებული ზომებითა და სიჩქარით) */
        .badge-ladies::after {
            content: '';
            position: absolute;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background: #ffffff;
            top: 55%;
            right: 18%;
            pointer-events: none;
            z-index: -1;
            box-shadow:
                -16px 6px 0 -0.5px #ffffff,
                -34px -8px 0 1.4px #ffffff,
                -52px 5px 0 0.3px #ffd4ec,
                -72px -6px 0 -0.3px #ffffff,
                -92px 4px 0 0.7px #ffbade;
            filter: drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 6px #ff77be);
            transform-origin: -28px -12px;
            will-change: transform, opacity;
            backface-visibility: hidden;
            animation: butterflyOrbit60FPS2 9.8s cubic-bezier(0.45, 0.05, 0.55, 0.95) 1.2s infinite alternate;
        }

        /* სუფთა GPU ტრანსფორმაციები: ნელი, პლასტიკური და სრულიად უხარვეზო მოძრაობა */
        @keyframes butterflyOrbit60FPS1 {
            0% {
                transform: translate3d(-6px, 5px, 0) rotate(0deg) scale(0.85);
                opacity: 0.35;
            }
            30% {
                transform: translate3d(5px, -6px, 0) rotate(14deg) scale(1.15);
                opacity: 0.95;
            }
            65% {
                transform: translate3d(-3px, -10px, 0) rotate(-12deg) scale(0.9);
                opacity: 0.65;
            }
            100% {
                transform: translate3d(8px, 4px, 0) rotate(16deg) scale(1.05);
                opacity: 0.4;
            }
        }

        @keyframes butterflyOrbit60FPS2 {
            0% {
                transform: translate3d(6px, -5px, 0) rotate(0deg) scale(0.9);
                opacity: 0.75;
            }
            35% {
                transform: translate3d(-5px, 6px, 0) rotate(-16deg) scale(1.1);
                opacity: 0.4;
            }
            70% {
                transform: translate3d(4px, 8px, 0) rotate(12deg) scale(0.85);
                opacity: 0.95;
            }
            100% {
                transform: translate3d(-7px, -4px, 0) rotate(-10deg) scale(1);
                opacity: 0.55;
            }
        }
        .badge-gift-bonus { background: linear-gradient(135deg, #ff0040, #ff4d6d); width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 8px; box-shadow: 0 4px 12px rgba(255, 0, 64, 0.35); padding: 0; position: relative; }
        .badge-gift-bonus svg { width: 23px; height: 23px; fill: #ffffff; stroke: none; transform-origin: center !important; animation: giftPulseInternal 1.4s ease-in-out infinite; }
        @keyframes giftPulseInternal { 0% { transform: scale(0.9); } 50% { transform: scale(1.12); } 100% { transform: scale(0.9); } }

        @media screen and (max-width: 768px) {
            .product-badge { font-size: 7px !important; padding: 3px 5px !important; border-radius: 4px !important; font-weight: 900 !important; letter-spacing: -0.2px !important; white-space: nowrap !important; }
            .badge-gift-bonus { width: 20px !important; height: 20px !important; border-radius: 5px !important; box-shadow: 0 2px 6px rgba(255, 8, 68, 0.3) !important; }
            .badge-gift-bonus svg { width: 17px !important; height: 17px !important; }
        }

        .product-poster.blur-img { filter: blur(0.4px) brightness(0.98); } 
        .coming-soon-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; }
        .coming-soon-badge { font-family: 'Noto Sans Georgian', 'Inter', sans-serif; font-weight: 900; font-size: 22px; color: #bd93f9; border: 3.5px solid #bd93f9; border-radius: 30px; padding: 10px 28px; width: fit-content; max-width: 85%; text-align: center; background: rgba(6, 4, 18, 0.65); box-shadow: 0 0 15px rgba(189, 147, 249, 0.3); backdrop-filter: blur(0.5px); letter-spacing: 0.5px; transition: transform 0.2s ease, background 0.2s; }
        .coming-soon-overlay:hover .coming-soon-badge { transform: scale(1.05); background: rgba(6, 4, 18, 0.8); }

        .learn-more-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(6, 4, 18, 0.8); display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 3; cursor: pointer; }
        .product-card:hover .learn-more-overlay { opacity: 1; pointer-events: auto; }
        .learn-more-btn { background: transparent; border: 2px solid #bd93f9; color: #ffffff; padding: 10px 22px; border-radius: 30px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: 0 0 15px rgba(189, 147, 249, 0.4); transition: all 0.2s; }
        .learn-more-btn:hover { background: #bd93f9; color: #060412; }
        .favorite-btn { position: absolute; top: 12px; right: 12px; background: rgba(6, 4, 18, 0.6); border: none; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 6; transition: transform 0.2s; }
        .favorite-btn:hover { transform: scale(1.1); }
        
       /* 🔗 პროდუქტის გაზიარების ღილაკი - იდენტური favorite-btn-ის სტილით */
        .share-btn {
            position: absolute;
            top: 58px;
            right: 12px;
            background: rgba(6, 4, 18, 0.6);
            border: none;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 6;
            transition: transform 0.2s ease;
            outline: none;
            -webkit-tap-highlight-color: transparent;
        }
        .share-btn:hover {
            transform: scale(1.1);
        }
        .share-btn svg {
            width: 20px;
            height: 20px;
            fill: none;
            stroke: #5d34a4;
            stroke-width: 2.5;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: all 0.3s ease;
        }
        
        /* დაჭერის / გაზიარების Pop-ანიმაცია (გულის მსგავსად) */
        .share-btn.copied {
            animation: sharePopBounce 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .share-btn.copied svg {
            stroke: #bd93f9;
            fill: #bd93f9;
            filter: drop-shadow(0 0 8px #bd93f9);
        }

        @keyframes sharePopBounce {
            0% { transform: scale(1); }
            50% { transform: scale(1.25); }
            100% { transform: scale(1); }
        }

        /* 🔄 ადმინის ისრები პროდუქტის რიგითობისთვის (ფოტოს ქვედა ცენტრში) */
        .admin-product-order-toolbar {
            position: absolute;
            bottom: 8px;
            left: 50%;
            transform: translateX(-50%);
            display: none;
            align-items: center;
            gap: 6px;
            background: rgba(11, 7, 30, 0.9);
            border: 1.5px solid #bd93f9;
            border-radius: 20px;
            padding: 3px 8px;
            z-index: 8;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(8px);
        }
        body.is-admin-active .admin-product-order-toolbar {
            display: flex;
        }
        .admin-order-nav-btn {
            background: #110d2c;
            border: 1px solid #5d34a4;
            color: #50fa7b;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 11px;
            font-weight: 900;
            transition: all 0.2s ease;
            outline: none;
            user-select: none;
        }
        .admin-order-nav-btn:hover {
            background: #5d34a4;
            color: #ffffff;
            border-color: #bd93f9;
            transform: scale(1.1);
        }
        .admin-order-current-num {
            font-family: 'Orbitron', sans-serif;
            font-size: 11px;
            font-weight: 900;
            color: #bd93f9;
            padding: 0 4px;
            min-width: 18px;
            text-align: center;
        }

        /* Tooltip მინიშნება კომპიუტერზე */
        .share-tooltip {
            position: absolute;
            top: 58px;
            right: 58px;
            background: rgba(11, 7, 30, 0.95);
            color: #bd93f9;
            border: 1px solid #5d34a4;
            font-family: 'Noto Sans Georgian', sans-serif;
            font-size: 11px;
            font-weight: 800;
            padding: 6px 12px;
            border-radius: 8px;
            white-space: nowrap;
            pointer-events: none;
            opacity: 0;
            transform: translateY(-5px);
            transition: all 0.25s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.7);
            z-index: 10;
        }
        .share-tooltip.show {
            opacity: 1;
            transform: translateY(0);
        }

        @media screen and (max-width: 768px) {
            .share-btn {
                top: 50px;
                right: 10px;
                width: 34px;
                height: 34px;
                background: rgba(6, 4, 18, 0.7);
                backdrop-filter: blur(5px);
            }
            .share-btn svg { width: 18px; height: 18px; }
            .share-tooltip { display: none !important; }
        }
        .favorite-btn svg { width: 20px; height: 20px; fill: none; stroke: #5d34a4; stroke-width: 2.5; transition: all 0.3s ease; }
        .favorite-btn.liked svg { fill: #ff69b4; stroke: #ff69b4; filter: drop-shadow(0 0 6px #ff69b4); }
        .product-title,
        .product-title:link,
        .product-title:visited,
        .product-title:active { 
            font-size: 17px; 
            font-weight: 700; 
            margin-bottom: 10px; 
            line-height: 1.4; 
            color: #ffffff !important; 
            text-decoration: none !important; 
            transition: color 0.2s; 
        }
       .product-title:hover { 
           color: #bd93f9 !important; 
           text-decoration: none !important; 
        }
        .product-price { font-family: 'Orbitron', sans-serif; font-size: 22px; color: #50fa7b; font-weight: 900; margin-bottom: 15px; margin-top: auto; }
        .buy-btn { background: linear-gradient(90deg, #5d34a4, #bd93f9); color: white; border: none; padding: 12px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; cursor: pointer; width: 100%; text-transform: uppercase; font-size: 12px; transition: opacity 0.2s; }
        .buy-btn:hover { opacity: 0.9; }
        .buy-btn.out-of-stock { background: #251b4f; color: #6272a4; cursor: not-allowed; }

        .fav-variant-container { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
        .fav-variant-btn { position: relative; background-color: #060412; border: 2px solid #251b4f; color: #a0a0b8; padding: 8px 16px; border-radius: 20px; font-family: 'Noto Sans Georgian', sans-serif; font-size: 13px; font-weight: 700; cursor: pointer; transition: all 0.2s ease; }
        .fav-variant-btn.active { border-color: #bd93f9; color: #ffffff; background-color: #18133a; }
        .fav-variant-btn.disabled { opacity: 0.3; cursor: not-allowed; text-decoration: line-through; border-color: #ff5555; }
        .fav-variant-badge { position: absolute; top: -8px; right: -5px; background-color: #ffffff; color: #5d34a4; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 900; width: 20px; height: 20px; border-radius: 50%; display: none; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.5); z-index: 2; }
        
        .quantity-picker { display: flex; align-items: center; justify-content: space-between; background-color: #0f0b29; border: 2px solid #251b4f; border-radius: 30px; width: 140px; height: 52px; padding: 0 15px; }
        .quantity-picker.disabled { opacity: 0.3; pointer-events: none; }
        .quantity-btn { background: transparent; border: none; color: #bd93f9; font-size: 22px; font-weight: 700; cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: center; transition: color 0.2s, opacity 0.2s; }
        .quantity-btn:hover:not(:disabled) { color: #50fa7b; }
        .quantity-btn:disabled { opacity: 0.25; cursor: not-allowed; pointer-events: none; }
        .quantity-number { font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 600; color: #ffffff; min-width: 25px; text-align: center; }

        .list-wrapper { display: flex; flex-direction: column; gap: 20px; max-width: 1000px; margin: 0 auto; margin-top: 30px; }
        .list-item { background-color: #110d2c; border: 2px solid #1c1642; border-radius: 16px; padding: 25px; display: flex; gap: 30px; align-items: center; position: relative; }
        .list-item img { width: 130px; height: 130px; border-radius: 12px; object-fit: cover; border: 1px solid #251b4f; cursor: pointer; }
        .list-item-details { flex: 1; display: flex; flex-direction: column; gap: 8px; justify-content: center; }
        .list-item-title { font-size: 20px; font-weight: 900; color: #ffffff; cursor: pointer; transition: color 0.2s; }
        .list-item-title:hover { color: #bd93f9; }
        .list-item-price { font-family: 'Orbitron', sans-serif; font-size: 20px; color: #50fa7b; font-weight: 900; }
        
        .list-item-controls { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 100px; }

        .remove-list-btn { width: 140px; height: 52px; background: rgba(255, 85, 85, 0.05); border: 2px solid rgba(255, 85, 85, 0.2); border-radius: 30px; color: #ff5555; cursor: pointer; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; font-size: 14px; transition: 0.2s; display: flex; align-items: center; justify-content: center; gap: 8px; }
        .remove-list-btn:hover { background: rgba(255, 85, 85, 0.15); border-color: rgba(255, 85, 85, 0.5); color: #ff2222; text-shadow: 0 0 8px rgba(255,85,85,0.4); }
        
        .list-empty-msg { text-align: center; color: #a0a0b8; font-size: 16px; font-family: 'Noto Sans Georgian', sans-serif; padding: 50px 0; background: #110d2c; border-radius: 16px; border: 2px dashed #251b4f; }
        
        .move-to-cart-btn { display: inline-block; background: linear-gradient(90deg, #50fa7b, #00ff7f); color: #060412; font-weight: 900; font-family: 'Noto Sans Georgian', sans-serif; border: none; padding: 16px 30px; border-radius: 8px; font-size: 16px; cursor: pointer; box-shadow: 0 5px 15px rgba(80, 250, 123, 0.3); transition: transform 0.2s; text-transform: uppercase; margin-top: 30px; width: 100%; max-width: 1000px; }
        .move-to-cart-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(80, 250, 123, 0.3); }
        .move-to-cart-btn:disabled { background: #251b4f; color: #6272a4; cursor: not-allowed; transform: none; box-shadow: none; }

        .cart-summary-box { background: #0b071e; border: 2px solid #5d34a4; border-radius: 16px; padding: 25px; margin-top: 30px; display: flex; justify-content: space-between; align-items: center; max-width: 1000px; margin-left: auto; margin-right: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
        .cart-total-text { font-family: 'Noto Sans Georgian', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; }
        .cart-total-sum { font-family: 'Orbitron', sans-serif; font-size: 26px; font-weight: 900; color: #50fa7b; margin-left: 10px; }

        /* Checkout Grid & Order */
        #paymentGrid { display: grid; grid-template-columns: 1fr 400px; grid-template-areas: "details total" "terms methods"; gap: 30px; align-items: start; max-width: 1200px; margin: 0 auto; margin-top: 20px;}
        .pay-sec-details { grid-area: details; }
        .pay-sec-terms { grid-area: terms; }
        .pay-sec-total { grid-area: total; }
        .pay-sec-methods { grid-area: methods; }

        .checkout-wrapper { display: flex; flex-direction: column; gap: 25px; max-width: 800px; margin: 0 auto; margin-top: 20px; }
        .checkout-section { background-color: #110d2c; border: 2px solid #1c1642; border-radius: 16px; padding: 30px; }
        .checkout-section-title { font-family: 'Inter', 'Noto Sans Georgian', sans-serif; font-size: 18px; font-weight: 900; color: #ffffff; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #251b4f; padding-bottom: 10px; }
        .checkout-form-grid { display: grid; grid-template-columns: 1fr; gap: 15px; }
        .checkout-input { width: 100%; padding: 14px 18px; background: #060412; border: 2px solid #251b4f; border-radius: 10px; color: white; font-family: 'Inter', 'Noto Sans Georgian', sans-serif; font-size: 15px; outline: none; transition: 0.3s; }
        .checkout-input:focus { border-color: #bd93f9; box-shadow: 0 0 10px rgba(189, 147, 249, 0.2); }
        
        .terms-checkbox-container { display: flex; align-items: flex-start; gap: 12px; margin-top: 20px; margin-bottom: 10px; padding: 15px; background: rgba(93, 52, 164, 0.1); border-radius: 8px; border: 1px dashed #5d34a4; flex-direction: column; }
        .terms-checkbox-container input[type="checkbox"] { width: 18px; height: 18px; flex-shrink: 0; accent-color: #bd93f9; cursor: pointer; margin-top: 2px; }
        .terms-checkbox-container label { font-size: 14px; color: #a0a0b8; line-height: 1.5; cursor: pointer; font-family: 'Noto Sans Georgian', sans-serif; display: flex; gap: 10px; align-items: flex-start; }
        .terms-checkbox-container label a { color: #50fa7b; text-decoration: none; font-weight: 700; transition: color 0.2s; }
        .terms-checkbox-container label a:hover { color: #00ff7f; text-decoration: underline; }
        
        .terms-checkbox-container label a:hover { color: #00ff7f; text-decoration: underline; }

        /* 🎁 Referral & Coupon System Styling */
        .referral-card {
            background: rgba(189, 147, 249, 0.06);
            border: 1.5px solid rgba(189, 147, 249, 0.3);
            border-radius: 16px;
            padding: 22px;
            margin-bottom: 25px;
            position: relative;
        }
        .referral-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; flex-wrap: wrap; gap: 10px; }
        .referral-title { font-size: 16px; font-weight: 800; color: #bd93f9; display: flex; align-items: center; gap: 8px; }
        .ref-link-box {
            display: flex;
            gap: 10px;
            background: #0b071e;
            padding: 8px 12px;
            border-radius: 10px;
            border: 1px solid #3b2d60;
            align-items: center;
            margin-bottom: 15px;
        }
        .ref-link-input {
            background: transparent;
            border: none;
            color: #50fa7b;
            font-size: 13px;
            font-family: monospace;
            width: 100%;
            outline: none;
        }
        .ref-copy-btn {
            background: #bd93f9;
            color: #060412;
            border: none;
            padding: 6px 14px;
            border-radius: 8px;
            font-weight: 800;
            font-size: 12px;
            cursor: pointer;
            transition: 0.2s;
            white-space: nowrap;
        }
        .ref-copy-btn:hover { background: #50fa7b; }
        
        .referral-progress-bar-bg {
            background: #191432;
            height: 10px;
            border-radius: 6px;
            overflow: hidden;
            margin: 10px 0 6px 0;
        }
        .referral-progress-fill {
            background: linear-gradient(90deg, #bd93f9, #50fa7b);
            height: 100%;
            width: 0%;
            transition: width 0.4s ease;
        }
        .coupon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin-top: 15px; }
        .coupon-card {
            background: #0d0924;
            border: 1.5px dashed #50fa7b;
            border-radius: 12px;
            padding: 14px 16px;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .coupon-val { font-size: 20px; font-weight: 900; color: #50fa7b; }
        .coupon-cond { font-size: 12px; color: #a0a0b8; margin: 4px 0 8px 0; }
        .coupon-timer { font-size: 11px; font-weight: 700; color: #ffb86c; display: flex; align-items: center; gap: 4px; }

        /* ⚠️ Pre-Order ყვითელი გამაფრთხილებელი ჩარჩო პულსირებადი ანიმაციით */
        .preorder-warning-banner {
            position: relative;
            background: #0b071e;
            border-radius: 14px;
            padding: 20px 24px;
            margin: 15px auto 25px auto;
            max-width: 800px;
            display: flex;
            align-items: flex-start;
            gap: 15px;
            color: #ffffff;
            border: 2px solid transparent;
            animation: yellowBorderPulse 2s ease-in-out infinite;
        }
        @keyframes yellowBorderPulse {
            0%, 100% {
                border-color: rgba(255, 184, 108, 0.35);
                box-shadow: 0 0 10px rgba(255, 184, 108, 0.15);
            }
            50% {
                border-color: rgba(255, 184, 108, 1);
                box-shadow: 0 0 22px rgba(255, 184, 108, 0.45);
            }
        }
        @media screen and (max-width: 768px) {
            .preorder-warning-banner {
                padding: 14px 16px;
                gap: 10px;
                margin-bottom: 20px;
            }
        }

        .checkout-submit-btn { background: linear-gradient(90deg, #50fa7b, #00ff7f); color: #060412; font-weight: 900; font-family: 'Noto Sans Georgian', sans-serif; border: none; padding: 18px; border-radius: 10px; font-size: 16px; cursor: pointer; text-transform: uppercase; width: 100%; transition: all 0.3s ease; margin-top: 10px; }
        .checkout-submit-btn:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(80, 250, 123, 0.3); }
        .checkout-submit-btn:disabled { background: #251b4f; color: #6272a4; cursor: not-allowed; transform: none; box-shadow: none; }

        #checkoutMap { width: 100%; height: 320px; border-radius: 10px; margin-top: 15px; border: 2px solid #251b4f; display: none; }
        .peak-hour-badge { background: #ff9800; color: #000; font-size: 11px; font-weight: 900; padding: 2px 6px; border-radius: 4px; margin-left: 8px; display: inline-block; vertical-align: middle; }

        .payment-summary-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
        .payment-summary-item { display: flex; align-items: center; gap: 15px; background: #060412; padding: 10px; border-radius: 8px; border: 1px solid #251b4f; }
        .payment-summary-item img { width: 60px; height: 60px; border-radius: 6px; object-fit: cover; }
        .payment-summary-item-info { flex: 1; }
        .payment-summary-item-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 5px; }
        .payment-summary-item-price { font-family: 'Orbitron', sans-serif; font-size: 14px; color: #50fa7b; }
        .payment-methods-placeholder { background: rgba(93, 52, 164, 0.1); border: 2px dashed #5d34a4; border-radius: 10px; padding: 30px; text-align: center; color: #a0a0b8; font-family: 'Noto Sans Georgian', sans-serif; margin-top: 20px; margin-bottom: 20px; }
        
        .checkout-price-breakdown { background: #060412; padding: 15px; border-radius: 10px; margin-top: 15px; border-left: 4px solid #bd93f9; display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
        .breakdown-row { display: flex; justify-content: space-between; }
        .breakdown-row.grand-total { border-top: 1px solid #251b4f; padding-top: 8px; margin-top: 5px; font-size: 18px; font-weight: 900; color: #50fa7b; }

        .product-profile-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 20px; background-color: #0b071e; border: 2px solid #1c1642; border-radius: 24px; padding: 40px; align-items: start; }
        /* --- საინფორმაციო გვერდის Sidebar სარჩევი --- */
        .terms-wrapper { display: flex; gap: 40px; margin-top: 20px; align-items: flex-start; }
        .terms-sidebar { position: sticky; top: 150px; width: 280px; min-width: 280px; background: #0b071e; border: 2px solid #5d34a4; border-radius: 15px; padding: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.5); }
        .terms-sidebar h3 { color: #ffffff; font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; font-size: 18px; font-weight: 900; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #251b4f; text-transform: uppercase; }
        .terms-sidebar ul { list-style: none; padding: 0; margin: 0; }
        .terms-sidebar ul li { margin-bottom: 12px; }
        .terms-sidebar ul li a { color: #a0a0b8; text-decoration: none; font-family: 'Noto Sans Georgian', sans-serif; font-size: 14px; font-weight: 700; transition: color 0.3s; display: block; cursor: pointer; }
        .terms-sidebar ul li a:hover { color: #bd93f9; text-shadow: 0 0 8px rgba(189, 147, 249, 0.4); }
        .terms-sidebar ul li a { cursor: pointer; display: block; padding: 4px 0; }
        .return-summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 25px; }
        .back-nav-btn { background: transparent; border: 2px solid #5d34a4; color: #ffffff; padding: 10px 24px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; cursor: pointer; transition: all 0.3s; margin-top: 30px; display: inline-flex; align-items: center; gap: 10px; width: fit-content;}
        .back-nav-btn:hover { background: #5d34a4; box-shadow: 0 0 15px rgba(93, 52, 164, 0.4); }
        
        .profile-gallery-wrapper { width: 100%; display: flex; flex-direction: column; gap: 12px; }
        .profile-image-container { width: 100%; aspect-ratio: 1 / 1; background-color: #18133a; border-radius: 16px; overflow: hidden; border: 2px solid #1c1642; position: relative; }
        .profile-gallery-slider { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: pan-y; }
        .profile-gallery-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity 0.25s ease-in-out; display: flex; align-items: center; justify-content: center; }
        .profile-gallery-slide.active { opacity: 1; pointer-events: auto; z-index: 2; }
        .profile-gallery-slide img { width: 100%; height: 100%; object-fit: contain; display: block; }
        .gallery-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(6, 4, 18, 0.75); border: 1.5px solid #5d34a4; color: #ffffff; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; font-size: 16px; transition: all 0.2s ease; user-select: none; outline: none; }
        .gallery-arrow:hover { background: #bd93f9; color: #060412; border-color: #bd93f9; }
        .gallery-arrow-left { left: 10px; }
        .gallery-arrow-right { right: 10px; }
        
        /* ისრების გათიშვა iPad-სა და Mobile-ზე (<= 1194px) */
        @media screen and (max-width: 1194px) {
            .gallery-arrow { display: none !important; }
        }
        .profile-thumbs-track { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px; scrollbar-width: none; -ms-overflow-style: none; }
        .profile-thumbs-track::-webkit-scrollbar { display: none; }
        .profile-thumb-item { width: 62px; height: 62px; border-radius: 10px; border: 2px solid #251b4f; background: #110d2c; cursor: pointer; flex-shrink: 0; overflow: hidden; transition: all 0.2s; padding: 2px; }
        .profile-thumb-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
        .profile-thumb-item.active { border-color: #50fa7b; box-shadow: 0 0 8px rgba(80, 250, 123, 0.4); transform: translateY(-2px); }
        /* 🎥 ვიდეოს მინიატურის (Thumbnail) სტილები */
        .profile-thumb-item.video-thumb {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            background: #110d2c !important;
            border-color: #5d34a4 !important;
            gap: 3px !important;
            padding: 4px 2px !important;
            user-select: none;
        }
        .profile-thumb-item.video-thumb svg {
            width: 20px;
            height: 20px;
            fill: #ffffff;
            filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
            transition: transform 0.2s ease;
        }
        .profile-thumb-item.video-thumb:hover svg,
        .profile-thumb-item.video-thumb.active svg {
            transform: scale(1.15);
        }
        .profile-thumb-item.video-thumb span {
            font-size: 10px;
            font-weight: 900;
            color: #ffffff;
            font-family: 'Noto Sans Georgian', sans-serif;
            letter-spacing: 0.3px;
            line-height: 1;
        }
        .profile-thumb-item.video-thumb.active {
            border-color: #50fa7b !important;
            box-shadow: 0 0 10px rgba(80, 250, 123, 0.4) !important;
        }
        .admin-gallery-preview-item { position: relative; width: 85px; height: 115px; border-radius: 8px; border: 1px solid #251b4f; background: #060412; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 4px; box-sizing: border-box; }
        .admin-gallery-preview-item img { width: 100%; height: 75px; object-fit: cover; border-radius: 6px; }
        .admin-gallery-preview-item .del-thumb-btn { position: absolute; top: 6px; right: 6px; background: rgba(255,85,85,0.95); color: white; border: none; border-radius: 50%; width: 20px; height: 20px; font-size: 11px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.5); }
        .admin-gallery-preview-item .replace-thumb-btn { position: absolute; top: 6px; left: 6px; background: rgba(189,147,249,0.95); color: #060412; border: none; border-radius: 50%; width: 20px; height: 20px; font-size: 11px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.5); }
        .admin-gallery-order-controls { display: flex; width: 100%; justify-content: space-between; gap: 4px; margin-top: 4px; }
        .admin-gallery-order-controls button { flex: 1; background: #110d2c; border: 1px solid #5d34a4; color: #bd93f9; border-radius: 4px; font-size: 11px; font-weight: bold; padding: 3px 0; cursor: pointer; transition: all 0.2s; line-height: 1; }
        .admin-gallery-order-controls button:hover:not(:disabled) { background: #5d34a4; color: #ffffff; }
        .admin-gallery-order-controls button:disabled { opacity: 0.25; cursor: not-allowed; }
        .profile-info-block { display: flex; flex-direction: column; position: relative;}
        .profile-cat { font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; color: #bd93f9; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
        .profile-title { font-size: 36px; font-weight: 900; margin-bottom: 20px; line-height: 1.2; padding-right: 165px; word-wrap: break-word; }
        /* ორიგინალი ფასების სექციის ხელშეუხებელი კონტეინერი */
        .price-section-container { margin-bottom: 25px; display: flex; flex-direction: column; position: relative; }
        .profile-price-row { display: flex; align-items: center; }
        .profile-price { font-family: 'Orbitron', sans-serif; font-size: 38px; color: #50fa7b; font-weight: 900; line-height: 1; }
        .reserved-dynamic-space { min-height: 35px; display: flex; align-items: center; margin-top: 6px; }
        
        /* საჩუქრის დამოუკიდებელი, სტაბილური ბლოკი - ჯდება ორიგინალ UI-ში */
        .profile-gift-main-wrapper { display: flex; flex-direction: column; gap: 10px; width: 145px; position: absolute; right: 0; top: -100px; z-index: 10; align-items: center; }
        .profile-gift-top-row { display: flex; align-items: center; justify-content: center; gap: 8px; height: 22px; width: 100%; text-align: center; }
        .profile-gift-top-row svg { width: 22px; height: 22px; fill: #ff0000; stroke: none; flex-shrink: 0; }
        .profile-gift-title-text { color: #ffffff; font-size: 17px; font-weight: 900; font-family: 'Noto Sans Georgian', sans-serif; line-height: 22px; white-space: nowrap; }
        
        /* იასამნისფერი მანათობელი ჩარჩო */
        .profile-gift-photo-box { width: 100%; aspect-ratio: 1 / 1; background: #110d2c; border-radius: 16px; border: 2px solid transparent; background-image: linear-gradient(#110d2c, #110d2c), linear-gradient(180deg, #bd93f9 0%, rgba(93, 52, 164, 0.1) 100%); background-origin: border-box; background-clip: content-box, border-box; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 25px rgba(189, 147, 249, 0.15); position: relative; overflow: hidden; }
        .profile-gift-photo-box::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 85%; height: 3.5px; background: #bd93f9; filter: blur(3.5px); border-radius: 50%; opacity: 0.85; }
        .profile-gift-placeholder-inner { color: rgba(189, 147, 249, 0.35); font-size: 10px; font-weight: 800; text-transform: uppercase; font-family: 'Noto Sans Georgian', sans-serif; text-align: center; }
        
        /* თუ ადმინია, ჩარჩო ხდება დაკლიკებადი */
        body.is-admin-active .profile-gift-photo-box { cursor: pointer; transition: transform 0.2s, border-color 0.2s; }
        body.is-admin-active .profile-gift-photo-box:hover { border-color: #50fa7b; transform: scale(1.02); }
        
        /* ატვირთული საჩუქრის ფოტოს იდეალური მორგება ჩარჩოში */
        .profile-gift-actual-img { width: 100%; height: 100%; object-fit: contain; border-radius: 12px; padding: 5px; }

        @media screen and (max-width: 768px) {
            .profile-gift-main-wrapper { width: 130px; position: relative !important; right: auto !important; top: 0 !important; margin: 25px auto 15px auto !important; gap: 8px; align-items: center; }
            .profile-gift-top-row { height: 18px; gap: 6px; justify-content: center; }
            .profile-gift-top-row svg { width: 18px; height: 18px; }
            .profile-gift-title-text { font-size: 14px; line-height: 18px; }
            .profile-gift-photo-box { border-radius: 14px; }
            .profile-gift-placeholder-inner { font-size: 9px; }
        }
        
        .profile-multiplier { font-family: 'Inter', sans-serif; font-size: 19px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.2s ease; margin-left: 10px; }
        .profile-multiplier.visible { opacity: 1; }
        .profile-desc { color: #a0a0b8; font-size: 16px; line-height: 1.6; margin-bottom: 20px; border-top: 1px solid #1c1642; padding-top: 20px; }
        .color-selector-container { margin-bottom: 25px; border-bottom: 1px solid rgba(28, 22, 66, 0.5); padding-bottom: 20px; }
        .color-selector-title { font-size: 15px; font-weight: 700; color: #a0a0b8; margin-bottom: 10px; }
        .color-selector-title span { color: #bd93f9; font-weight: 800; margin-left: 5px; }
        .profile-specs { margin-bottom: 35px; margin-top: 20px; }
        .spec-item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(28, 22, 66, 0.5); font-size: 16px; }
        .spec-label { color: #6272a4; font-weight: 800; }
        .spec-value { color: #ffffff; font-weight: 800; }
        .purchase-control-row { display: flex; align-items: center; gap: 15px; width: 100%; margin-bottom: 15px; }
        .profile-buy-btn { background: linear-gradient(90deg, #5d34a4, #bd93f9); color: white; border: none; padding: 16px; border-radius: 30px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 900; font-size: 15px; cursor: pointer; flex: 1; text-transform: uppercase; transition: opacity 0.2s, transform 0.2s; box-shadow: 0 5px 20px rgba(189, 147, 249, 0.2); }
        .profile-buy-btn:hover { opacity: 0.95; transform: translateY(-2px); }
        .profile-buy-btn.out-of-stock { background: #1c1642; color: #6272a4; cursor: not-allowed; box-shadow: none; transform: none; }
        .calculation-space-holder { min-height: 25px; margin-bottom: 15px; }
        .total-price-calculation { font-family: 'Inter', 'Noto Sans Georgian', sans-serif; font-size: 16px; font-weight: 700; color: #a0a0b8; padding-left: 5px; opacity: 0; transition: opacity 0.2s ease; }
        .total-price-calculation.visible { opacity: 1; }
        .total-price-calculation span { color: #50fa7b; font-family: 'Orbitron', sans-serif; font-size: 18px; margin-left: 5px; }

        .edit-product-btn { background-color: #ffb86c; color: #060412; border: none; padding: 8px 20px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 900; font-size: 14px; cursor: pointer; display: inline-block; margin-bottom: 15px; box-shadow: 0 0 15px rgba(255, 184, 108, 0.4); transition: all 0.2s; }
        .edit-product-btn:hover { background-color: #ff9e3d; transform: translateY(-2px); }

        .profile-layout { display: grid; grid-template-columns: 280px 1fr; gap: 40px; margin-top: 40px; }
        .profile-sidebar { background-color: #0b071e; border: 2px solid #1c1642; border-radius: 16px; padding: 20px; height: fit-content; display: flex; flex-direction: column; gap: 10px; }
        .profile-tab-btn { background: transparent; border: none; color: #a0a0b8; padding: 14px 20px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; font-size: 15px; text-align: left; cursor: pointer; transition: all 0.2s ease; outline: none; }
        .profile-tab-btn:hover, .profile-tab-btn.active { color: #ffffff; background-color: #110d2c; border-left: 4px solid #bd93f9; padding-left: 16px; }
        .profile-tab-btn.logout-btn-tab { color: #ff5555; margin-top: 20px; border-top: 1px solid #1c1642; border-radius: 0; padding-top: 20px; }
        .profile-tab-btn.logout-btn-tab:hover { background-color: rgba(255, 85, 85, 0.1); border-left: 4px solid #ff5555; }
        .profile-main-content { background-color: #0b071e; border: 2px solid #1c1642; border-radius: 16px; padding: 35px; min-height: 400px; }
        .profile-tab-content { display: none; }
        .profile-tab-content.active { display: block; }
        .profile-main-content h3 { font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; color: #bd93f9; font-size: 22px; margin-bottom: 25px; text-transform: uppercase; }
        .info-card { background-color: #110d2c; border: 1px solid #251b4f; border-radius: 12px; padding: 25px; display: flex; flex-direction: column; gap: 18px; }
        .info-card p { font-size: 16px; color: #a0a0b8; border-bottom: 1px solid rgba(28, 22, 66, 0.3); padding-bottom: 12px; }
        .info-card p strong { color: #ffffff; margin-right: 15px; display: inline-block; min-width: 150px; }
        .orders-toggle-row { display: flex; border-bottom: 2px solid #1c1642; margin-bottom: 25px; gap: 20px; }
        .order-toggle-btn { background: transparent; border: none; color: #6272a4; padding: 15px 10px; font-family: 'Inter', 'Noto Sans Georgian', sans-serif; font-weight: 700; font-size: 16px; cursor: pointer; position: relative; transition: color 0.2s; outline: none; }
        .order-toggle-btn:hover, .order-toggle-btn.active { color: #bd93f9; }
        .order-toggle-btn.active::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #bd93f9; }
        .order-subtab-content { display: none; }
        .order-subtab-content.active { display: block; }
        .no-orders { text-align: center; color: #6272a4; font-size: 15px; margin-top: 40px; font-family: 'Noto Sans Georgian', sans-serif; padding: 20px; background: #110d2c; border-radius: 8px; border: 1px dashed #251b4f; }
        .promo-container { display: flex; gap: 10px; width: 100%; max-width: 100%; }
        .promo-container input { flex: 2.5; background-color: #060412; border: 2px solid #251b4f; border-radius: 8px; padding: 12px; color: white; outline: none; font-family: inherit; margin-bottom: 0; }
        .promo-container input:focus { border-color: #bd93f9; }
        .promo-btn { flex: 1; background: linear-gradient(90deg, #5d34a4, #bd93f9); color: white; border: none; padding: 0 10px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; cursor: pointer; transition: opacity 0.2s; font-size: 12px; white-space: nowrap;}
        .promo-btn:hover { opacity: 0.9; }

        .admin-main-btn { background: #5d34a4; color: #ffffff; border: none; padding: 12px 25px; border-radius: 50px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; font-size: 15px; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: all 0.3s ease; }
        .admin-main-btn:hover { background: #bd93f9; box-shadow: 0 0 15px rgba(189, 147, 249, 0.4); }
        .btn-excel { background: #0f3460; border: 1px solid #4361ee; color: white; padding: 12px 25px; border-radius: 50px; cursor: pointer; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 700; font-size: 15px; transition: all 0.3s ease;}
        .btn-excel:hover { background: #4361ee; box-shadow: 0 0 15px rgba(67, 97, 238, 0.4); }
        
        .admin-form-container { background-color: #110d2c; border: 2px solid #1c1642; border-radius: 16px; padding: 25px; }
        
        .admin-order-card { background: #110d2c; border: 2px solid #251b4f; border-radius: 12px; padding: 20px; margin-bottom: 15px; display: flex; flex-direction: column; gap: 10px; transition: border-color 0.2s; }
        .admin-order-card:hover { border-color: #bd93f9; }
        .admin-order-header { display: flex; justify-content: space-between; border-bottom: 1px solid #251b4f; padding-bottom: 10px; }
        .admin-order-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 10px; border-top: 1px dashed #251b4f; padding-top: 15px; }
        .admin-btn-approve { background: #50fa7b; color: #000; border: none; padding: 8px 15px; border-radius: 6px; cursor: pointer; font-weight: bold; font-family: 'Noto Sans Georgian', sans-serif; transition: opacity 0.2s; }
        .admin-btn-approve:hover { opacity: 0.8; }
        .admin-btn-reject { background: #f44336; color: white; border: none; padding: 8px 15px; border-radius: 6px; cursor: pointer; font-weight: bold; font-family: 'Noto Sans Georgian', sans-serif; transition: opacity 0.2s; }
        .admin-btn-reject:hover { opacity: 0.8; }
        .admin-btn-details { background: #bd93f9; color: #000; border: none; padding: 8px 15px; border-radius: 6px; cursor: pointer; font-weight: bold; font-family: 'Noto Sans Georgian', sans-serif; transition: opacity 0.2s; }
        .admin-btn-details:hover { opacity: 0.8; }

        .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
        .form-grid.edit-grid { display: block; }
        .form-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px;}
        .form-group.full-width { grid-column: span 2; }
        .form-group label { font-size: 14px; font-weight: 700; color: #bd93f9; }
        .form-group input, .form-group select, .form-group textarea { background-color: #060412; border: 2px solid #251b4f; border-radius: 8px; padding: 12px; color: white; font-family: inherit; outline: none; transition: border-color 0.3s; }
        .form-group input[type="file"] { padding: 8px; }
        .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: #bd93f9; }
        .dynamic-meta-section { border-top: 1px solid #251b4f; padding-top: 20px; margin-top: 20px; }
        .dynamic-meta-title { font-size: 16px; font-weight: 800; color: #50fa7b; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; }
        .add-dynamic-btn { background: transparent; border: 2px solid #50fa7b; color: #50fa7b; padding: 6px 14px; border-radius: 30px; cursor: pointer; font-weight: 700; font-size: 12px; transition: all 0.2s; }
        .add-dynamic-btn:hover { background: #50fa7b; color: #060412; }
        .dynamic-row { display: flex; gap: 15px; margin-bottom: 12px; align-items: center; }
        .dynamic-row input { flex: 1; background-color: #060412; border: 2px solid #251b4f; border-radius: 8px; padding: 10px; color: white; }
        .color-stock-val { padding: 10px; background: #060412; color: white; border: 2px solid #251b4f; border-radius: 8px; outline: none; }
        .remove-dynamic-btn { background: #ff5555; color: white; border: none; width: 38px; height: 38px; border-radius: 8px; cursor: pointer; font-weight: 900; font-size: 16px; }
        .submit-product-btn { background: linear-gradient(90deg, #50fa7b, #00ff7f); color: #060412; border: none; padding: 15px 30px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 900; font-size: 16px; text-transform: uppercase; cursor: pointer; width: 100%; margin-top: 20px; box-shadow: 0 5px 15px rgba(80, 250, 123, 0.3); transition: transform 0.2s; }
        .submit-product-btn:hover { transform: translateY(-2px); }
        
        .return-user-btn { background: transparent; border: 1px solid #ff5555; color: #ff5555; padding: 6px 12px; border-radius: 6px; font-family: 'Noto Sans Georgian', sans-serif; font-size: 13px; font-weight: 700; cursor: pointer; transition: 0.2s; }
        .return-user-btn:hover { background: #ff5555; color: white; }

        .terms-content { text-align: left; padding: 30px; background: #0b071e; border: 1px solid #5d34a4; border-radius: 12px; font-size: 15px; color: #ffffff; line-height: 1.7; max-width: 900px; margin: 0 auto; margin-top: 20px; }
        .terms-content h3 { color: #ffffff; margin-top: 25px; margin-bottom: 12px; font-size: 18px; border-bottom: 1px solid #251b4f; padding-bottom: 8px; font-weight: 900;}
        .terms-content p, .terms-content ul { margin-bottom: 15px; color: #ffffff; font-weight: 400; }
        .terms-content strong { color: #ffffff; font-weight: 800; }
        
        .instagram-notice { background: rgba(255, 184, 108, 0.1); border-left: 4px solid #ffb86c; padding: 15px; font-size: 0.9em; margin-bottom: 15px; display: none; border-radius: 0 8px 8px 0; text-align: left; line-height: 1.5; color: #e0e0e0; }
        
        .checkbox-label input[type="radio"] { accent-color: #ff5555; width: 18px; height: 18px; cursor: pointer; }

        footer { background-color: #03020a; border-top: 2px solid #1c1642; padding: 50px 0 20px; font-family: 'Noto Sans Georgian', sans-serif; color: #a0a0b8; margin-top: 60px; }
        .footer-container { width: 85%; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; border-bottom: 1px solid #1c1642; padding-bottom: 40px; margin-bottom: 20px; }
        .footer-col h4 { color: #ffffff; font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; font-size: 16px; font-weight: 900; margin-bottom: 25px; text-transform: uppercase; }
        .footer-col ul { list-style: none; padding: 0; margin: 0; }
        .footer-col ul li { margin-bottom: 15px; }
        .footer-col ul li a { color: #a0a0b8; text-decoration: none; font-size: 14px; font-weight: 600; transition: color 0.2s ease; display: flex; align-items: center; gap: 10px; }
        .footer-col ul li a:hover { color: #bd93f9; }
        .footer-col ul li a svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
        .footer-bottom { text-align: center; font-size: 13px; color: #6272a4; }

        /* Checkout Preview Items */

        /* =========================================================
           Cookie Consent Modal & Banner სტილები (PC, iPad, Mobile)
           ========================================================= */
       /* 1. PC / Desktop პოზიცია (1195px და ზემოთ) */
        .cookie-consent-overlay {
            position: fixed;
            bottom: 25px;
            left: 1200px;
            right: auto;
            top: auto;
            z-index: 99999;
            max-width: 440px;
            width: calc(100% - 50px);
            background: rgba(11, 7, 30, 0.95);
            border: 2px solid #5d34a4;
            border-radius: 20px;
            padding: 25px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(93, 52, 164, 0.3);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            display: none;
            flex-direction: column;
            gap: 15px;
            animation: cookieSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* 2. iPad / Tablet სპეციალური პოზიცია (769px - 1194px) */
        @media screen and (min-width: 769px) and (max-width: 1194px) {
            .cookie-consent-overlay {
                bottom: 95px; /* დაშორება ქვედა მენიუდან */
                left: 200px;   /* შეგიძლია შეცვალო: right: 30px; ან ცენტრში */
                right: auto;
                max-width: 400px;
                padding: 22px;
                border-radius: 18px;
            }
        }

        /* 3. მობილურის პოზიცია (<= 768px) - ხელშეუხებელი, რაც მოგწონს */
        @media screen and (max-width: 768px) {
            .cookie-consent-overlay {
                bottom: 85px;
                left: 15px;
                right: auto;
                top: auto;
                width: calc(100% - 30px);
                max-width: none;
                padding: 18px;
                border-radius: 16px;
                gap: 12px;
            }
            .cookie-title { font-size: 15px; }
            .cookie-desc { font-size: 12px; }
            .cookie-btn-accept, .cookie-btn-manage { padding: 11px; font-size: 12px; }
        }
        @keyframes cookieSlideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        /* 🎁 საჩუქრის ყუთის უწყვეტი შეჯანჯღარების ანიმაცია */
        @keyframes giftBoxShake {
            0%, 100% { transform: rotate(0deg) scale(1); }
            20% { transform: rotate(-10deg) scale(1.08); }
            40% { transform: rotate(10deg) scale(1.08); }
            60% { transform: rotate(-6deg) scale(1.04); }
            80% { transform: rotate(6deg) scale(1.04); }
        }
        .gift-box-anim-shake {
            display: inline-block;
            font-size: 52px;
            animation: giftBoxShake 1.2s ease-in-out infinite;
            transform-origin: bottom center;
            filter: drop-shadow(0 0 15px rgba(189, 147, 249, 0.6));
        }

        /* 💥 ყუთის გასკდომის / აფეთქების ანიმაცია */
        @keyframes giftBoxPopExplode {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.4) rotate(15deg); opacity: 0.9; filter: drop-shadow(0 0 25px rgba(80, 250, 123, 0.9)); }
            100% { transform: scale(2.2); opacity: 0; }
        }
        .gift-box-anim-pop {
            animation: giftBoxPopExplode 0.45s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
        }

        /* ✨ კუპონის ბარათის რბილად ამოსვლა */
        @keyframes couponRevealFade {
            from { opacity: 0; transform: translateY(18px) scale(0.95); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        .coupon-box-anim-reveal {
            animation: couponRevealFade 0.45s ease-out forwards;
        }

        .cookie-view { display: flex; flex-direction: column; gap: 15px; }

        .cookie-header-row { display: flex; align-items: center; gap: 12px; }
        .cookie-icon-wrapper {
            width: 44px;
            height: 44px;
            background: rgba(189, 147, 249, 0.1);
            border: 1px solid #5d34a4;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .cookie-icon-wrapper svg { width: 26px; height: 26px; fill: #bd93f9; }

        .cookie-title {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 17px;
            font-weight: 900;
            color: #ffffff;
            letter-spacing: 0.5px;
        }

        .cookie-desc {
            font-size: 13px;
            color: #a0a0b8;
            line-height: 1.6;
            font-family: 'Noto Sans Georgian', sans-serif;
        }

        .cookie-btn-group { display: flex; gap: 10px; margin-top: 5px; }
        .cookie-btn-accept {
            flex: 1.2;
            background: linear-gradient(90deg, #5d34a4, #bd93f9);
            color: #ffffff;
            border: none;
            padding: 13px 18px;
            border-radius: 10px;
            font-family: 'Noto Sans Georgian', sans-serif;
            font-weight: 800;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 4px 15px rgba(93, 52, 164, 0.3);
        }
        .cookie-btn-accept:hover { opacity: 0.95; transform: translateY(-1px); }

        .cookie-btn-manage {
            flex: 1;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid #251b4f;
            color: #ffffff;
            padding: 13px 18px;
            border-radius: 10px;
            font-family: 'Noto Sans Georgian', sans-serif;
            font-weight: 700;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .cookie-btn-manage:hover { background: rgba(255, 255, 255, 0.1); border-color: #bd93f9; }

        /* Manage View (დეტალური მართვის ხედი) */
        .cookie-back-btn {
            background: transparent;
            border: none;
            color: #bd93f9;
            display: flex;
            align-items: center;
            gap: 6px;
            font-family: 'Noto Sans Georgian', sans-serif;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
            padding: 0;
            margin-bottom: 5px;
            width: fit-content;
        }
        .cookie-back-btn:hover { color: #ffffff; }

        .cookie-options-list { display: flex; flex-direction: column; gap: 12px; }
        .cookie-option-card {
            background: #060412;
            border: 1px solid #251b4f;
            border-radius: 12px;
            padding: 14px;
            display: flex;
            flex-direction: column;
            gap: 6px;
        }
        .cookie-option-header { display: flex; justify-content: space-between; align-items: center; }
        .cookie-option-title { font-size: 14px; font-weight: 800; color: #ffffff; font-family: 'Noto Sans Georgian', sans-serif; }
        .cookie-option-text { font-size: 12px; color: #a0a0b8; line-height: 1.5; font-family: 'Noto Sans Georgian', sans-serif; }

        /* Techaccs Toggle Switch */
        .techaccs-switch {
            position: relative;
            display: inline-block;
            width: 44px;
            height: 24px;
            flex-shrink: 0;
        }
        .techaccs-switch input { opacity: 0; width: 0; height: 0; }
        .techaccs-slider {
            position: absolute;
            cursor: pointer;
            top: 0; left: 0; right: 0; bottom: 0;
            background-color: #251b4f;
            transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .techaccs-slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border-radius: 50%;
        }
        .techaccs-switch input:checked + .techaccs-slider {
            background-color: #50fa7b;
            box-shadow: 0 0 10px rgba(80, 250, 123, 0.4);
        }
        .techaccs-switch input:checked + .techaccs-slider:before {
            transform: translateX(20px);
            background-color: #060412;
        }
        .techaccs-switch input:disabled + .techaccs-slider {
            opacity: 0.5;
            cursor: not-allowed;
        }

        /* Mobile & Tablet ადაპტაცია */
        @media screen and (max-width: 768px) {
            .cookie-consent-overlay {
                bottom: 85px; /* რათა არ გადაფაროს მობილურის ქვედა ნავიგაცია */
                left: 15px;
                width: calc(100% - 30px);
                padding: 18px;
                border-radius: 16px;
                gap: 12px;
            }
            .cookie-title { font-size: 15px; }
            .cookie-desc { font-size: 12px; }
            .cookie-btn-accept, .cookie-btn-manage { padding: 11px; font-size: 12px; }
        }

        /* --- შეფასებების დროპდაუნ სექციის სტილები --- */
        .reviews-dropdown-wrapper { margin-top: 30px; margin-bottom: 25px; width: 100%; clear: both; }
        .reviews-dropdown-item { background-color: #0b071e; border: 2px solid #5d34a4; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4); transition: border-color 0.3s ease; }
        .reviews-dropdown-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 25px; cursor: pointer; user-select: none; background: linear-gradient(90deg, rgba(93, 52, 164, 0.25), rgba(11, 7, 30, 0.9)); transition: background 0.3s ease; }
        .reviews-dropdown-header:hover { background: linear-gradient(90deg, rgba(93, 52, 164, 0.4), rgba(11, 7, 30, 0.95)); }
        .reviews-dropdown-title { font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif; font-size: 18px; font-weight: 900; color: #ffffff; text-transform: uppercase; letter-spacing: 0.5px; }
        .reviews-dropdown-arrow { color: #bd93f9; font-size: 14px; transition: transform 0.3s ease; }
        .reviews-dropdown-content { display: none; padding: 25px; border-top: 1px dashed rgba(93, 52, 164, 0.4); background-color: #060412; }
        .reviews-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px; }
        .review-img-card { 
            background: #060412; 
            border: 1px solid #251b4f; 
            border-radius: 12px; 
            overflow: hidden; 
            aspect-ratio: 1 / 1; 
            cursor: pointer; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            padding: 4px; 
            box-sizing: border-box; 
            transition: transform 0.2s ease, border-color 0.2s ease; 
        }
        .review-img-card:hover { 
            transform: scale(1.03); 
            border-color: #bd93f9; 
        }
        .review-img-card img { 
            width: 100%; 
            height: 100%; 
            object-fit: contain; 
            border-radius: 8px; 
        }

        /* --- შეფასებების Lightbox მოდალი & Watermark დაცვა --- */
        .review-lightbox-overlay {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(4, 2, 12, 0.92);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            z-index: 100000;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
            animation: fadeInLightbox 0.25s ease;
        }
        .review-lightbox-overlay.active {
            display: flex;
        }
        .review-lightbox-wrap {
            position: relative;
            max-width: 90vw;
            max-height: 88vh;
            display: flex;
            align-items: center;
            justify-content: center;
            user-select: none;
            -webkit-user-select: none;
        }
        .review-lightbox-img {
            max-width: 100%;
            max-height: 85vh;
            object-fit: contain;
            border-radius: 12px;
            border: 1.5px solid rgba(93, 52, 164, 0.5);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.9), 0 0 25px rgba(189, 147, 249, 0.2);
            pointer-events: none; /* იცავს ფოტოს drag/drop-ისგან */
        }
        .review-lightbox-watermark {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-25deg);
            font-family: 'Orbitron', sans-serif;
            font-size: 32px;
            font-weight: 900;
            color: rgba(255, 255, 255, 0.22);
            text-shadow: 0 0 10px rgba(0,0,0,0.6);
            letter-spacing: 4px;
            pointer-events: none;
            white-space: nowrap;
            text-transform: uppercase;
            border: 2px dashed rgba(255, 255, 255, 0.18);
            padding: 8px 24px;
            border-radius: 12px;
        }
        .review-lightbox-close {
            position: absolute;
            top: -45px;
            right: 0;
            background: rgba(255, 85, 85, 0.15);
            border: 1.5px solid #ff5555;
            color: #ff5555;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
            outline: none;
        }
        .review-lightbox-close:hover {
            background: #ff5555;
            color: #ffffff;
            transform: scale(1.1);
        }
        @keyframes fadeInLightbox {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @media screen and (max-width: 768px) {
            .review-lightbox-watermark { font-size: 20px; letter-spacing: 2px; padding: 6px 16px; }
            .review-lightbox-close { top: -45px; right: 5px; width: 34px; height: 34px; font-size: 18px; }
        }

        .no-reviews-msg { text-align: center; color: #a0a0b8; font-family: 'Noto Sans Georgian', sans-serif; font-size: 15px; padding: 20px 0; font-weight: 600; }
        .add-review-btn-admin { display: none; background: #50fa7b; color: #060412; border: none; padding: 10px 15px; border-radius: 8px; font-family: 'Noto Sans Georgian', sans-serif; font-weight: 900; font-size: 13px; cursor: pointer; margin-bottom: 15px; width: 100%; transition: opacity 0.2s; }
        body.is-admin-active .add-review-btn-admin { display: block; }
        .add-review-btn-admin:hover { opacity: 0.8; }
        @media screen and (max-width: 768px) {
            .reviews-dropdown-header { padding: 14px 18px; }
            .reviews-dropdown-title { font-size: 14px; }
            .reviews-dropdown-content { padding: 15px; }
            .reviews-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
        }

        /* --- კომბოს შიდა პროფილის Accordion სტილები --- */
        .combo-spec-accordion-wrapper {
            margin-top: 25px;
            border-top: 1px solid rgba(28, 22, 66, 0.5);
            padding-top: 20px;
        }
        .combo-spec-accordion-title {
            font-family: 'Orbitron', 'Noto Sans Georgian', sans-serif;
            font-size: 16px;
            color: #bd93f9;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .combo-accordion-item {
            background-color: #110d2c;
            border: 2px solid #1c1642;
            border-radius: 12px;
            margin-bottom: 10px;
            overflow: hidden;
            transition: border-color 0.2s ease;
        }
        .combo-accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            cursor: pointer;
            user-select: none;
        }
        .combo-accordion-header span {
            font-size: 15px;
            font-weight: 700;
            color: #ffffff;
            font-family: 'Noto Sans Georgian', sans-serif;
        }
        .combo-accordion-arrow {
            color: #bd93f9;
            font-size: 12px;
            transition: transform 0.2s ease;
        }
        .combo-accordion-content {
            display: none;
            padding: 0 20px 15px 20px;
            border-top: 1px dashed rgba(93, 52, 164, 0.3);
            background-color: #0b071e;
        }

        /* --- კომბო მენიუს დაზოგვის ბეიჯი მთავარ გვერდზე --- */
        .combo-savings-badge {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background: rgba(6, 4, 18, 0.95);
            border: 1px solid #bd93f9;
            border-radius: 10px;
            padding: 6px 10px;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            z-index: 5;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
            pointer-events: none;
            backdrop-filter: blur(4px);
        }
        .combo-badge-orig-price {
            font-size: 11px;
            color: #a0a0b8;
            font-family: 'Noto Sans Georgian', sans-serif;
            font-weight: 700;
            line-height: 1.2;
            display: flex;
            align-items: center;
            gap: 5px;
            white-space: nowrap;
        }
        .combo-badge-orig-price span {
            font-family: 'Orbitron', sans-serif;
            text-decoration: line-through;
            color: #ff5555;
            margin-left: 0;
        }
        .combo-badge-save-price {
            font-size: 12px;
            color: #ffffff;
            font-family: 'Noto Sans Georgian', sans-serif;
            font-weight: 900;
            margin-top: 4px;
            line-height: 1.2;
            display: flex;
            align-items: center;
            gap: 5px;
            white-space: nowrap;
        }
        .combo-badge-save-price span {
            font-family: 'Orbitron', sans-serif;
            color: #50fa7b;
            margin-left: 0;
        }

        /* ადაპტაცია მობილურისთვის */
        @media screen and (max-width: 768px) {
            .combo-savings-badge {
                padding: 4px 8px !important;
                bottom: 6px !important;
                right: 6px !important;
                border-radius: 8px !important;
                align-items: flex-end !important;
                max-width: none !important;
            }
            .combo-badge-orig-price { font-size: 8px !important; line-height: 1 !important; }
            .combo-badge-save-price { font-size: 9px !important; margin-top: 2px !important; line-height: 1 !important; }
        }
        .checkout-preview-item { display: flex; gap: 20px; background: #060412; padding: 20px; border-radius: 12px; border: 1px solid #251b4f; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px; }
        .checkout-preview-info { display: flex; gap: 20px; align-items: center; flex: 1; min-width: 250px; }
        .checkout-preview-img { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; flex-shrink: 0; border: 1px solid #1c1642; }
        .checkout-preview-text { flex: 1; display: flex; flex-direction: column; gap: 4px; }
        .checkout-preview-text h4 { font-size: 16px; color: #fff; margin: 0; line-height: 1.3; }
        .checkout-preview-text .qty-text { font-size: 13px; color: #a0a0b8; margin: 0; }
        .checkout-preview-video-wrapper { flex-shrink: 0; display: flex; justify-content: center; }
        .checkout-preview-video-wrapper video, .checkout-preview-video-wrapper div.no-video { width: 240px; height: 135px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); }
        .checkout-preview-video-wrapper div.no-video { background: #110d2c; display: flex; align-items: center; justify-content: center; border: 1px dashed #bd93f9; text-align: center; }
        .checkout-preview-video-wrapper video { object-fit: contain; background: #000; border: 1px solid #251b4f; }

        /* =========================================================
           2. მობილურის (Mobile) სტილები
           ========================================================= */
      /* --- 2.1 iPad / Tablet სპეციალური ადაპტაცია (769px - 1194px) --- */
        @media screen and (min-width: 769px) and (max-width: 1194px) {
            body { padding-bottom: 85px; font-size: 15px; }
            .container { width: 94%; max-width: 1140px; padding: 0 15px; }

            /* დესკტოპის გადატვირთული ნავიგაციისა და ძებნის დამალვა */
            .search-box, 
            .nav-right,
            .desktop-nav { 
                display: none !important; 
            }

            /* 1. ჰედერი: მობილურის/App სტილში */
            header { height: 80px; padding: 0; background: rgba(6, 4, 18, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(93, 52, 164, 0.3); z-index: 1000; }
            .nav-container { width: 94%; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; }
            .nav-left { position: static; width: auto; margin: 0; }
            
            /* ბურგერ ღილაკი */
            .hamburger-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); display: flex !important; align-items: center; justify-content: center; width: 46px; height: 48px; background: rgba(28, 22, 66, 0.6); border-radius: 14px; border: 1px solid rgba(93, 52, 164, 0.4); cursor: pointer; z-index: 10; }
            .hamburger-icon svg { width: 26px; height: 26px; stroke: #fff; }
            
            /* ლოგო (iPad) */
            .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5; }
            .logo img { height: 70px !important; width: auto !important; max-width: none !important; object-fit: contain; filter: drop-shadow(0 0 10px rgba(189, 147, 249, 0.5)); }
            
        
          /* საძიებო ღილაკი და შეტყობინების ღილაკი iPad-ზე */
            .mobile-search-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex !important; align-items: center; justify-content: center; width: 46px; height: 48px; background: rgba(28, 22, 66, 0.6); border-radius: 50%; border: 1px solid rgba(93, 52, 164, 0.4); cursor: pointer; z-index: 10; }
            .mobile-search-btn.with-notif { right: 10px !important; }
            .mobile-search-btn svg { width: 22px; height: 22px; stroke: #fff; }

            .mobile-notif-btn { position: absolute; right: 68px; top: 50%; transform: translateY(-50%); display: none; align-items: center; justify-content: center; width: 46px; height: 48px; background: rgba(28, 22, 66, 0.6); border-radius: 50%; border: 1px solid rgba(93, 52, 164, 0.4); cursor: pointer; z-index: 10; }
            .mobile-notif-btn svg { width: 22px; height: 22px; stroke: #fff; }
            .mobile-notif-badge { position: absolute; top: -2px; right: -2px; background: #ff5555; color: #fff; font-size: 10px; font-weight: 900; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #060412; }
            /* 2. მობილური კატალოგის მენიუ (ზუსტი სიმაღლე და მკვეთრი აიქონები) */
            .mobile-catalog-menu { 
                position: fixed !important; 
                top: 0; 
                left: 0; 
                bottom: 80px !important;
                width: 100% !important; 
                height: calc(100% - 80px) !important; 
                background: #060412; 
                z-index: 9999 !important; 
                display: flex !important; 
                flex-direction: column; 
                transform: translateX(-100%); 
                transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
            }
            .mobile-catalog-menu.active { 
                transform: translateX(0) !important; 
            }

            /* შიდა ელემენტების სტილები */
            .m-cat-header { display: flex !important; align-items: center; padding: 12px 20px; background: #0b071e; border-bottom: 1px solid #251b4f; gap: 15px; height: 65px; }
            .m-cat-search-box { display: flex !important; flex: 1; position: relative; align-items: center; }
            .m-cat-search-box svg { position: absolute; left: 15px; width: 20px; height: 20px; stroke: #a0a0b8; }
            .m-cat-search-box input { width: 100%; padding: 12px 15px 12px 45px; border-radius: 12px; border: 1px solid #251b4f; background: #110d2c; color: #fff; font-size: 15px; outline: none; }
            .m-cat-close { display: flex !important; background: transparent; border: none; color: #ff5555; font-size: 36px; cursor: pointer; padding: 0 10px; line-height: 1; align-items: center; justify-content: center; }

            .m-cat-body { display: flex !important; flex: 1; overflow: hidden; }
            .m-cat-sidebar { display: flex !important; flex-direction: column; width: 110px; min-width: 110px; background: #0b071e; border-right: 1px solid #251b4f; overflow-y: auto; padding: 10px 0; }
            
            /* მკვეთრი აიქონები და ტექსტები */
            .m-cat-item { display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: 16px 5px; cursor: pointer; gap: 8px; color: #d0c0f7; transition: all 0.2s; }
            .m-cat-item svg { width: 28px !important; height: 28px !important; stroke: #a370f7 !important; stroke-width: 2 !important; filter: drop-shadow(0 0 2px rgba(163, 112, 247, 0.4)); }
            .m-cat-item img.custom-icon { width: 28px !important; height: 28px !important; object-fit: contain; filter: brightness(1.2); }
            .m-cat-text { font-size: 12px !important; text-align: center; font-weight: 700; color: #d0c0f7 !important; }

            /* აქტიური კატეგორია - ზუსტად მობილურის UI-ს სტილში */
            .m-cat-item.active { background: #110d2c !important; border-left: 3px solid #bd93f9 !important; }
            .m-cat-item.active svg { stroke: #bd93f9 !important; transform: scale(1.1); filter: drop-shadow(0 0 5px rgba(189,147,249,0.4)); }
            .m-cat-item.active img.custom-icon { transform: scale(1.1) !important; filter: brightness(1.4) drop-shadow(0 0 5px rgba(189,147,249,0.4)) !important; }
            .m-cat-item.active img.custom-icon.mirrored { transform: scaleX(-1) scale(1.1) !important; }
            .m-cat-text { color: #a0a0b8; }
            .m-cat-item.active .m-cat-text { color: #bd93f9 !important; }

            .m-cat-content { display: block !important; flex: 1; overflow-y: auto; padding: 20px; background: #060412; }
            .m-cat-products { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; }

            /* 3. ქვედა App ნავიგაცია */
            .mobile-bottom-nav { display: flex !important; justify-content: space-around; align-items: center; position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; background: rgba(6, 4, 18, 0.98); backdrop-filter: blur(25px); border-top: 1px solid rgba(93, 52, 164, 0.4); z-index: 10000 !important; padding: 5px 20px 10px 20px; }
            .mobile-bottom-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; color: #a0a0b8; text-decoration: none; font-size: 13px; font-weight: 700; gap: 6px; position: relative; height: 100%; transition: 0.3s; }
            .mobile-bottom-nav a svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 2; transition: 0.3s; }
            .mobile-bottom-nav a.active-nav { color: #50fa7b; }
            .mobile-bottom-nav a.active-nav svg { transform: translateY(-2px); filter: drop-shadow(0 4px 8px rgba(80, 250, 123, 0.5)); stroke-width: 2.5; }
            .mobile-badge { position: absolute; top: 4px; right: calc(50% - 22px); background: #ff5555; color: #fff; font-size: 11px; font-weight: 900; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.5); border: 2px solid #060412; }

            /* 4. პროდუქტების ბადე და მაღაზია */
            .products-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 18px !important; }
            .product-card { padding: 14px; border-radius: 18px; }
            .product-title { font-size: 13px; height: 36px; line-height: 1.3; margin-bottom: 6px; }
            .product-price { font-size: 18px; margin-bottom: 10px; }
            .buy-btn { font-size: 11px !important; padding: 11px 5px !important; white-space: nowrap !important; }
            
            .product-badge { font-size: 9px !important; padding: 4px 8px !important; }
            .badge-gift-bonus { width: 26px !important; height: 26px !important; }
            .badge-gift-bonus svg { width: 18px !important; height: 18px !important; }

            .shop-layout { grid-template-columns: 240px 1fr; gap: 20px; }
            .filters-sidebar { padding: 18px; }

           

    /* --- პროდუქტის პროფილის ადაპტაცია მხოლოდ IPAD-ისთვის --- */
            .product-profile-layout { 
                display: grid !important;
                grid-template-columns: 300px 1fr !important;
                padding: 25px !important; 
                gap: 10px 25px !important; 
                background: #0b071e !important; 
                border-radius: 20px !important; 
                align-items: start !important;
            }

            /* გალერეის მთლიანი კონტეინერი (მთავარი ფოტო + მინიატურები) ჯდება პირველ სვეტში */
            .profile-gallery-wrapper {
                grid-column: 1 !important;
                grid-row: 1 / span 4 !important;
                width: 300px !important;
                align-self: start !important;
                display: flex !important;
                flex-direction: column !important;
                gap: 10px !important;
            }

            .profile-image-container { 
                width: 300px !important;
                aspect-ratio: 1 / 1 !important; 
                border-radius: 18px !important; 
                margin: 0 !important;
            }

            .profile-info-block {
                display: contents !important;
            }

            /* 1. მარჯვენა მხარის ელემენტები - ჯდებიან Grid-ის მე-2 სვეტში, რიგებში 1, 2, 3, 4 */
            .profile-info-block > .edit-product-btn,
            .profile-info-block > .profile-cat,
            .profile-info-block > .profile-title,
            .profile-info-block > .price-section-container,
            .profile-info-block > .color-selector-container {
                grid-column: 2 !important;
                grid-row: auto !important;
            }

            .profile-cat {
                margin-top: 0 !important;
                margin-bottom: 4px !important;
                display: block !important;
                font-size: 13px !important;
            }

            .profile-title { 
                font-size: 26px !important; 
                line-height: 1.2 !important; 
                padding-right: 0 !important; 
                margin-top: 0 !important;
                margin-bottom: 8px !important; 
                width: 100% !important;
                word-wrap: break-word !important;
            }

            .price-section-container { 
                display: flex !important; 
                flex-direction: column !important; 
                margin-top: 0 !important;
                margin-bottom: 0 !important; 
                border-bottom: none !important; 
                padding-bottom: 0 !important; 
                padding-top: 0 !important;
                width: 100% !important;
                position: relative !important;
                padding-right: 0 !important;
            }

            .profile-price-row {
                display: flex !important;
                align-items: center !important;
                margin-bottom: 4px !important;
            }

            .profile-price { 
                font-size: 32px !important; 
                line-height: 1.1 !important;
            }

            /* საჩუქრის ბლოკი გადავიდა უშუალოდ ფასის მაჩვენებლის ქვეშ */
            .profile-gift-main-wrapper { 
                position: relative !important; 
                top: auto !important;
                right: auto !important;
                margin-top: 0px !important; 
                margin-bottom: 6px !important;
                width: 95px !important; 
                flex-shrink: 0 !important; 
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                z-index: 1 !important;
            }

            .profile-gift-top-row {
                height: 18px !important;
                gap: 5px !important;
                justify-content: flex-start !important;
                width: 100% !important;
            }

            .profile-gift-top-row svg {
                width: 16px !important;
                height: 16px !important;
            }

            .profile-gift-title-text {
                font-size: 12px !important;
                line-height: 18px !important;
            }

            .profile-gift-photo-box {
                width: 95px !important;
                height: 95px !important;
                border-radius: 12px !important;
            }
           /* 2. აღწერა, სპეციფიკაციები, კომბოს აკორდეონები და ყიდვის ბლოკი გადადის ფოტოსა და მარჯვენა ბლოკის ქვეშ (2-ვე სვეტზე) */
            .profile-info-block > .profile-desc,
            .profile-info-block > .profile-specs,
            .profile-info-block > .combo-spec-accordion-wrapper,
            .profile-info-block > .purchase-control-row,
            .profile-info-block > .calculation-space-holder {
                grid-column: 1 / -1 !important;
                grid-row: auto !important;
            }

            .profile-desc { 
                font-size: 14px !important; 
                line-height: 1.5 !important; 
                border-top: 1px dashed rgba(93, 52, 164, 0.4) !important; 
                padding-top: 12px !important; 
                margin-top: 10px !important;
                margin-bottom: 10px !important; 
            }

            .profile-specs { 
                display: grid !important; 
                grid-template-columns: repeat(2, 1fr) !important; 
                gap: 8px 25px !important; 
                border-top: 1px solid rgba(28, 22, 66, 0.6) !important; 
                padding-top: 10px !important; 
                margin-top: 0 !important; 
                margin-bottom: 15px !important; 
            }

            /* --- კომბო მენიუს აკორდეონის 2-სვეტიანი ბადე IPAD-ისთვის --- */
            .combo-spec-accordion-wrapper {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px 25px !important;
                border-top: 1px solid rgba(28, 22, 66, 0.6) !important;
                padding-top: 15px !important;
                margin-top: 5px !important;
                margin-bottom: 20px !important;
            }
            .combo-spec-accordion-title {
                grid-column: 1 / -1 !important;
                margin-bottom: 10px !important;
                font-size: 15px !important;
            }
            .combo-accordion-item {
                margin-bottom: 0 !important;
            }

            .spec-item { 
                padding: 6px 0 !important; 
                font-size: 14px !important; 
                border-bottom: 1px solid rgba(28, 22, 66, 0.5) !important;
                display: flex !important;
                justify-content: space-between !important;
            }
            .purchase-control-row { 
                display: flex !important; 
                flex-direction: row !important; 
                align-items: center !important; 
                gap: 15px !important; 
                margin-bottom: 5px !important; 
            }

            .profile-buy-btn { 
                flex: 1 !important; 
                padding: 16px !important; 
                font-size: 14px !important; 
                border-radius: 25px !important; 
            }

            .quantity-picker { 
                width: 140px !important; 
                height: 52px !important; 
                border-radius: 25px !important; 
                padding: 0 15px !important; 
                flex-shrink: 0 !important; 
            }
         #paymentGrid { 
                grid-template-columns: 1fr 340px !important; 
                grid-template-areas: 
                    "details total" 
                    "terms terms" 
                    "methods methods" !important; 
                gap: 20px !important; 
            }
            .pay-sec-terms { 
                grid-area: terms !important; 
                width: 100% !important;
            }
            .pay-sec-methods { 
                grid-area: methods !important; 
                max-width: 550px !important; 
                width: 100% !important; 
                justify-self: center !important; 
            }

            /* --- "ჩვენს შესახებ" სარჩევის ბლოკური 2-ხაზიანი UI IPAD-ისთვის --- */
            .terms-wrapper { 
                flex-direction: column !important; 
                gap: 20px !important; 
            }
            .terms-sidebar { 
                position: relative !important; 
                top: 0 !important; 
                width: 100% !important; 
                min-width: 100% !important; 
                padding: 20px !important; 
                box-shadow: none !important; 
                border-radius: 16px !important; 
            }
            .terms-sidebar h3 { 
                font-size: 16px !important; 
                margin-bottom: 15px !important; 
                text-align: center !important; 
            }
            .terms-sidebar ul { 
                display: grid !important; 
                grid-template-columns: repeat(4, 1fr) !important; /* ზუსტად 4 კატეგორია თითო ხაზზე (2 რიგი) */
                gap: 10px !important; 
            }
            .terms-sidebar ul li { 
                margin-bottom: 0 !important; 
            }
            .terms-sidebar ul li a { 
                display: flex !important; 
                align-items: center !important; 
                justify-content: center !important; 
                height: 50px !important; 
                padding: 6px 10px !important; 
                background: rgba(93, 52, 164, 0.15) !important; 
                border: 1px solid rgba(93, 52, 164, 0.4) !important; 
                border-radius: 10px !important; 
                text-align: center !important; 
                font-size: 12px !important; 
                line-height: 1.3 !important; 
                font-weight: 700 !important; 
                color: #ffffff !important; 
                box-sizing: border-box !important; 
                transition: background 0.2s ease, border-color 0.2s ease !important;
            }
            .terms-sidebar ul li a:hover { 
                background: #5d34a4 !important; 
                color: #ffffff !important; 
                border-color: #bd93f9 !important;
            }
        }
        /* --- 2.2 მობილურის სტილები (<= 768px) --- */
        @media screen and (max-width: 768px) {
            body { padding-bottom: 90px; font-size: 14px; }
            
            /* --- დესკტოპის ელემენტების დამალვა მობილურზე --- */
            .search-box, 
            .nav-right,
            .desktop-nav { 
                display: none !important; 
            }

            /* --- Header --- */
            header { height: 75px; padding: 0; background: rgba(6, 4, 18, 0.85); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(93, 52, 164, 0.3); box-shadow: 0 4px 30px rgba(0,0,0,0.5); }
            .nav-container { width: 85%; padding: 0 10px; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; }
            
            .nav-left { position: static; width: auto; margin: 0; }
            
            .hamburger-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); margin: 0; display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(28, 22, 66, 0.5); border-radius: 12px; border: 1px solid rgba(93, 52, 164, 0.3); z-index: 10; cursor: pointer; transition: 0.2s; }
            .hamburger-icon svg { width: 24px; height: 24px; stroke: #fff; }
            
            /* ლოგო (მობილურზე) */
            .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + 1.5px)); z-index: 5; }
            .logo img { height: 60px !important; width: auto !important; max-width: none !important; object-fit: contain; filter: drop-shadow(0 0 10px rgba(189, 147, 249, 0.5)); transition: 0.3s; }
            
            .mobile-search-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); margin: 0; display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(28, 22, 66, 0.5); border-radius: 50%; border: 1px solid rgba(93, 52, 164, 0.3); z-index: 10; transition: all 0.3s ease; cursor: pointer; }
            .mobile-search-btn svg { width: 20px; height: 20px; stroke: #fff; transition: stroke 0.3s; }

            .mobile-notif-btn { position: absolute; right: 60px; top: 50%; transform: translateY(-50%); margin: 0; display: none; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(28, 22, 66, 0.5); border-radius: 50%; border: 1px solid rgba(93, 52, 164, 0.3); z-index: 10; cursor: pointer; }
            .mobile-notif-btn svg { width: 20px; height: 20px; stroke: #fff; }
            .mobile-notif-badge { position: absolute; top: -2px; right: -2px; background: #ff5555; color: #fff; font-size: 9px; font-weight: 900; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1.5px solid #060412; }

            /* კატეგორიების განლაგება მობილურისთვის (ძირითად გვერდზე) */
            .filters-sidebar .filter-group:first-child { display: none !important; } 
            .filters-sidebar { background: transparent !important; border: none !important; padding: 0 !important; margin-bottom: 20px; }
            #categoriesFilterContainer { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }
            .checkbox-label { margin: 0 !important; padding: 10px 2px !important; background: rgba(93, 52, 164, 0.1); border: 1px solid rgba(93, 52, 164, 0.3); border-radius: 8px; font-size: 10px !important; font-weight: 700; text-align: center; justify-content: center; color: #a0a0b8; white-space: normal !important; line-height: 1.1; word-break: break-word; hyphens: auto; transition: 0.3s; cursor: pointer; display: flex !important; }
            .checkbox-label input[type="checkbox"] { display: none !important; }
            .checkbox-label.checked { background: #5d34a4 !important; color: #fff !important; border-color: #bd93f9 !important; box-shadow: 0 0 10px rgba(189,147,249,0.3) !important; }

            /* --- კატალოგის მენიუ (Zoomer სტილი) --- */
            .mobile-catalog-menu { 
                position: fixed !important; top: 0; left: 0; width: 100%; height: calc(100dvh - 75px); 
                background: #060412; z-index: 9990; display: flex !important; flex-direction: column; 
                transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
            }
            .mobile-catalog-menu.active { transform: translateX(0); }
            
            .m-cat-header { display: flex; align-items: center; padding: 10px 15px; background: #0b071e; border-bottom: 1px solid #251b4f; gap: 10px; height: 65px; }
            .m-cat-search-box { flex: 1; position: relative; display: flex; align-items: center; }
            .m-cat-search-box svg { position: absolute; left: 12px; width: 18px; height: 18px; stroke: #a0a0b8; }
            .m-cat-search-box input { width: 100%; padding: 12px 15px 12px 38px; border-radius: 12px; border: 1px solid #251b4f; background: #110d2c; color: #fff; font-size: 14px; outline: none; font-family: 'Inter', sans-serif;}
            .m-cat-search-box input:focus { border-color: #bd93f9; }
            .m-cat-close { background: transparent; border: none; color: #ff5555; font-size: 32px; cursor: pointer; padding: 0 5px; line-height: 1; display: flex; align-items: center; justify-content: center;}
            
            .m-cat-body { display: flex; flex: 1; overflow: hidden; }
            
            .m-cat-sidebar { width: 90px; min-width: 90px; background: #0b071e; border-right: 1px solid #251b4f; overflow-y: auto; display: flex; flex-direction: column; padding: 10px 0; scrollbar-width: none; }
            .m-cat-sidebar::-webkit-scrollbar { display: none; }
            
            .m-cat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px 5px; cursor: pointer; gap: 8px; border-left: 3px solid transparent; color: #a0a0b8; transition: all 0.2s; }
            .m-cat-item.active { background: #110d2c; border-left-color: #bd93f9; color: #bd93f9; }
            
            .m-cat-item svg { width: 26px; height: 26px; stroke: #6E51A4; stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: all 0.2s; }
            .m-cat-item img.custom-icon { width: 26px; height: 26px; object-fit: contain; transition: all 0.2s; }
            .m-cat-item.active svg { stroke: #bd93f9; transform: scale(1.1); }
            .m-cat-item.active img.custom-icon { transform: scale(1.1); filter: brightness(1.4) drop-shadow(0 0 5px rgba(189,147,249,0.4)); }
            .m-cat-item.active img.custom-icon.mirrored { transform: scaleX(-1) scale(1.1); }
            
            .m-cat-text { font-size: 10px; text-align: center; line-height: 1.2; font-weight: 700; word-break: break-word; font-family: 'Noto Sans Georgian', sans-serif;}

            .m-cat-content { flex: 1; overflow-y: auto; padding: 15px; background: #060412; }
            .m-cat-products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; align-content: start; }
            .m-cat-products .product-card { padding: 10px; border-radius: 12px; }
            .m-cat-products .product-title { font-size: 11px; height: 32px; margin-bottom: 5px; }
            .m-cat-products .product-price { font-size: 14px; margin-bottom: 8px; }
            .m-cat-products .buy-btn { font-size: 9px; padding: 8px 4px; }
            .m-cat-products .product-badge { font-size: 8px; padding: 4px 6px; }

            .nav-center { display: none !important; }

            /* --- Bottom App Navigation --- */
            .mobile-bottom-nav { display: flex !important; justify-content: space-around; align-items: center; position: fixed; bottom: 0; left: 0; width: 100%; height: 75px; background: rgba(6, 4, 18, 0.9); backdrop-filter: blur(20px); border-top: 1px solid rgba(93, 52, 164, 0.3); z-index: 10000 !important; padding: 0 10px 10px 10px; }
            .mobile-bottom-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; color: #6272a4; text-decoration: none; font-size: 11px; font-weight: 700; gap: 6px; position: relative; height: 100%; transition: 0.3s; }
            .mobile-bottom-nav a svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; transition: 0.3s; }
            .mobile-bottom-nav a.active-nav { color: #50fa7b; }
            .mobile-bottom-nav a.active-nav svg { transform: translateY(-3px); filter: drop-shadow(0 4px 6px rgba(80, 250, 123, 0.4)); stroke-width: 2.5; }
            .mobile-badge { position: absolute; top: 6px; right: calc(50% - 18px); background: #ff5555; color: #fff; font-size: 10px; font-weight: 900; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.5); border: 2px solid #060412; }

            /* --- Banner / Slider --- */
            .slider-arrow { width: 20px !important; height: 20px !important; font-size: 10px !important; line-height: 1 !important; border-width: 1px !important; }
            .arrow-left { left: 5px !important; }
            .arrow-right { right: 5px !important; }
            .slider-dots { bottom: 5px !important; gap: 4px !important; }
            .dot { width: 5px !important; height: 5px !important; border-width: 1px !important; }
            .dot.active { transform: scale(1.3); }

            /* --- Products Grid --- */
            .products-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 15px; }
            .product-card { padding: 12px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.05); background: linear-gradient(145deg, #110d2c 0%, #0b071e 100%); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
            .product-image-container { border-radius: 12px; margin-bottom: 12px; background: #060412; }
            
            /* სათაურის ფიქსირებული 2-ხაზიანი დაცვა (არ გაწყვიტოს სიტყვები) */
            .product-title { 
                font-size: 12px !important; 
                font-weight: 800; 
                margin-bottom: 8px; 
                line-height: 1.35; 
                height: 33px !important; 
                min-height: 33px !important;
                max-height: 33px !important;
                overflow: hidden; 
                display: -webkit-box; 
                -webkit-line-clamp: 2; 
                line-clamp: 2; 
                -webkit-box-orient: vertical; 
                word-break: normal !important;
                overflow-wrap: break-word !important;
            } 
            .product-price { font-size: 17px; margin-bottom: 12px; color: #50fa7b; }
            
            .buy-btn { 
                white-space: nowrap !important; 
                font-size: 9.5px !important; 
                padding: 10px 2px !important; 
                letter-spacing: -0.3px !important; 
                border-radius: 10px; 
                box-shadow: 0 4px 15px rgba(93, 52, 164, 0.3); 
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }
            .profile-buy-btn { white-space: nowrap !important; font-size: 13px !important; }

            /* სპეციალური ადაპტაცია ვიწრო ეკრანებისთვის (iPhone SE, Galaxy S8, 380px და ნაკლები) */
            @media screen and (max-width: 380px) {
                .products-grid {
                    gap: 8px !important;
                }
                .product-card {
                    padding: 8px !important;
                }
                .buy-btn {
                    font-size: 8.5px !important;
                    padding: 9px 1px !important;
                    letter-spacing: -0.4px !important;
                }
                .product-title {
                    font-size: 11px !important;
                }
                .product-price {
                    font-size: 15px !important;
                }
            }
            
            .learn-more-btn {
                padding: 8px 12px !important;
                border-radius: 8px !important;
                font-size: 11px !important;
                white-space: nowrap !important;
            }
            
            .product-badge { font-size: 10px; padding: 5px 10px; border-radius: 8px; }
            .product-badge-wrapper { top: 10px; left: 10px; }
            .favorite-btn { top: 10px; right: 10px; width: 34px; height: 34px; background: rgba(6,4,18,0.7); backdrop-filter: blur(5px); }
            .favorite-btn svg { width: 18px; height: 18px; }

            /* --- Profile UI / Admin UI --- */
            .profile-layout { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }
            .profile-sidebar { display: flex; flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; padding: 5px 0 15px 0; gap: 12px; background: transparent; border: none; margin: 0; -webkit-overflow-scrolling: touch; }
            .profile-sidebar::-webkit-scrollbar { display: none; }
            .profile-tab-btn { flex: 0 0 auto; scroll-snap-align: start; white-space: nowrap; padding: 12px 24px; border-radius: 30px; font-size: 14px; font-weight: 700; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #a0a0b8; transition: 0.3s; }
            .profile-tab-btn.active { background: #5d34a4; color: #fff; border-color: #bd93f9; box-shadow: 0 4px 15px rgba(93, 52, 164, 0.4); padding-left: 24px; }
            .profile-tab-btn.logout-btn-tab { margin: 0; color: #ff5555; border-color: rgba(255,85,85,0.3); background: rgba(255,85,85,0.05); padding-top: 12px; }
            
            .profile-main-content { padding: 20px; border-radius: 24px; border: 1px solid rgba(93, 52, 164, 0.2); background: rgba(11, 7, 30, 0.6); backdrop-filter: blur(10px); }
            
            .admin-order-card { padding: 20px; border-radius: 16px; background: #0b071e; border: 1px solid rgba(93, 52, 164, 0.3); }
            .admin-order-card > div:nth-child(2) { flex-direction: column; align-items: flex-start !important; gap: 15px; margin-top: 10px; }
            .admin-order-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px; }
            .admin-btn-approve, .admin-btn-reject, .admin-btn-details { width: 100%; text-align: center; font-size: 13px; padding: 14px; border-radius: 12px; margin: 0; }
            .admin-order-actions button:first-child:nth-last-child(1) { grid-column: span 2; } 
            
            .orders-toggle-row { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 10px; justify-content: flex-start; gap: 15px; -webkit-overflow-scrolling: touch; }
            .orders-toggle-row::-webkit-scrollbar { display: none; }
            .order-toggle-btn { white-space: nowrap; font-size: 14px; padding: 10px 5px; }

            /* --- Checkout & Cart UI Fixes --- */
            .list-item { flex-direction: column; padding: 20px; border-radius: 20px; background: #0b071e; border: 1px solid rgba(255,255,255,0.05); }
            .list-item img { width: 100px; height: 100px; }
            .list-item-details { text-align: center; align-items: center; width: 100%; }
            .list-item-controls { width: 100%; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.05); height: auto; min-height: auto; }
            .remove-list-btn { width: auto; height: auto; padding: 10px 15px; border-radius: 12px; background: rgba(255,85,85,0.1); border: none; color: #ff5555; }
            
            .cart-summary-box { flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 25px 15px !important;}
            .cart-total-text { font-size: 13px !important; white-space: nowrap !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important;}
            .cart-total-sum { font-size: 18px !important; margin-left: 8px !important;}
            #cartCheckoutBtn { width: 100% !important; font-size: 14px !important; padding: 15px !important; margin-top: 15px !important;}
            
            #paymentGrid { grid-template-columns: 1fr !important; grid-template-areas: "details" "total" "terms" "methods" !important; gap: 20px !important; }

            .checkout-wrapper { grid-template-columns: 1fr; gap: 20px; display: grid;}
            .checkout-section { padding: 20px; border-radius: 20px; }
            .checkout-input { padding: 16px; border-radius: 12px; font-size: 14px; }
            .checkout-submit-btn { padding: 18px; border-radius: 16px; font-size: 16px; box-shadow: 0 8px 20px rgba(80, 250, 123, 0.2); }
            
            .checkout-preview-item { flex-direction: column; align-items: flex-start; gap: 15px; padding: 15px; }
            .checkout-preview-info { width: 100%; gap: 15px; }
            .checkout-preview-img { width: 85px; height: 85px; }
            .checkout-preview-text h4 { font-size: 14px; }
            .checkout-preview-video-wrapper { width: 100%; margin-top: 5px; border-top: 1px dashed rgba(37, 27, 79, 0.5); padding-top: 15px; align-items: center; }
            .checkout-preview-video-wrapper video, .checkout-preview-video-wrapper div.no-video { width: 100%; max-width: 100%; height: auto; aspect-ratio: 16/9; }
            
            /* --- Product Profile Details --- */
            .product-profile-layout { 
                display: flex !important; 
                flex-direction: column !important; 
                padding: 0 !important; 
                background: transparent !important; 
                border: none !important; 
                gap: 20px !important; 
            }
            .profile-image-container { 
                width: 100% !important; 
                max-width: 100% !important; 
                border-radius: 20px !important; 
                border: 1px solid rgba(255,255,255,0.05) !important; 
                margin: 0 auto !important; 
            }
            .profile-info-block {
                display: flex !important;
                flex-direction: column !important;
                width: 100% !important;
            }
            .profile-title { font-size: 22px !important; margin-bottom: 12px !important; padding-right: 0 !important; word-wrap: break-word !important; }
            .profile-price { font-size: 28px !important; }
            .price-section-container { margin-bottom: 15px !important; width: 100% !important; }
            
            .profile-desc { 
                font-size: 13px !important; 
                line-height: 1.6 !important; 
                border-top: 1px dashed rgba(93, 52, 164, 0.4) !important; 
                padding-top: 15px !important; 
                margin-top: 5px !important;
                margin-bottom: 15px !important; 
                word-wrap: break-word !important;
                overflow-wrap: break-word !important;
                word-break: break-word !important;
                color: #a0a0b8 !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }

            .profile-specs { background: #0b071e !important; padding: 15px !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.05) !important; margin-top: 5px !important;}
            .spec-item { padding: 8px 0 !important; font-size: 12px !important; border-color: rgba(255,255,255,0.05) !important; }
            
            .purchase-control-row { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 5px !important; width: 100% !important; box-sizing: border-box !important; }
            .profile-buy-btn { width: 100% !important; padding: 16px !important; border-radius: 14px !important; font-size: 14px !important; box-shadow: 0 4px 15px rgba(189, 147, 249, 0.2) !important; box-sizing: border-box !important; }
            .quantity-picker { width: 100% !important; max-width: 100% !important; justify-content: center !important; gap: 40px !important; height: 52px !important; border-radius: 14px !important; box-sizing: border-box !important; }
            
            .combo-spec-accordion-wrapper { 
                display: flex !important;
                flex-direction: column !important;
                margin-top: 15px !important; 
                padding-top: 15px !important; 
                border-top: 1px solid rgba(93, 52, 164, 0.3) !important; 
                margin-bottom: 20px !important; 
                width: 100% !important;
                box-sizing: border-box !important;
            }
            .combo-spec-accordion-title { font-size: 14px !important; text-align: center !important; margin-bottom: 12px !important; color: #bd93f9 !important; }
            .combo-accordion-item { border-radius: 10px !important; border: 1px solid #251b4f !important; background: #0b071e !important; margin-bottom: 8px !important; width: 100% !important; box-sizing: border-box !important; }
            .combo-accordion-header { padding: 12px 15px !important; display: flex !important; justify-content: space-between !important; align-items: center !important;}
            .combo-accordion-header span { font-size: 12px !important; }
            .combo-accordion-content { padding: 0 15px 12px 15px !important; background: #060412 !important; }
            .combo-accordion-content .spec-item { padding: 6px 0 !important; font-size: 11px !important; }

            .coming-soon-badge { 
                font-family: 'Noto Sans Georgian', 'Inter', sans-serif !important;
                font-size: 13px !important; 
                font-weight: 900 !important;
                padding: 6px 18px !important; 
                border-radius: 25px !important; 
                border-width: 1.5px !important; 
                width: fit-content !important; 
                max-width: 85%; 
                letter-spacing: 0.3px !important; 
                white-space: nowrap !important; 
                line-height: 1.2;
            }

            .back-nav-btn { font-size: 13px; padding: 10px 20px; margin-top: 10px; margin-bottom: 10px; border-radius: 12px; background: rgba(93, 52, 164, 0.1); border-color: rgba(93, 52, 164, 0.4); }
            
            .footer-container { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding-bottom: 20px; border-bottom: none; }
            /* მოდალების მორგება მობილურზე */
            .modal-overlay {
                padding: 15px 12px calc(80px + env(safe-area-inset-bottom, 5px)) 12px;
            }
            .modal-content {
                padding: 24px 16px;
                max-height: calc(100dvh - 95px);
                border-radius: 16px;
                width: 100%;
            }
            .terms-wrapper { flex-direction: column; gap: 20px; }
            .terms-sidebar { position: relative; top: 0; width: 100%; min-width: 100%; padding: 15px; box-shadow: none; border-radius: 16px; }
            .terms-sidebar h3 { font-size: 15px; margin-bottom: 12px; text-align: center; }
            .terms-sidebar ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
            .terms-sidebar ul li { margin-bottom: 0; }
            .terms-sidebar ul li a { display: flex; align-items: center; justify-content: center; height: 52px; padding: 4px 8px; background: rgba(93, 52, 164, 0.15); border: 1px solid rgba(93, 52, 164, 0.4); border-radius: 10px; text-align: center; font-size: 11px; line-height: 1.3; font-weight: 700; color: #ffffff; box-sizing: border-box; }
            .terms-sidebar ul li a:hover { background: #5d34a4; color: #ffffff; }
            
            .terms-content { padding: 20px !important; border-radius: 16px !important; border-width: 1px !important; }
            .terms-content h1 { font-size: 22px !important; margin-bottom: 15px !important; }
            .terms-content h3 { font-size: 15px !important; }
            .terms-content p { font-size: 13px !important; line-height: 1.6 !important; }
            .info-section-block { margin-bottom: 40px !important; }
            .info-section-block div { font-size: 14px !important; line-height: 1.6 !important; }
            hr { margin: 30px 0 !important; }
            .return-summary-grid { grid-template-columns: 1fr !important; gap: 15px !important; }
        }
        .specs-table,
.product-specs,
.specs-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.specs-row,
.spec-item,
.product-spec-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    padding: 6px 0;
}

.specs-row > *:first-child,
.spec-item > *:first-child,
.product-spec-row > *:first-child {
    flex: 0 1 auto;
    max-width: 45%;
    word-break: break-word;
}

.specs-row > *:last-child,
.spec-item > *:last-child,
.product-spec-row > *:last-child {
    flex: 1 1 auto;
    text-align: right;
    word-break: break-word;
}