.mega-toggle { cursor: pointer; user-select: none; }
        .mobile-auth-only,
        .header-actions .mobile-auth-only { display: none !important; }
        .mega-toggle.is-open { background: rgba(255,255,255,.12); border-radius: 999px; }
        .mega-menu-wrap { position: relative; }
        .mega-menu-panel { position: absolute; top: calc(100% + 10px); right: 0; width: min(980px, calc(100vw - 24px)); background: #fff; border: 1px solid rgba(18, 28, 45, .08); border-radius: 22px; box-shadow: 0 24px 60px rgba(20, 29, 51, .18); padding: 20px; z-index: 1050; display: none; }
        .mega-menu-panel.is-open { display: block; }
        .mega-menu-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
        .mega-menu-card { padding: 14px; border-radius: 18px; border: 1px solid #edf1f7; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); color: #1f2937; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; min-height: 112px; }
        .mega-menu-card:hover { transform: translateY(-2px); border-color: #cdddf7; box-shadow: 0 14px 28px rgba(47, 75, 124, .12); color: #1f2937; }
        .mega-menu-head { display: flex; align-items: flex-start; gap: 12px; text-decoration: none; color: inherit; }
        .mega-menu-head:hover { color: inherit; }
        .mega-menu-icon { width: 52px; height: 52px; flex: 0 0 52px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: #eef4ff; color: #2f4b7c; font-size: 1.5rem; font-weight: 700; }
        .mega-menu-content { min-width: 0; }
        .mega-menu-title { font-weight: 700; margin-bottom: 4px; color: #1f2937; }
        .mega-menu-desc { font-size: .88rem; color: #64748b; line-height: 1.45; margin-bottom: 6px; }
        .mega-menu-meta { font-size: .78rem; color: #2f4b7c; font-weight: 600; }
        .mega-subcats { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #d9e3f4; display: flex; flex-direction: column; gap: 8px; }
        .mega-subcat-link { text-decoration: none; color: #475569; font-size: .9rem; line-height: 1.35; }
        .mega-subcat-link:hover { color: #2f4b7c; }
        .mega-subcat-count { color: #94a3b8; font-size: .8rem; }
        .mini-cart-action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-height: 44px;
            margin-top: 10px;
            border-radius: 14px;
            background: #198754;
            border: 1px solid #198754;
            color: #fff !important;
            font-weight: 700;
            text-decoration: none !important;
            transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
            box-shadow: 0 10px 22px rgba(25, 135, 84, .18);
        }

        .mini-cart-action:hover {
            background: #157347;
            border-color: #157347;
            color: #fff !important;
            transform: translateY(-1px);
            box-shadow: 0 14px 26px rgba(21, 115, 71, .22);
        }

        .footer-iyzico-band {
            margin-top: 18px;
            padding-top: 18px;
            border-top: 1px solid #e7edf7;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        .footer-iyzico-label {
            font-size: .82rem;
            color: #64748b;
            font-weight: 600;
        }

        .footer-iyzico-band img {
            display: block;
            width: auto;
            max-width: min(100%, 340px);
            height: auto;
        }

        .header-social-wrap {
            position: relative;
            display: inline-flex;
        }

        .header-social-toggle {
            min-width: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 0;
        }

        .header-social-toggle:hover,
        .header-social-toggle.is-open {
            background: linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.15) 100%);
            border-color: rgba(255,255,255,.28);
            color: #fff;
        }

        .header-social-toggle i {
            font-size: 1.45rem;
        }

        .header-social-panel {
            position: absolute;
            top: calc(100% + 12px);
            left: 50%;
            transform: translateX(-50%) translateY(-6px);
            width: min(300px, calc(100vw - 24px));
            padding: 16px;
            border-radius: 22px;
            border: 1px solid rgba(18, 28, 45, .08);
            background: #fff;
            box-shadow: 0 24px 60px rgba(20, 29, 51, .18);
            z-index: 1060;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
        }

        .header-social-panel.is-open {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateX(-50%) translateY(0);
        }

        .header-social-title {
            font-weight: 800;
            color: #1f2937;
            margin-bottom: 4px;
        }

        .header-social-text {
            color: #64748b;
            font-size: .9rem;
            margin-bottom: 12px;
        }

        .header-social-links {
            display: flex;
            justify-content: center;
            gap: 10px;
        }

        .header-social-link {
            width: 42px;
            height: 42px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #fff;
            box-shadow: 0 12px 24px rgba(15, 23, 42, .12);
            transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
        }

        .header-social-link:hover {
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 16px 30px rgba(15, 23, 42, .18);
            filter: saturate(1.08);
        }

        .header-social-facebook { background: #1877f2; }
        .header-social-instagram { background: linear-gradient(135deg, #f58529 0%, #dd2a7b 45%, #8134af 75%, #515bd4 100%); }
        .header-social-youtube { background: #ff0000; }

        .footer-social {
            margin-top: 16px;
        }

        .footer-social-links {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 10px;
        }

        .footer-social-link {
            width: 42px;
            height: 42px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #fff;
            box-shadow: 0 12px 24px rgba(15, 23, 42, .12);
            transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
        }

        .footer-social-link:hover {
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 16px 30px rgba(15, 23, 42, .18);
            filter: saturate(1.08);
        }

        .footer-social-facebook { background: #1877f2; }
        .footer-social-instagram { background: linear-gradient(135deg, #f58529 0%, #dd2a7b 45%, #8134af 75%, #515bd4 100%); }
        .footer-social-youtube { background: #ff0000; }

        .mobile-auth-menu {
            display: none;
        }

        body { overflow-x: hidden; }
        @media (max-width: 991.98px) { .mega-menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mega-menu-panel { right: 12px; left: 12px; width: auto; } }
        @media (max-width: 767.98px) { .mega-menu-wrap { display: none !important; } .mega-menu-grid { grid-template-columns: 1fr; } }
        @media (max-width: 767.98px) {
            .main-header {
                padding: 10px 0;
            }

            .top-bar .container {
                gap: 8px;
                flex-wrap: nowrap;
                justify-content: flex-start !important;
                text-align: center;
                font-size: .84rem;
                overflow-x: auto;
                white-space: nowrap;
                scrollbar-width: none;
            }

            .top-bar .container::-webkit-scrollbar {
                display: none;
            }

            .main-header .container {
                gap: 8px;
                flex-wrap: nowrap;
                align-items: center !important;
            }

            .header-logo {
                max-width: 150px;
                flex: 0 0 auto;
            }

            .header-logo-inner {
                border-radius: 18px;
                padding: 5px 8px;
            }

            .header-logo img {
                max-width: 100%;
                height: auto;
            }

            .header-actions {
                width: auto;
                margin-left: auto;
                justify-content: flex-end;
                gap: 8px !important;
                overflow: visible;
                flex-wrap: nowrap;
                flex: 0 0 auto;
            }

            .header-social-wrap {
                flex: 0 0 auto;
                min-width: 0;
                padding: 0;
            }

            .header-social-toggle {
                max-width: 46px;
            }

            .header-social-toggle span {
                display: none;
            }

            .header-social-panel {
                top: calc(100% + 10px);
                width: min(280px, calc(100vw - 24px));
            }

            .mobile-auth-only {
                display: inline-flex !important;
            }

            .header-actions .mobile-auth-only {
                display: inline-flex !important;
            }

            .mobile-auth-menu {
                position: fixed;
                right: 12px;
                top: 132px;
                left: auto;
                bottom: auto;
                width: min(260px, calc(100vw - 24px));
                background: #fff;
                border: 1px solid rgba(18, 28, 45, .08);
                border-radius: 18px;
                box-shadow: 0 18px 42px rgba(18, 28, 45, .18);
                padding: 10px;
                z-index: 1090;
                display: none;
                backdrop-filter: blur(12px);
            }

            .mobile-auth-menu.is-open {
                display: block;
            }

            .mobile-auth-menu a {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 12px 14px;
                border-radius: 12px;
                text-decoration: none;
                color: #1f2937;
                font-weight: 600;
                transition: background-color .18s ease, transform .18s ease, color .18s ease;
            }

            .mobile-auth-menu a:hover {
                background: #f5f8ff;
                color: #26457c;
                transform: translateX(2px);
            }

            .header-actions .icon-btn,
            .header-actions .btn {
                min-width: 0;
                white-space: nowrap;
            }

            .header-actions .auth-link,
            .header-actions .icon-btn,
            .header-actions .btn {
                font-size: .92rem;
            }

            .header-actions .icon-btn {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                width: 46px;
                height: 46px;
                justify-content: center;
                padding: 0;
                border-radius: 16px;
                background: linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.09) 100%);
                border: 1px solid rgba(255,255,255,.18);
                color: #fff;
                box-shadow: 0 12px 24px rgba(20, 29, 51, .14), inset 0 1px 0 rgba(255,255,255,.12);
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
            }

            .header-actions .icon-btn:hover,
            .header-actions .icon-btn:focus {
                background: linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.15) 100%);
                border-color: rgba(255,255,255,.28);
                color: #fff;
                transform: translateY(-1px);
                box-shadow: 0 16px 28px rgba(20, 29, 51, .18), inset 0 1px 0 rgba(255,255,255,.18);
            }

            .header-actions .icon-btn i,
            .header-actions .btn i {
                flex: 0 0 auto;
                font-size: 1.12rem;
            }

            .header-actions .btn.btn-success {
                padding-left: .9rem;
                padding-right: .9rem;
            }

            .header-actions .header-user-wrap,
            .header-actions .header-cart-wrap {
                min-width: 0;
                position: relative;
            }

            .header-actions .auth-link span,
            .header-actions .icon-btn span:not(#cartCountBadge) {
                display: none;
            }

            .header-actions .icon-btn span:not(#cartCountBadge) {
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .header-actions > a.icon-btn {
                max-width: 46px;
            }

            .header-actions .cart-icon {
                max-width: 46px;
                position: relative;
            }

            .header-actions .auth-link {
                max-width: 46px;
            }

            .header-actions .btn.btn-success {
                display: none !important;
            }

            .header-actions .header-user-wrap .user-btn {
                padding-left: 0;
                padding-right: 0;
            }

            .header-actions .cart-icon.is-active,
            .header-actions .mobile-auth-only.is-open,
            .header-actions .header-social-toggle.is-open {
                background: linear-gradient(180deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.22) 100%);
                border-color: rgba(255,255,255,.36);
                box-shadow: 0 16px 30px rgba(20, 29, 51, .22), inset 0 1px 0 rgba(255,255,255,.24);
            }

            .header-actions .cart-icon.is-active i,
            .header-actions .mobile-auth-only.is-open i,
            .header-actions .header-social-toggle.is-open i {
                transform: scale(1.04);
            }

            .bottom-nav-item.has-menu {
                cursor: pointer;
            }

            .header-cart-wrap {
                position: relative !important;
            }

            #miniCartContainer {
                width: 0;
            }

            .mini-cart-dropdown {
                position: fixed !important;
                left: 12px !important;
                right: 12px !important;
                top: auto !important;
                bottom: 98px !important;
                width: auto !important;
                max-width: none !important;
                max-height: min(74vh, 620px);
                overflow: hidden;
                z-index: 1085;
                border-radius: 20px !important;
                box-shadow: 0 24px 60px rgba(18, 28, 45, .22) !important;
                display: flex;
                flex-direction: column;
                position: fixed !important;
            }

            .mini-cart-items {
                flex: 1 1 auto;
                min-height: 0;
                overflow-y: auto;
                max-height: none;
                padding-bottom: 8px;
            }

            .mini-cart-footer {
                flex: 0 0 auto;
                position: relative;
                background: #fff;
                padding: 12px 0 8px;
                border-top: 1px solid rgba(18, 28, 45, .08);
                margin-top: 0;
                display: block !important;
            }

            .mini-cart-action {
                white-space: nowrap;
                min-height: 46px;
                display: flex !important;
                background: #198754 !important;
                border-color: #198754 !important;
                color: #fff !important;
                visibility: visible !important;
                opacity: 1 !important;
            }

            .mini-cart-total {
                margin-bottom: 0;
            }

            #toast-container {
                position: fixed !important;
                left: 12px !important;
                right: 12px !important;
                top: auto !important;
                bottom: calc(82px + env(safe-area-inset-bottom)) !important;
                width: auto !important;
                z-index: 2000 !important;
            }

            #toast-container > .toast {
                width: 100% !important;
                box-shadow: 0 10px 28px rgba(18, 28, 45, .18);
            }

            #toast-container > div,
            #toast-container > .toast,
            #toast-container .toast {
                opacity: 1 !important;
                background-color: #ffffff !important;
                background-image: none !important;
                color: #1f2937 !important;
            }

            #toast-container .toast-success {
                border-left: 4px solid #198754;
            }

            #toast-container .toast-error {
                border-left: 4px solid #dc3545;
            }

            #toast-container .toast-info {
                border-left: 4px solid #0dcaf0;
            }

            #toast-container .toast-warning {
                border-left: 4px solid #ffc107;
            }

            .bottom-nav {
                left: 0;
                right: 0;
                width: 100%;
                height: calc(66px + env(safe-area-inset-bottom));
                padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
                display: grid !important;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                align-items: center;
                justify-items: stretch;
                gap: 0;
                overflow: hidden;
                z-index: 1080;
            }

            .bottom-nav-item {
                width: 100%;
                min-width: 0;
                height: 100%;
                padding: 0 1px;
                position: relative;
                display: inline-flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                line-height: 1.1;
                white-space: nowrap;
                font-size: 0;
                transition: color .18s ease, transform .18s ease;
            }

            .bottom-nav-item:active,
            .bottom-nav-item:focus {
                transform: translateY(-1px);
            }

            .bottom-nav-item.is-open i {
                background: linear-gradient(180deg, #6074aa 0%, #2f4b7c 100%);
                color: #fff;
                box-shadow: 0 12px 22px rgba(47, 75, 124, .22);
            }

            .footer-iyzico-band {
                align-items: center;
                text-align: center;
            }

            .footer-social-links {
                justify-content: center;
            }

            .bottom-nav-item i {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 50px;
                height: 50px;
                border-radius: 11px;
                background: #f5f7fb;
                color: #2f4b7c;
                margin: 0 auto;
            }

            .bottom-nav.has-chat {
                grid-template-columns: repeat(6, minmax(0, 1fr));
            }

            .bottom-nav.has-chat .bottom-nav-item {
                flex: 0 0 20%;
                max-width: 20%;
                box-sizing: border-box;
            }

            .bottom-cart-count {
                position: absolute;
                top: 2px;
                left: calc(50% + 10px);
                min-width: 22px;
                height: 22px;
                padding: 0 6px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 999px;
                background: #f5c82f;
                color: #111827;
                font-size: 0.8rem;
                font-weight: 800;
                line-height: 1;
                box-shadow: 0 6px 14px rgba(18, 28, 45, .18);
                pointer-events: none;
            }

            .pati-chat-btn {
                bottom: 84px !important;
                right: 12px !important;
                max-width: calc(100vw - 24px);
            }

            #cartCountBadge {
                position: absolute;
                top: -6px;
                right: -6px;
                min-width: 26px;
                height: 26px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 0 7px;
                font-size: .8rem;
                line-height: 1;
                border-radius: 999px;
                border: 2px solid #6074aa;
                background: linear-gradient(180deg, #ffd84d 0%, #ffc107 100%);
                color: #1f2937 !important;
                box-shadow: 0 12px 20px rgba(255, 193, 7, .34), inset 0 1px 0 rgba(255,255,255,.35);
                font-weight: 700;
            }
        }