/* Orion temp.php head split — layout / reset / sayfa iskeleti (önceden inline <style>) */
        /* ========== CSS RESET & BASE ========== */
        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        * {
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-text-size-adjust: 100%;
            text-rendering: optimizeLegibility;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            font-size: 15px;
            line-height: 1.6;
            color: #1d1d1f;
            background: #ffffff;
            overflow-x: hidden;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        a:hover,
        a:focus,
        a:active {
            text-decoration: none;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        ul,
        li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        button {
            font-family: inherit;
            cursor: pointer;
            border: none;
        }

        /* ========== DESIGN TOKENS ========== */
        :root {
            --color-primary: #000000;
            --color-primary-hover: #1a1a1a;
            --color-accent: #0071e3;
            --color-accent-hover: #0077ed;
            --color-success: #34c759;
            --color-danger: #ff3b30;
            --color-warning: #ff9500;

            --color-white: #ffffff;
            --color-gray-50: #fafafa;
            --color-gray-100: #f5f5f7;
            --color-gray-200: #e8e8ed;
            --color-gray-300: #d2d2d7;
            --color-gray-400: #86868b;
            --color-gray-500: #6e6e73;
            --color-gray-600: #424245;
            --color-gray-900: #1d1d1f;

            --radius-sm: 8px;
            --radius: 12px;
            --radius-lg: 16px;
            --radius-xl: 20px;

            --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
            --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
            --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
            --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.15);

            --transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
            --transition-fast: all 0.2s ease;
        }

        /* Ana içerik: header/footer ile aynı sütun (1320 → 1520, anasayfa bölümleri dahil) */
        .container {
            max-width: 1320px;
            width: 100%;
            margin: 0 auto;
            padding: 0 12px;
            box-sizing: border-box;
        }

        @media (min-width: 1600px) {
            .container {
                max-width: 1520px;
            }
        }

        @media (max-width: 768px) {
            .container {
                padding: 0 12px !important;
                width: 100%;
                max-width: none;
            }
        }

        /* ========== ULTRA MODERN TWO-ROW HEADER ========== */
        .ultra-modern-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: saturate(180%) blur(20px);
            -webkit-backdrop-filter: saturate(180%) blur(20px);
            border-bottom: 1px solid var(--color-gray-200);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
            overflow: visible;
        }

        .header-row-1 {
            display: grid;
            grid-template-columns: auto 1fr auto;
            align-items: center;
            gap: 20px;
            padding: 4px 0;
        }

        .header-left .brand-logo img {
            height: auto;
            max-height: 42px;
            width: auto;
            object-fit: contain;
            transition: transform 0.3s ease;
        }

        .header-left .brand-logo:hover img {
            transform: scale(1.05);
        }

        .header-center {
            max-width: 600px;
            width: 100%;
            justify-self: center;
        }

        .unified-search {
            width: 100%;
        }

        .search-container {
            position: relative;
            display: flex;
            align-items: center;
            background: var(--color-gray-100);
            border-radius: 50px;
            transition: all 0.3s ease;
            border: 2px solid transparent;
            width: 100%;
            /* FIX: Search container takes full width of parent center div */
        }

        .search-container:focus-within {
            background: var(--color-white);
            border-color: var(--color-accent);
            box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.1);
        }

        .search-icon {
            color: var(--color-gray-500);
            font-size: 18px;
            margin-left: 20px;
            transition: color 0.3s ease;
        }

        .search-input {
            flex: 1;
            border: none;
            background: transparent;
            padding: 12px 16px;
            font-size: 15px;
            outline: none;
            color: var(--color-gray-900);
        }

        .search-submit {
            flex: 0 0 auto;
            min-width: 44px;
            height: 40px;
            padding: 0 18px;
            margin-right: 4px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: linear-gradient(180deg, #2c2c2e 0%, #000000 100%);
            color: #fff;
            border: none;
            border-radius: 999px;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 4px 16px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
            font-weight: 600;
            font-size: 13px;
            letter-spacing: -0.02em;
            -webkit-font-smoothing: antialiased;
        }

        .search-submit__icon {
            font-size: 14px;
            opacity: 0.92;
        }

        .search-submit:hover {
            filter: brightness(1.1);
            transform: translateY(-1px);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 6px 20px rgba(0, 0, 0, 0.24);
        }

        .search-submit:active {
            transform: translateY(0);
            filter: brightness(0.97);
        }

        .header-right {
            justify-self: end;
        }

        .user-actions {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .action-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0;
            padding: 0;
            color: var(--color-gray-700);
            font-size: 10px;
            /* Smaller text */
            font-weight: 600;
            transition: all 0.3s ease;
            border-radius: 10px;
            position: relative;
            width: 50px;
            height: 50px;
            border: 1px solid var(--color-gray-200);
            background: #fff;
            box-sizing: border-box;
        }

        .action-btn span:not(.cart-count):not(.mobile-cart-badge) {
            display: none;
            /* Sepet rozeti hariç metin etiketleri gizli */
        }

        .action-btn:hover {
            color: var(--color-accent);
            background: var(--color-gray-100);
        }

        .action-btn i {
            font-size: 21px;
            /* Keep icon legible */
            margin-bottom: 0;
        }

        .cart-count {
            position: absolute;
            top: 4px;
            right: 4px;
            background: var(--color-danger);
            color: white;
            font-size: 9px;
            font-weight: 700;
            border-radius: 50%;
            min-width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            z-index: 5;
        }

        .user-actions .cart-action {
            overflow: visible !important;
            flex-shrink: 0;
            min-width: 50px;
            min-height: 50px;
            position: relative;
            isolation: isolate;
        }

        .cart-action .cart-count,
        .cart-action .mobile-cart-badge {
            z-index: 5;
        }

        /* Rozet: prostar-inline-legacy .action-btn span { display:none } ile çakışmasın */
        .header-right .user-actions .cart-action .cart-count.mobile-cart-badge {
            display: inline-flex !important;
            box-sizing: border-box;
        }

        /* Sepet kutusu + ikon: .action-btn ile aynı 50×50 (anasayfa 40px istisnası kaldırıldı) */
        nav.user-actions a.cart-action.action-btn {
            flex-direction: row !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0 !important;
            min-width: 50px !important;
            min-height: 50px !important;
            width: 50px !important;
            height: 50px !important;
            overflow: visible !important;
        }

        nav.user-actions a.cart-action.action-btn > i {
            flex: 0 0 auto !important;
            font-size: 21px !important;
            line-height: 1 !important;
            margin: 0 !important;
            width: auto !important;
            height: auto !important;
            color: #0f172a !important;
        }

        /* Profesyonel sepet rozeti: beyaz header üzerinde her zaman okunur */
        #orion-header-cart-badge.orion-cart-badge.mobile-cart-badge {
            position: absolute !important;
            top: -2px !important;
            right: -2px !important;
            min-width: 20px !important;
            min-height: 20px !important;
            padding: 0 6px !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            font-variant-numeric: tabular-nums !important;
            letter-spacing: -0.02em !important;
            z-index: 50 !important;
            line-height: 1.15 !important;
            border-radius: 999px !important;
            color: #ffffff !important;
            background: linear-gradient(145deg, #f43f5e 0%, #dc2626 55%, #b91c1c 100%) !important;
            border: 2px solid #ffffff !important;
            box-shadow:
                0 2px 8px rgba(220, 38, 38, 0.45),
                0 0 0 1px rgba(15, 23, 42, 0.06) !important;
            pointer-events: none !important;
            align-items: center !important;
            justify-content: center !important;
            transition: opacity 0.2s ease, transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease !important;
        }

        #orion-header-cart-badge.orion-cart-badge.mobile-cart-badge:not(.is-zero) {
            opacity: 1 !important;
            transform: translateZ(0) scale(1) !important;
            visibility: visible !important;
            display: inline-flex !important;
        }

        .cart-action.action-btn:hover #orion-header-cart-badge.orion-cart-badge:not(.is-zero) {
            box-shadow:
                0 3px 12px rgba(220, 38, 38, 0.55),
                0 0 0 1px rgba(15, 23, 42, 0.08) !important;
        }

        #orion-header-cart-badge.orion-cart-badge.mobile-cart-badge.is-zero {
            opacity: 0 !important;
            transform: scale(0.85) !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }

        /* Sepet: Hesap/Favori .action-btn ile aynı kutu boyutu */
        .ultra-modern-header .header-row-1 .header-right nav.user-actions > a.cart-action.action-btn {
            flex-direction: row !important;
            width: 50px !important;
            height: 50px !important;
            min-width: 50px !important;
            min-height: 50px !important;
            max-width: none !important;
            max-height: none !important;
            flex: 0 0 auto !important;
            flex-shrink: 0 !important;
        }

        .ultra-modern-header .header-row-1 .header-right nav.user-actions > a.cart-action.action-btn > i {
            font-size: 21px !important;
            line-height: 1 !important;
            width: 1em !important;
            height: 1em !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: #0f172a !important;
        }

        .mobile-menu-toggle {
            display: none;
            background: #fff;
            border: 1px solid var(--color-gray-200);
            border-radius: 10px;
            color: var(--color-gray-700);
            cursor: pointer;
            width: 50px;
            height: 50px;
            padding: 0;
            align-items: center;
            justify-content: center;
            /* Animation props */
            transition: all 0.3s ease;
        }

        .mobile-menu-toggle i {
            font-size: 22px;
            line-height: 1;
        }

        /* Mobile Menu Toggle Animation State */
        .mobile-menu-toggle.active i {
            transform: rotate(90deg);
            color: var(--color-accent);
        }

        @media (min-width: 769px) {
            .header-right .user-actions > .mobile-menu-toggle {
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
            }
        }

        /* Masaüstü / mobil arama ayrımı + mobil sepet (varsayılan: tetikleyici + mobil sepet gizli) */
        .mobile-search-trigger,
        .mobile-header-cart {
            display: none;
        }

        .mobile-header-cart {
            position: relative;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            border-radius: 14px;
            border: 1px solid var(--color-gray-200);
            background: #fff;
            color: var(--color-gray-800);
            text-decoration: none;
            box-sizing: border-box;
            transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
        }

        .mobile-header-cart:hover {
            border-color: var(--color-accent);
            color: var(--color-accent);
            background: rgba(0, 113, 227, 0.04);
        }

        .mobile-header-cart i {
            font-size: 21px;
            line-height: 1;
        }

        /* Dokunmatik: dikey kaydırma öncelikli — sepet ikonu üzerinden kaydırırken hayalet tıklama azalır */
        @media (hover: none) and (pointer: coarse) {
            .ultra-modern-header a.cart-action.action-btn,
            .mobile-header-cart,
            nav.mobile-nav a.mobile-nav-item--cart {
                touch-action: pan-y;
            }
        }

        .mobile-cart-badge {
            position: absolute;
            top: 5px;
            right: 5px;
            min-width: 17px;
            height: 17px;
            padding: 0 4px;
            border-radius: 999px;
            background: var(--color-danger);
            color: #fff;
            font-size: 10px;
            font-weight: 800;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            box-shadow: 0 2px 6px rgba(220, 38, 38, 0.45);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        .mobile-cart-badge.is-zero {
            opacity: 0;
            transform: scale(0);
            pointer-events: none;
        }

        .mobile-search-trigger {
            width: 100%;
            min-height: 40px;
            padding: 0 12px 0 10px;
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 999px;
            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 4px 18px rgba(15, 23, 42, 0.06);
            align-items: center;
            gap: 10px;
            cursor: pointer;
            text-align: left;
            font: inherit;
            color: var(--color-gray-600);
            transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
        }

        .mobile-search-trigger:hover,
        .mobile-search-trigger:focus-visible {
            outline: none;
            border-color: rgba(0, 113, 227, 0.35);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 0 3px rgba(0, 113, 227, 0.12);
        }

        .mobile-search-trigger__icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #fff;
            color: var(--color-accent);
            box-shadow: 0 2px 8px rgba(0, 113, 227, 0.15);
            flex-shrink: 0;
        }

        .mobile-search-trigger__icon i {
            font-size: 14px;
        }

        .mobile-search-trigger__text {
            flex: 1;
            min-width: 0;
            font-size: 13px;
            font-weight: 500;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: var(--color-gray-500);
        }

        /* Mobil: header’da genişleyen arama — tek pill, minimal (iOS benzeri) */
        .mobile-search-inline {
            display: none;
            flex: 1 1 auto;
            min-width: 0;
            align-items: center;
        }

        .mobile-search-inline__form {
            display: flex;
            align-items: stretch;
            flex: 1;
            min-width: 0;
            margin: 0;
        }

        .mobile-search-inline__field {
            display: flex;
            align-items: center;
            flex: 1;
            min-width: 0;
            padding: 6px 8px 6px 14px;
            border-radius: 14px;
            background: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.08);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.04);
            gap: 4px;
        }

        .mobile-search-inline__field:focus-within {
            border-color: rgba(0, 0, 0, 0.12);
            background: #ffffff;
            box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.12), 0 4px 20px rgba(0, 0, 0, 0.06);
        }

        .mobile-search-inline__input {
            flex: 1;
            min-width: 0;
            border: 0;
            background: transparent;
            padding: 8px 6px 8px 0;
            font-size: 16px;
            font-weight: 500;
            color: #1d1d1f;
            outline: none !important;
            box-shadow: none !important;
            -webkit-appearance: none;
            appearance: none;
            border-radius: 0;
        }

        .mobile-search-inline__input::placeholder {
            color: #8e8e93;
            font-size: 14px;
            font-weight: 400;
        }

        .mobile-search-inline__send {
            flex: 0 0 auto;
            width: 36px;
            height: 36px;
            border: none;
            border-radius: 50%;
            background: #1d1d1f;
            color: #fff;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            box-shadow: none;
        }

        .mobile-search-inline__send:active {
            opacity: 0.88;
        }

        .mobile-search-inline__close {
            flex: 0 0 auto;
            width: 36px;
            height: 36px;
            margin-right: 2px;
            border: none;
            border-radius: 50%;
            background: transparent;
            color: #636366;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            -webkit-tap-highlight-color: transparent;
        }

        .mobile-search-inline__close:active {
            background: rgba(0, 0, 0, 0.06);
        }

        /* Arama açıkken sağ küme (sepet) sıkışıp rozeti kesmesin */
        @media (max-width: 1200px) {
            body.mobile-search-open .ultra-modern-header .header-row-1 .header-right {
                flex: 0 0 auto !important;
                min-width: 112px !important;
                overflow: visible !important;
            }
        }

        @media (max-width: 1200px) {
            body.mobile-search-open .ultra-modern-header .header-row-1 .header-left {
                display: none !important;
            }

            body.mobile-search-open .ultra-modern-header .header-row-1 .header-center {
                flex: 1 1 auto !important;
                max-width: 100% !important;
                width: 100% !important;
                min-width: 0 !important;
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
            }

            body.mobile-search-open .mobile-search-trigger {
                display: none !important;
            }

            body.mobile-search-open .mobile-search-inline {
                display: flex !important;
            }
        }

        .header-row-2 {
            border-top: 1px solid var(--color-gray-200);
            background: linear-gradient(135deg, var(--color-gray-50) 0%, rgba(0, 113, 227, 0.02) 100%);
            padding: 0;
            overflow: visible;
            position: relative;
            z-index: 999;
        }

        .category-navigation {
            overflow: visible;
            scrollbar-width: none;
        }

        .category-navigation::-webkit-scrollbar {
            display: none;
        }

        .category-menu {
            display: flex;
            align-items: center;
            list-style: none;
            margin: 0;
            padding: 0;
            gap: 4px;
            position: relative;
            overflow: visible;
        }

        .category-item {
            position: static !important;
        }

        .category-link {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 14px 20px;
            color: var(--color-gray-700);
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            border-radius: 12px;
            transition: all 0.3s ease;
            white-space: nowrap;
        }

        .category-link:hover {
            color: var(--color-accent);
            background: rgba(0, 113, 227, 0.08);
        }

        .category-link i:first-child {
            font-size: 16px;
            opacity: 0.8;
        }

        .menu-cat-icon {
            width: 28px;
            height: 28px;
            max-width: 28px;
            object-fit: cover;
            border-radius: 6px;
            flex-shrink: 0;
        }

        .expand-icon {
            font-size: 12px;
            transition: transform 0.3s ease;
            opacity: 0.6;
        }

        .category-item.active .expand-icon,
        .category-item:hover .expand-icon {
            transform: rotate(180deg);
        }

        .category-submenu {
            position: absolute;
            top: 100%;
            left: 0;
            background: white;
            border-radius: 0 0 12px 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border: 1px solid var(--color-gray-200);
            border-top: none;
            padding: 24px;
            width: 100%;
            min-width: 100%;
            /* Much smaller width */
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            z-index: 99999;
            margin-top: 0;
        }

        .category-item:hover .category-submenu,
        .category-submenu:hover {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .category-item:hover {
            position: relative;
            z-index: 100000;
        }

        /* Prevent body scroll when dropdown is open */
        .category-menu:hover {
            overflow: visible;
        }

        .header-row-2:hover {
            overflow: visible;
            z-index: 100000;
        }

        body:has(.category-item:hover) {
            overflow-x: visible;
        }

        /* Improve dropdown stability */
        .category-item {
            transition: all 0.2s ease;
        }

        .category-submenu {
            pointer-events: none;
            transition: all 0.3s ease 0.1s;
        }

        .category-item:hover .category-submenu,
        .category-submenu:hover {
            pointer-events: all;
            transition-delay: 0s;
        }

        .submenu-content {
            width: 100%;
        }

        .submenu-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .submenu-col {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .submenu-link {
            color: var(--color-gray-600);
            font-size: 13px;
            font-weight: 500;
            padding: 8px 12px;
            border-radius: 8px;
            transition: all 0.3s ease;
            text-decoration: none;
        }

        .submenu-link:hover {
            color: var(--color-accent);
            background: var(--color-gray-100);
            transform: translateX(4px);
        }

        /* Mobile Header Responsive */
        @media (max-width: 768px) {
            .ultra-modern-header .container {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }

            /* Sağ küme: sepet + menü — geniş sütun kaydırmada hayalet tıklamayı artırıyordu; daraltıldı */
            .header-row-1 {
                grid-template-columns: minmax(84px, 112px) minmax(96px, 1fr) minmax(84px, max-content);
                gap: 5px;
                padding: 0 !important;
                margin: 0 !important;
            }

                .header-left {
                    justify-self: start !important;
                    margin-left: 0 !important;
                    padding-left: 0 !important;
                }

                .header-left .brand-logo {
                    margin-left: 0 !important;
                    padding-left: 0 !important;
                    padding-top: 0 !important;
                    padding-bottom: 0 !important;
                }

            .header-left .brand-logo img {
                height: auto;
                width: auto;
                max-height: 42px;
                max-width: 100%;
                object-fit: contain;
                object-position: left center;
            }

            .header-left .brand-logo {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 0 4px;
                border-radius: 12px;
                background: rgba(255, 255, 255, 0.9);
            }

            .header-center {
                max-width: none;
                width: 100%;
                justify-self: center;
                padding-left: 4px;
                padding-right: 4px;
            }

            .search-container {
                border-radius: 20px;
                height: 40px;
                width: 100%;
                max-width: none;
                margin: 0 auto;
            }

            .search-input {
                padding: 8px 12px;
                font-size: 13px;
            }

            .search-icon {
                margin-left: 12px;
                font-size: 14px;
            }

            .search-submit {
                width: 35px;
                height: 35px;
                margin-right: 3px;
            }

            /* Mobil: yalnızca sepet + hamburger; Hesap/Favori .hidden-mobile ile gizli */
            .header-right .user-actions > a.action-btn:not(.cart-action) {
                display: none !important;
            }

            .action-btn i {
                font-size: 18px;
            }

            .action-btn span:not(.cart-count):not(.mobile-cart-badge) {
                display: none;
            }

            .header-right .user-actions > a.cart-action {
                display: inline-flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: center !important;
                flex-shrink: 0 !important;
                width: 42px !important;
                height: 42px !important;
                min-width: 42px !important;
                min-height: 42px !important;
                max-width: 42px !important;
                max-height: 42px !important;
                padding: 0 !important;
                box-sizing: border-box !important;
                overflow: visible !important;
            }

            .header-right .user-actions > a.cart-action i {
                font-size: 18px !important;
                line-height: 1 !important;
                margin: 0 !important;
                width: 1em !important;
                height: 1em !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .mobile-menu-toggle {
                display: flex !important;
                align-items: center;
                justify-content: center;
                width: 42px;
                height: 42px;
                background: #fff;
                border: 1px solid var(--color-gray-200);
                border-radius: 12px;
                font-size: 18px;
                color: var(--color-gray-700);
            }

            .header-row-2 {
                display: none;
            }

            .hidden-mobile {
                display: none;
            }

            .user-actions {
                justify-content: flex-end;
                gap: 6px !important;
            }

            .header-right {
                max-width: 100%;
            }

            .header-right .user-actions > .cart-action {
                order: 1;
            }

            .header-right .user-actions > .mobile-menu-toggle {
                order: 2;
            }

            .ultra-modern-header .header-row-1 .header-right nav.user-actions > a.cart-action.action-btn {
                width: 42px !important;
                height: 42px !important;
                min-width: 42px !important;
                min-height: 42px !important;
                max-width: 42px !important;
                max-height: 42px !important;
            }

            .ultra-modern-header .header-row-1 .header-right nav.user-actions > a.cart-action.action-btn > i {
                font-size: 18px !important;
            }

            nav.user-actions a.cart-action.action-btn {
                width: 42px !important;
                height: 42px !important;
                min-width: 42px !important;
                min-height: 42px !important;
                max-width: 42px !important;
                max-height: 42px !important;
            }

            nav.user-actions a.cart-action.action-btn > i {
                font-size: 18px !important;
            }

            #orion-header-cart-badge.orion-cart-badge.mobile-cart-badge {
                min-width: 17px !important;
                min-height: 17px !important;
                padding: 0 5px !important;
                font-size: 10px !important;
                top: -1px !important;
                right: -1px !important;
            }
        }

        .nav-list {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            list-style: none;
            margin: 0;
            padding: 0;
            flex-wrap: wrap;
        }

        .nav-item {
            position: relative;
        }

        .nav-link {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 10px 16px;
            font-weight: 600;
            font-size: 14px;
            color: var(--color-gray-700);
            text-decoration: none;
            border-radius: var(--radius-lg);
            transition: all 0.3s ease;
            white-space: nowrap;
        }

        .nav-link:hover {
            background: var(--color-white);
            color: var(--color-primary);
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .nav-link i {
            font-size: 12px;
            transition: transform 0.3s ease;
        }

        .nav-item:hover .nav-link i {
            transform: rotate(180deg);
        }

        .logo {
            flex-shrink: 0;
        }

        .logo img {
            height: 36px;
            transition: var(--transition-fast);
        }

        .logo:hover img {
            opacity: 0.8;
        }

        .search-box {
            flex: 1;
            max-width: 500px;
            position: relative;
        }

        .search-input-group {
            position: relative;
            display: flex;
        }

        .search-input-group input {
            width: 100%;
            padding: 14px 50px 14px 20px;
            border: 2px solid var(--color-gray-200);
            background: var(--color-white);
            border-radius: 25px;
            font-size: 14px;
            font-weight: 500;
            color: var(--color-gray-900);
            transition: var(--transition-fast);
            outline: none;
        }

        .search-input-group input:focus {
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.1);
        }

        .search-input-group .search-icon {
            position: absolute;
            right: 4px;
            top: 50%;
            transform: translateY(-50%);
            background: var(--color-primary);
            color: var(--color-white);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            transition: var(--transition-fast);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .search-input-group .search-icon:hover {
            background: var(--color-primary-dark);
            transform: translateY(-50%) scale(1.05);
        }

        .header-actions {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .header-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            background: var(--color-gray-50);
            color: var(--color-gray-600);
            border-radius: 50%;
            text-decoration: none;
            transition: all 0.3s ease;
            font-size: 16px;
            border: 2px solid transparent;
        }

        .header-btn:hover {
            background: var(--color-primary);
            color: var(--color-white);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 113, 227, 0.3);
        }

        .cart-btn {
            background: var(--color-primary);
            color: var(--color-white);
            position: relative;
        }

        .cart-btn:hover {
            background: var(--color-primary-dark);
            transform: translateY(-2px) scale(1.05);
        }

        .mobile-hamburger {
            background: none;
            border: none;
            padding: 12px;
            cursor: pointer;
            font-size: 18px;
            color: var(--color-gray-600);
            transition: var(--transition-fast);
        }

        .mobile-hamburger:hover {
            color: var(--color-primary);
        }

        .mobile-hamburger {
            display: none;
            background: none;
            border: none;
            font-size: 24px;
            color: var(--color-gray-600);
            cursor: pointer;
            padding: 10px;
        }

        @media (max-width: 768px) {
            .header-row-1 .search-container {
                max-width: 180px !important;
                /* Constrain width to prevent overlap */
            }

            .header-row-1 .brand-logo img {
                max-height: 42px;
                width: auto;
                height: auto;
                object-fit: contain;
            }

            .unified-search .search-input {
                font-size: 13px;
                padding-left: 8px;
            }

            .unified-search .search-submit {
                padding: 0 10px !important;
            }
        }

        .mobile-hamburger:hover {
            background: var(--color-gray-100);
            color: var(--color-primary);
        }

        @media (max-width: 768px) {
            .mobile-hamburger {
                display: block;
            }
        }

        /* Mobile Sidebar Menu */
        .mobile-sidebar {
            position: fixed;
            top: 0;
            left: -100%;
            width: 300px;
            height: 100vh;
            background: var(--color-white);
            box-shadow: var(--shadow-xl);
            z-index: 100002 !important;
            /* Ensure it is on top of everything */
            transition: left 0.3s ease;
            overflow-y: auto;
            scrollbar-width: none;
        }

        .mobile-sidebar::-webkit-scrollbar {
            display: none;
        }

        .mobile-sidebar.open {
            left: 0 !important;
            z-index: 100003 !important;
            display: block !important;
        }

        .mobile-menu-toggle {
            position: relative;
            z-index: 100002 !important;
            margin-right: 0;
        }

        .mobile-sidebar-header {
            padding: 20px;
            border-bottom: 1px solid var(--color-gray-200);
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .mobile-sidebar-close {
            background: none;
            border: none;
            font-size: 24px;
            color: var(--color-gray-600);
            cursor: pointer;
            padding: 5px;
            border-radius: 4px;
            transition: var(--transition-fast);
        }

        .mobile-sidebar-close:hover {
            background: var(--color-gray-100);
            color: var(--color-primary);
        }

        .mobile-menu-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mobile-menu-item {
            border-bottom: 1px solid var(--color-gray-100);
        }

        .mobile-menu-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 20px;
            color: var(--color-gray-900);
            font-weight: 500;
            transition: var(--transition-fast);
        }

        button.mobile-menu-link {
            width: 100%;
            border: none;
            background: none;
            font: inherit;
            text-align: left;
            cursor: pointer;
            box-sizing: border-box;
        }

        .mobile-menu-link:hover {
            background: var(--color-gray-50);
            color: var(--color-accent);
        }

        .mobile-submenu {
            list-style: none;
            padding: 0;
            margin: 0;
            background: var(--color-gray-50);
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }

        .mobile-submenu.open {
            max-height: 500px;
        }

        .mobile-submenu-link {
            display: block;
            padding: 12px 40px;
            color: var(--color-gray-600);
            font-size: 14px;
            transition: var(--transition-fast);
        }

        .mobile-submenu-link:hover {
            background: var(--color-gray-100);
            color: var(--color-accent);
            padding-left: 45px;
        }

        /* Mobile Overlay */
        .mobile-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1001;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
        }

        .mobile-overlay.open {
            opacity: 1;
            visibility: visible;
        }

        .header-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            color: var(--color-gray-600);
            background: transparent;
            transition: var(--transition-fast);
            position: relative;
        }

        .header-btn:hover {
            background: var(--color-gray-100);
            color: var(--color-primary);
        }

        .cart-btn {
            background: var(--color-primary);
            color: var(--color-white) !important;
        }

        .cart-btn:hover {
            background: var(--color-primary-hover);
            transform: scale(1.05);
        }

        @media (max-width: 768px) {
            .hidden-mobile {
                display: none !important;
            }

            .header-top {
                padding: 12px 0;
                gap: 16px;
            }

            .logo img {
                height: 32px;
            }

            .search-box {
                display: none !important;
            }

            .header-btn {
                width: 40px;
                height: 40px;
            }

            .main-navigation {
                display: none !important;
            }

            .mobile-hamburger {
                display: flex !important;
            }
        }

        /* ========== MEGA MENU NAVIGATION ========== */
        .mega-nav {
            background: var(--color-white);
            border-bottom: 1px solid var(--color-gray-200);
            position: relative;
            z-index: 10000;
        }

        /* Sticky Menu */
        .sticky-menu {
            position: sticky;
            top: 0;
            z-index: 9998;
            box-shadow: var(--shadow-sm);
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.95);
        }

        .mega-nav-list {
            display: flex;
            gap: 4px;
            padding: 0;
            margin: 0;
            list-style: none;
            overflow-x: auto;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
        }

        .mega-nav-list::-webkit-scrollbar {
            display: none;
        }

        .mega-nav-item {
            position: relative;
        }

        .mega-nav-link {
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 10px 16px;
            font-size: 13px;
            font-weight: 500;
            color: var(--color-gray-600);
            border-radius: 18px;
            transition: var(--transition-fast);
            white-space: nowrap;
        }

        .mega-nav-link:hover,
        .mega-nav-item:hover .mega-nav-link {
            background: var(--color-gray-100);
            color: var(--color-primary);
        }

        .mega-nav-link i {
            font-size: 10px;
            transition: var(--transition-fast);
        }

        .mega-nav-item:hover .mega-nav-link i {
            transform: rotate(180deg);
        }

        /* ========== MODERN MEGA DROPDOWN SYSTEM ========== */
        .mega-dropdown {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(20px);
            width: 95vw;
            max-width: 1200px;
            background: var(--color-white);
            border: none;
            border-radius: var(--radius-xl);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            margin-top: 16px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            z-index: 100000;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .nav-item:hover .mega-dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }

        .mega-dropdown-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            padding: 20px;
            min-height: 200px;
            max-height: 300px;
            overflow-y: auto;
        }

        /* Featured Categories Section */
        .mega-featured {
            background: linear-gradient(135deg, var(--color-gray-50) 0%, rgba(0, 113, 227, 0.05) 100%);
            padding: 24px;
            border-radius: var(--radius-lg);
            border: 1px solid var(--color-gray-100);
        }

        .mega-featured h4 {
            font-size: 16px;
            font-weight: 800;
            color: var(--color-gray-900);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding-bottom: 12px;
            border-bottom: 2px solid var(--color-accent);
        }

        .featured-links {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .featured-link {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 16px 20px;
            font-size: 14px;
            font-weight: 600;
            color: var(--color-gray-700);
            background: var(--color-white);
            border: 2px solid var(--color-gray-100);
            border-radius: var(--radius);
            transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
            text-decoration: none;
            position: relative;
            overflow: hidden;
        }

        .featured-link::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(0, 113, 227, 0.1), transparent);
            transition: left 0.6s ease;
        }

        .featured-link:hover {
            background: var(--color-accent);
            color: var(--color-white);
            border-color: var(--color-accent);
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 113, 227, 0.3);
        }

        .featured-link:hover::before {
            left: 100%;
        }

        .featured-link.main-cat {
            background: linear-gradient(135deg, var(--color-accent) 0%, #0059b3 100%);
            color: var(--color-white);
            border-color: var(--color-accent);
            margin-top: 12px;
            box-shadow: 0 4px 15px rgba(0, 113, 227, 0.2);
        }

        .featured-link.main-cat:hover {
            background: linear-gradient(135deg, #0059b3 0%, var(--color-accent) 100%);
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(0, 113, 227, 0.4);
        }

        .featured-link i {
            font-size: 13px;
            opacity: 0.9;
            transition: transform 0.3s ease;
        }

        .featured-link:hover i {
            transform: scale(1.1);
        }

        /* Categories Section */
        .mega-categories {
            flex: 1;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .mega-categories h4 {
            font-size: 18px;
            font-weight: 800;
            color: var(--color-gray-900);
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 3px solid var(--color-accent);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .mega-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            height: 100%;
            align-content: start;
        }

        .mega-col {
            background: var(--color-white);
            padding: 20px;
            border-radius: var(--radius-lg);
            border: 1px solid var(--color-gray-100);
            transition: all 0.3s ease;
            height: fit-content;
        }

        .mega-col:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
            transform: translateY(-2px);
            border-color: var(--color-gray-200);
        }

        .mega-col ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mega-col ul li {
            margin-bottom: 8px;
        }

        .mega-cat-link {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 14px;
            font-size: 14px;
            font-weight: 500;
            color: var(--color-gray-700);
            border-radius: var(--radius);
            transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
            text-decoration: none;
            border: 1px solid transparent;
            position: relative;
            overflow: hidden;
        }

        .mega-cat-link::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(0, 113, 227, 0.1), transparent);
            transition: left 0.5s ease;
        }

        .mega-cat-link:hover {
            background: linear-gradient(135deg, var(--color-accent), #0059b3);
            color: var(--color-white);
            border-color: var(--color-accent);
            transform: translateX(4px);
            box-shadow: 0 4px 15px rgba(0, 113, 227, 0.2);
        }

        .mega-cat-link:hover::before {
            left: 100%;
        }

        .mega-cat-link i {
            font-size: 10px;
            opacity: 0.7;
            transition: all 0.3s ease;
        }

        .mega-cat-link:hover i {
            opacity: 1;
            transform: translateX(2px) scale(1.1);
        }

        /* Sub-subcategories */
        .mega-sub-list {
            list-style: none;
            padding: 4px 0 8px 20px;
            margin: 0;
        }

        .mega-sub-list li {
            margin-bottom: 2px;
        }

        .mega-sub-list a {
            display: block;
            padding: 4px 8px;
            font-size: 12px;
            color: var(--color-gray-500);
            border-radius: 4px;
            transition: var(--transition-fast);
            text-decoration: none;
        }

        .mega-sub-list a:hover {
            background: var(--color-gray-100);
            color: var(--color-accent);
            padding-left: 12px;
        }

        /* ========== RESPONSIVE DROPDOWN BEHAVIOR ========== */
        @media (max-width: 1024px) {
            .mega-dropdown {
                display: none !important;
            }
        }

        @media (min-width: 1025px) {

            /* Enhanced dropdown behavior for desktop */
            .mega-nav-item {
                position: static;
            }

            .mega-dropdown {
                position: absolute;
                display: block;
                top: 100%;
                /* Fix disappearing issue: Remove margin that causes gap */
                margin-top: 0;
                padding-top: 15px;
                /* Use padding for visual spacing */
            }

            /* HOVER BRIDGE: Invisible area to keep menu open while moving mouse */
            .mega-dropdown::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 20px;
                /* Covers the padding area */
                background: transparent;
            }

            .mega-nav-item:hover .mega-dropdown {
                opacity: 1;
                visibility: visible;
                transform: translateX(-50%) translateY(0);
            }

            /* Enhanced hover states */
            .mega-dropdown:hover {
                opacity: 1;
                visibility: visible;
                transform: translateX(-50%) translateY(0);
            }

            /* Maintain dropdown on navigation */
            .mega-nav-item:hover {
                z-index: 100001;
            }

            .mega-dropdown {
                z-index: 100000;
            }

            /* Smooth transitions */
            .mega-nav-item {
                transition: z-index 0.1s ease;
            }

            /* Modern Grid Layout Remake - MEGA MENU */
            .mega-dropdown-container {
                display: grid;
                grid-template-columns: 280px 1fr;
                gap: 0;
                padding: 0;
                min-height: 450px;
                max-height: 650px;
                background: #fff;
                border-radius: 16px;
                overflow: hidden;
            }

            .mega-featured {
                background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%);
                padding: 32px;
                border-right: 1px solid var(--color-gray-200);
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .mega-featured h4 {
                font-size: 15px;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                color: var(--color-gray-500);
                border-bottom: none;
                margin-bottom: 0;
            }

            /* Featured Promo Card inside Menu */
            .menu-promo-card {
                background: linear-gradient(135deg, var(--color-accent) 0%, #004ecc 100%);
                border-radius: 12px;
                padding: 24px;
                color: white;
                margin-top: auto;
                box-shadow: 0 10px 30px rgba(0, 113, 227, 0.2);
            }

            .menu-promo-card h3 {
                font-size: 18px;
                margin-bottom: 8px;
                font-weight: 700;
            }

            .menu-promo-card p {
                font-size: 13px;
                margin-bottom: 16px;
                opacity: 0.9;
            }

            .menu-promo-btn {
                display: inline-block;
                padding: 8px 16px;
                background: white;
                color: var(--color-accent);
                border-radius: 20px;
                font-size: 12px;
                font-weight: 600;
                text-decoration: none;
            }

            .mega-categories {
                padding: 32px;
                background: #ffffff;
            }

            .mega-grid {
                grid-template-columns: repeat(4, 1fr);
                gap: 32px;
                align-content: start;
            }

            /* Clean List Style for Mega Menu Types */
            .mega-col {
                background: transparent;
                padding: 0;
                border: none;
                box-shadow: none;
            }

            .mega-col:hover {
                transform: none;
                box-shadow: none;
            }

            .mega-col h4 {
                font-size: 14px;
                font-weight: 700;
                color: var(--color-gray-900);
                text-transform: uppercase;
                letter-spacing: 0.5px;
                margin-bottom: 16px;
                padding-bottom: 12px;
                border-bottom: 1px solid var(--color-gray-200);
                display: block;
                /* Ensure full width line */
            }

            .mega-col ul li {
                margin-bottom: 6px;
            }

            .mega-col ul li a {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 6px 0;
                font-size: 14px;
                color: var(--color-gray-600);
                text-decoration: none;
                transition: all 0.2s ease;
            }

            .mega-col ul li a:hover {
                color: var(--color-accent);
                transform: translateX(4px);
            }

            /* Add chevron on hover */
            .mega-col ul li a::after {
                content: '\f054';
                /* FontAwesome chevron-right */
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                font-size: 10px;
                opacity: 0;
                transform: translateX(-5px);
                transition: all 0.2s ease;
            }

            .mega-col ul li a:hover::after {
                opacity: 1;
                transform: translateX(0);
            }
        }


        /* MODERN MEGA MENU - MINIMALIST REFINEMENT Centered */
        .mega-categories {
            width: 100%;
            padding: 30px;
            /* Increased padding */
            max-width: 900px;
            /* Optimal width */
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
            /* Premium shadow */
            border: 1px solid rgba(0, 0, 0, 0.04);
            margin: 0 auto;
            /* CENTERED */
            position: relative;
        }

        /* Ensure dropdown container itself isn't a "wide background" but allows centering */
        /* Ensure dropdown container itself isn't a "wide background" but allows centering */
        .mega-dropdown {
            background: transparent !important;
            padding-top: 10px;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;

            /* Hidden by default, centered when shown */
            display: none;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease;
        }

        /* SHOW ON HOVER - Critical Fix */
        .category-menu>li:hover .mega-dropdown,
        .category-menu>li.active .mega-dropdown,
        .category-menu>li.has-submenu:focus-within .mega-dropdown {
            display: flex !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

        .mega-dropdown-container {
            background: transparent !important;
            box-shadow: none !important;
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .mega-dropdown-container {
            background: transparent !important;
            box-shadow: none !important;
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .mega-modern-grid {
            /* Use Multi-column layout for masonry-like flow (Vertical first, then next col) */
            column-count: 2;
            column-gap: 40px;
            width: 100%;
        }

        /* If few items, single column automatically handles it by flowing down */

        .mega-grid-group {
            break-inside: avoid;
            /* Prevent group splitting */
            page-break-inside: avoid;
            margin-bottom: 24px;
            display: inline-block;
            /* Essential for break-inside to work in columns */
            width: 100%;
        }

        .mega-grid-group h4 {
            font-size: 14px;
            font-weight: 800;
            color: #111;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 16px;
            padding-bottom: 0;
            border-bottom: none;
            /* Removed border */
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .mega-grid-group h4::before {
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background: var(--color-accent);
            border-radius: 50%;
            /* Dot instead of bar */
        }

        .mega-grid-group ul li {
            margin-bottom: 4px;
        }

        .mega-grid-group ul li a {
            display: block;
            padding: 8px 12px;
            font-size: 14px;
            color: #555;
            font-weight: 500;
            border-radius: 8px;
            /* Pill shape */
            transition: all 0.2s ease;
            position: relative;
            text-decoration: none;
        }

        .mega-grid-group ul li a:hover {
            color: var(--color-accent);
            background: #f3f4f6;
            /* Gray-100 pill background */
            padding-left: 12px;
            /* No extra indent */
            transform: translateX(4px);
            /* Subtle shift */
        }

        /* Remove old pseudo-elements */
        .mega-grid-group ul li a::before {
            display: none;
        }

        .mega-grid-group ul li a:hover::before {
            display: none;
        }

        .mega-nav-item.active {
            z-index: 100002;
        }

        /* ========== MOBILE SEARCH ========== */
        .mobile-search {
            display: none;
            padding: 12px 16px;
            background: var(--color-white);
            border-bottom: 1px solid var(--color-gray-200);
            position: relative;
            z-index: 1001;
            /* Ensure it's below sidebar but clearly visible */
        }

        .mobile-search form {
            display: flex;
            gap: 8px;
        }

        .mobile-search input {
            flex: 1;
            padding: 12px 16px;
            border: 2px solid var(--color-gray-200);
            border-radius: 10px;
            font-size: 15px;
            font-weight: 500;
            outline: none;
        }

        .mobile-search input:focus {
            border-color: var(--color-accent);
        }

        .mobile-search button {
            padding: 12px 20px;
            background: var(--color-primary);
            color: var(--color-white);
            border-radius: 10px;
            font-weight: 600;
        }

        /* Mobile search hidden - using header search only */
        .mobile-search {
            display: none !important;
        }


        /* ========== CATEGORY STORIES ========== */
        .category-stories {
            padding: 12px 0;
            background: var(--color-white);
            border-bottom: 1px solid var(--color-gray-200);
            position: relative;
            z-index: 0;
        }

        .category-stories .container {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

        .category-stories .stories-scroller {
            position: relative;
            max-width: 100%;
        }

        .stories-scroll {
            display: flex;
            gap: clamp(22px, 3.6vw, 40px);
            overflow-x: auto;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
            padding: 10px 56px 7px 22px;
            scroll-snap-type: x proximity;
            background: transparent;
            border: none;
            border-radius: 0;
            box-shadow: none;
        }

        .stories-scroll::-webkit-scrollbar {
            display: none;
        }

        .story-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            min-width: 90px;
            max-width: 90px;
            cursor: pointer;
            flex-shrink: 0;
            transition:
                transform 0.2s ease,
                opacity 0.2s ease;
            position: relative;
            text-decoration: none;
            scroll-snap-align: start;
            color: inherit;
        }

        .story-item:active {
            transform: scale(0.96);
        }

        .story-item:hover {
            transform: none;
        }

        .story-ring {
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 0;
            flex-shrink: 0;
            width: 79px;
            height: 79px;
            border-radius: 50%;
            background: linear-gradient(145deg, #8b5cf6 0%, #ec4899 42%, #f97316 100%);
            padding: 3px;
            box-sizing: border-box;
            transition:
                transform 0.22s ease,
                box-shadow 0.22s ease;
            box-shadow:
                0 6px 18px rgba(139, 92, 246, 0.2),
                0 1px 0 rgba(255, 255, 255, 0.6) inset;
        }

        .story-item:hover .story-ring {
            transform: scale(1.05);
            box-shadow:
                0 10px 26px rgba(236, 72, 153, 0.22),
                0 1px 0 rgba(255, 255, 255, 0.65) inset;
        }

        .story-item:hover .story-label {
            color: #111827;
        }

        .story-img {
            width: 69px;
            height: 69px;
            box-sizing: content-box;
            border-radius: 50%;
            border: 2px solid #ffffff;
            background: #f3f4f6;
            object-fit: cover;
            display: block;
            flex-shrink: 0;
        }

        .story-label {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: -0.01em;
            color: #1f2937;
            text-align: center;
            width: 100%;
            max-width: 90px;
            line-height: 1.18;
            margin: 0;
            padding: 0;
            white-space: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-break: break-word;
        }

        .stories-nav-btn {
            position: absolute;
            right: 10px;
            top: 40%;
            transform: translateY(-50%);
            width: 38px;
            height: 38px;
            padding: 0;
            margin: 0;
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 50%;
            background: #ffffff;
            color: #374151;
            box-shadow:
                0 4px 16px rgba(15, 23, 42, 0.1),
                0 1px 2px rgba(15, 23, 42, 0.06);
            cursor: pointer;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            transition:
                background 0.2s ease,
                color 0.2s ease,
                box-shadow 0.2s ease,
                transform 0.2s ease;
        }

        .stories-nav-btn[data-stories-prev] {
            left: 10px;
            right: auto;
        }

        .stories-nav-btn[hidden] {
            display: none !important;
        }

        .stories-nav-btn.is-hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        .stories-nav-btn:hover {
            background: #f9fafb;
            color: #111827;
            box-shadow:
                0 8px 22px rgba(15, 23, 42, 0.12),
                0 1px 2px rgba(15, 23, 42, 0.06);
        }

        .stories-nav-btn:active {
            transform: translateY(-50%) scale(0.94);
        }

        .stories-nav-btn:focus-visible {
            outline: 2px solid #6366f1;
            outline-offset: 2px;
        }

        @media (max-width: 768px) {
            /* Instagram benzeri: halkalar arası dar boşluk, hafif daha küçük ring, kenar payı minimum */
            .category-stories {
                padding: 2px 0 5px !important;
            }

            .category-stories .container {
                border-radius: 0;
                padding: 0 !important;
            }

            .stories-scroll {
                gap: 6px;
                padding: 6px 34px 6px 8px !important;
                scroll-snap-type: x proximity;
                scroll-padding-inline: 8px;
            }

            .story-item {
                min-width: 72px;
                max-width: 72px;
                gap: 4px;
            }

            .story-ring {
                width: 68px;
                height: 68px;
                padding: 2px;
            }

            .story-img {
                width: 60px;
                height: 60px;
            }

            .story-label {
                font-size: 10px;
                max-width: 72px;
                line-height: 1.14;
            }

            .stories-nav-btn {
                width: 32px;
                height: 32px;
                right: 4px;
            }

            .stories-nav-btn[data-stories-prev] {
                left: 4px;
                right: auto;
            }

            .stories-nav-btn .fa {
                font-size: 14px;
            }
        }

        /* ========== SECTIONS - COMPACT & MODERN ========== */
        .section {
            padding: 12px 0;
        }

        /* İlk section için üst boşluk */
        .section:first-of-type {
            padding-top: 16px;
        }

        /* Ardışık section'lar arası boşluk azalt */
        .section + .section {
            padding-top: 8px;
        }

        .section.bg-light {
            background: var(--color-gray-50);
        }

        /* Remove category-cards bg-light block (desktop + mobile) */
        .category-cards.bg-light,
        .category-cards-section {
            display: none !important;
        }

        .section-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
        }

        .section-title {
            font-size: 24px;
            font-weight: 700;
            letter-spacing: -0.5px;
            color: var(--color-gray-900);
        }

        .section-link {
            font-size: 13px;
            font-weight: 600;
            color: var(--color-accent);
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 6px 14px;
            border-radius: 16px;
            transition: var(--transition-fast);
        }

        .section-link:hover {
            background: rgba(0, 113, 227, 0.1);
            gap: 6px;
        }

        /* Reduce spacing for product sections — Yeni Gelenler: üstte header’a yapışmasın */
        .flash-products-section {
            padding: 8px 0 16px !important;
        }

        .new-products-section {
            padding: 20px 0 16px !important;
        }

        @media (max-width: 768px) {
            .section {
                padding: 12px 0;
            }

            .section-header {
                margin-bottom: 10px;
            }

            .section-title {
                font-size: 20px;
            }

            .section-link {
                font-size: 12px;
                padding: 5px 12px;
            }

            /* Flaş + Keşfet: mobilde "Tümünü Gör" gizli, yalnız ok ikonu — sağ kenardan hafif içeri */
            .flash-products-section .section-header > .section-link,
            .section-kesfet .section-header > .section-link {
                font-size: 0 !important;
                line-height: 0 !important;
                gap: 0 !important;
                padding: 8px !important;
                margin-right: 10px !important;
            }

            .flash-products-section .section-header > .section-link i,
            .section-kesfet .section-header > .section-link i {
                font-size: 16px !important;
                line-height: 1 !important;
            }

            .section:has(.section-title:contains("Flaş Ürünler")),
            .flash-products-section {
                padding: 6px 0 12px !important;
            }

            .section:has(.section-title:contains("Yeni Gelen")),
            .new-products-section {
                padding: 12px 0 12px !important;
            }
        }

        /* ========== CATEGORY CARDS ========== */
        .category-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 12px;
            padding: 20px 0;
        }

        .cat-card {
            background: var(--color-white);
            border-radius: var(--radius);
            padding: 16px 12px;
            text-align: center;
            border: 1px solid var(--color-gray-200);
            transition: var(--transition);
        }

        /* Modern Category Card - Image Only Design */
        .modern-cat-card {
            background: transparent;
            border: none;
            padding: 0;
            position: relative;
            overflow: hidden;
        }

        .cat-image-wrapper {
            position: relative;
            width: 100%;
            height: 120px;
            border-radius: var(--radius-lg);
            overflow: hidden;
            background: var(--color-gray-100);
        }

        .modern-cat-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .cat-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, rgba(0, 0, 0, 0.3), transparent);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: var(--transition);
        }

        .cat-hover-text {
            color: white;
            font-weight: 600;
            font-size: 14px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        }

        .modern-cat-card:hover .cat-overlay {
            opacity: 1;
        }

        .modern-cat-card:hover img {
            transform: scale(1.05);
        }

        .modern-cat-card:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-lg);
        }

        .cat-card h3 {
            font-size: 12px;
            font-weight: 600;
            color: var(--color-gray-900);
            margin-bottom: 2px;
        }

        .cat-card p {
            font-size: 10px;
            color: var(--color-gray-400);
        }

        @media (max-width: 992px) {
            .category-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        @media (max-width: 768px) {
            .category-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 10px;
                padding: 16px 0;
            }

            .cat-card {
                padding: 12px 8px;
            }

            .cat-card img {
                height: 52px;
            }

            .cat-image-wrapper {
                height: 90px;
            }
        }

        /* ========== MODERN HORIZONTAL CAROUSEL SYSTEM ========== */
        .carousel-container {
            position: relative;
            overflow: hidden;
            margin: 0 -8px;
        }

        .carousel-wrapper {
            position: relative;
            overflow: hidden;
        }

        .product-carousel {
            display: flex !important;
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            gap: 16px;
            padding: 10px 8px;
            will-change: transform;
        }

        /* 5-Column Grid for Recommended Products */
        .product-grid-5 {
            display: grid !important;
            grid-template-columns: repeat(5, 1fr) !important;
            gap: 15px !important;
            padding: 15px !important;
            width: 100% !important;
            overflow: visible !important;
        }

        .product-grid-5 .ps-product-item {
            width: 100% !important;
            margin: 0 !important;
        }

        /* Responsive Grid */
        @media (max-width: 1200px) {
            .product-grid-5 {
                grid-template-columns: repeat(4, 1fr) !important;
            }
        }

        @media (max-width: 992px) {
            .product-grid-5 {
                grid-template-columns: repeat(3, 1fr) !important;
            }
        }

        @media (max-width: 576px) {
            .product-grid-5 {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }

        .product-carousel .ps-product-item {
            flex: 0 0 auto;
            width: 200px;
            max-width: 200px;
            scroll-snap-align: start;
        }

        /* Modern scrollbars for better UX */
        .product-carousel {
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            scrollbar-width: thin;
            scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
            scroll-snap-type: x mandatory;
        }

        .product-carousel::-webkit-scrollbar {
            height: 6px;
        }

        .product-carousel::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.05);
            border-radius: 3px;
            margin: 0 20px;
        }

        .product-carousel::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 3px;
            transition: background 0.3s ease;
        }

        .product-carousel::-webkit-scrollbar-thumb:hover {
            background: rgba(0, 0, 0, 0.4);
        }

        /* Navigation arrows */
        .carousel-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.95);
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            opacity: 0;
            visibility: hidden;
        }

        .carousel-container:hover .carousel-nav {
            opacity: 1;
            visibility: visible;
        }

        .carousel-nav {
            opacity: 0.9 !important;
            visibility: visible !important;
            z-index: 15 !important;
        }

        .carousel-nav:hover {
            background: var(--color-primary);
            color: white;
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
        }

        .carousel-nav.prev {
            left: 10px;
        }

        .carousel-nav.next {
            right: 10px;
        }

        .carousel-nav i {
            font-size: 16px;
        }

        /* Responsive adjustments */
        @media (max-width: 1200px) {
            .product-carousel .ps-product-item {
                width: 180px;
                max-width: 180px;
            }
        }

        @media (max-width: 768px) {
            .product-carousel .ps-product-item {
                width: 160px;
                max-width: 160px;
            }

            .carousel-nav {
                width: 36px;
                height: 36px;
            }

            .carousel-nav i {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .product-carousel .ps-product-item,
            .modern-scroll-wrapper .ps-product-item {
                width: calc(50% - 8px) !important;
                max-width: calc(50% - 8px) !important;
                min-width: calc(50% - 8px) !important;
                flex: 0 0 calc(50% - 8px) !important;
            }

            .product-carousel,
            .modern-scroll-wrapper {
                gap: 16px;
                padding: 10px 8px;
                overflow-x: auto !important;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
            }

            .product-carousel .ps-product-item,
            .modern-scroll-wrapper .ps-product-item {
                scroll-snap-align: start;
            }
        }

        /* ========== IMAGE LOADING SYSTEM ========== */
        .img-container {
            position: relative;
            overflow: hidden;
            aspect-ratio: 1 / 1; /* Kare görsel alanı */
            background: linear-gradient(90deg, #f0f0f0 25%, #e8e8ea 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: shimmer 1.5s infinite;
        }

        /* Yükleme: küçük ortada — .loaded / .img-error’da gizlenir */
        .img-container::before {
            content: 'Resim Yükleniyor';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 9px;
            font-weight: 500;
            letter-spacing: 0.02em;
            color: rgba(100, 116, 139, 0.82);
            z-index: 1;
            text-align: center;
            line-height: 1.25;
            max-width: min(92%, 8rem);
            padding: 0 6px;
            white-space: nowrap;
            opacity: 1;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        .img-container.loaded::before,
        .img-container.img-error::before {
            content: none !important;
            display: none !important;
            opacity: 0 !important;
        }

        .img-container img {
            position: relative;
            z-index: 2;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .img-container.loaded img {
            opacity: 1;
        }

        /* Kırık URL: tarayıcı alt metnini ve nopic denemesini göstermemek */
        .img-container.img-error img {
            opacity: 0 !important;
            visibility: hidden;
            pointer-events: none;
        }

        .img-container.loaded.img-error::before {
            content: none !important;
            display: none !important;
            opacity: 0 !important;
        }

        .img-container.loaded {
            background: transparent;
            animation: none;
        }

        @keyframes shimmer {
            0% {
                background-position: -200% 0;
            }

            100% {
                background-position: 200% 0;
            }
        }

        /* Kırık görsel: metin tabanlı ::before kullanma (çok büyük/bulanık görünür; #products-container yoksa override kaçar) */
        .img-error {
            background: #f1f5f9;
            display: block;
            color: rgba(148, 163, 184, 0.9);
            font-size: 9px;
            font-weight: 500;
            text-align: center;
        }

        .img-error::before {
            content: none !important;
            display: none !important;
        }

        /* ========== OWL CAROUSEL CUSTOMIZATION ========== */
        /* Fallback for when JS is loading or fails */
        .product-carousel:not(.owl-loaded) {
            display: flex !important;
            overflow-x: auto !important;
            gap: 10px;
            padding-bottom: 20px;
            /* Space for scrollbar */
        }

        .product-carousel:not(.owl-loaded)>li {
            flex: 0 0 165px;
            min-width: 165px;
        }

        .product-carousel.owl-carousel .owl-stage-outer {
            padding: 10px 0;
            overflow: hidden;
        }

        .product-carousel.owl-carousel .owl-nav {
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
            pointer-events: none;
            margin-top: 0;
        }

        /* ========== MODERN NATIVE SCROLL (APPLE STYLE) ========== */
        .modern-scroll-container {
            position: relative;
            width: 100%;
            padding: 0 10px;
            /* Slight buffer for arrows */
        }

        .modern-scroll-wrapper {
            display: flex;
            gap: 12px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            /* iOS Momentum */
            padding-bottom: 20px;
            margin-bottom: -20px;
            /* Hide scrollbar visual */
            scrollbar-width: none;
            /* Firefox */
            -ms-overflow-style: none;
            /* IE/Edge */
            list-style: none !important;
            padding-left: 0;
            margin-left: 0;
        }

        .modern-scroll-wrapper::-webkit-scrollbar {
            display: none;
            /* Chrome/Safari */
        }

        .modern-scroll-wrapper>li {
            flex: 0 0 180px;
            /* Fixed width for consistency */
            width: 180px;
            min-width: 180px;
            scroll-snap-align: start;
            margin: 0 !important;
            /* No external margins */
        }

        @media (min-width: 1025px) {
            body.orion-homepage #flash-carousel,
            body.orion-homepage #new-carousel,
            body.orion-homepage .flash-products,
            body.orion-homepage .new-products {
                gap: 10px !important;
            }

            body.orion-homepage #flash-carousel > li,
            body.orion-homepage #new-carousel > li,
            body.orion-homepage .flash-products > li,
            body.orion-homepage .new-products > li {
                flex: 0 0 calc((100% - 50px) / 6) !important;
                width: calc((100% - 50px) / 6) !important;
                min-width: calc((100% - 50px) / 6) !important;
                max-width: calc((100% - 50px) / 6) !important;
            }
        }

        /* Navigation Buttons */
        .modern-nav-btn {
            position: absolute;
            top: 45%;
            /* Slightly above center to match image center */
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
            border: 1px solid rgba(0, 0, 0, 0.05);
            color: #333;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 200;
            transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            opacity: 0.9;
        }

        .modern-nav-btn:hover {
            background: #006eb7;
            color: #fff;
            transform: translateY(-50%) scale(1.1);
            opacity: 1;
            box-shadow: 0 8px 25px rgba(0, 110, 183, 0.25);
        }

        .modern-nav-btn.prev {
            left: -10px;
        }

        .modern-nav-btn.next {
            right: -10px;
        }

        /* Product Card refinement for new layout */
        .modern-scroll-wrapper .product-container {
            width: 100%;
            border-radius: 12px;
            border: 1px solid #eee;
            transition: all 0.3s ease;
            height: 100%;
            background: #fff;
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .modern-scroll-wrapper .product-container:hover {
            border-color: #006eb7;
            transform: translateY(-4px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
        }

        cursor: pointer;
        pointer-events: auto;
        transition: all 0.2s ease;
        }

        .product-carousel.owl-carousel .owl-nav button.owl-prev {
            left: -20px;
        }

        .product-carousel.owl-carousel .owl-nav button.owl-next {
            right: -20px;
        }

        .product-carousel.owl-carousel .owl-nav button:hover {
            background: #006eb7 !important;
            color: #fff !important;
            transform: scale(1.1);
        }

        #flash-carousel,
        #new-carousel,
        .flash-products,
        .new-products,
        .product-carousel {
            display: flex !important;
            flex-direction: row !important;
            grid-template-columns: none !important;
            grid-template-rows: none !important;
            grid: none !important;
        }

        /* Force specific container override */
        .carousel-container>ul,
        .carousel-container>.product-carousel,
        .carousel-container>.flash-products,
        .carousel-container>.new-products {
            display: flex !important;
            flex-direction: row !important;
            overflow-x: auto !important;
            grid: none !important;
        }

        /* ========== USER REQUESTED UI FIXES (ROUND 3 - POLISH) ========== */

        /* 1. Header Logo - Enlarge */
        .brand-logo img {
            height: 42px !important;
            /* Increased from 32px to 42px */
        }

        .header-row-1 {
            padding: 6px 0 !important;
            /* Slight increase to accommodate larger logo */
        }

        /* 2. Masaüstü arama — Apple tarzı (cam, hap, minimal ikon düğmesi) */
        .unified-search.desktop-only-search .search-container.ps-search-wrapper {
            border-radius: 980px !important;
            height: 44px !important;
            min-height: 44px !important;
            background: rgba(255, 255, 255, 0.82) !important;
            -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
            backdrop-filter: saturate(180%) blur(20px) !important;
            border: 1px solid rgba(0, 0, 0, 0.07) !important;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
            transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
            padding: 0 5px 0 18px !important;
            align-items: center !important;
        }

        .unified-search.desktop-only-search .search-container.ps-search-wrapper:focus-within {
            background: rgba(255, 255, 255, 0.95) !important;
            border-color: rgba(0, 122, 255, 0.35) !important;
            box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.18), 0 4px 20px rgba(0, 0, 0, 0.08) !important;
            outline: none !important;
        }

        .unified-search.desktop-only-search .search-input {
            font-size: 15px !important;
            font-weight: 400 !important;
            letter-spacing: -0.015em !important;
            color: #1d1d1f !important;
            padding: 10px 12px 10px 0 !important;
        }

        .unified-search.desktop-only-search .search-input::placeholder {
            color: #86868b !important;
            font-weight: 400 !important;
        }

        .unified-search.desktop-only-search .search-input:focus {
            outline: none !important;
        }

        .unified-search.desktop-only-search .search-submit {
            width: 32px !important;
            height: 32px !important;
            min-width: 32px !important;
            padding: 0 !important;
            margin-right: 3px !important;
            border-radius: 50% !important;
            background: #007aff !important;
            color: #ffffff !important;
            box-shadow: 0 1px 3px rgba(0, 122, 255, 0.35) !important;
            gap: 0 !important;
        }

        .unified-search.desktop-only-search .search-submit span {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            border: 0 !important;
        }

        .unified-search.desktop-only-search .search-submit {
            position: relative !important;
        }

        .unified-search.desktop-only-search .search-submit__icon {
            font-size: 13px !important;
            opacity: 1 !important;
            margin: 0 !important;
        }

        .unified-search.desktop-only-search .search-submit:hover {
            filter: brightness(1.06) !important;
            transform: scale(1.03) !important;
        }

        .unified-search.desktop-only-search .search-submit:active {
            transform: scale(0.97) !important;
            filter: brightness(0.95) !important;
        }

        .search-input:focus {
            outline: none !important;
        }

        /* 3. Mega Menu Modernization (Interactive Cards) */

        /* More spacing in columns */
        .mega-col li {
            margin-bottom: 6px;
        }

        /* "Button-like" interactive links */
        .mega-col li a {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 12px;
            border-radius: 8px;
            color: #555;
            font-size: 13px;
            font-weight: 500;
            transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            background: transparent;
        }

        /* On Hover */
        .mega-col li a:hover {
            background: #f5f7fa;
            /* Light gray background */
            color: var(--color-primary);
            transform: translateX(4px);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
        }

        /* Remove the old circle, replace with an active indicator on hover only, or just clean style */
        .mega-col li a::before {
            content: '';
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #ddd;
            transition: all 0.2s;
            opacity: 0.5;
        }

        .mega-col li a:hover::before {
            background: var(--color-primary);
            transform: scale(1.5);
            opacity: 1;
        }

        /* Refine Titles */
        .mega-col h4 {
            margin-bottom: 12px;
            padding-bottom: 8px;
            border-bottom: 2px solid #f0f0f0;
            /* Softer divider */
            color: #333;
        }

        .flash-products .product-container {
            height: 100%;
            border: 3px solid var(--color-gray-200);
            border-radius: 16px;
            transition: all 0.3s ease;
            background: var(--color-white);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        .flash-products .product-container:hover {
            border-color: var(--color-danger);
            box-shadow: 0 12px 30px rgba(255, 59, 48, 0.25);
        }

        .flash-products .left-block {
            aspect-ratio: 1 / 1 !important;
            border-radius: 10px 10px 0 0;
            overflow: hidden;
        }

        .flash-products .left-block img {
            width: 100%;
            height: 100% !important;
            object-fit: cover !important;
            transition: transform 0.3s ease;
        }

        .flash-products .product-container:hover .left-block img {
            /* Zoom effect removed */
        }

        /* =========================================
   USER REQUESTED UI FIXES (ROUND 2)
   ========================================= */

        /* Updated Header Spacing & Icons */
        .header-row-1 {
            padding: 10px 0 !important;
        }

        .header-row-1 .logo img {
            max-height: 42px !important;
            width: auto !important;
        }

        .header-row-1 .header-icons i {
            font-size: 24px !important;
            /* Slightly smaller for balance */
            color: #333;
        }

        .header-row-1 .header-icons .icon-box {
            width: 32px !important;
            height: 32px !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Modern Search Bar */
        .header-search-form input[type="text"] {
            height: 40px !important;
            border-radius: 6px 0 0 6px !important;
            border: 1px solid #e0e0e0 !important;
            padding-left: 15px !important;
            font-size: 14px;
            outline: none !important;
            box-shadow: none !important;
        }

        .header-search-form input[type="text"]:focus {
            border-color: #006eb7 !important;
            box-shadow: 0 2px 8px rgba(0, 110, 183, 0.1) !important;
        }

        .header-search-form button {
            height: 40px !important;
            border-radius: 0 6px 6px 0 !important;
            background: #006eb7 !important;
            color: #fff !important;
        }

        /* Modern Mega Menu */
        .mega-dropdown-container {
            background: #fff;
            border: 1px solid #eee;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            padding: 30px;
            border-radius: 0 0 8px 8px;
            margin-top: 0;
            /* Fix gap */
        }

        .mega-dropdown-container::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 0;
            width: 100%;
            height: 20px;
            background: transparent;
            /* Bridge for hover */
        }

        .mega-col .cat-title {
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #222 !important;
            text-transform: uppercase;
            margin-bottom: 15px;
            padding-bottom: 8px;
            border-bottom: 2px solid #f0f0f0;
        }

        .mega-col ul.sub-cats li a {
            font-size: 14px !important;
            color: #555 !important;
            padding: 8px 10px;
            display: block;
            border-radius: 4px;
            transition: all 0.2s ease;
        }

        .mega-col ul.sub-cats li a:hover {
            background: #f8f9fa;
            color: #006eb7 !important;
            transform: translateX(5px);
            font-weight: 500;
        }

        /* =========================================
   PROSTAR MODERN PRODUCT DETAIL STYLES
   ========================================= */

        /* Container */
        .ps-product-detail-page {
            background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
            padding: 16px 0;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            overflow-x: hidden;
            /* Prevent horizontal scroll on mobile */
        }

        .ps-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 15px;
            /* Slightly reduced padding for mobile space */
        }

        /* Main Grid — fr kullan: % + gap toplamı 100%’ü aşıp taşmayı/sağ kırpmayı önler */
        .ps-product-grid {
            display: grid;
            grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
            gap: 50px;
            align-items: start;
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
        }

        @media (max-width: 992px) {
            .ps-product-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }
        }

        /* GALLERY SECTION */
        .ps-gallery-column {
            position: sticky;
            top: 20px;
        }

        .ps-gallery-wrapper {
            background: #fff;
            border-radius: 20px;
            padding: 25px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
            border: 1px solid #eef2f7;
        }

        .ps-main-image-box {
            position: relative;
            background: linear-gradient(135deg, #fafbfc 0%, #f0f3f7 100%);
            border-radius: 16px;
            padding: 20px;
            margin-bottom: 15px;
            min-height: 400px;
            max-height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border: 1px solid #e8ecf1;
        }

        .ps-main-image-box:has(.ps-main-youtube-wrap) {
            max-height: none;
            min-height: 0;
        }

        .ps-main-image-box .ps-main-youtube-wrap {
            position: relative;
            width: 100%;
            max-width: 100%;
            aspect-ratio: 16 / 9;
            background: #0f172a;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 12px 36px rgba(15, 23, 42, 0.15);
            flex-shrink: 0;
        }

        .ps-main-image-box .ps-main-youtube-wrap iframe {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

        .ps-main-image {
            max-width: 100%;
            max-height: 460px;
            width: auto;
            height: auto;
            object-fit: contain;
            transition: all 0.4s ease;
            cursor: zoom-in;
        }

        .ps-main-image-box:hover .ps-main-image {
            transform: scale(1.03);
        }

        .ps-badges {
            position: absolute;
            top: 15px;
            left: 15px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            z-index: 10;
        }

        .ps-badges .ps-badge,
        .ps-badges span {
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .ps-zoom-hint {
            position: absolute;
            bottom: 15px;
            right: 15px;
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 8px 14px;
            border-radius: 8px;
            font-size: 12px;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .ps-main-image-box:hover .ps-zoom-hint {
            opacity: 1;
        }

        /* ========== MODERN MODAL LIGHTBOX ========== */
        .ps-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.92);
            z-index: 99999;
            display: none;
            align-items: center;
            justify-content: center;
            animation: modalFadeIn 0.3s ease;
            backdrop-filter: blur(8px);
        }

        .ps-modal-overlay.active {
            display: flex;
        }

        @keyframes modalFadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .ps-modal-content {
            position: relative;
            max-width: 90vw;
            max-height: 90vh;
            animation: modalZoomIn 0.3s ease;
        }

        @keyframes modalZoomIn {
            from {
                transform: scale(0.8);
                opacity: 0;
            }

            to {
                transform: scale(1);
                opacity: 1;
            }
        }

        .ps-modal-image {
            max-width: 90vw;
            max-height: 85vh;
            object-fit: contain;
            border-radius: 12px;
            box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);
        }

        .ps-modal-close {
            position: absolute;
            top: -50px;
            right: 0;
            width: 44px;
            height: 44px;
            background: rgba(255, 255, 255, 0.15);
            border: none;
            border-radius: 50%;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .ps-modal-close:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: rotate(90deg);
        }

        .ps-modal-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.15);
            border: none;
            border-radius: 50%;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .ps-modal-nav:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        .ps-modal-prev {
            left: -70px;
        }

        .ps-modal-next {
            right: -70px;
        }

        .ps-modal-counter {
            position: absolute;
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
            color: rgba(255, 255, 255, 0.8);
            font-size: 14px;
            font-weight: 500;
        }

        /* Mobile modal adjustments */
        @media (max-width: 768px) {
            .ps-modal-nav {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .ps-modal-prev {
                left: 10px;
            }

            .ps-modal-next {
                right: 10px;
            }

            .ps-modal-close {
                top: -45px;
                right: 5px;
            }

            .ps-modal-image {
                border-radius: 8px;
            }
        }

        /* Thumbnails - Horizontal Layout Below Main Image */
        .ps-thumbnails-horizontal {
            margin-top: 15px;
            background: #f8f9fa;
            border-radius: 12px;
            padding: 15px;
        }

        #urunResimListContainer {
            width: 100%;
        }

        /* Hide thumbnails initially - JS will fix paths and reveal */
        #urunResimListContainer img {
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        #urunResimListContainer img.path-fixed {
            opacity: 1;
        }

        #urunResimListContainer ul {
            display: flex;
            flex-direction: row;
            gap: 12px;
            list-style: none;
            padding: 0;
            margin: 0;
            overflow-x: auto;
            overflow-y: hidden;
            padding-bottom: 10px;
            scroll-behavior: smooth;
        }

        #urunResimListContainer ul::-webkit-scrollbar {
            height: 6px;
            background-color: #e0e0e0;
            border-radius: 3px;
        }

        #urunResimListContainer ul::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #006eb7;
        }

        #urunResimListContainer li {
            flex: 0 0 110px;
            width: 110px;
            height: 110px;
            min-width: 110px;
            max-width: 110px;
            max-height: 110px;
            aspect-ratio: 1 / 1;
            border: 2px solid #e0e0e0;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            transition: border-color 0.25s ease, box-shadow 0.25s ease;
            background: #fff;
            padding: 0;
            box-sizing: border-box;
        }

        #urunResimListContainer li:hover {
            border-color: #006eb7;
            box-shadow: 0 4px 15px rgba(0, 110, 183, 0.2);
            transform: none;
        }

        #urunResimListContainer li.active {
            border-color: #006eb7;
            box-shadow: 0 4px 15px rgba(0, 110, 183, 0.3);
        }

        #urunResimListContainer li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            position: relative;
            box-sizing: border-box;
        }

        #urunResimListContainer li img {
            width: 100%;
            height: 100%;
            min-width: 0;
            max-width: none;
            max-height: none;
            object-fit: cover;
            object-position: center;
            display: block;
            border-radius: 0;
            padding: 0;
            transition: opacity 0.2s ease;
        }

        #urunResimListContainer li a i.fa-play {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            font-size: 28px;
            color: #ff0000;
        }

        /* Responsive */
        @media (max-width: 992px) {
            #urunResimListContainer li {
                flex: 0 0 100px;
                width: 100px;
                height: 100px;
                min-width: 100px;
                max-width: 100px;
                max-height: 100px;
            }

            .ps-main-image-box {
                min-height: 350px;
                max-height: 450px;
            }
        }

        @media (max-width: 576px) {
            #urunResimListContainer li {
                flex: 0 0 90px;
                width: 90px;
                height: 90px;
                min-width: 90px;
                max-width: 90px;
                max-height: 90px;
            }

            .ps-thumbnails-horizontal {
                padding: 10px;
            }

            .ps-main-image-box {
                min-height: 280px;
                max-height: 380px;
                padding: 15px;
            }
        }

        /* Mobile Gallery - Use main gallery on all devices now */
        .ps-mobile-gallery {
            display: none;
            /* Hide Owl carousel, use thumbnail gallery instead */
        }

        /* Mobile Responsive - Keep main gallery visible, adjust sizing */
        @media (max-width: 992px) {
            .ps-gallery-wrapper {
                display: block;
                /* Keep visible on mobile */
                padding: 15px;
            }

            .ps-gallery-column {
                position: static;
            }

            .ps-main-image-box {
                padding: 15px;
                min-height: 300px;
                max-height: 400px;
            }

            .ps-thumbnails-horizontal {
                padding: 12px;
            }
        }

        @media (max-width: 576px) {
            .ps-gallery-wrapper {
                padding: 10px;
                border-radius: 12px;
            }

            .ps-main-image-box {
                padding: 10px;
                min-height: 250px;
                max-height: 350px;
                border-radius: 10px;
            }

            .ps-main-image {
                max-height: 320px;
            }

            .ps-thumbnails-horizontal {
                padding: 10px;
                margin-top: 10px;
            }

            .ps-zoom-hint {
                display: none;
                /* Hide on small mobile */
            }
        }

        /* INFO SECTION */
        .ps-info-column {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }

        .ps-title-section {
            border-bottom: 1px solid #eef2f7;
            padding-bottom: 12px;
        }

        .ps-product-title {
            font-size: 28px;
            font-weight: 700;
            color: #1a1a2e;
            line-height: 1.3;
            margin: 0 0 6px 0;
        }

        .ps-product-title .ps-title-brand {
            color: #ff6600;
            font-weight: 800;
            font-size: 1.12em;
            letter-spacing: -0.03em;
        }

        .ps-product-title a.ps-title-brand {
            text-decoration: none;
            color: #ff6600;
        }

        .ps-product-title a.ps-title-brand:hover {
            color: #e65c00;
        }

        .ps-product-title .ps-title-rest,
        .ps-product-title .ps-title-name {
            color: #0f172a;
            font-weight: 700;
        }

        .ps-meta-row {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            font-size: 14px;
            color: #666;
        }

        .ps-meta-row a {
            color: #006eb7;
            font-weight: 600;
        }

        .ps-meta-row .ps-sku {
            display: inline;
            color: #64748b;
            font-size: 14px;
            line-height: 1.5;
        }

        .ps-meta-row .ps-sku__label {
            font-weight: 700;
            font-size: 12px;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #64748b;
        }

        .ps-meta-row .ps-sku__sep {
            font-weight: 600;
            color: #94a3b8;
        }

        .ps-meta-row .ps-sku__value {
            font-weight: 700;
            font-variant-numeric: tabular-nums;
            color: #0f172a;
            letter-spacing: -0.02em;
        }

        /* Price Section — modern kart */
        .ps-price-section {
            background: linear-gradient(165deg, #ffffff 0%, #f0f9ff 42%, #e0f2fe 100%);
            border-radius: 20px;
            padding: 22px 22px 0;
            border: 1px solid rgba(125, 211, 252, 0.65);
            box-shadow:
                0 1px 0 rgba(255, 255, 255, 0.9) inset,
                0 12px 40px rgba(14, 116, 184, 0.08);
            overflow: hidden;
        }

        .ps-price-main {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            gap: 10px 14px;
            margin-bottom: 0;
            padding-bottom: 4px;
        }

        .ps-old-price {
            flex: 0 0 100%;
            order: -1;
            font-size: 15px;
            font-weight: 500;
            color: #94a3b8;
            text-decoration: line-through;
            letter-spacing: -0.02em;
        }

        .ps-current-price {
            flex: 1 1 auto;
            min-width: 0;
            font-size: clamp(1.85rem, 4.5vw, 2.35rem);
            font-weight: 800;
            color: #0369a1;
            letter-spacing: -0.04em;
            line-height: 1.1;
            text-shadow: none;
        }

        .ps-price-section .discount {
            flex: 0 0 auto;
            margin-bottom: 6px;
            background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
            color: #fff;
            padding: 8px 14px;
            border-radius: 999px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.02em;
            box-shadow: 0 6px 16px rgba(225, 29, 72, 0.28);
        }

        .ps-installment {
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 18px 0 0;
            padding: 16px 0 18px;
            border-top: 1px solid rgba(148, 163, 184, 0.28);
            background: rgba(255, 255, 255, 0.55);
            color: #475569;
            font-size: 13px;
            line-height: 1.45;
        }

        .ps-installment i {
            color: #0284c7;
            font-size: 20px;
            opacity: 0.95;
        }

        /* Stok: dış çerçeve yok, tek satır */
        .ps-stock-section {
            padding: 0;
            margin: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            font-size: 14px;
            line-height: 1.5;
            color: #166534;
        }

        .ps-stock-section .stock-amount {
            color: #15803d;
            font-weight: 500;
            margin: 0;
        }

        .ps-stock-section .alert-danger {
            background: #fef2f2;
            border: 1px solid #fecaca;
            color: #dc2626;
            border-radius: 12px;
            padding: 14px;
            margin: 0;
        }

        /* Info Grid — ikonlu kartlar */
        .ps-info-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
        }

        .ps-info-item {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            padding: 16px 16px 16px 14px;
            background: #fff;
            border-radius: 16px;
            border: 1px solid #e8ecf1;
            transition: box-shadow 0.25s ease, border-color 0.25s ease;
            box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
        }

        .ps-info-item:hover {
            border-color: rgba(0, 110, 183, 0.35);
            box-shadow: 0 8px 28px rgba(0, 110, 183, 0.1);
        }

        .ps-info-item i {
            flex-shrink: 0;
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #0369a1;
            background: linear-gradient(145deg, #f0f9ff 0%, #e0f2fe 100%);
            border-radius: 14px;
            border: 1px solid rgba(125, 211, 252, 0.5);
        }

        .ps-info-item strong {
            display: block;
            font-size: 14px;
            font-weight: 700;
            color: #0f172a;
            letter-spacing: -0.02em;
            margin-bottom: 2px;
        }

        .ps-info-item span {
            font-size: 13px;
            color: #64748b;
            line-height: 1.4;
        }

        @media (max-width: 768px) {
            .ps-info-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        /* Options Section */
        .ps-options-section {
            background: #fff;
            border-radius: 12px;
            border: 1px solid #eef2f7;
            padding: 20px;
        }

        /* Cart Section */
        .ps-cart-section {
            background: #fff;
            border-radius: 16px;
            border: 2px solid #006eb7;
            padding: 25px;
        }

        .ps-quantity {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
        }

        /* Ultra premium qty stepper */
        .ps-qty-stepper {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px;
            border-radius: 14px;
            border: 1px solid #e2e8f0;
            background: #ffffff;
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
        }

        .ps-qty-btn {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            border: 1px solid #eef2f7;
            background: #f8fafc;
            color: #0f172a;
            font-size: 18px;
            font-weight: 800;
            line-height: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            user-select: none;
            transition: background 0.2s ease, border-color 0.2s ease, transform 0.06s ease;
        }

        .ps-qty-btn:active {
            transform: scale(0.98);
        }

        .ps-qty-btn:disabled {
            opacity: 0.45;
            cursor: not-allowed;
        }

        .ps-qty-input {
            width: 64px;
            height: 40px;
            border-radius: 12px;
            border: 1px solid #eef2f7;
            background: #ffffff;
            text-align: center;
            font-size: 15px;
            font-weight: 800;
            color: #0f172a;
            outline: none;
        }

        .ps-qty-input::-webkit-outer-spin-button,
        .ps-qty-input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .ps-qty-input[type=number] {
            -moz-appearance: textfield;
        }

        .ps-quantity label {
            font-weight: 600;
            color: #333;
        }

        .ps-quantity input {
            width: 80px;
            padding: 12px;
            border: 2px solid #e5e7eb;
            border-radius: 10px;
            font-size: 16px;
            text-align: center;
        }

        .ps-action-buttons {
            display: flex;
            gap: 12px;
        }

        .ps-btn-cart {
            flex: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 18px 30px;
            background: linear-gradient(135deg, #006eb7 0%, #0056b3 100%);
            color: #fff;
            border: none;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .ps-btn-cart:hover {
            background: linear-gradient(135deg, #0056b3 0%, #004494 100%);
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 110, 183, 0.3);
        }

        .ps-btn-buy {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 18px 20px;
            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
            color: #fff;
            border: none;
            border-radius: 12px;
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .ps-btn-buy:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);
        }

        .ps-btn-fav {
            width: 56px;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            border: 2px solid #e5e7eb;
            border-radius: 12px;
            font-size: 22px;
            color: #666;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .ps-btn-fav:hover {
            border-color: #ff4757;
            color: #ff4757;
            background: #fff5f5;
        }

        /* Ürün detay — Sepete Ekle / Hemen Al modern */
        .ps-product-detail-page .ps-action-buttons {
            align-items: stretch;
            --pd-action-btn-height: 56px;
        }

        .ps-product-detail-page .ps-btn-cart,
        .ps-product-detail-page .ps-btn-buy,
        .ps-product-detail-page .ps-btn-fav {
            min-height: var(--pd-action-btn-height);
            height: var(--pd-action-btn-height);
            box-sizing: border-box;
            border-radius: 16px;
            white-space: nowrap;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
        }

        .ps-product-detail-page .ps-btn-cart,
        .ps-product-detail-page .ps-btn-buy {
            padding-top: 0;
            padding-bottom: 0;
        }

        /* Favori butonu ana aksiyondaki butonlarla aynı dikey hizada kalsın */
        .ps-product-detail-page .ps-btn-fav {
            margin: 0;
            align-self: stretch;
            display: inline-flex;
            vertical-align: top;
        }

        .ps-product-detail-page .ps-btn-cart {
            background: linear-gradient(145deg, #0284c7 0%, #006eb7 45%, #005a9e 100%);
        }

        .ps-product-detail-page .ps-btn-buy {
            background: linear-gradient(145deg, #fb923c 0%, #f97316 40%, #ea580c 100%);
        }

        .ps-product-detail-page .ps-btn-cart span,
        .ps-product-detail-page .ps-btn-buy span {
            letter-spacing: 0.02em;
        }

        .ps-product-detail-page .ps-btn-cart:hover {
            background: linear-gradient(145deg, #0369a1 0%, #005a9e 45%, #004f8a 100%);
            transform: translateY(-1px);
        }

        .ps-product-detail-page .ps-btn-buy:hover {
            background: linear-gradient(145deg, #fdba74 0%, #fb923c 40%, #ea580c 100%);
            transform: translateY(-1px);
        }

        /* Stok yok: eski global inline <style> yerine PDP kapsamlı, class tabanlı gizleme */
        .ps-product-detail-page:has(.ps-stock-section .orion-stock-state--oos) .durumlar,
        .ps-product-detail-page:has(.ps-stock-section .orion-stock-state--oos) .form-action,
        .ps-product-detail-page:has(.ps-stock-section .orion-stock-state--oos) .kargosayac,
        .ps-product-detail-page:has(.ps-stock-section .orion-stock-state--oos) .ps-action-buttons {
            display: none !important;
        }

        body.page-product-detail:has(.ps-stock-section .orion-stock-state--oos) .ps-pd-mobile-bar {
            display: none !important;
        }

        /* THUMBNAILS - Horizontal Scroll with Square Images */
        .ps-thumbnails-horizontal {
            margin-top: 15px;
            position: relative;
            padding: 0 40px;
            /* Space for arrows */
        }

        .ps-thumbnails-horizontal ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            flex-wrap: nowrap !important;
            /* Force single line always */
            gap: 12px;
            overflow-x: auto;
            scroll-behavior: smooth;
            scrollbar-width: none;
            /* Hide scrollbar Firefox */
            -webkit-overflow-scrolling: touch;
        }

        .ps-thumbnails-horizontal ul::-webkit-scrollbar {
            display: none;
            /* Hide scrollbar Chrome/Safari */
        }

        .ps-thumbnails-horizontal li {
            flex: 0 0 100px;
            /* Fixed width */
            width: 100px;
            height: 100px;
            /* Fixed height = Square */
            cursor: pointer;
            border-radius: 12px;
            border: 2px solid transparent;
            overflow: hidden;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
            background: #fff;
            box-sizing: border-box;
        }

        .ps-thumbnails-horizontal li.active {
            border-color: #006eb7;
            box-shadow: 0 4px 12px rgba(0, 110, 183, 0.2);
        }

        .ps-thumbnails-horizontal img {
            width: 100%;
            height: 100%;
            object-fit: cover !important;
            object-position: center;
            /* Force cover to fill square */
            display: block;
            opacity: 0.8;
            transition: opacity 0.2s ease;
        }

        .ps-thumbnails-horizontal li:hover img {
            opacity: 1;
            transform: none;
        }

        .ps-thumbnails-horizontal li.active img {
            opacity: 1;
        }

        /* Add Navigation Arrows for Thumbnails */
        .ps-thumbnails-horizontal .modern-nav-btn {
            width: 30px;
            height: 30px;
            font-size: 14px;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        /* Galeri altı thumb: kare kutu + yatay şerit (ID ile çakışan eski kurallardan bağımsız) */
        .ps-thumbnails-horizontal #urunResimListContainer ul {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            justify-content: flex-start !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
        }

        .ps-thumbnails-horizontal #urunResimListContainer li {
            flex: 0 0 100px !important;
            width: 100px !important;
            min-width: 100px !important;
            max-width: 100px !important;
            height: 100px !important;
            min-height: 100px !important;
            max-height: 100px !important;
            aspect-ratio: 1 / 1;
            box-sizing: border-box;
        }

        .ps-thumbnails-horizontal #urunResimListContainer li a {
            display: block !important;
            width: 100%;
            height: 100%;
        }

        .ps-thumbnails-horizontal #urunResimListContainer li img {
            width: 100% !important;
            height: 100% !important;
            max-width: none !important;
            max-height: none !important;
            object-fit: cover !important;
            object-position: center;
            padding: 0 !important;
            border-radius: 0 !important;
            transition: opacity 0.2s ease !important;
        }

        .ps-thumbnails-horizontal #urunResimListContainer li:hover img {
            transform: none !important;
        }

        .ps-thumbnails-horizontal #urunResimListContainer li:hover {
            transform: none !important;
        }

        @media (max-width: 768px) {
            .page-product-detail .ps-thumbnails-horizontal #urunResimListContainer li {
                flex: 0 0 76px !important;
                width: 76px !important;
                min-width: 76px !important;
                max-width: 76px !important;
                height: 76px !important;
                min-height: 76px !important;
                max-height: 76px !important;
            }
        }

        @media (max-width: 576px) {
            .ps-thumbnails-horizontal #urunResimListContainer li {
                flex: 0 0 90px !important;
                width: 90px !important;
                min-width: 90px !important;
                max-width: 90px !important;
                height: 90px !important;
                min-height: 90px !important;
                max-height: 90px !important;
            }
        }

        /* Trust — küçük rozetler */
        .ps-trust-section {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            padding: 16px 14px;
            background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
            border-radius: 16px;
            border: 1px solid #e8ecf1;
            box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
        }

        .ps-trust-item {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 600;
            color: #475569;
            padding: 8px 14px;
            background: #fff;
            border-radius: 999px;
            border: 1px solid #e2e8f0;
        }

        .ps-trust-item i {
            color: #059669;
            font-size: 15px;
        }

        /* Sekme şeridi + sağda güven rozetleri */
        .ps-tabs-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px 20px;
            flex-wrap: wrap;
            margin-bottom: 24px;
        }

        .ps-tabs-toolbar .ps-tabs-nav {
            flex: 1 1 auto;
            min-width: 0;
            margin-bottom: 0;
        }

        .ps-trust-section--tabs-inline {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-end;
            gap: 6px;
            padding: 8px 0 8px 12px;
            margin: 0;
            flex: 0 0 auto;
            max-width: none;
            background: transparent;
            border: none;
            box-shadow: none;
        }

        .ps-trust-section--tabs-inline .ps-trust-item {
            flex: 0 0 auto;
            padding: 6px 10px;
            font-size: 11px;
            font-weight: 600;
            color: #475569;
            background: #fff;
            border-radius: 999px;
            border: 1px solid #e2e8f0;
            box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
        }

        .ps-trust-section--tabs-inline .ps-trust-item i {
            font-size: 12px;
        }

        @media (max-width: 992px) {
            .ps-tabs-toolbar {
                flex-direction: column;
                align-items: stretch;
            }

            .ps-trust-section--tabs-inline {
                justify-content: flex-end;
                padding: 0 0 8px;
                max-width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: thin;
                flex-wrap: nowrap;
            }

            .ps-trust-section--tabs-inline::-webkit-scrollbar {
                height: 4px;
            }
        }

        /* TABS SECTION */
        .ps-tabs-section {
            margin-top: 48px;
            background: linear-gradient(180deg, #fafbfc 0%, #fff 24%);
            border-top: 1px solid #e8ecf1;
            padding: 48px 0 56px;
        }

        .ps-tabs-nav {
            display: flex;
            gap: 10px;
            border-bottom: none;
            margin-bottom: 0;
            overflow-x: auto;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
            white-space: nowrap;
            padding: 12px 4px 8px;
        }

        .ps-tabs-nav::-webkit-scrollbar {
            display: none;
        }

        .ps-tab-btn {
            background: #fff;
            border: 1px solid #e2e8f0;
            padding: 12px 18px;
            font-size: 14px;
            font-weight: 600;
            color: #64748b;
            cursor: pointer;
            border-radius: 999px;
            transition: color 0.2s, background 0.2s, box-shadow 0.2s, border-color 0.2s;
            min-width: max-content;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
        }

        .ps-tab-btn:hover {
            color: #0369a1;
            border-color: #bae6fd;
        }

        .ps-tab-btn.active {
            color: #fff;
            background: linear-gradient(135deg, #006eb7 0%, #005a9e 100%);
            border-color: transparent;
            box-shadow: 0 8px 22px rgba(0, 110, 183, 0.28);
        }

        .ps-tab-btn.active::after {
            display: none;
        }

        .ps-tab-btn i {
            margin-right: 8px;
            opacity: 0.95;
        }

        .ps-tab-btn__label--compact {
            display: none;
        }

        .ps-tab-btn__label--full {
            display: inline;
        }

        .ps-tab-panel {
            display: none;
            animation: fadeIn 0.3s ease;
        }

        .ps-tab-panel.active {
            display: block;
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateX(100px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Tab içerik — CMS HTML düzeni */
        .ps-tabs-content {
            background: #fff;
            border-radius: 20px;
            border: 1px solid #e8ecf1;
            padding: 28px 28px 32px;
            box-shadow: 0 16px 48px rgba(15, 23, 42, 0.06);
        }

        .ps-description-content {
            line-height: 1.75;
            color: #334155;
            font-size: 15px;
        }

        .ps-description-content img {
            max-width: min(760px, 94%) !important;
            width: auto !important;
            height: auto !important;
            border-radius: 12px;
            margin: 0.65em 0;
            display: block;
        }

        .ps-description-content p {
            margin: 0 0 1em;
        }

        .ps-description-content h1,
        .ps-description-content h2,
        .ps-description-content h3,
        .ps-description-content h4 {
            color: #0f172a;
            font-weight: 700;
            line-height: 1.24;
            margin: 1.2em 0 0.5em;
            letter-spacing: -0.032em;
        }

        .ps-description-content h1:first-child,
        .ps-description-content h2:first-child,
        .ps-description-content h3:first-child,
        .ps-description-content h4:first-child {
            margin-top: 0;
        }

        .ps-description-content h1 {
            font-size: clamp(1.68rem, 1.2rem + 1.25vw, 2.15rem);
        }

        .ps-description-content h2 {
            font-size: clamp(1.42rem, 1.1rem + 1.05vw, 1.78rem);
        }

        .ps-description-content h3 {
            font-size: clamp(1.16rem, 0.98rem + 0.65vw, 1.35rem);
        }

        .ps-description-content h4 {
            font-size: clamp(1.05rem, 0.92rem + 0.45vw, 1.18rem);
            font-weight: 600;
        }

        /*
         * CMS çoğunlukla <h2> yerine <p><strong>Başlık</strong></p> kullanır.
         * :only-child ile paragrafın tek öğesi olduğunda başlık gibi göster.
         */
        .ps-description-content hr {
            border: none;
            border-top: 1px solid #e2e8f0;
            margin: 1.35em 0;
        }

        .ps-description-content p > strong:only-child,
        .ps-description-content p > b:only-child,
        .ps-description-content p > span:only-child > strong:only-child,
        .ps-description-content p > span:only-child > b:only-child {
            display: block;
            font-weight: 700;
            letter-spacing: -0.035em;
            line-height: 1.22;
            color: #0f172a;
            font-size: clamp(1.28rem, 0.92rem + 0.95vw, 1.62rem);
            margin: 0;
        }

        .ps-description-content p:first-of-type > strong:only-child,
        .ps-description-content p:first-of-type > b:only-child,
        .ps-description-content p:first-of-type > span:only-child > strong:only-child,
        .ps-description-content p:first-of-type > span:only-child > b:only-child {
            font-size: clamp(1.48rem, 1.05rem + 1.2vw, 1.95rem);
            letter-spacing: -0.038em;
            line-height: 1.2;
            margin-bottom: 0.35em;
        }

        /* CMS: üstte kısa ürün satırı, hemen altında ana pazarlama başlığı (p+p) */
        .ps-description-content p:first-of-type + p > strong:only-child,
        .ps-description-content p:first-of-type + p > b:only-child,
        .ps-description-content p:first-of-type + p > span:only-child > strong:only-child,
        .ps-description-content p:first-of-type + p > span:only-child > b:only-child {
            font-size: clamp(1.48rem, 1.05rem + 1.2vw, 1.95rem);
            letter-spacing: -0.038em;
            line-height: 1.2;
            margin-bottom: 0.35em;
        }

        .ps-description-content hr + p > strong:only-child,
        .ps-description-content hr + p > b:only-child,
        .ps-description-content hr + p > span:only-child > strong:only-child,
        .ps-description-content hr + p > span:only-child > b:only-child {
            font-size: clamp(1.3rem, 0.95rem + 1vw, 1.65rem);
            margin-top: 0.15em;
        }

        .ps-description-content p:has(> strong:only-child),
        .ps-description-content p:has(> b:only-child),
        .ps-description-content p:has(> span:only-child > strong:only-child),
        .ps-description-content p:has(> span:only-child > b:only-child) {
            margin-top: 1.15em;
            margin-bottom: 0.75rem;
        }

        .ps-description-content p:first-of-type:has(> strong:only-child),
        .ps-description-content p:first-of-type:has(> b:only-child),
        .ps-description-content p:first-of-type:has(> span:only-child > strong:only-child),
        .ps-description-content p:first-of-type:has(> span:only-child > b:only-child) {
            margin-top: 0;
        }

        .ps-description-content p > strong:only-child span,
        .ps-description-content p > span:only-child > strong:only-child span,
        .ps-description-content p > strong:only-child font,
        .ps-description-content p > span:only-child > strong:only-child font {
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
        }

        .ps-description-content strong span,
        .ps-description-content strong font,
        .ps-description-content b span {
            color: inherit !important;
            font-size: inherit !important;
        }

        .ps-description-content ul,
        .ps-description-content ol {
            margin: 0 0 1em;
            padding-left: 1.35em;
            color: #475569;
        }

        .ps-description-content li {
            margin-bottom: 0.4em;
        }

        .ps-description-content a {
            color: #0369a1;
            font-weight: 600;
            text-decoration: underline;
            text-underline-offset: 2px;
        }

        .ps-description-content table {
            width: 100%;
            border-collapse: collapse;
            margin: 1.25em 0;
            font-size: 14px;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid #e2e8f0;
        }

        .ps-description-content th,
        .ps-description-content td {
            padding: 12px 14px;
            border-bottom: 1px solid #eef2f7;
            text-align: left;
            vertical-align: top;
        }

        .ps-description-content th {
            background: #f8fafc;
            font-weight: 600;
            color: #0f172a;
        }

        .ps-description-content tr:last-child td {
            border-bottom: none;
        }

        .ps-tab-panel:not(#desc) {
            font-size: 15px;
            line-height: 1.7;
            color: #334155;
        }

        .ps-tab-panel:not(#desc) table {
            width: 100%;
            border-collapse: collapse;
            margin: 1em 0;
            font-size: 14px;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid #e2e8f0;
        }

        .ps-tab-panel:not(#desc) th,
        .ps-tab-panel:not(#desc) td {
            padding: 11px 16px;
            border-bottom: 1px solid #eef2f7;
            text-align: left;
        }

        .ps-tab-panel:not(#desc) th {
            background: #f8fafc;
            font-weight: 600;
            color: #0f172a;
        }

        .ps-tab-panel:not(#desc) img {
            max-width: 100% !important;
            height: auto !important;
            border-radius: 10px;
        }

        /* RELATED PRODUCTS */
        .ps-related-section {
            background: linear-gradient(180deg, #f1f5f9 0%, #f8fafc 100%);
            padding: 48px 0 64px;
        }

        .ps-section-header {
            text-align: center;
            margin-bottom: 28px;
        }

        .ps-section-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
            color: #0f172a;
            letter-spacing: -0.03em;
        }

        .ps-section-header h2 i {
            color: #e11d48;
            margin-right: 10px;
            opacity: 0.95;
        }

        .ps-related-section .modern-scroll-container {
            position: relative;
            padding: 0 40px;
        }

        .ps-related-section .modern-scroll-wrapper {
            gap: 14px;
            padding-bottom: 10px;
        }

        .ps-related-section .modern-scroll-wrapper .ps-product-item {
            min-width: 168px !important;
            max-width: 188px !important;
            border-radius: 16px !important;
            border-color: #e8ecf1 !important;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
        }

        .ps-related-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }

        /* Mobil sabit alt çubuk — yalnızca ürün detay dar ekran */
        .ps-pd-mobile-bar {
            display: none;
        }

        .ps-mobile-below-gallery {
            display: none;
        }

        /* Ürün detay kategori yolu — masaüstü: grid üstü premium bar */
        @media (min-width: 769px) {
            /* Header .container ile aynı yatay kutu: breadcrumb + grid sağ/sol hizada */
            .page-product-detail .ps-container {
                width: 96%;
                max-width: 1400px;
                margin-left: auto;
                margin-right: auto;
                padding-left: 16px;
                padding-right: 16px;
                box-sizing: border-box;
            }

            /* Menü altı + içerik üstü boşlukları (daraltılmış) */
            body.page-product-detail .ps-product-detail-page {
                padding: 6px 0 20px;
            }

            body.page-product-detail .header-row-2 .category-link {
                padding-top: 10px;
                padding-bottom: 10px;
            }

            .page-product-detail .ps-pd-breadcrumb--detail {
                display: block;
                width: 100%;
                max-width: 100%;
                margin: 0 0 10px;
                padding: 0;
                box-sizing: border-box;
                overflow: visible;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__row {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 6px 12px;
                min-height: 36px;
                padding: 7px 14px 7px 12px;
                background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
                border: 1px solid rgba(226, 232, 240, 0.95);
                border-radius: 14px;
                box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
                font-size: 13px;
                line-height: 1.45;
                color: #64748b;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__home {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                border-radius: 9px;
                background: #f1f5f9;
                color: #475569;
                text-decoration: none;
                transition: background 0.2s, color 0.2s, box-shadow 0.2s;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__home:hover {
                background: #e2e8f0;
                color: #0f172a;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__home i {
                font-size: 15px;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__chev {
                color: #cbd5e1;
                font-size: 12px;
                line-height: 1;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                list-style: none;
                margin: 0;
                padding: 0;
                gap: 0;
                flex: 1;
                min-width: 0;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs li {
                display: inline-flex;
                align-items: center;
                font-size: 13px;
                font-weight: 500;
                letter-spacing: -0.01em;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs li::before {
                content: '/';
                display: inline-block;
                margin: 0 10px;
                color: #cbd5e1;
                font-weight: 400;
                font-size: 12px;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs li:first-child::before {
                content: none;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs a,
            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs span {
                color: #475569;
                text-decoration: none;
                transition: color 0.2s;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs a:hover {
                color: #006eb7;
            }

            .page-product-detail .ps-gallery-wrapper {
                padding: 18px 20px 18px;
            }

            .page-product-detail .ps-product-grid {
                grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
                gap: 36px;
            }

            .page-product-detail .ps-gallery-column,
            .page-product-detail .ps-info-column {
                min-width: 0;
            }

            .page-product-detail .ps-info-column {
                gap: 18px;
            }
        }

        .ps-mobile-hero {
            display: contents;
        }

        @media (max-width: 768px) {

            /* —— Mobil ürün detay: yatay taşma kilidi (100vw kullanma — scrollbar kaydırır) —— */
            html.page-product-detail-html {
                overflow-x: hidden !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            body.page-product-detail.pd-mobile {
                overflow-x: hidden !important;
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                position: relative;
                touch-action: pan-y;
            }

            body.page-product-detail.pd-mobile main[role="main"] {
                display: block;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                overflow-x: hidden !important;
                box-sizing: border-box;
            }

            /* İçerik çıktısı — tüm ürün detayı bu kutu içinde */
            body.page-product-detail .pd-mobile-viewport {
                display: block;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                overflow-x: hidden !important;
                box-sizing: border-box !important;
                position: relative;
            }

            /* Üst: kategori şeridi (beyaz), altında tam genişlik galeri */
            .page-product-detail .ps-pd-breadcrumb--detail {
                display: block !important;
                position: relative;
                z-index: 2;
                width: 100vw;
                max-width: 100vw;
                margin-left: calc(50% - 50vw);
                margin-right: calc(50% - 50vw);
                margin-bottom: 0;
                box-sizing: border-box;
                padding: 10px max(14px, env(safe-area-inset-left)) 10px max(14px, env(safe-area-inset-right));
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                border-bottom: 1px solid #e8ecf1;
                background: #ffffff;
            }

            .page-product-detail .ps-pd-breadcrumb--detail::-webkit-scrollbar {
                display: none;
            }

            .page-product-detail .ps-mobile-hero {
                display: block;
                position: relative;
                width: 100vw;
                max-width: 100vw;
                margin-left: calc(50% - 50vw);
                margin-right: calc(50% - 50vw);
                box-sizing: border-box;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__row {
                display: flex;
                align-items: center;
                flex-wrap: nowrap;
                gap: 8px;
                font-size: 12px;
                line-height: 1.4;
                color: #5a5a60;
                min-width: min-content;
                width: max-content;
                max-width: none;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__home {
                flex: 0 0 auto;
                color: #4d4d54;
                opacity: 1;
                position: relative;
                z-index: 2;
                text-decoration: none;
                -webkit-tap-highlight-color: transparent;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__home i {
                font-size: 15px;
                filter: none;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .ps-pd-breadcrumb__chev {
                flex: 0 0 auto;
                color: #9ca3af;
                font-size: 11px;
                line-height: 1;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                list-style: none;
                margin: 0;
                padding: 0;
                gap: 0;
                flex: 0 0 auto;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs li {
                display: inline-flex;
                align-items: center;
                white-space: nowrap;
                font-size: 12px;
                font-weight: 500;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs li::before {
                content: '>';
                display: inline-block;
                margin: 0 7px;
                color: #b4b4bc;
                font-size: 10px;
                font-weight: 400;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs li:first-child::before {
                content: none;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs a,
            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs span {
                color: #5a5a60;
                text-decoration: none;
                font-weight: 600;
            }

            .page-product-detail .ps-pd-breadcrumb--detail .breadcrumbs a:hover {
                color: #3f3f46;
            }

            /* Mobilde üst başlık bloğu gizli — başlık görselin altında */
            .page-product-detail .ps-title-section--desktop {
                display: none !important;
            }

            /* Görsel altı: marka (turuncu) + ad — .ps-container padding’inden çıkıp sola yaslanır */
            .page-product-detail .ps-mobile-below-gallery {
                display: block !important;
                position: relative;
                width: 100vw;
                max-width: 100vw;
                margin-left: calc(50% - 50vw);
                margin-right: calc(50% - 50vw);
                box-sizing: border-box;
                padding: 10px max(14px, env(safe-area-inset-left)) 6px max(14px, env(safe-area-inset-right));
            }

            /* Mobil galeri altı başlık — vitrin boyutu, çok hafif küçültülmüş üst/alt sınır */
            .page-product-detail .ps-mobile-product-heading.ps-product-title,
            .page-product-detail .ps-mobile-product-heading {
                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
                font-size: clamp(1.22rem, 0.98rem + 3.2vw, 1.78rem);
                font-weight: 700;
                line-height: 1.24;
                letter-spacing: -0.034em;
                margin: 0 0 12px;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
                overflow: hidden;
                word-break: break-word;
                color: #0f172a;
            }

            .page-product-detail .ps-mobile-product-heading a.ps-title-brand {
                text-decoration: none;
            }

            /* Marka + ürün: aynı font, aynı boyut/ağırlık; yalnızca renk farkı (tek cümle akışı) */
            .page-product-detail .ps-mobile-product-heading .ps-title-brand,
            .page-product-detail .ps-mobile-product-heading .ps-title-rest,
            .page-product-detail .ps-mobile-product-heading .ps-title-name {
                font-family: inherit;
                font-size: 1em;
                font-weight: 700;
                letter-spacing: inherit;
                vertical-align: baseline;
            }

            .page-product-detail .ps-mobile-product-heading .ps-title-brand {
                color: #ff6600;
            }

            .page-product-detail .ps-mobile-product-heading .ps-title-rest,
            .page-product-detail .ps-mobile-product-heading .ps-title-name {
                color: #111111;
            }

            .page-product-detail .ps-mobile-sku-card {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 6px 10px;
                border-radius: 12px;
                background: #fff;
                border: 1px solid #e8ecf1;
                box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
                line-height: 1.3;
            }

            .page-product-detail .ps-mobile-sku-card > i {
                flex-shrink: 0;
                width: 34px;
                height: 34px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                border-radius: 10px;
                background: #f8fafc;
                border: 1px solid #eef2f7;
                color: #0f172a;
            }

            .page-product-detail .ps-mobile-sku-card__body {
                flex: 1;
                min-width: 0;
            }

            .page-product-detail .ps-mobile-sku-card__label {
                display: inline;
                font-size: 11px;
                font-weight: 700;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                color: #64748b;
            }

            .page-product-detail .ps-mobile-sku-card__sep {
                display: inline;
                font-size: 11px;
                font-weight: 600;
                color: #94a3b8;
            }

            .page-product-detail .ps-mobile-sku-card__value {
                display: inline;
                font-size: 14px;
                font-weight: 700;
                font-variant-numeric: tabular-nums;
                color: #0f172a;
                letter-spacing: -0.02em;
            }

            /* Mobil: Owl carousel + noktalar; ana küçük resim şeridi gizli */
            .page-product-detail .ps-gallery-column .ps-gallery-wrapper {
                display: none !important;
            }

            .page-product-detail .ps-mobile-gallery {
                display: block !important;
                position: relative;
                z-index: 1;
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                box-sizing: border-box !important;
                overflow: hidden !important;
            }

            .page-product-detail .ps-mobile-gallery .mobileSliderwrap,
            .page-product-detail .ps-mobile-gallery .owl-carousel {
                width: 100% !important;
                max-width: 100% !important;
            }

            .page-product-detail .ps-mobile-gallery .item {
                text-align: center;
            }

            .page-product-detail .ps-mobile-gallery .item img {
                display: block;
                width: 100%;
                max-width: 100%;
                max-height: min(88vh, 560px);
                min-height: 220px;
                object-fit: contain;
                background: #fafafa;
            }

            .page-product-detail .ps-mobile-gallery .item.orion-pd-mgallery-video {
                width: 100%;
                padding: 0 4px;
                box-sizing: border-box;
            }

            /* Video slaytı: 1:1 kare kutu, 16:9 iframe ortada — üst/alt siyah (letterbox) */
            .page-product-detail .ps-mobile-gallery .orion-pd-mvideo-inner {
                position: relative;
                width: 100%;
                aspect-ratio: 1 / 1;
                background: #000000;
                border-radius: 14px;
                overflow: hidden;
                box-shadow: 0 12px 36px rgba(15, 23, 42, 0.18);
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .page-product-detail .ps-mobile-gallery .orion-pd-mgallery-iframe,
            .page-product-detail .ps-mobile-gallery .orion-pd-mvideo-inner iframe {
                position: relative;
                left: auto;
                top: auto;
                width: 100%;
                max-width: 100%;
                height: auto;
                aspect-ratio: 16 / 9;
                border: 0;
                flex-shrink: 0;
            }

            .page-product-detail .ps-mobile-gallery .owl-dots {
                text-align: center;
                margin: 10px 0 4px;
                padding: 0 12px;
            }

            .page-product-detail .ps-mobile-gallery .owl-dot {
                margin: 0 4px;
            }

            .page-product-detail .ps-mobile-gallery .owl-dot span {
                width: 8px !important;
                height: 8px !important;
                margin: 0 !important;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.45) !important;
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
            }

            .page-product-detail .ps-mobile-gallery .owl-dot.active span {
                background: #ff6600 !important;
                box-shadow: none;
            }

            /* Mobil: DOM sırası — önce galeri (üstte), kategori şeridi görselin üzerinde; sonra fiyat/bilgi */

            /* Mobil: ekran altı sabit — fiyat | favori | Sepete ekle (yüksek z-index) */
            .page-product-detail .ps-pd-mobile-bar {
                display: block !important;
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 100180;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                padding: 0;
                padding-bottom: env(safe-area-inset-bottom, 0);
                margin: 0;
                background: #ffffff;
                border-top: 1px solid #e8ecf1;
                box-shadow: 0 -6px 24px rgba(15, 23, 42, 0.1);
                transform: translateZ(0);
                -webkit-transform: translateZ(0);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
            }

            /* Sabit çubuk varken sayfa sonu (footer + alt menü) kaydırılınca içerik çubuğun altında kalmaz */
            body.page-product-detail.pd-mobile .site-footer {
                padding-bottom: env(safe-area-inset-bottom, 0);
            }

            body.page-product-detail.pd-mobile .whatsapp-float {
                bottom: calc(104px + env(safe-area-inset-bottom, 0px));
                z-index: 100178;
            }

            .page-product-detail .ps-pd-mobile-bar__inner {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                min-height: 64px;
                padding: 10px max(12px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-right));
                box-sizing: border-box;
                max-width: 100%;
            }

            .page-product-detail .ps-pd-mobile-bar__price {
                flex: 1 1 auto;
                min-width: 0;
                padding-right: 2px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                gap: 2px;
            }

            .page-product-detail .ps-pd-mobile-bar__price-meta {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 8px;
                line-height: 1.2;
                max-width: 100%;
            }

            .page-product-detail .ps-pd-mobile-bar__old {
                font-size: 12px;
                font-weight: 500;
                color: #94a3b8;
                text-decoration: line-through;
                letter-spacing: -0.02em;
            }

            .page-product-detail .ps-pd-mobile-bar__pct {
                display: inline-flex;
                align-items: center;
                font-size: 11px;
                font-weight: 800;
                letter-spacing: 0.02em;
                color: #dc2626;
                background: #fef2f2;
                padding: 3px 7px;
                border-radius: 6px;
                line-height: 1;
            }

            .page-product-detail .ps-pd-mobile-bar__price-val {
                display: block;
                font-size: clamp(1.35rem, 6vw, 1.95rem);
                font-weight: 800;
                letter-spacing: -0.04em;
                color: #0f172a;
                line-height: 1.12;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100%;
            }

            .page-product-detail .ps-pd-mobile-bar__fav {
                flex: 0 0 50px;
                width: 50px;
                height: 50px;
                padding: 0;
                border: none;
                border-radius: 50%;
                background: #f1f5f9;
                color: #475569;
                font-size: 21px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                -webkit-tap-highlight-color: transparent;
                transition: background 0.2s ease, color 0.2s ease;
                text-decoration: none;
                box-sizing: border-box;
            }

            .page-product-detail .ps-pd-mobile-bar__fav:active {
                background: #e2e8f0;
            }

            .page-product-detail .ps-pd-mobile-bar__fav.orion-pd-fav--active {
                background: #fef2f2 !important;
                color: #dc2626 !important;
            }

            .page-product-detail .ps-pd-mobile-bar__fav.orion-pd-fav--active i.fa-heart {
                color: #dc2626 !important;
            }

            .page-product-detail .ps-pd-mobile-bar__fav.orion-pd-fav--active:active {
                background: #fee2e2 !important;
            }

            .page-product-detail .ps-pd-mobile-bar__cart {
                flex: 0 1 auto;
                min-width: 0;
                max-width: 48%;
                padding: 14px 20px;
                border: none;
                border-radius: 12px;
                background: #ff6000;
                color: #ffffff;
                font-size: 15px;
                font-weight: 700;
                letter-spacing: 0.01em;
                cursor: pointer;
                white-space: nowrap;
                -webkit-tap-highlight-color: transparent;
                box-shadow: 0 4px 16px rgba(255, 96, 0, 0.4);
                transition: filter 0.2s ease, transform 0.15s ease;
            }

            .page-product-detail .ps-pd-mobile-bar__cart:active {
                filter: brightness(0.95);
                transform: scale(0.98);
            }

            body.page-product-detail.pd-mobile main[role="main"] {
                padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
            }

            /* Medya / geniş CMS blokları — kutu genişliğini aşmasın */
            body.page-product-detail .pd-mobile-viewport img,
            body.page-product-detail .pd-mobile-viewport video,
            body.page-product-detail .pd-mobile-viewport iframe,
            body.page-product-detail .pd-mobile-viewport embed,
            body.page-product-detail .pd-mobile-viewport svg {
                max-width: 100% !important;
                height: auto !important;
            }

            body.page-product-detail .pd-mobile-viewport table {
                max-width: 100% !important;
            }

            body.page-product-detail.pd-mobile .row,
            body.page-product-detail.pd-mobile .row > [class*="col-"] {
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                max-width: 100% !important;
            }

            body.page-product-detail .pd-mobile-root {
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 auto !important;
                overflow-x: hidden !important;
                box-sizing: border-box !important;
                -webkit-font-smoothing: antialiased;
                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
                letter-spacing: -0.012em;
            }

            body.page-product-detail.pd-mobile .ultra-modern-header,
            body.page-product-detail.pd-mobile .ultra-modern-header .container,
            body.page-product-detail.pd-mobile .header-row-1,
            body.page-product-detail.pd-mobile .header-row-2 {
                max-width: 100% !important;
                overflow-x: hidden !important;
                box-sizing: border-box !important;
            }

            body.page-product-detail.pd-mobile .site-footer,
            body.page-product-detail.pd-mobile nav.mobile-nav {
                max-width: 100% !important;
                overflow-x: hidden !important;
                box-sizing: border-box !important;
            }

            .page-product-detail .ps-tabs-section,
            .page-product-detail .ps-related-section,
            .page-product-detail .modern-related-products {
                max-width: 100% !important;
                overflow-x: hidden !important;
            }

            .page-product-detail .ps-description-content,
            .page-product-detail .ps-tabs-content {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                max-width: 100%;
            }

            .page-product-detail .ps-description-content {
                word-break: break-word;
                overflow-wrap: anywhere;
            }

            .page-product-detail .ps-description-content video,
            .page-product-detail .ps-description-content iframe,
            .page-product-detail .ps-description-content embed,
            .page-product-detail .ps-description-content object,
            .page-product-detail .ps-tab-panel iframe,
            .page-product-detail .ps-tab-panel video {
                max-width: 100% !important;
                height: auto !important;
            }

            .page-product-detail .ps-tab-panel img {
                max-width: 100% !important;
                height: auto !important;
            }

            .page-product-detail .ps-description-content img,
            .page-product-detail #desc img {
                max-width: min(760px, 94%) !important;
                width: auto !important;
                height: auto !important;
                display: block;
                margin: 0.65em 0;
            }

            /* Ürün açıklaması: YouTube tam genişlik + 16:9 (height:auto iframe çöküntüsünü giderir) */
            .page-product-detail .ps-description-content iframe[src*="youtube.com"],
            .page-product-detail .ps-description-content iframe[src*="youtube-nocookie.com"],
            .page-product-detail .ps-tab-panel#desc iframe[src*="youtube.com"],
            .page-product-detail .ps-tab-panel#desc iframe[src*="youtube-nocookie.com"] {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                aspect-ratio: 16 / 9 !important;
                min-height: 180px !important;
                margin: 28px auto !important;
                border: 0 !important;
                border-radius: 16px !important;
                box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14) !important;
                background: #0f172a !important;
            }

            .page-product-detail .ps-description-content table {
                width: 100%;
                max-width: 100%;
                display: table;
                table-layout: auto;
            }

            /* ========== Ürün detay — premium mobil (yalnızca dar ekran) ========== */
            .page-product-detail .ps-product-detail-page {
                padding: 0 0 max(12px, env(safe-area-inset-bottom));
                background: linear-gradient(180deg, #eef2f7 0%, #f4f6fa 12%, #fafbfc 100%);
                -webkit-tap-highlight-color: transparent;
                overflow-x: clip;
                overflow-y: visible;
                max-width: 100%;
            }

            .page-product-detail .ps-product-detail-page .ps-container {
                padding-left: max(14px, env(safe-area-inset-left));
                padding-right: max(14px, env(safe-area-inset-right));
                padding-bottom: 0;
                max-width: 100% !important;
                box-sizing: border-box;
            }

            .page-product-detail .ps-product-grid {
                gap: 0;
                max-width: 100%;
            }

            /* Negatif margin kaldırıldı — taşmanın ana nedeni */
            .page-product-detail .ps-gallery-column {
                margin-left: 0 !important;
                margin-right: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            .page-product-detail .ps-gallery-wrapper {
                padding: 16px 16px 18px;
                border-radius: 0 0 24px 24px;
                border: none;
                box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
                background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
            }

            .page-product-detail .ps-main-image-box {
                min-height: min(72vw, 340px);
                max-height: none;
                padding: 12px;
                border-radius: 20px;
                border: 1px solid rgba(148, 163, 184, 0.25);
                background: radial-gradient(ellipse 120% 80% at 50% 0%, #f8fafc 0%, #eef2f7 100%);
                margin-bottom: 12px;
            }

            .page-product-detail .ps-main-image-box:has(.ps-main-youtube-wrap) {
                min-height: 0;
                max-height: none;
            }

            .page-product-detail .ps-main-image {
                max-height: min(68vw, 320px);
                width: 100%;
                object-fit: contain;
            }

            .page-product-detail .ps-badges {
                top: 12px;
                left: 12px;
                gap: 6px;
            }

            .page-product-detail .ps-badges .ps-badge,
            .page-product-detail .ps-badges span {
                padding: 7px 11px;
                border-radius: 999px;
                font-size: 10px;
                letter-spacing: 0.04em;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
            }

            .page-product-detail .ps-thumbnails-horizontal {
                padding: 12px 40px;
                margin-top: 0;
                max-width: 100%;
                box-sizing: border-box;
                background: rgba(255, 255, 255, 0.75);
                border-radius: 16px;
                border: 1px solid rgba(226, 232, 240, 0.9);
            }

            .page-product-detail .ps-thumbnails-horizontal .modern-nav-btn {
                width: 36px;
                height: 36px;
                box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
            }

            .page-product-detail .ps-thumbnails-horizontal ul {
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                scroll-snap-type: x mandatory;
                gap: 10px;
                padding-bottom: 4px;
            }

            .page-product-detail .ps-thumbnails-horizontal li {
                flex: 0 0 76px;
                width: 76px;
                height: 76px;
                border-radius: 14px;
                scroll-snap-align: start;
            }

            .page-product-detail .ps-info-column {
                gap: 8px;
                padding-top: 10px;
                padding-bottom: 0;
            }

            .page-product-detail .ps-info-item--garanti {
                display: none !important;
            }

            .page-product-detail .ps-title-section {
                border: none;
                padding: 0 2px 4px;
                background: transparent;
            }

            /* Masaüstü başlık — mobil galeri altı h1.ps-mobile-product-heading hariç (o blok ayrı punto) */
            .page-product-detail .ps-product-title:not(.ps-mobile-product-heading) {
                font-size: clamp(1.15rem, 4.2vw, 1.45rem);
                font-weight: 700;
                letter-spacing: -0.035em;
                line-height: 1.28;
                margin: 0 0 6px;
                color: #0f172a;
            }

            .page-product-detail .ps-meta-row {
                gap: 10px 16px;
                font-size: 12px;
                color: #64748b;
                line-height: 1.45;
            }

            .page-product-detail .ps-meta-row .ps-sku,
            .page-product-detail .ps-meta-row .ps-brand {
                display: block;
                width: 100%;
            }

            .page-product-detail .ps-price-section {
                border-radius: 20px;
                padding: 18px 18px 0;
                border: 1px solid rgba(125, 211, 252, 0.65);
                background: linear-gradient(165deg, #ffffff 0%, #f0f9ff 42%, #e0f2fe 100%);
                box-shadow:
                    0 1px 0 rgba(255, 255, 255, 0.9) inset,
                    0 12px 36px rgba(14, 116, 184, 0.1);
            }

            .page-product-detail .ps-price-main {
                margin-bottom: 0;
                gap: 8px 12px;
            }

            .page-product-detail .ps-old-price {
                font-size: 14px;
                color: #94a3b8;
            }

            .page-product-detail .ps-current-price {
                font-size: clamp(1.65rem, 6vw, 2rem);
                font-weight: 800;
                letter-spacing: -0.04em;
                color: #0369a1;
            }

            .page-product-detail .ps-price-section .discount {
                padding: 7px 12px;
                font-size: 12px;
            }

            .page-product-detail .ps-installment {
                margin: 16px 0 0;
                padding: 14px 16px 16px;
                font-size: 12px;
                border-top: 1px solid rgba(148, 163, 184, 0.28);
                background: rgba(255, 255, 255, 0.55);
            }

            .page-product-detail .ps-installment i {
                font-size: 18px;
            }

            .page-product-detail .ps-cart-section {
                border-radius: 22px;
                padding: 18px 16px 20px;
                border-width: 1px;
                border-color: rgba(0, 110, 183, 0.35);
                background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
                box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
                position: relative;
                bottom: auto;
                z-index: auto;
            }

            .page-product-detail .ps-quantity {
                margin-bottom: 14px;
                flex-wrap: wrap;
            }

            .page-product-detail .ps-quantity label {
                font-size: 13px;
                color: #475569;
            }

            .page-product-detail .ps-quantity input {
                width: 72px;
                padding: 12px 10px;
                border-radius: 14px;
                font-size: 17px;
                font-weight: 600;
                border-color: #cbd5e1;
            }

            /* Sepete ekle + favori: sabit alt çubukta; akışta yalnızca Hemen Al */
            .page-product-detail .ps-action-buttons {
                display: block;
            }

            .page-product-detail .ps-action-buttons .ps-btn-cart,
            .page-product-detail .ps-action-buttons .ps-btn-fav {
                display: none !important;
            }

            .page-product-detail .ps-btn-buy {
                width: 100%;
                min-height: 50px;
                padding: 0 12px;
                border-radius: 16px;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 0.01em;
                white-space: nowrap;
                justify-content: center;
                box-shadow: 0 8px 24px rgba(234, 88, 12, 0.2);
            }

            .page-product-detail .ps-btn-buy i {
                font-size: 16px;
                margin-right: 6px;
                flex-shrink: 0;
            }

            .page-product-detail .ps-stock-section {
                padding: 0;
                font-size: 13px;
            }

            .page-product-detail .ps-info-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .page-product-detail .ps-info-item {
                padding: 14px 16px;
                border-radius: 16px;
                align-items: flex-start;
                gap: 14px;
                background: #fff;
                border: 1px solid #e8ecf1;
                box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
            }

            .page-product-detail .ps-info-item i {
                width: 40px;
                height: 40px;
                font-size: 16px;
                margin-top: 0;
            }

            .page-product-detail .ps-trust-section:not(.ps-trust-section--tabs-inline) {
                flex-wrap: wrap;
                justify-content: center;
                gap: 8px 10px;
                padding: 12px 10px;
                margin-bottom: 0;
                border-radius: 16px;
                background: rgba(255, 255, 255, 0.85);
                border: 1px solid #e8ecf1;
            }

            .page-product-detail .ps-trust-section:not(.ps-trust-section--tabs-inline) .ps-trust-item {
                font-size: 11px;
                gap: 5px;
                color: #475569;
                padding: 6px 10px;
            }

            .page-product-detail .ps-tabs-section {
                margin-top: 10px;
                padding: 12px 0 28px;
                border-top: none;
                background: transparent;
            }

            .page-product-detail .ps-tabs-section .ps-container {
                padding-left: max(14px, env(safe-area-inset-left));
                padding-right: max(14px, env(safe-area-inset-right));
            }

            /* Ürün sekmeleri — 2×2 ızgara; ikon solda metin sağda, alçak satır (kaydırmada yanlış dokunuş azalır) */
            .page-product-detail .ps-tabs-nav {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 6px 8px;
                padding: 0 0 8px;
                margin-bottom: 10px;
                border-bottom: none;
                overflow: visible;
                white-space: normal;
                -webkit-overflow-scrolling: auto;
                scrollbar-width: auto;
                /* Dikey kaydırma öncelikli — sekme üstünden sürüklerken sayfa aksın */
                touch-action: pan-y;
            }

            .page-product-detail .ps-tabs-toolbar .ps-tabs-nav {
                margin-bottom: 0 !important;
            }

            .page-product-detail .ps-tabs-nav::-webkit-scrollbar {
                display: none;
            }

            .page-product-detail .ps-tab-btn {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: flex-start;
                gap: 0;
                min-width: 0;
                width: 100%;
                min-height: 0;
                padding: 7px 8px 7px 7px;
                font-size: 11px;
                font-weight: 700;
                letter-spacing: -0.02em;
                line-height: 1.2;
                text-align: left;
                color: #475569;
                background: #fff;
                border-radius: 11px;
                border: 1px solid #e2e8f0;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
                -webkit-tap-highlight-color: transparent;
                touch-action: pan-y;
            }

            .page-product-detail .ps-tab-btn.active {
                color: #fff;
                background: linear-gradient(135deg, #006eb7 0%, #005a9e 100%);
                border-color: transparent;
                box-shadow: 0 3px 10px rgba(0, 110, 183, 0.22);
            }

            .page-product-detail .ps-tab-btn.active::after {
                display: none;
            }

            .page-product-detail .ps-tab-btn i {
                flex-shrink: 0;
                width: 1.25rem;
                margin-right: 7px;
                font-size: 14px;
                line-height: 1;
                text-align: center;
            }

            .page-product-detail .ps-tab-btn .ps-tab-btn__label--full {
                display: none !important;
            }

            .page-product-detail .ps-tab-btn .ps-tab-btn__label--compact {
                display: -webkit-box !important;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                flex: 1 1 auto;
                min-width: 0;
                font-size: 11px;
                font-weight: 700;
                line-height: 1.18;
                white-space: normal;
                overflow: hidden;
                text-align: left;
            }

            .page-product-detail .ps-tabs-content {
                background: #fff;
                border-radius: 18px;
                padding: 14px 14px 16px;
                border: 1px solid #e8ecf1;
                box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
            }

            .page-product-detail .ps-description-content {
                font-size: 15px;
                line-height: 1.72;
                color: #334155;
            }

            .page-product-detail .ps-related-section {
                padding: 32px 0 40px;
                background: linear-gradient(180deg, #f1f5f9 0%, #f8fafc 100%);
            }

            .page-product-detail .ps-related-section .ps-section-header {
                margin-bottom: 20px;
            }

            .page-product-detail .ps-related-section .ps-section-header h2 {
                font-size: 1.15rem;
                letter-spacing: -0.02em;
            }

            .page-product-detail .ps-related-section .modern-scroll-container {
                padding: 0 12px;
            }

            .page-product-detail .ps-description-content,
            .page-product-detail .ps-tab-panel {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            /* —— Mobil ürün detay: ultra premium (v2) —— */
            .page-product-detail .ps-product-detail-page {
                background: #f8fafc;
            }

            .page-product-detail .ps-gallery-wrapper {
                padding: 20px 18px 22px;
                border-radius: 0 0 28px 28px;
                box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
                background: #fff;
                border: 1px solid #f1f5f9;
            }

            .page-product-detail .ps-main-image-box {
                background: #fafafa;
                border: 1px solid #f1f5f9;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
            }

            .page-product-detail .ps-thumbnails-horizontal {
                background: #f8fafc;
                border: 1px solid #eef2f7;
            }

            .page-product-detail .ps-info-column {
                gap: 14px;
                padding-top: 20px;
            }

            .page-product-detail .ps-title-section {
                padding-bottom: 4px;
            }

            .page-product-detail .ps-product-title:not(.ps-mobile-product-heading) {
                font-size: clamp(1.05rem, 3.8vw, 1.35rem);
                font-weight: 650;
                line-height: 1.35;
                color: #0f172a;
            }

            .page-product-detail .ps-price-section {
                border-radius: 22px;
                padding: 20px 20px 0;
                border: 1px solid #e2e8f0;
                background: #fff;
                box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 12px 40px rgba(15, 23, 42, 0.06);
            }

            .page-product-detail .ps-price-main {
                align-items: flex-end;
            }

            .page-product-detail .ps-current-price {
                color: #0f172a;
                font-weight: 800;
            }

            .page-product-detail .ps-price-section .discount {
                background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
                box-shadow: 0 4px 14px rgba(225, 29, 72, 0.25);
            }

            .page-product-detail .ps-installment {
                margin: 18px 0 0;
                padding: 16px 16px 18px;
                border-top: 1px solid #f1f5f9;
                background: #fafafa;
                color: #64748b;
            }

            .page-product-detail .ps-cart-section {
                position: relative;
                border-radius: 22px;
                padding: 20px 18px 18px;
                border: 1px solid #e8ecf1;
                background: #fff;
                box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
            }

            .page-product-detail .ps-stock-section {
                background: #f0fdf4;
                border: 1px solid #d1fae5;
                color: #166534;
            }

            .page-product-detail .ps-info-item {
                border: 1px solid #f1f5f9;
                box-shadow: none;
                background: #fff;
            }

            .page-product-detail .ps-info-item i {
                background: #f8fafc;
                border-color: #eef2f7;
                color: #0f172a;
            }

            .page-product-detail .ps-trust-section:not(.ps-trust-section--tabs-inline) {
                background: #fff;
                border: 1px solid #f1f5f9;
                padding: 14px 12px;
                gap: 8px;
            }

            .page-product-detail .ps-trust-section:not(.ps-trust-section--tabs-inline) .ps-trust-item {
                font-size: 12px;
                font-weight: 600;
                background: #f8fafc;
                border: 1px solid #eef2f7;
                color: #475569;
            }

            /* Mobil: üstteki fiyat kartı + adet/Hemen Al gizli (fiyat+sabit alt çubuk yeterli); İade gizli */
            .page-product-detail .ps-price-section .ps-price-main {
                display: none !important;
            }

            .page-product-detail .ps-cart-section {
                display: none !important;
            }

            .page-product-detail .ps-info-item.ps-info-item--iade {
                display: none !important;
            }

            .page-product-detail .ps-price-section {
                padding: 0 !important;
                margin: 0 0 12px !important;
                border: none !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            .page-product-detail .ps-installment {
                margin: 0 !important;
                padding: 6px 10px !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 12px !important;
                background: linear-gradient(145deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%) !important;
                display: flex !important;
                align-items: center !important;
                gap: 10px !important;
                font-size: 13px !important;
                line-height: 1.4 !important;
                color: #64748b !important;
                border-top: none !important;
                box-shadow: 0 2px 14px rgba(15, 23, 42, 0.06) !important;
                box-sizing: border-box !important;
            }

            .page-product-detail .ps-installment i {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 34px !important;
                height: 34px !important;
                min-width: 34px !important;
                min-height: 34px !important;
                margin: 0 !important;
                font-size: 14px !important;
                border-radius: 10px !important;
                background: linear-gradient(160deg, #eff6ff 0%, #dbeafe 100%) !important;
                color: #2563eb !important;
                border: 1px solid #bfdbfe !important;
                flex-shrink: 0 !important;
                box-sizing: border-box !important;
            }

            .page-product-detail .ps-installment span {
                flex: 1;
                min-width: 0;
            }

            .page-product-detail .ps-installment strong {
                color: #0f172a !important;
                font-weight: 700 !important;
            }

            /* Mobil bilgi yığını: kompakt boşluk, tipografi hiyerarşisi */
            .page-product-detail .ps-mobile-below-gallery {
                padding-top: 8px !important;
                padding-bottom: 4px !important;
            }

            .page-product-detail .ps-mobile-product-heading {
                font-size: clamp(1.22rem, 0.98rem + 3.2vw, 1.78rem) !important;
                line-height: 1.24 !important;
                letter-spacing: -0.034em !important;
                font-weight: 700 !important;
                margin-bottom: 6px !important;
                color: #111111 !important;
            }

            .page-product-detail .ps-mobile-product-heading .ps-title-brand,
            .page-product-detail .ps-mobile-product-heading .ps-title-rest,
            .page-product-detail .ps-mobile-product-heading .ps-title-name {
                font-weight: 700 !important;
            }

            .page-product-detail .ps-mobile-product-heading .ps-title-brand {
                color: #ff6600 !important;
            }

            .page-product-detail .ps-mobile-product-heading .ps-title-rest,
            .page-product-detail .ps-mobile-product-heading .ps-title-name {
                color: #111111 !important;
            }

            .page-product-detail .ps-mobile-sku-card {
                padding: 6px 10px !important;
                border-radius: 12px !important;
                border-color: #e8ecf1 !important;
                box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04) !important;
                align-items: center !important;
                gap: 10px !important;
                background: #fff !important;
                box-sizing: border-box !important;
            }

            .page-product-detail .ps-mobile-sku-card > i {
                width: 34px !important;
                height: 34px !important;
                min-width: 34px !important;
                min-height: 34px !important;
                font-size: 14px !important;
                border-radius: 10px !important;
                background: #f8fafc !important;
                border-color: #eef2f7 !important;
                color: #0f172a !important;
                box-sizing: border-box !important;
            }

            .page-product-detail .ps-mobile-sku-card__value {
                font-size: 13.5px !important;
                font-weight: 600 !important;
            }

            .page-product-detail .ps-info-column {
                gap: 3px !important;
                padding-top: 4px !important;
            }

            .page-product-detail .ps-price-section {
                margin: 0 !important;
            }

            /* Mobil: bölümler arası boşluk minimum (ultra premium kompakt) */
            .page-product-detail .ps-cart-section {
                margin: 0 !important;
                padding: 14px 12px 12px !important;
                border-radius: 16px !important;
                box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04) !important;
            }

            .page-product-detail .ps-quantity {
                margin-bottom: 10px !important;
            }

            /* Ürün kodu kartı ile aynı iç ölçüler — ikon/metin dikey hizası */
            .page-product-detail .ps-installment {
                padding: 6px 10px !important;
                border-radius: 12px !important;
                gap: 10px !important;
                box-sizing: border-box !important;
            }

            .page-product-detail .ps-installment i {
                width: 34px !important;
                height: 34px !important;
                min-width: 34px !important;
                min-height: 34px !important;
                font-size: 14px !important;
                border-radius: 10px !important;
                box-sizing: border-box !important;
                margin: 0 !important;
            }

            .page-product-detail .ps-stock-section {
                padding: 0 !important;
                border-radius: 0 !important;
                margin: 0 !important;
                font-size: 12.5px !important;
                line-height: 1.35 !important;
                border: none !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            .page-product-detail .ps-info-grid {
                gap: 5px !important;
                margin: 0 !important;
            }

            .page-product-detail .ps-trust-section {
                margin: 0 !important;
            }

            .page-product-detail .ps-info-item {
                padding: 8px 10px !important;
                border-radius: 12px !important;
                gap: 10px !important;
                align-items: center !important;
                border-color: #e8ecf1 !important;
                box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04) !important;
            }

            .page-product-detail .ps-info-item > div {
                display: flex !important;
                flex-direction: column !important;
                gap: 2px !important;
                min-width: 0 !important;
            }

            .page-product-detail .ps-info-item > div > strong:first-of-type {
                font-size: 11px !important;
                font-weight: 700 !important;
                letter-spacing: 0.06em !important;
                text-transform: uppercase !important;
                color: #64748b !important;
                margin-bottom: 0 !important;
            }

            .page-product-detail .ps-info-item > div > span {
                font-size: 13.5px !important;
                font-weight: 600 !important;
                color: #0f172a !important;
                line-height: 1.35 !important;
                white-space: normal !important;
                overflow: visible !important;
            }

            .page-product-detail .ps-info-item > div > span strong {
                font-weight: 600 !important;
                font-size: inherit !important;
                letter-spacing: -0.02em !important;
                text-transform: none !important;
                color: inherit !important;
            }

            .page-product-detail .ps-info-item i {
                width: 34px !important;
                height: 34px !important;
                font-size: 14px !important;
                border-radius: 10px !important;
            }

            .page-product-detail .ps-trust-section:not(.ps-trust-section--tabs-inline) {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                justify-content: stretch !important;
                align-items: stretch !important;
                gap: 4px !important;
                padding: 6px !important;
                margin: 0 !important;
                border-radius: 12px !important;
                border: 1px solid #e8ecf1 !important;
                background: #fafbfc !important;
                box-shadow: 0 1px 6px rgba(15, 23, 42, 0.035) !important;
            }

            .page-product-detail .ps-trust-section:not(.ps-trust-section--tabs-inline) .ps-trust-item {
                flex: 1 1 0 !important;
                min-width: 0 !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                text-align: center !important;
                gap: 3px !important;
                padding: 6px 2px !important;
                font-size: 10px !important;
                line-height: 1.25 !important;
                font-weight: 600 !important;
                border-radius: 9px !important;
                border: 1px solid #eef2f7 !important;
                background: #fff !important;
                white-space: normal !important;
            }

            .page-product-detail .ps-trust-section:not(.ps-trust-section--tabs-inline) .ps-trust-item i {
                font-size: 14px !important;
                flex-shrink: 0 !important;
            }

            .page-product-detail .ps-tabs-toolbar {
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 0 !important;
                margin-bottom: 8px !important;
            }

            .page-product-detail .ps-trust-section.ps-trust-section--tabs-inline {
                background: transparent !important;
                border: none !important;
                box-shadow: none !important;
                padding: 4px 0 8px !important;
                justify-content: flex-end !important;
                align-items: center !important;
                gap: 6px !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch !important;
                max-width: 100% !important;
            }

            .page-product-detail .ps-trust-section--tabs-inline .ps-trust-item {
                flex: 0 0 auto !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: flex-start !important;
                text-align: left !important;
                min-width: auto !important;
                white-space: nowrap !important;
                padding: 6px 10px !important;
                font-size: 10px !important;
            }

            /* Mobil: sekme satırındaki güven rozetleri (Güvenli Ödeme / Hızlı Kargo / Destek) gizli */
            .page-product-detail .ps-tabs-toolbar .ps-trust-section.ps-trust-section--tabs-inline {
                display: none !important;
                margin: 0 !important;
                padding: 0 !important;
                height: 0 !important;
                overflow: hidden !important;
                visibility: hidden !important;
                pointer-events: none !important;
            }

            .page-product-detail .ps-tabs-section {
                margin-top: 8px;
                padding: 8px 0 16px;
            }

            .page-product-detail .ps-tabs-content {
                border-radius: 18px;
                border: 1px solid #eef2f7;
                box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
                padding: 14px 14px 16px;
            }

            .page-product-detail .ps-tab-btn {
                font-size: 11px;
                font-weight: 700;
                letter-spacing: -0.02em;
                padding: 7px 8px 7px 7px;
                border: 1px solid #e2e8f0;
                background: #fff;
                color: #475569;
            }

            .page-product-detail .ps-tab-btn.active {
                background: linear-gradient(135deg, #006eb7 0%, #005a9e 100%);
                color: #fff;
                border-color: transparent;
                box-shadow: 0 3px 10px rgba(0, 110, 183, 0.22);
            }

            /* CMS’den gelen dağınık renkleri sadeleştir */
            .page-product-detail .ps-description-content,
            .page-product-detail .ps-description-content p,
            .page-product-detail .ps-description-content span,
            .page-product-detail .ps-description-content font,
            .page-product-detail .ps-description-content li,
            .page-product-detail .ps-description-content td {
                color: #334155 !important;
            }

            .page-product-detail .ps-description-content span,
            .page-product-detail .ps-description-content font {
                background-color: transparent !important;
            }

            .page-product-detail .ps-description-content strong,
            .page-product-detail .ps-description-content b,
            .page-product-detail .ps-description-content th {
                color: #0f172a !important;
            }

            .page-product-detail .ps-description-content strong span,
            .page-product-detail .ps-description-content strong font,
            .page-product-detail .ps-description-content b span {
                color: inherit !important;
                font-size: inherit !important;
            }

            .page-product-detail .ps-description-content a {
                color: #0369a1 !important;
            }

            .page-product-detail .ps-description-content h1,
            .page-product-detail .ps-description-content h2,
            .page-product-detail .ps-description-content h3,
            .page-product-detail .ps-description-content h4 {
                color: #0f172a !important;
            }

            /* CMS sarmalayıcı span/font — başlık rengini ezmesin */
            .page-product-detail .ps-description-content h1 span,
            .page-product-detail .ps-description-content h2 span,
            .page-product-detail .ps-description-content h3 span,
            .page-product-detail .ps-description-content h4 span,
            .page-product-detail .ps-description-content h1 font,
            .page-product-detail .ps-description-content h2 font,
            .page-product-detail .ps-description-content h3 font,
            .page-product-detail .ps-description-content h4 font {
                color: inherit !important;
            }

            .page-product-detail .ps-tab-panel:not(#desc) table th,
            .page-product-detail .ps-tab-panel:not(#desc) table td {
                color: #334155 !important;
            }

            /* Ürün açıklaması — mobil: vw ile akışkan başlıklar, gövdeden net ayrım */
            .page-product-detail #desc .ps-description-content {
                font-size: 15px !important;
                line-height: 1.72 !important;
            }

            .page-product-detail #desc .ps-description-content h1 {
                font-size: clamp(1.68rem, 0.92rem + 4.8vw, 2.2rem) !important;
                font-weight: 700 !important;
                letter-spacing: -0.038em !important;
                line-height: 1.2 !important;
                margin: 0 0 0.55em !important;
            }

            .page-product-detail #desc .ps-description-content h2 {
                font-size: clamp(1.42rem, 0.85rem + 3.8vw, 1.85rem) !important;
                font-weight: 700 !important;
                letter-spacing: -0.034em !important;
                line-height: 1.22 !important;
                margin: 1.15em 0 0.45em !important;
            }

            .page-product-detail #desc .ps-description-content h3 {
                font-size: clamp(1.15rem, 0.78rem + 2.4vw, 1.38rem) !important;
                font-weight: 700 !important;
                letter-spacing: -0.028em !important;
                line-height: 1.28 !important;
                margin: 1.05em 0 0.4em !important;
            }

            .page-product-detail #desc .ps-description-content h4 {
                font-size: clamp(1.05rem, 0.72rem + 1.6vw, 1.2rem) !important;
                font-weight: 600 !important;
                letter-spacing: -0.022em !important;
                line-height: 1.32 !important;
                margin: 0.95em 0 0.35em !important;
            }

            .page-product-detail #desc .ps-description-content h1:first-child,
            .page-product-detail #desc .ps-description-content h2:first-child,
            .page-product-detail #desc .ps-description-content h3:first-child,
            .page-product-detail #desc .ps-description-content h4:first-child {
                margin-top: 0 !important;
            }

            /* Mobil: <p><strong>başlık</strong></p> — gövdeden belirgin büyük */
            .page-product-detail #desc .ps-description-content p > strong:only-child,
            .page-product-detail #desc .ps-description-content p > b:only-child,
            .page-product-detail #desc .ps-description-content p > span:only-child > strong:only-child,
            .page-product-detail #desc .ps-description-content p > span:only-child > b:only-child {
                font-size: clamp(1.35rem, 0.72rem + 4.2vw, 1.82rem) !important;
                line-height: 1.2 !important;
                letter-spacing: -0.036em !important;
            }

            .page-product-detail #desc .ps-description-content p:first-of-type > strong:only-child,
            .page-product-detail #desc .ps-description-content p:first-of-type > b:only-child,
            .page-product-detail #desc .ps-description-content p:first-of-type > span:only-child > strong:only-child,
            .page-product-detail #desc .ps-description-content p:first-of-type > span:only-child > b:only-child {
                font-size: clamp(1.48rem, 0.78rem + 5vw, 2.05rem) !important;
                line-height: 1.18 !important;
                margin-bottom: 0.4em !important;
            }

            .page-product-detail #desc .ps-description-content p:first-of-type + p > strong:only-child,
            .page-product-detail #desc .ps-description-content p:first-of-type + p > b:only-child,
            .page-product-detail #desc .ps-description-content p:first-of-type + p > span:only-child > strong:only-child,
            .page-product-detail #desc .ps-description-content p:first-of-type + p > span:only-child > b:only-child {
                font-size: clamp(1.48rem, 0.78rem + 5vw, 2.05rem) !important;
                line-height: 1.18 !important;
                letter-spacing: -0.036em !important;
                margin-bottom: 0.4em !important;
            }

            .page-product-detail #desc .ps-description-content hr + p > strong:only-child,
            .page-product-detail #desc .ps-description-content hr + p > b:only-child,
            .page-product-detail #desc .ps-description-content hr + p > span:only-child > strong:only-child,
            .page-product-detail #desc .ps-description-content hr + p > span:only-child > b:only-child {
                font-size: clamp(1.28rem, 0.68rem + 3.6vw, 1.68rem) !important;
            }

            .page-product-detail #desc .ps-description-content p:has(> strong:only-child),
            .page-product-detail #desc .ps-description-content p:has(> b:only-child),
            .page-product-detail #desc .ps-description-content p:has(> span:only-child > strong:only-child),
            .page-product-detail #desc .ps-description-content p:has(> span:only-child > b:only-child) {
                margin-top: 1.1em !important;
                margin-bottom: 0.7rem !important;
            }

            .page-product-detail #desc .ps-description-content p:first-of-type:has(> strong:only-child),
            .page-product-detail #desc .ps-description-content p:first-of-type:has(> b:only-child),
            .page-product-detail #desc .ps-description-content p:first-of-type:has(> span:only-child > strong:only-child),
            .page-product-detail #desc .ps-description-content p:first-of-type:has(> span:only-child > b:only-child) {
                margin-top: 0 !important;
            }

            .page-product-detail #desc .ps-description-content p > strong:only-child span,
            .page-product-detail #desc .ps-description-content p > span:only-child > strong:only-child span,
            .page-product-detail #desc .ps-description-content p > strong:only-child font,
            .page-product-detail #desc .ps-description-content p > span:only-child > strong:only-child font {
                color: inherit !important;
                font-size: inherit !important;
            }

            /* Benzer ürünler — eşit yükseklik */
            .page-product-detail .ps-related-section .modern-scroll-wrapper {
                align-items: stretch !important;
            }

            .page-product-detail .ps-related-section .modern-scroll-wrapper > li {
                display: flex !important;
                flex-direction: column !important;
                align-self: stretch !important;
                height: auto !important;
            }

            .page-product-detail .ps-related-section .ps-product-item {
                flex: 1 1 auto !important;
                display: flex !important;
                flex-direction: column !important;
                min-height: 100% !important;
                height: 100% !important;
            }

            .page-product-detail .ps-related-section .product-container {
                flex: 1 1 auto !important;
                display: flex !important;
                flex-direction: column !important;
                height: 100% !important;
            }

            .page-product-detail .ps-related-section .right-block {
                flex: 1 !important;
            }

            .page-product-detail .ps-related-section .product-name,
            .page-product-detail .ps-related-section .product-name a,
            .page-product-detail .ps-related-section .left-block .product-name-overlay .product-name {
                display: -webkit-box !important;
                -webkit-line-clamp: 3 !important;
                -webkit-box-orient: vertical !important;
                overflow: hidden !important;
                min-height: 4.05em !important;
                line-height: 1.35 !important;
            }

            .page-product-detail .modern-related-products {
                margin-top: 0;
                padding: 0 14px 4px;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern {
                padding: 0 8px 0 !important;
            }

            .page-product-detail .modern-related-products .section-container {
                border-radius: 22px;
                border: 1px solid #eef2f7;
                box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05);
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .section-container {
                border-radius: 20px !important;
                border: 1px solid rgba(226, 232, 240, 0.95) !important;
                box-shadow: 0 12px 40px rgba(15, 23, 42, 0.07), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
                overflow: hidden !important;
            }

            .page-product-detail .modern-related-products .section-header {
                padding: 16px 14px 10px;
                background: #fafafa;
                border-bottom: 1px solid #f1f5f9;
                text-align: left !important;
            }

            .page-product-detail .modern-related-products .section-title {
                font-size: 1.05rem;
                font-weight: 700;
                color: #0f172a;
                letter-spacing: -0.02em;
                justify-content: flex-start !important;
            }

            .page-product-detail .related-products-carousel {
                padding: 16px 12px 20px;
            }

            /* Mobil: iki sütun grid — okunaklı kartlar, sola hizalı */
            .page-product-detail .modern-related-products .related-products-carousel .products-scroll-wrapper {
                overflow-x: visible !important;
            }

            .page-product-detail .modern-related-products .related-products-carousel .products-scroll-wrapper > ul,
            .page-product-detail .modern-related-products .related-products-carousel .products-carousel-track {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 12px !important;
                width: 100% !important;
                min-height: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
                flex-wrap: unset !important;
                align-items: stretch !important;
            }

            .page-product-detail .modern-related-products .related-products-carousel .ps-product-item {
                flex: none !important;
                width: 100% !important;
                max-width: none !important;
                min-width: 0 !important;
                border-radius: 18px !important;
                border-color: #eef2f7 !important;
                box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
            }

            .page-product-detail .modern-related-products .related-products-carousel .owl-dots,
            .page-product-detail .modern-related-products .related-products-carousel .owl-nav {
                display: none !important;
            }

            /* Eski UrunDetayInnerBlock (owl-carousel) yüklüyse: mobilde 3 dar sütun yerine 2 kolon */
            body.page-product-detail.pd-mobile .modern-related-products .product-carousel.owl-carousel .owl-stage-outer {
                overflow: visible !important;
            }

            body.page-product-detail.pd-mobile .modern-related-products .product-carousel.owl-carousel .owl-stage {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
                width: 100% !important;
                transform: none !important;
                margin: 0 !important;
                padding: 0 !important;
                left: auto !important;
            }

            body.page-product-detail.pd-mobile .modern-related-products .product-carousel.owl-carousel .owl-item {
                width: 100% !important;
                max-width: none !important;
                min-width: 0 !important;
                margin: 0 !important;
            }

            /* Eski şablon: {%BENZER_URUN_LIST%} boş kaldıysa tüm benzer bloğunu gizle */
            body.page-product-detail.pd-mobile .ps-related-section:has(.modern-scroll-wrapper:not(:has(> li))) {
                display: none !important;
            }

            .page-product-detail .related-products-carousel .right-block {
                min-height: 0;
            }

            .page-product-detail .related-products-carousel .product-name {
                min-height: 2.8em;
                -webkit-line-clamp: 2;
            }

            /* İlginizi çekebilir — mobilde alt boşluk minimum */
            body.page-product-detail.pd-mobile .modern-related-products.pd-ilgili-modern {
                padding: 0 8px 0 !important;
                margin: 0 auto 0 !important;
            }

            body.page-product-detail.pd-mobile .modern-related-products.pd-ilgili-modern .section-container {
                padding-bottom: 0 !important;
                margin-bottom: 0 !important;
            }

            body.page-product-detail.pd-mobile .modern-related-products.pd-ilgili-modern .section-header.pd-ilgili-header,
            body.page-product-detail.pd-mobile .modern-related-products.pd-ilgili-modern .section-header {
                padding: 10px 12px 6px !important;
                margin-bottom: 0 !important;
            }

            body.page-product-detail.pd-mobile .modern-related-products.pd-ilgili-modern .section-title {
                margin-bottom: 0 !important;
            }

            /* Masaüstü gradient süsleri mobilde şerit yüksekliğini şişirmesin */
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip::before,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip::after {
                display: none !important;
                content: none !important;
            }

            /* İlginizi çekebilir — yatay kaydırma, ekranda ~2 kart; görseller kök yolu /images/ */
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-inner {
                padding: 2px 0 0 !important;
                margin-bottom: 0 !important;
                overflow: visible !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }

            /* Oklar şerit üzerinde — kartlar tam genişlik (ultra geniş ikili) */
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-carousel--overlay {
                position: relative !important;
                display: block !important;
                width: 100% !important;
                box-sizing: border-box !important;
                padding: 0 8px 0 !important;
                margin-bottom: 0 !important;
                min-height: 0 !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav {
                position: absolute !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                z-index: 5 !important;
                width: 34px !important;
                height: 34px !important;
                flex: none !important;
                padding: 0 !important;
                margin: 0 !important;
                border: 1px solid rgba(226, 232, 240, 0.95) !important;
                border-radius: 50% !important;
                background: rgba(255, 255, 255, 0.92) !important;
                backdrop-filter: blur(8px) !important;
                -webkit-backdrop-filter: blur(8px) !important;
                color: #0f172a !important;
                box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12) !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                cursor: pointer !important;
                transition: background 0.2s, box-shadow 0.2s, opacity 0.2s !important;
                -webkit-tap-highlight-color: transparent !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav--prev {
                left: 4px !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav--next {
                right: 4px !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav i {
                font-size: 18px !important;
                line-height: 1 !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav:hover:not(:disabled) {
                background: #fff !important;
                box-shadow: 0 6px 20px rgba(15, 23, 42, 0.14) !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav:disabled {
                opacity: 0.3 !important;
                cursor: default !important;
                pointer-events: none !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip {
                margin: 0 !important;
                padding: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                overflow: hidden !important;
                box-sizing: border-box !important;
                touch-action: pan-x pan-y !important;
            }

            /* generateTableBox ara div koyabilir — > ul değil, içteki ul (yan yana + yatay kaydırma) */
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip ul.urunler,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip ul.product-list,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip > ul,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-inner > ul,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-inner ul.urunler,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-inner ul.product-list {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                align-items: stretch !important;
                gap: 8px !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                margin: 0 !important;
                padding: 6px 6px 0 !important;
                list-style: none !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch !important;
                scroll-snap-type: x mandatory !important;
                scroll-padding-inline: 0 !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip ul::-webkit-scrollbar,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-inner ul::-webkit-scrollbar {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }

            /* İkili: şerit %100, kartlar maksimum geniş (gap 8px → yarı yarıya) */
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip ul.urunler > li.ps-product-item,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip ul > li.ps-product-item,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-scroll-strip .ps-product-item,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-inner .ps-product-item {
                flex: 0 0 calc(50% - 4px) !important;
                min-width: calc(50% - 4px) !important;
                max-width: calc(50% - 4px) !important;
                width: calc(50% - 4px) !important;
                scroll-snap-align: start !important;
                margin: 0 !important;
                box-sizing: border-box !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .left-block {
                position: relative !important;
                min-height: 0 !important;
                height: 0 !important;
                padding-top: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                margin: 0 !important;
                overflow: hidden !important;
                border-radius: 0 !important;
                background: #ffffff !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .img-container,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .left-block .imgLink {
                display: block !important;
                position: absolute !important;
                left: 0 !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                width: 100% !important;
                height: 100% !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-product-img,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .img-container img,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .product-container .left-block img {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
                object-position: center !important;
                padding: 0 !important;
                margin: 0 !important;
                border: none !important;
                background: transparent !important;
                transform: none !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .img-container {
                overflow: hidden !important;
                border-radius: 0 !important;
                background: #f1f5f9 !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .pd-ilgili-img-shell.loaded {
                background: #ffffff !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .product-container {
                border-radius: 18px !important;
                overflow: hidden !important;
                border: 1px solid rgba(226, 232, 240, 0.85) !important;
                box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
                height: 100% !important;
                background: #ffffff !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .product-container .right-block {
                padding: 8px 8px 6px !important;
                background: #ffffff !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .product-container .product-name {
                margin: 0 0 6px 0 !important;
            }

            body.page-product-detail.pd-mobile .pd-ilgili-modern .product-name,
            body.page-product-detail.pd-mobile .pd-ilgili-modern .product-name a {
                font-size: 13px !important;
                line-height: 1.35 !important;
                -webkit-line-clamp: 3 !important;
                text-align: left !important;
            }

            /* Thumbnails (genel) — ürün detay mobil */
            .ps-action-buttons {
                gap: 10px;
            }

            .ps-thumbnails-horizontal {
                padding: 0 10px;
            }

            .ps-thumbnails-horizontal ul {
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                scroll-snap-type: x mandatory;
            }

            .ps-thumbnails-horizontal li {
                flex: 0 0 80px;
                width: 80px;
                height: 80px;
            }
        }

        .ps-related-grid .ps-product-item {
            flex: 0 0 calc(20% - 16px);
            max-width: calc(20% - 16px);
        }

        @media (max-width: 1200px) {
            .ps-related-grid .ps-product-item {
                flex: 0 0 calc(25% - 15px);
                max-width: calc(25% - 15px);
            }
        }

        @media (max-width: 992px) {
            .ps-related-grid .ps-product-item {
                flex: 0 0 calc(33.33% - 14px);
                max-width: calc(33.33% - 14px);
            }
        }

        @media (max-width: 768px) {
            .ps-related-grid .ps-product-item {
                flex: 0 0 calc(50% - 10px);
                max-width: calc(50% - 10px);
            }
        }

        .product-detail-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            max-width: 1300px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* --- LEFT COLUMN: GALLERY --- */
        .product-gallery-section {
            flex: 0 0 52%;
            max-width: 52%;
            position: sticky;
            top: 20px;
        }

        .main-image-container {
            background: #fff;
            border: 1px solid #f0f0f0;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 15px;
            text-align: center;
            /* Removed large fixed min-height to reduce gaps */
            min-height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);
        }

        .main-img-wrapper img {
            max-width: 100%;
            /* Limit height to prevent taking over screen, but allow auto scale */
            max-height: 500px;
            height: auto;
            object-fit: contain;
        }

        .image-thumbnails {
            display: flex;
            gap: 12px;
            overflow-x: auto;
            padding: 10px 5px;
            justify-content: flex-start;
            background: #fff;
            border-radius: 10px;
            border: 1px solid #f0f0f0;
        }

        /* Eski sol sütun (.product-gallery-section) — modern ps-thumbnails-horizontal ile çakışmasın */
        .product-gallery-section #urunResimListContainer {
            width: 100%;
        }

        .product-gallery-section #urunResimListContainer ul {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            list-style: none;
            padding: 0;
            margin: 0;
            justify-content: center;
        }

        .product-gallery-section #urunResimListContainer li {
            flex: 0 0 80px;
            width: 80px;
            min-width: 80px;
            max-width: 80px;
            height: 80px;
            aspect-ratio: 1 / 1;
            border: 2px solid #e8e8e8;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            transition: border-color 0.25s ease, box-shadow 0.25s ease;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        .product-gallery-section #urunResimListContainer li:hover {
            border-color: #006eb7;
            box-shadow: 0 6px 15px rgba(0, 110, 183, 0.15);
            transform: none;
        }

        .product-gallery-section #urunResimListContainer li.active {
            border-color: #006eb7;
            border-width: 3px;
            box-shadow: 0 4px 12px rgba(0, 110, 183, 0.2);
        }

        .product-gallery-section #urunResimListContainer li a {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
            padding: 0;
            box-sizing: border-box;
        }

        .product-gallery-section #urunResimListContainer li img {
            width: 100%;
            height: 100%;
            max-width: none;
            max-height: none;
            object-fit: cover;
            object-position: center;
            padding: 0;
            border-radius: 0;
        }

        /* Video thumbnail style */
        .product-gallery-section #urunResimListContainer li a i.fa-play {
            font-size: 24px;
            color: #ff0000;
            background: rgba(255, 255, 255, 0.9);
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

        .image-thumbnails a {
            flex: 0 0 80px;
            height: 80px;
            border: 2px solid #eee;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.25s ease;
            background: #fff;
        }

        .image-thumbnails a:hover,
        .image-thumbnails a.active {
            border-color: #006eb7;
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(0, 110, 183, 0.15);
        }

        .image-thumbnails img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 5px;
        }

        /* --- RIGHT COLUMN: INFO --- */
        .product-info-section {
            flex: 1;
            padding-left: 15px;
        }

        .product-title {
            font-size: 26px;
            /* Optimized sizing */
            font-weight: 800;
            color: #111;
            line-height: 1.3;
            margin-bottom: 15px;
            letter-spacing: -0.3px;
        }

        /* ... (Meta info remains same) ... */

        /* Price Section Tweak */
        .current-price {
            font-size: 38px;
            font-weight: 900;
            color: #006eb7;
            letter-spacing: -1.5px;
            line-height: 1;
            text-shadow: 0 2px 10px rgba(0, 110, 183, 0.1);
        }

        /* Description Content Fix */
        .product-description.full-content {
            font-size: 15px;
            line-height: 1.8;
            color: #444;
        }

        .product-description img {
            max-width: 100% !important;
            height: auto !important;
            border-radius: 8px;
            margin: 20px 0;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        }

        /* Responsive Tweak for Mobile */
        @media (max-width: 768px) {
            .modern-product-detail {
                padding: 10px 0;
            }

            .product-detail-grid {
                gap: 20px;
                padding: 0 10px;
            }

            .product-title {
                font-size: 22px;
            }

            .current-price {
                font-size: 32px;
            }

            .add-to-cart-button .action {
                font-size: 16px;
            }
        }

        .product-meta-info {
            font-size: 14px;
            color: #666;
            margin-bottom: 25px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
            display: flex;
            gap: 20px;
        }

        /* Price Stylings */
        .price-section {
            margin-bottom: 25px;
        }

        .current-price {
            font-size: 36px;
            font-weight: 900;
            color: #006eb7;
            letter-spacing: -1px;
            line-height: 1;
        }

        .price-extras {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 8px;
        }

        .old-price {
            font-size: 18px;
            color: #999;
            text-decoration: line-through;
            font-weight: 500;
        }

        .discount-badge {
            background: #ffecf0;
            color: #e61e4d;
            font-weight: 700;
            font-size: 13px;
            padding: 4px 10px;
            border-radius: 20px;
        }

        .installment-text {
            font-size: 13px;
            color: #555;
            margin-top: 10px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        /* Info Grid (Stock, Shipping) */
        .info-box-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin-bottom: 25px;
            background: #f8f9fa;
            padding: 20px;
            border-radius: 12px;
            border: 1px solid #eee;
        }

        .info-item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        .info-item .icon-wrap {
            color: #006eb7;
            font-size: 20px;
            background: #eef6fa;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

        .info-item .text-wrap {
            display: flex;
            flex-direction: column;
        }

        .info-item strong {
            font-size: 13px;
            color: #222;
        }

        .info-item span {
            font-size: 13px;
            color: #666;
        }

        /* Action Buttons */
        .action-buttons-container {
            background: #fff;
            padding: 20px 0;
            border-top: 1px solid #f0f0f0;
            margin-top: 20px;
        }

        .quantity-wrapper {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 15px;
        }

        .quantity-wrapper .qty-label {
            font-weight: 600;
        }

        .quantity-wrapper input {
            width: 60px !important;
            height: 45px !important;
            border: 2px solid #ddd;
            border-radius: 8px;
            text-align: center;
            font-weight: 700;
        }

        .main-actions {
            display: flex;
            gap: 15px;
        }

        .add-to-cart-button {
            flex: 2;
            background: linear-gradient(135deg, #006eb7 0%, #005a96 100%);
            color: #fff;
            border: none;
            border-radius: 10px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 8px 20px rgba(0, 110, 183, 0.25);
            transition: transform 0.2s;
        }

        .add-to-cart-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(0, 110, 183, 0.35);
        }

        .add-to-cart-button .btn-content {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .add-to-cart-button i {
            font-size: 24px;
        }

        .add-to-cart-button .btn-text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            line-height: 1.2;
        }

        .add-to-cart-button .action {
            font-size: 18px;
            font-weight: 700;
        }

        .add-to-cart-button .sub {
            font-size: 11px;
            opacity: 0.9;
        }

        .buy-now-button {
            flex: 1;
            background: #fff;
            border: 2px solid #006eb7;
            color: #006eb7;
            border-radius: 10px;
            font-weight: 700;
            font-size: 16px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all 0.2s;
        }

        .buy-now-button:hover {
            background: #f0f8ff;
        }

        .fav-button {
            width: 60px;
            border: 2px solid #eee;
            background: #fff;
            border-radius: 10px;
            color: #999;
            font-size: 22px;
            cursor: pointer;
            transition: all 0.2s;
        }

        .fav-button:hover {
            color: #e61e4d;
            border-color: #ffecf0;
            background: #fff0f3;
        }

        .trust-badges {
            display: flex;
            gap: 20px;
            margin-top: 20px;
            padding-top: 20px;
        }

        .badge-item {
            font-size: 12px;
            color: #666;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .badge-item i {
            color: #2ecc71;
        }

        /* --- TABS --- */
        .modern-product-tabs {
            background: #fff;
            margin-top: 60px;
        }

        .tabs-header-wrapper {
            border-bottom: 2px solid #f0f0f0;
            background: #fff;
        }

        .tabs-container {
            max-width: 1300px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .tab-navigation {
            display: flex;
            gap: 40px;
        }

        .tab-button {
            background: transparent;
            border: none;
            padding: 20px 0;
            font-size: 16px;
            font-weight: 600;
            color: #777;
            cursor: pointer;
            position: relative;
            transition: color 0.2s;
        }

        .tab-button::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 3px;
            background: #006eb7;
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }

        .tab-button.active {
            color: #006eb7;
        }

        .tab-button.active::after {
            transform: scaleX(1);
        }

        /* Responsive */
        @media (max-width: 991px) {

            .product-gallery-section,
            .product-info-section {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .info-box-grid {
                grid-template-columns: 1fr;
            }

            .main-actions {
                flex-wrap: wrap;
            }

            .add-to-cart-button {
                width: 100%;
                flex: auto;
            }
        }

        .product-description.full-content {
            font-size: 15px;
            line-height: 1.7;
            color: #444;
        }

        .product-description img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            margin: 15px 0;
        }

        .flash-products .right-block {
            padding: 8px !important;
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        .flash-products .product-name {
            font-size: 13px !important;
            font-weight: 600 !important;
            line-height: 1.3 !important;
            height: auto !important;
            min-height: 28px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .flash-products .content_price {
            margin: auto 0 4px 0 !important;
        }

        .flash-products .price.old-price {
            font-size: 11px !important;
            color: var(--color-gray-400);
        }

        .flash-products .price.product-price {
            font-size: 16px !important;
            font-weight: 700 !important;
            color: var(--color-danger);
        }

        .flash-products .add-to-cart-btn {
            padding: 6px 10px !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            border-radius: 8px !important;
            background: var(--color-danger) !important;
            border: none !important;
            color: white !important;
            transition: all 0.3s ease !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px;
        }

        .flash-products .add-to-cart-btn:hover {
            background: #e6332a !important;
            transform: translateY(-1px) !important;
        }

        /* ========== UNIFIED PRODUCT CONTAINER STYLES ========== */
        .product-grid-5 .product-container,
        .product-carousel .product-container,
        .flash-products .product-container,
        .new-products .product-container {
            height: 100% !important;
            border: 3px solid var(--color-gray-200) !important;
            border-radius: 16px !important;
            transition: all 0.3s ease !important;
            background: var(--color-white) !important;
            display: flex !important;
            flex-direction: column !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
        }

        .product-grid-5 .product-container:hover,
        .product-carousel .product-container:hover,
        .flash-products .product-container:hover,
        .new-products .product-container:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
        }

        .flash-products .product-container:hover {
            border-color: var(--color-danger) !important;
            box-shadow: 0 12px 30px rgba(255, 59, 48, 0.25) !important;
        }

        .new-products .product-container:hover {
            border-color: #f97316 !important;
            /* Orange 500 */
            box-shadow: 0 12px 30px rgba(249, 115, 22, 0.25) !important;
            transform: none !important;
            /* Prevent movement */
        }

        /* Recommended Products Hover (Blue) */
        .product-grid-5 .product-container:hover {
            border-color: var(--color-accent) !important;
            box-shadow: 0 12px 30px rgba(0, 113, 227, 0.25) !important;
            background: rgba(0, 113, 227, 0.04) !important;
            /* Transparent Light Blue */
        }

        /* Add color variations for different sections */
        .section:nth-child(odd) .product-container:hover {
            border-color: var(--color-success) !important;
            box-shadow: 0 8px 25px rgba(52, 199, 89, 0.15) !important;
        }

        .section:nth-child(even) .product-container:hover {
            border-color: var(--color-accent) !important;
            box-shadow: 0 8px 25px rgba(0, 113, 227, 0.15) !important;
        }

        /* ========== UNIFIED PRODUCT STYLES ========== */
        .product-grid-5 .left-block,
        .product-carousel .left-block,
        .flash-products .left-block,
        .new-products .left-block,
        .kesfet-products .left-block,
        .recommended-products .left-block {
            aspect-ratio: 1 / 1 !important;
            border-radius: 10px 10px 0 0 !important;
            overflow: hidden !important;
        }



        .product-grid-5 .left-block img,
        .product-carousel .left-block img,
        .flash-products .left-block img,
        .new-products .left-block img,
        .kesfet-products .left-block img,
        .recommended-products .left-block img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important; /* Görseli tam kapla */
            object-position: center center !important;
            padding: 0 !important;
            margin: 0 !important;
            transition: transform 0.3s ease !important;
        }

        .product-grid-5 .product-container:hover .left-block img,
        .product-carousel .product-container:hover .left-block img,
        .flash-products .product-container:hover .left-block img,
        .new-products .product-container:hover .left-block img,
        .kesfet-products .product-container:hover .left-block img,
        .recommended-products .product-container:hover .left-block img {
            /* Zoom effects removed - keeping only border effects */
        }

        .product-grid-5 .right-block,
        .product-carousel .right-block,
        .flash-products .right-block,
        .new-products .right-block,
        .kesfet-products .right-block,
        .recommended-products .right-block {
            padding: 8px !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 5px !important;
            flex: 1 !important;
        }

        .product-grid-5 .product-name,
        .product-carousel .product-name,
        .flash-products .product-name,
        .new-products .product-name,
        .kesfet-products .product-name,
        .recommended-products .product-name {
            font-size: 13px !important;
            font-weight: 600 !important;
            line-height: 1.3 !important;
            height: auto !important;
            min-height: 28px !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            margin-bottom: 3px !important;
            color: #333 !important;
        }

        .product-grid-5 .content_price,
        .product-carousel .content_price,
        .flash-products .content_price,
        .new-products .content_price,
        .kesfet-products .content_price,
        .recommended-products .content_price {
            margin: auto 0 4px 0 !important;
        }

        .product-grid-5 .price.old-price,
        .product-carousel .price.old-price,
        .flash-products .price.old-price,
        .new-products .price.old-price,
        .kesfet-products .price.old-price,
        .recommended-products .price.old-price {
            font-size: 11px !important;
            color: var(--color-gray-400) !important;
            text-decoration: line-through !important;
        }

        .product-grid-5 .price.product-price,
        .product-carousel .price.product-price,
        .flash-products .price.product-price,
        .new-products .price.product-price,
        .kesfet-products .price.product-price,
        .recommended-products .price.product-price {
            font-size: 16px !important;
            font-weight: 700 !important;
            color: var(--color-accent) !important;
        }

        /* ========== UNIVERSAL INSTANT THEME (PREVENTS FOUC) ========== */
        /* Forces all product items to have the desired theme immediately on load */
        .ps-product-item .product-container {
            border: 3px solid var(--color-gray-200) !important;
            border-radius: 16px !important;
            background: #fff !important;
            transition: all 0.3s ease !important;
            display: flex !important;
            flex-direction: column !important;
            position: relative;
        }

        /* Universal Hover Effect - Light Blue */
        .ps-product-item .product-container:hover {
            border-color: var(--color-accent) !important;
            box-shadow: 0 12px 30px rgba(0, 113, 227, 0.25) !important;
            background: rgba(0, 113, 227, 0.04) !important;
        }

        /* Universal Add to Cart Button - Modern Blue */
        .ps-product-item .add-to-cart-btn {
            padding: 6px 10px !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            border-radius: 8px !important;
            background: var(--color-accent) !important;
            border: none !important;
            color: white !important;
            width: 100% !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
            margin-top: 2px !important;
            height: auto !important;
            line-height: normal !important;
            opacity: 1 !important;
        }

        .ps-product-item .content_price,
        .modern-products-grid .content_price,
        .flash-products .content_price,
        .new-products .content_price,
        .recommended-products .content_price {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .ps-product-item .add-to-cart-btn:hover {
            background: #005a96 !important;
            transform: translateY(-2px);
        }

        /* Specific Overrides for Flash/New (Keep their colors) */
        .flash-products .product-container:hover {
            border-color: var(--color-danger) !important;
            background: rgba(255, 59, 48, 0.04) !important;
        }

        .flash-products .add-to-cart-btn {
            background: var(--color-danger) !important;
        }

        .flash-products .add-to-cart-btn:hover {
            background: #e6332a !important;
        }

        .new-products .product-container:hover {
            border-color: #f97316 !important;
        }

        .new-products .add-to-cart-btn {
            background: #f97316 !important;
        }
        }

        /* ========== PRODUCT DETAIL COMPACT CONTENT ========== */
        .compact-content .description-preview {
            max-height: 200px;
            overflow: hidden;
            position: relative;
            transition: max-height 0.3s ease;
        }

        .compact-content.expanded .description-preview {
            max-height: none;
        }

        .compact-content .description-preview::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60px;
            background: linear-gradient(transparent, var(--color-white));
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .compact-content.expanded .description-preview::after {
            opacity: 0;
        }

        .expand-content-btn {
            background: var(--color-primary);
            color: var(--color-white);
            border: none;
            padding: 12px 20px;
            border-radius: var(--radius-lg);
            font-weight: 600;
            margin-top: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
            width: 100%;
            justify-content: center;
        }

        .expand-content-btn:hover {
            background: var(--color-primary-dark);
            transform: translateY(-1px);
        }

        .expand-content-btn .expand-icon {
            transition: transform 0.3s ease;
        }

        .compact-content.expanded .expand-content-btn .expand-icon {
            transform: rotate(180deg);
        }

        /* ========== CATEGORY PAGE MODERN GRID ========== */
        .category-products-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
            gap: 24px !important;
            margin: 20px 0 !important;
        }

        @media (max-width: 768px) {
            .category-products-grid {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
                gap: 24px !important;
            }
        }

        @media (max-width: 480px) {
            .category-products-grid {
                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
                gap: 12px !important;
            }
        }

        /* Category page override product grid CSS */
        .category-page .product-grid,
        .category-content .product-grid,
        body.category .product-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
            gap: 24px !important;
            margin: 20px 0 !important;
        }

        /* ========== FEATURES BAR ========== */
        .features-bar {
            background: var(--color-white);
            padding: 12px 0;
            border-top: none;
            border-bottom: none;
        }

        .features-bar .container {
            max-width: 1400px !important;
            width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-left: 14px !important;
            padding-right: 14px !important;
        }

        .features-wrap {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: clamp(14px, 2vw, 28px);
            align-items: center;
        }

        .feature {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .feature-icon {
            width: 38px;
            height: 38px;
            background: var(--color-gray-100);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-accent);
            font-size: 16px;
            flex-shrink: 0;
        }

        .feature-text h4 {
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 1px;
            color: var(--color-gray-900);
            line-height: 1.1;
        }

        .feature-text p {
            font-size: 11px;
            color: var(--color-gray-500);
            line-height: 1.15;
        }

        @media (max-width: 992px) {
            .features-bar .container {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            .features-wrap {
                grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
                gap: 14px;
            }
        }

        @media (max-width: 768px) {
            .features-bar {
                padding: 10px 0 6px;
            }

            .features-wrap {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px 12px;
            }

            .features-wrap .feature:nth-child(2) {
                display: none !important;
            }

            .features-wrap .feature {
                align-items: flex-start;
            }

            .feature-icon {
                width: 42px;
                height: 42px;
                font-size: 18px;
            }

            .feature-text h4 {
                font-size: 12px;
                margin: 0;
            }

            .feature-text p {
                font-size: 10px;
                margin: 1px 0 0;
            }
        }

        /* ========== PRODUCT GRID ========== */
        .product-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 16px;
        }

        @media (max-width: 1200px) {
            .product-grid {
                grid-template-columns: repeat(4, 1fr);
                gap: 14px;
            }
        }

        @media (max-width: 992px) {
            .product-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 12px;
            }
        }

        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
        }

        /* ========== PRODUCT CARD - PROFESSIONAL STANDARD ========== */
        .product-container {
            background: var(--color-white);
            border-radius: var(--radius);
            border: 1px solid var(--color-gray-200);
            overflow: visible;
            transition: var(--transition);
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .product-container:hover {
            border-color: var(--color-accent);
            box-shadow: 0 8px 25px rgba(0, 113, 227, 0.15);
        }

        /* Image Block */
        .product-container .left-block {
            position: relative;
            aspect-ratio: 1 / 1; /* Kare görsel alanı */
            background: var(--color-gray-50);
            border-radius: var(--radius) var(--radius) 0 0;
            overflow: hidden;
        }

        .product-container .imgLink {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            padding: 0 !important;
        }

        .product-container .imgLink img {
            width: 100%;
            height: 100%;
            max-width: none !important;
            max-height: none !important;
            object-fit: cover;
            object-position: center center;
            display: block;
            transition: var(--transition);
        }

        .product-container:hover .imgLink img {
            /* Zoom effect removed - keeping only border effect */
        }

        /* Badges */
        .catalog-item-ribbons {
            position: absolute;
            top: 12px;
            left: 12px;
            z-index: 3;
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .ps-badge {
            display: inline-block;
            padding: 5px 10px;
            font-size: 10px;
            font-weight: 700;
            border-radius: 6px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: var(--shadow-sm);
        }

        .ps-badge-sale {
            background: var(--color-danger);
            color: var(--color-white);
        }

        .ps-badge-new {
            background: var(--color-success);
            color: var(--color-white);
        }

        .ps-badge-hot {
            background: var(--color-warning);
            color: var(--color-white);
        }

        /* Quick Actions */
        .product-container .buttons {
            position: absolute;
            top: 12px;
            right: 12px;
            z-index: 3;
            display: flex;
            flex-direction: column;
            gap: 8px;
            opacity: 0;
            transform: translateX(10px);
            transition: var(--transition);
        }

        .product-container:hover .buttons {
            opacity: 1;
            transform: translateX(0);
        }

        .product-container .buttons a {
            width: 36px;
            height: 36px;
            background: var(--color-white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-gray-600);
            box-shadow: var(--shadow);
            transition: var(--transition-fast);
        }

        .product-container .buttons a:hover {
            background: var(--color-danger);
            color: var(--color-white);
            transform: scale(1.1);
        }

        /* Product Info Block */
        .product-container .right-block {
            padding: 12px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            flex: 1;
        }

        .product-container .product-name {
            font-size: 13px;
            font-weight: 500;
            color: var(--color-gray-900);
            margin: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.3;
            min-height: 34px;
        }

        .product-container .product-name a {
            color: inherit;
            transition: var(--transition-fast);
        }

        .product-container .product-name a:hover {
            color: var(--color-accent);
        }

        /* Prices */
        .product-container .content_price {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .product-container .old-price {
            font-size: 12px;
            color: var(--color-gray-400);
            text-decoration: line-through;
        }

        .product-container .product-price {
            font-size: 16px;
            font-weight: 700;
            color: var(--color-gray-900);
            transition: var(--transition-fast);
        }

        .product-container:hover .product-price {
            color: var(--color-accent);
        }

        /* Add to Cart Button - ALWAYS IN RIGHT-BLOCK */
        .add-to-cart-btn {
            width: 100%;
            padding: 10px 12px;
            background: var(--color-primary);
            color: var(--color-white);
            border: none;
            border-radius: var(--radius-sm);
            font-size: 12px;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            transition: var(--transition);
            margin-top: auto;
        }

        .add-to-cart-btn:hover {
            background: var(--color-accent);
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        .add-to-cart-btn:active {
            transform: translateY(0);
        }

        .add-to-cart-btn i {
            font-size: 12px;
        }

        /* Mobile Optimizations */
        @media (max-width: 768px) {
            .product-container .right-block {
                padding: 10px;
                gap: 6px;
            }

            .product-container .product-name {
                font-size: 12px;
                min-height: 32px;
            }

            .product-container .product-price {
                font-size: 14px;
            }

            .product-container .old-price {
                font-size: 11px;
            }

            .add-to-cart-btn {
                padding: 8px 10px;
                font-size: 11px;
            }

            .product-container .buttons {
                opacity: 1;
                transform: translateX(0);
            }

            .product-container .buttons a {
                width: 30px;
                height: 30px;
                font-size: 13px;
            }
        }

        /* Tablet Optimizations */
        @media (min-width: 769px) and (max-width: 1024px) {
            .product-container .right-block {
                padding: 11px;
            }

            .product-container .product-name {
                font-size: 12px;
            }

            .product-container .product-price {
                font-size: 15px;
            }
        }

        /*
         * Masaüstü (tam ekran) — “Bu Ürünler de İlginizi Çekebilir”
         * pd-ilgili-modern varyantında ul/listeler varsayılan olarak dikey akabiliyor.
         * Bunu yatay, sağa-sola kaydırılabilir hale getiriyoruz.
         */
        @media (min-width: 769px) {
            /* Desktop: Marka adını ayrıca "Marka:" olarak göstermeyelim (başlık içinde marka zaten var) */
            .page-product-detail .ps-meta-row .ps-brand {
                display: none !important;
            }

            /* Desktop: Başlık 3+ satırda kesilmesin + alt çizgiyi kaldır */
            .page-product-detail .ps-title-section,
            .page-product-detail .ps-title-section--desktop {
                border-bottom: none !important;
                padding-bottom: 4px !important;
            }

            .page-product-detail .ps-title-section--desktop .ps-product-title {
                max-height: none !important;
                overflow: visible !important;
                display: block !important;
                -webkit-line-clamp: unset !important;
                -webkit-box-orient: unset !important;
                white-space: normal !important;
                word-break: break-word !important;
            }

            /* Desktop: Marka + ürün adı aynı hizaya (punto farkı olmasın) */
            .page-product-detail .ps-title-section--desktop .ps-product-title .ps-title-brand {
                font-size: 1em !important;
                vertical-align: baseline !important;
            }

            /* Desktop: Başlık (Marka + Ürün adı) daha büyük ve modern */
            .page-product-detail .ps-title-section--desktop .ps-product-title {
                font-size: clamp(1.75rem, 1.35rem + 2vw, 2.45rem) !important;
                line-height: 1.15 !important;
                margin-bottom: 6px !important;
                letter-spacing: -0.03em !important;
                font-weight: 800 !important;
            }

            .page-product-detail .ps-title-section--desktop .ps-product-title .ps-title-brand {
                font-weight: 900 !important;
                letter-spacing: -0.04em !important;
            }

            /* Desktop: Ürün kodu label + değer aynı hizada, modern */
            .page-product-detail .ps-meta-row .ps-sku {
                display: flex !important;
                align-items: baseline !important;
                gap: 6px !important;
                flex-wrap: wrap !important;
                color: #64748b !important;
            }

            .page-product-detail .ps-meta-row .ps-sku__label,
            .page-product-detail .ps-meta-row .ps-sku__sep {
                white-space: nowrap !important;
                flex: 0 0 auto !important;
            }

            .page-product-detail .ps-meta-row .ps-sku__value {
                white-space: nowrap !important;
                flex: 0 0 auto !important;
            }

            /* Desktop: Fiyat kartını derli toplu hale getir */
            .page-product-detail .ps-price-section {
                display: grid !important;
                grid-template-columns: 1fr auto !important;
                align-items: center !important;
                gap: 14px !important;
                padding: 12px 20px 14px !important;
            }

            .page-product-detail .ps-price-main {
                display: grid !important;
                grid-template-columns: 1fr auto !important;
                grid-template-rows: auto auto !important;
                align-items: start !important;
                justify-items: start !important;
                gap: 2px 12px !important;
                padding-bottom: 0 !important;
            }

            .page-product-detail .ps-old-price {
                grid-column: 1 / 2 !important;
                grid-row: 1 !important;
                flex: none !important;
                order: 0 !important;
                font-size: 15px !important;
                line-height: 1.05 !important;
                margin: 0 !important;
                align-self: start !important;
            }

            .page-product-detail .ps-current-price {
                grid-column: 1 / 2 !important;
                grid-row: 2 !important;
                font-size: clamp(2.05rem, 3.5vw, 2.7rem) !important;
                line-height: 1.0 !important;
                margin-top: -1px !important;
            }

            .page-product-detail .ps-price-section .discount {
                grid-column: 2 / 3 !important;
                grid-row: 1 / span 2 !important;
                margin-bottom: 0 !important;
                align-self: center !important;
                justify-self: end !important;
            }

            .page-product-detail .ps-installment {
                margin: 0 !important;
                padding: 10px 12px !important;
                border-top: none !important;
                background: #ffffff !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 16px !important;
                box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
                align-self: center !important;
            }

            .page-product-detail .ps-installment i {
                width: 34px !important;
                height: 34px !important;
                font-size: 14px !important;
                border-radius: 10px !important;
                background: #f8fafc !important;
                border: 1px solid #eef2f7 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
                margin: 0 !important;
            }

            /* Tablet / dar laptop: fiyat satırı + taksit yan yana sıkışmasın (tam fiyat görünsün) */
            @media (max-width: 1199px) {
                .page-product-detail .ps-price-section,
                .ps-product-detail-page .ps-price-section {
                    display: flex !important;
                    flex-direction: column !important;
                    align-items: stretch !important;
                    gap: 12px !important;
                    padding: 14px 16px 16px !important;
                }

                .page-product-detail .ps-price-main,
                .ps-product-detail-page .ps-price-main {
                    width: 100% !important;
                    max-width: 100% !important;
                    min-width: 0 !important;
                    box-sizing: border-box !important;
                }

                .page-product-detail .ps-old-price,
                .ps-product-detail-page .ps-old-price {
                    min-width: 0 !important;
                }

                .page-product-detail .ps-current-price,
                .ps-product-detail-page .ps-current-price {
                    font-size: clamp(1.35rem, 2vw + 0.85rem, 2.15rem) !important;
                    line-height: 1.12 !important;
                    word-break: break-word !important;
                    overflow-wrap: anywhere !important;
                    min-width: 0 !important;
                }

                .page-product-detail .ps-price-section .discount,
                .ps-product-detail-page .ps-price-section .discount {
                    justify-self: end !important;
                    flex-shrink: 0 !important;
                }

                .page-product-detail .ps-installment,
                .ps-product-detail-page .ps-installment {
                    width: 100% !important;
                    max-width: none !important;
                    align-self: stretch !important;
                    box-sizing: border-box !important;
                }
            }

            /* Desktop: Adet + Sepete Ekle / Hemen Al / Favori — ultra premium kart */
            .page-product-detail .ps-cart-section {
                border: 1px solid #e2e8f0 !important;
                border-radius: 20px !important;
                background: #ffffff !important;
                box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 12px 40px rgba(15, 23, 42, 0.06) !important;
                padding: 14px 16px 16px !important;
            }

            .page-product-detail .ps-quantity {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 12px !important;
                margin: 0 0 12px !important;
                flex-wrap: wrap !important;
            }

            .page-product-detail .ps-quantity label {
                font-size: 13px !important;
                font-weight: 700 !important;
                color: #0f172a !important;
                margin: 0 !important;
            }

            .page-product-detail .ps-quantity select,
            .page-product-detail .ps-quantity input,
            .page-product-detail .ps-quantity .form-control {
                height: 44px !important;
                min-height: 44px !important;
                padding: 10px 12px !important;
                border-radius: 14px !important;
                border: 1px solid #cbd5e1 !important;
                background: #ffffff !important;
                font-size: 15px !important;
                font-weight: 600 !important;
                color: #0f172a !important;
            }

            .page-product-detail .ps-action-buttons {
                display: grid !important;
                grid-template-columns: 1fr 1fr 52px !important;
                gap: 12px !important;
                align-items: stretch !important;
            }

            .page-product-detail .ps-btn-cart,
            .page-product-detail .ps-btn-buy,
            .page-product-detail .ps-btn-fav {
                min-height: 52px !important;
                border-radius: 16px !important;
                box-shadow: none !important;
                transform: none !important;
            }

            .page-product-detail .ps-btn-cart,
            .page-product-detail .ps-btn-buy {
                width: 100% !important;
                justify-content: center !important;
                font-size: 15px !important;
                font-weight: 800 !important;
                letter-spacing: -0.01em !important;
            }

            .page-product-detail .ps-btn-cart i,
            .page-product-detail .ps-btn-buy i {
                font-size: 16px !important;
            }

            .page-product-detail .ps-btn-fav {
                width: 52px !important;
                height: 52px !important;
                border: 1px solid #e2e8f0 !important;
                background: #ffffff !important;
                color: #0f172a !important;
            }

            .page-product-detail .ps-btn-fav i {
                font-size: 16px !important;
                line-height: 1 !important;
            }

            .page-product-detail .ps-btn-fav:hover {
                border-color: rgba(225, 29, 72, 0.4) !important;
                background: #fff1f2 !important;
                color: #e11d48 !important;
            }

            /* Ürün detay (tarayıcı): sekme şeridi üst boşluk minimum */
            .page-product-detail .ps-tabs-section {
                margin-top: 0 !important;
                padding: 6px 0 28px !important;
                border-top: 1px solid #eef2f7;
                background: linear-gradient(180deg, #fafbfc 0%, #fff 18%) !important;
            }

            .page-product-detail .ps-tabs-section .ps-container {
                padding-top: 0 !important;
            }

            .page-product-detail .ps-related-section {
                padding: 36px 0 12px !important;
            }

            /* Sekme satırı: sol sekmeler, sağda güven rozetleri */
            .page-product-detail .ps-tabs-toolbar {
                display: flex !important;
                flex-wrap: nowrap !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 10px 14px !important;
                margin-bottom: 10px !important;
                margin-top: 0 !important;
                padding-top: 0 !important;
            }

            .page-product-detail .ps-tabs-toolbar .ps-tabs-nav {
                flex: 1 1 auto !important;
                min-width: 0 !important;
                margin-bottom: 0 !important;
                padding: 4px 4px 6px !important;
            }

            .page-product-detail .ps-trust-section.ps-trust-section--tabs-inline {
                flex: 0 0 auto !important;
                display: flex !important;
                flex-wrap: nowrap !important;
                justify-content: flex-end !important;
                align-items: center !important;
                gap: 6px !important;
                max-width: none !important;
                padding: 2px 0 2px 10px !important;
                margin: 0 !important;
                margin-left: auto !important;
                background: transparent !important;
                border: none !important;
                box-shadow: none !important;
            }

            .page-product-detail .ps-trust-section--tabs-inline .ps-trust-item {
                flex: 0 0 auto !important;
                padding: 6px 10px !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                white-space: nowrap !important;
            }

            /* “İlginizi Çekebilir”: üst .ps-container ile aynı yatay kutu (1400 / %96 / 16px) */
            .page-product-detail .modern-related-products.pd-ilgili-modern {
                max-width: 1400px !important;
                width: 96% !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding: 28px 0 20px !important;
                box-sizing: border-box !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .section-container {
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .section-header.pd-ilgili-header,
            .page-product-detail .modern-related-products.pd-ilgili-modern .section-header {
                padding: 18px 16px 12px !important;
                text-align: left !important;
                background: #fff !important;
                border-bottom: 1px solid #eef2f7 !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-inner {
                padding: 0 !important;
            }

            /* Desktop “İlginizi Çekebilir” şeridi: (eski .related-products-carousel sarmalayıcısı yoksa da çalışsın) */
            .page-product-detail .modern-related-products.pd-ilgili-modern .related-products-carousel {
                padding: 0 0 18px !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-carousel--overlay {
                overflow: visible !important;
                position: relative !important;
                padding: 0 44px !important;
                box-sizing: border-box !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip {
                overflow-x: auto !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
                scroll-snap-type: x mandatory !important;
                width: 100% !important;
                padding: 10px 0 18px !important;
                position: relative !important;
                touch-action: pan-x !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip::-webkit-scrollbar {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip ul.urunler,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip ul.product-list,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip ul.modern-scroll-wrapper,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip > ul,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-inner > ul,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-inner ul.modern-scroll-wrapper,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-inner ul.urunler,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-inner ul.product-list {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                align-items: stretch !important;
                gap: 14px !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip ul.urunler > li.ps-product-item,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip ul > li.ps-product-item,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip ul.modern-scroll-wrapper > li.ps-product-item,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip .ps-product-item,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-inner .ps-product-item {
                flex: 0 0 235px !important;
                min-width: 235px !important;
                max-width: 235px !important;
                box-sizing: border-box !important;
                scroll-snap-align: start !important;
            }

            /* Header ile hizayı korumak için sol/sağ padding’i şeride taşıyoruz */
            /* (zaten padding ile set edildi) */

            /* Modern kaydırma hissi: kenarlara hafif gradient */
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip::before,
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip::after {
                content: "";
                position: sticky !important;
                top: 0 !important;
                height: 100% !important;
                width: 56px !important;
                pointer-events: none !important;
                z-index: 2 !important;
                display: block !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip::before {
                left: 0 !important;
                background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-scroll-strip::after {
                right: 0 !important;
                background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important;
            }

            /* Okları masaüstünde de modern gösterecek şekilde geri aç */
            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav {
                display: flex !important;
                position: absolute !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                z-index: 5 !important;
                width: 38px !important;
                height: 38px !important;
                border-radius: 50% !important;
                border: 1px solid rgba(226, 232, 240, 0.95) !important;
                background: rgba(255, 255, 255, 0.92) !important;
                backdrop-filter: blur(10px) !important;
                -webkit-backdrop-filter: blur(10px) !important;
                box-shadow: 0 6px 22px rgba(15, 23, 42, 0.12) !important;
                align-items: center !important;
                justify-content: center !important;
                cursor: pointer !important;
                transition: background 0.2s, box-shadow 0.2s, opacity 0.2s !important;
                -webkit-tap-highlight-color: transparent !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav--prev {
                left: 6px !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav--next {
                right: 6px !important;
            }

            .page-product-detail .modern-related-products.pd-ilgili-modern .pd-ilgili-carousel--overlay .pd-ilgili-nav i {
                font-size: 18px !important;
                line-height: 1 !important;
            }
        }

        /* ========== PRODUCT CAROUSEL ========== */
        .product-carousel {
            position: relative;
            min-height: 300px;
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

        .product-carousel .owl-stage {
            display: flex;
            padding: 6px 0;
        }

        .product-carousel .owl-item {
            padding: 0 8px;
            display: block !important;
            visibility: visible !important;
        }

        .product-carousel .ps-product-item,
        .product-carousel li {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

        .product-carousel .owl-nav {
            position: absolute;
            top: 50%;
            left: -20px;
            right: -20px;
            transform: translateY(-50%);
            display: flex;
            justify-content: space-between;
            pointer-events: none;
        }

        .product-carousel .owl-nav button {
            width: 44px !important;
            height: 44px !important;
            background: var(--color-white) !important;
            border-radius: 50% !important;
            box-shadow: var(--shadow-lg) !important;
            pointer-events: all;
            color: var(--color-gray-900) !important;
            font-size: 18px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: var(--transition-fast) !important;
            border: 1px solid var(--color-gray-200) !important;
        }

        .product-carousel .owl-nav button:hover {
            background: var(--color-primary) !important;
            color: var(--color-white) !important;
            transform: scale(1.1) !important;
            border-color: var(--color-primary) !important;
        }

        /* Compact Carousel - 7-8 items per row */
        .product-carousel-compact .product-container {
            transform: scale(0.95);
        }

        .product-carousel-compact .owl-item {
            padding: 0 6px;
        }

        @media (max-width: 768px) {
            .product-carousel .owl-nav button {
                width: 36px !important;
                height: 36px !important;
                font-size: 16px !important;
            }

            .product-carousel-compact .product-container {
                transform: scale(1);
            }
        }

        /* ========== BANNER SECTIONS ========== */
        .banner-section {
            padding: 12px 0;
        }

        .banner-grid-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }

        .banner-grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }

        .banner-grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
        }

        .banner-full {
            width: 100%;
            border-radius: var(--radius);
            overflow: hidden;
        }

        .banner-item {
            position: relative;
            border-radius: var(--radius);
            overflow: hidden;
            background: var(--color-gray-100);
            transition: var(--transition);
        }

        .banner-item:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow-md);
        }

        .banner-item img {
            width: 100%;
            height: 120px;
            object-fit: cover;
            display: block;
            transition: var(--transition);
        }

        .banner-item:hover img {
            transform: scale(1.05);
        }

        .banner-link {
            display: block;
            position: relative;
        }

        .banner-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
            color: var(--color-white);
            padding: 16px;
            font-size: 14px;
            font-weight: 600;
        }

        @media (max-width: 992px) {
            .banner-grid-2 {
                grid-template-columns: 1fr;
            }

            .banner-grid-3 {
                grid-template-columns: repeat(2, 1fr);
            }

            .banner-grid-4 {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .banner-section {
                padding: 8px 0;
            }

            .banner-grid-2 {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .banner-grid-3 {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .banner-grid-4 {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .banner-title {
                font-size: 12px;
                padding: 12px;
            }
        }

        /* ========== BLOG LIST (Apple-style, minimal) ========== */
        .home-blog-section {
            padding: 28px 0 8px;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }

        .home-blog-head {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 18px;
        }

        .home-blog-head h2 {
            margin: 0;
            font-size: 28px;
            font-weight: 600;
            letter-spacing: -0.03em;
            color: #1d1d1f;
        }

        .home-blog-head a {
            font-size: 15px;
            font-weight: 400;
            color: #06c;
            text-decoration: none;
        }

        .home-blog-head a:hover {
            text-decoration: underline;
        }

        /* Blog: Keşfet / Flaş ile aynı modern-scroll yapısı */
        .home-blog-section .home-blog-scroll-wrap.modern-scroll-container {
            padding: 0 12px;
        }

        .home-blog-section ul.modern-scroll-wrapper.home-blog-scroll {
            gap: 14px;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            align-items: stretch !important;
        }

        .home-blog-section ul.modern-scroll-wrapper.home-blog-scroll > li {
            flex: 0 0 min(400px, 88vw) !important;
            width: min(400px, 88vw) !important;
            min-width: min(400px, 88vw) !important;
            scroll-snap-align: start;
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            align-self: stretch !important;
            min-height: 0;
        }

        /* Satırdaki tüm kartlar aynı yükseklikte; grid ile görsel sütun kart boyunu doldurur */
        .home-blog-section .home-blog-card {
            display: grid !important;
            grid-template-columns: 120px minmax(0, 1fr);
            align-items: stretch;
            align-content: stretch;
            column-gap: 14px;
            flex: 1 1 auto !important;
            width: 100% !important;
            min-height: 100% !important;
            height: 100% !important;
            box-sizing: border-box;
            padding: 12px 14px 12px 12px;
            background: #fff;
            border: 1px solid #e8e8ed;
            border-radius: 18px;
            overflow: hidden;
            text-decoration: none;
            color: inherit;
            transition: border-color 0.2s ease, box-shadow 0.25s ease;
        }

        .home-blog-section .home-blog-card:hover {
            border-color: #d2d2d7;
            box-shadow: 0 10px 32px rgba(0, 0, 0, 0.08);
        }

        .home-blog-section .home-blog-card-media {
            position: relative;
            width: 100%;
            min-width: 0;
            align-self: start;
            aspect-ratio: 1 / 1;
            height: auto;
            min-height: 0;
            border-radius: 16px;
            background: #f5f5f7;
            overflow: hidden;
            display: block;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
        }

        .home-blog-section .home-blog-card-media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
        }

        .home-blog-section .home-blog-card-body {
            flex: 1;
            min-width: 0;
            min-height: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 4px;
        }

        .home-blog-card-meta {
            margin: 0;
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #86868b;
        }

        .home-blog-card-title {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            line-height: 1.3;
            letter-spacing: -0.02em;
            color: #1d1d1f;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .home-blog-card-excerpt {
            margin: 0;
            font-size: 13px;
            line-height: 1.45;
            color: #6e6e73;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        @media (max-width: 768px) {
            .home-blog-head h2 {
                font-size: 22px;
            }

            .home-blog-section ul.modern-scroll-wrapper.home-blog-scroll > li {
                flex: 0 0 min(320px, 90vw) !important;
                width: min(320px, 90vw) !important;
                min-width: min(320px, 90vw) !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: stretch !important;
                align-self: stretch !important;
            }

            .home-blog-section .home-blog-card {
                grid-template-columns: 96px minmax(0, 1fr) !important;
                column-gap: 12px !important;
                padding: 10px 12px 10px 10px !important;
            }

            .home-blog-section .home-blog-card-media {
                aspect-ratio: 1 / 1 !important;
                border-radius: 14px !important;
            }

            .home-blog-card-title {
                font-size: 15px;
            }
        }

        /* ========== BLOG / MAKALE DETAY (görsel: max 600px, sola, oran korunur) ========== */
        .blog-article .article-image {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            border-radius: 12px;
            overflow: hidden;
            background: #ffffff;
            box-sizing: border-box;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .blog-article .article-image img,
        .blog-article .article-image img.lozad.loaded {
            display: block;
            max-width: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            vertical-align: top;
        }

        .blog-article .article-body img,
        .pageshowBlog .blog-article .article-body img,
        .PageBody .blog-article .article-body img {
            display: block !important;
            max-width: min(100%, 600px) !important;
            width: auto !important;
            height: auto !important;
            margin: 1.25rem auto !important;
            float: none !important;
            clear: both !important;
            border-radius: 10px;
            box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
            object-fit: contain;
        }

        .blog-article .article-body figure {
            max-width: 600px;
            margin: 1.25rem auto;
        }

        .blog-article .article-body figure img {
            margin: 0 !important;
        }

        /* Admin/HTML’den yapıştırılan vitrin kutuları (koyu zemin + altın çerçeve vb.) — makale okuma yüzeyinde nötr */
        .blog-article .article-body div:has(> img:first-child),
        .blog-article .article-body div:has(> img + div),
        .blog-article .article-body div:has(> picture:first-child),
        .blog-article .article-body section:has(> img:first-child),
        .blog-article .article-body section:has(> picture:first-child),
        .blog-article .article-body figure,
        .pageshowBlog .PageBody div:has(> img:first-child),
        .pageshowBlog .PageBody div:has(> img + div),
        .pageshowBlog .PageBody div:has(> picture:first-child),
        .makaleContent div:has(> img:first-child),
        .makaleContent div:has(> img + div),
        .makaleContent div:has(> picture:first-child) {
            background: #ffffff !important;
            background-color: #ffffff !important;
            background-image: none !important;
            border: none !important;
            border-width: 0 !important;
            border-color: transparent !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .blog-article .article-body a:has(> img:only-child) {
            background: transparent !important;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .blog-article .article-body table,
        .blog-article .article-body td:has(img),
        .blog-article .article-body th:has(img) {
            background: #ffffff !important;
            background-color: #ffffff !important;
            border-color: #e8e8ed !important;
        }

        /* CMS / vitrin HTML: ps-photo-wrap + ps-photo-frame — ortalı, arka plan görseli varsa cover */
        .blog-article .article-body .ps-photo-frame,
        .blog-article .article-body .ps-photo-wrap,
        .blog-article .article-body .ps-photo-frame.ps-photo-wrap,
        .PageBody .ps-photo-frame,
        .PageBody .ps-photo-wrap,
        .PageBody .ps-photo-frame.ps-photo-wrap,
        .makaleContent .ps-photo-frame,
        .makaleContent .ps-photo-wrap,
        .makaleContent .ps-photo-frame.ps-photo-wrap {
            display: block !important;
            width: fit-content !important;
            max-width: min(100%, 600px) !important;
            margin-left: auto !important;
            margin-right: auto !important;
            box-sizing: border-box !important;
            overflow: hidden;
            flex: 0 1 auto !important;
            min-width: 0 !important;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

        .blog-article .article-body .ps-photo-frame img,
        .blog-article .article-body .ps-photo-wrap img,
        .PageBody .ps-photo-frame img,
        .PageBody .ps-photo-wrap img,
        .makaleContent .ps-photo-frame img,
        .makaleContent .ps-photo-wrap img {
            display: block !important;
            max-width: 100% !important;
            width: auto !important;
            height: auto !important;
            float: none !important;
            clear: both !important;
            object-fit: contain !important;
            object-position: center !important;
            box-sizing: border-box !important;
        }

        .blog-article .article-body .ps-photo-frame .ps-photo-wrap,
        .PageBody .ps-photo-frame .ps-photo-wrap,
        .makaleContent .ps-photo-frame .ps-photo-wrap {
            width: auto !important;
            max-width: 100% !important;
            margin: 0 !important;
        }

        .blog-article .article-body .ps-photo-wrap > div:empty,
        .blog-article .article-body .ps-photo-frame > div:empty,
        .PageBody .ps-photo-wrap > div:empty,
        .PageBody .ps-photo-frame > div:empty,
        .makaleContent .ps-photo-wrap > div:empty,
        .makaleContent .ps-photo-frame > div:empty {
            display: none !important;
        }

        /*
         * .ps-article (gömülü vitrin HTML): .ps-photo-wrap full-bleed (-50vw) kart içinde sağa kayar.
         * Breakout'u sıfırla; flex ile çerçeveyi ortala (şablondaki justify-content ile uyumlu).
         */
        .blog-article .article-body .ps-article .ps-photo-wrap {
            position: relative !important;
            left: auto !important;
            right: auto !important;
            margin-left: auto !important;
            margin-right: auto !important;
            width: 100% !important;
            max-width: 100% !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            box-sizing: border-box !important;
        }

        .blog-article .article-body .ps-article .ps-photo-frame {
            display: block !important;
            width: 100% !important;
            max-width: min(100%, 880px) !important;
            margin-left: auto !important;
            margin-right: auto !important;
            flex: 0 1 auto !important;
            box-sizing: border-box !important;
        }

        .blog-article .article-body .ps-article .ps-photo-frame img {
            display: block !important;
            margin-left: auto !important;
            margin-right: auto !important;
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            float: none !important;
        }

        @media (max-width: 640px) {
            .blog-article .article-image {
                max-width: 100%;
            }

            .blog-article .article-body .ps-photo-frame,
            .blog-article .article-body .ps-photo-wrap,
            .blog-article .article-body .ps-photo-frame.ps-photo-wrap,
            .PageBody .ps-photo-frame,
            .PageBody .ps-photo-wrap,
            .PageBody .ps-photo-frame.ps-photo-wrap,
            .makaleContent .ps-photo-frame,
            .makaleContent .ps-photo-wrap,
            .makaleContent .ps-photo-frame.ps-photo-wrap {
                max-width: 100% !important;
            }

            .blog-article {
                overflow-x: hidden;
            }
        }

        /* Makale / blog detay — masaüstü iç boşluk (inline padding kaldırıldı) */
        .blog-article .article-content {
            box-sizing: border-box;
            padding: 32px 28px;
        }

        /* Mobil: dış container + kart içi + gömülü .ps-article — yatay boşlukları belirgin şekilde azalt */
        @media (max-width: 768px) {
            main .section > .container:has(.blog-article) {
                padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
                padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
            }

            main .section .orion-default-block > .container:has(.blog-article) {
                padding-left: max(6px, env(safe-area-inset-left, 0px)) !important;
                padding-right: max(6px, env(safe-area-inset-right, 0px)) !important;
            }

            .blog-article .article-content {
                padding: 18px 12px !important;
            }

            .blog-article .article-content > h1 {
                font-size: clamp(1.1rem, 4.8vw, 1.45rem) !important;
                line-height: 1.28 !important;
                margin-bottom: 14px !important;
            }

            .blog-article {
                border-radius: 14px !important;
            }

            .blog-article .article-body .ps-article .ps-hero-inner,
            .blog-article .article-body .ps-article .ps-section,
            .blog-article .article-body .ps-article .ps-stats-inner,
            .blog-article .article-body .ps-article .ps-quote-inner,
            .blog-article .article-body .ps-article .ps-cta-inner {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }

            .blog-article .article-body .ps-article .ps-photo-wrap {
                padding-top: 28px !important;
                padding-bottom: 28px !important;
                padding-left: 12px !important;
                padding-right: 12px !important;
            }

            .blog-article .article-body .ps-article .ps-footer {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
        }

        @media (max-width: 480px) {
            main .section > .container:has(.blog-article) {
                padding-left: max(8px, env(safe-area-inset-left, 0px)) !important;
                padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
            }

            main .section .orion-default-block > .container:has(.blog-article) {
                padding-left: max(4px, env(safe-area-inset-left, 0px)) !important;
                padding-right: max(4px, env(safe-area-inset-right, 0px)) !important;
            }

            .blog-article .article-content {
                padding: 14px 10px !important;
            }

            .blog-article .article-body .ps-article .ps-hero-inner,
            .blog-article .article-body .ps-article .ps-section,
            .blog-article .article-body .ps-article .ps-stats-inner,
            .blog-article .article-body .ps-article .ps-quote-inner,
            .blog-article .article-body .ps-article .ps-cta-inner {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            .blog-article .article-body .ps-article .ps-photo-wrap {
                padding-top: 22px !important;
                padding-bottom: 22px !important;
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            .blog-article .article-body .ps-article .ps-footer {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }
        }

        /* ========== FOOTER ========== */
        .site-footer {
            background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%);
            padding: 48px 0 22px;
            margin-top: 34px;
            border-top: 1px solid #dbe6ff;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr repeat(3, 1fr);
            gap: 24px;
            margin-bottom: 28px;
        }

        .footer-brand img {
            height: 78px;
            margin-bottom: 14px;
        }

        .footer-brand p {
            font-size: 14px;
            color: #3f5478;
            line-height: 1.7;
            max-width: 460px;
            background: #ffffff;
            border: 1px solid #e3ecff;
            border-radius: 12px;
            padding: 14px 16px;
            box-shadow: 0 8px 18px rgba(20, 60, 120, 0.06);
        }

        .footer-col {
            background: #fff;
            border: 1px solid #e6edff;
            border-radius: 14px;
            padding: 18px 18px 14px;
            box-shadow: 0 8px 18px rgba(10, 40, 90, 0.05);
        }

        .footer-col h4 {
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #6a7ea8;
            margin-bottom: 14px;
        }

        .footer-col ul li {
            margin-bottom: 10px;
        }

        .footer-col ul li a {
            font-size: 13px;
            color: #334b72;
            transition: var(--transition-fast);
        }

        .footer-col ul li a:hover {
            color: var(--color-primary);
            padding-left: 4px;
        }

        .footer-contact-pill a {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #f5f9ff;
            border: 1px solid #d8e6ff;
            border-radius: 999px;
            padding: 8px 12px;
        }

        .footer-bottom {
            text-align: center;
            padding-top: 16px;
            border-top: 1px solid #dbe6ff;
        }

        .footer-bottom p {
            font-size: 12px;
            color: #7084a8;
        }

        @media (max-width: 768px) {
            .site-footer {
                padding: 32px 0 0;
                margin-top: 24px;
                margin-bottom: 0;
            }

            .footer-grid {
                grid-template-columns: 1fr 1fr;
                gap: 20px;
                margin-bottom: 16px;
            }

            .footer-brand {
                grid-column: span 2;
            }

            .footer-brand img {
                height: 84px;
            }

            .footer-brand p {
                font-size: 13px;
                line-height: 1.6;
                padding: 12px 13px;
            }

            .footer-col {
                padding: 14px 14px 10px;
            }

            .footer-help-col {
                display: none;
            }

            .site-footer .footer-bottom {
                padding-top: 12px;
                padding-bottom: 0;
                margin-bottom: 0;
            }
        }

        /* ========== ORION — Favori: turuncu premium toast (ürün adı + durum) ========== */
        .orion-wishlist-toast {
            position: fixed;
            z-index: 2147483000;
            left: 14px;
            right: 14px;
            top: auto;
            bottom: 0;
            max-width: min(560px, calc(100% - 28px));
            margin: 0 auto;
            padding: 0 0 max(14px, env(safe-area-inset-bottom, 0px)) 0;
            pointer-events: none;
            opacity: 0;
            transform: translate3d(0, calc(100% + 24px), 0);
            transition: opacity 0.3s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .orion-wishlist-toast.orion-wishlist-toast--show {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

        .orion-wishlist-toast__inner {
            pointer-events: auto;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            gap: 12px;
            padding: 14px 18px 15px;
            margin: 0;
            width: 100%;
            box-sizing: border-box;
            border-radius: 22px;
            background: linear-gradient(145deg, #ff6a1a 0%, #ff4700 42%, #e03e00 100%);
            border: 1px solid rgba(255, 255, 255, 0.22);
            box-shadow:
                0 12px 40px rgba(255, 71, 0, 0.45),
                0 4px 14px rgba(15, 23, 42, 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
            color: #fff;
        }

        .orion-wishlist-toast__icon {
            flex: 0 0 auto;
            width: 34px;
            height: 34px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.22);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
        }

        .orion-wishlist-toast__text {
            flex: 1 1 auto;
            min-width: 0;
            text-align: left;
        }

        .orion-wishlist-toast__title {
            font-weight: 700;
            font-size: 15px;
            letter-spacing: -0.02em;
            line-height: 1.35;
            color: #fff;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
        }

        .orion-wishlist-toast__sub {
            display: block;
            margin-top: 4px;
            font-size: 12px;
            font-weight: 600;
            color: rgba(255, 255, 255, 0.95);
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .orion-wishlist-toast__link {
            display: inline-flex;
            align-items: center;
            margin-top: 10px;
            padding: 8px 14px;
            font-size: 13px;
            font-weight: 700;
            color: #ff4700 !important;
            background: #fff;
            border-radius: 999px;
            text-decoration: none !important;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .orion-wishlist-toast__link:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
        }

        @media (max-width: 768px) {
            .orion-wishlist-toast {
                left: 10px;
                right: 10px;
                max-width: calc(100% - 20px);
                padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
            }

            .orion-wishlist-toast__inner {
                padding: 12px 14px 13px;
                gap: 10px;
                border-radius: 20px;
            }

            .orion-wishlist-toast__title {
                font-size: 14px;
            }

            body.orion-homepage .orion-wishlist-toast,
            body:not(.page-product-detail) .orion-wishlist-toast {
                padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
            }

            body.page-product-detail.pd-mobile .orion-wishlist-toast {
                padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
            }
        }

        /* ========== MOBILE BOTTOM NAV (footer altında, akışta — sabit değil) ========== */
        .mobile-nav {
            display: none;
            position: relative !important;
            left: auto !important;
            right: auto !important;
            bottom: auto !important;
            width: 100%;
            box-sizing: border-box;
            margin: 0 !important;
            background: var(--color-white);
            border-top: 1px solid var(--color-gray-200);
            z-index: 1;
            padding: 6px 0 0 !important;
            padding-bottom: env(safe-area-inset-bottom, 0px) !important;
            box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
        }

        .mobile-nav-grid {
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

        .mobile-nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 2px;
            color: var(--color-gray-400);
            font-size: 11px;
            font-weight: 500;
            padding: 4px 8px 2px;
            min-width: 56px;
            transition: var(--transition-fast);
            -webkit-tap-highlight-color: transparent;
        }

        .mobile-nav-item i {
            font-size: 22px;
        }

        /* Mobil alt menü — sepet ikonu üzerinde adet rozeti */
        .mobile-nav-item__icon-stack {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

        #orion-footer-cart-badge.orion-footer-cart-badge {
            position: absolute;
            top: -7px;
            right: -10px;
            min-width: 18px;
            min-height: 18px;
            padding: 0 5px;
            font-size: 10px;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
            line-height: 1.15;
            border-radius: 999px;
            color: #ffffff !important;
            background: linear-gradient(145deg, #f43f5e 0%, #dc2626 55%, #b91c1c 100%);
            border: 2px solid #ffffff;
            box-shadow:
                0 2px 6px rgba(220, 38, 38, 0.4),
                0 0 0 1px rgba(15, 23, 42, 0.06);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            z-index: 2;
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        #orion-footer-cart-badge.orion-footer-cart-badge.is-zero {
            opacity: 0;
            transform: scale(0.85);
            visibility: hidden;
            pointer-events: none;
        }

        #orion-footer-cart-badge.orion-footer-cart-badge:not(.is-zero) {
            opacity: 1;
            transform: scale(1);
            visibility: visible;
        }

        .mobile-nav-item.active,
        .mobile-nav-item:active {
            color: var(--color-primary);
        }

        @media (max-width: 768px) {
            .mobile-nav {
                display: block;
            }

            /* legacy: body padding-bottom — alt menü akışta olduğunda gereksiz boşluk */
            body {
                padding-bottom: 0 !important;
            }
        }

        /* ========== WHATSAPP FLOAT ========== */
        .whatsapp-float {
            position: fixed;
            bottom: 28px;
            right: 28px;
            width: 60px;
            height: 60px;
            background: #25D366;
            color: var(--color-white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            box-shadow: 0 6px 24px rgba(37, 211, 102, 0.4);
            z-index: 99980;
            transition: var(--transition);
            animation: pulse-wa 2s infinite;
        }

        .whatsapp-float:hover {
            transform: scale(1.12);
            box-shadow: 0 8px 32px rgba(37, 211, 102, 0.6);
            animation: none;
        }

        @keyframes pulse-wa {

            0%,
            100% {
                box-shadow: 0 6px 24px rgba(37, 211, 102, 0.4);
            }

            50% {
                box-shadow: 0 8px 32px rgba(37, 211, 102, 0.6);
            }
        }

        @media (max-width: 768px) {
            /* Sağda, alttan biraz yukarı; footer menüsü akışta — çakışmayı azaltmak için bottom yüksek */
            .whatsapp-float {
                left: auto;
                right: 14px;
                width: 34px;
                height: 34px;
                font-size: 18px;
                bottom: calc(96px + env(safe-area-inset-bottom, 0px));
                animation: none;
                z-index: 100200;
            }

            body.page-product-detail.pd-mobile .whatsapp-float {
                right: 14px;
                left: auto;
                bottom: calc(128px + env(safe-area-inset-bottom, 0px));
                width: 32px;
                height: 32px;
                font-size: 17px;
                z-index: 100190;
            }
        }

        /* ========== ANIMATIONS ========== */
        .lozad {
            opacity: 0;
            transition: opacity 0.4s ease;
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: shimmer 1.5s infinite;
        }

        .lozad.loaded {
            opacity: 1;
            background: transparent;
            animation: none;
        }

        @keyframes shimmer {
            0% {
                background-position: -200% 0;
            }

            100% {
                background-position: 200% 0;
            }
        }

        /* ========== CATEGORY PAGE LAYOUT ========== */
        .page-container {
            display: flex;
            gap: 24px;
            align-items: flex-start;
        }

        .sidebar {
            width: 280px;
            flex-shrink: 0;
        }

        .main-content {
            flex: 1;
            min-width: 0;
        }

        @media (max-width: 992px) {
            .page-container {
                flex-direction: column;
            }

            .sidebar {
                width: 100%;
            }
        }

        /* Kategori: grid yalnızca ul üzerinde — .view-product-list div’e grid verme (tek ul = tek sıra ürün) */
        .category_prod ul.product-list,
        .category_prod ul.urunler {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 20px;
            padding: 20px 0;
        }

        @media (min-width: 768px) {

            .category_prod ul.product-list,
            .category_prod ul.urunler {
                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
                gap: 24px;
            }
        }

        @media (min-width: 1200px) {

            .category_prod ul.product-list,
            .category_prod ul.urunler {
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                gap: 30px;
            }
        }

        /* Category Header */
        .category-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 24px 0;
            border-bottom: 1px solid var(--color-gray-200);
            margin-bottom: 24px;
            flex-wrap: wrap;
            gap: 16px;
        }

        .category-info h1 {
            font-size: 28px;
            font-weight: 700;
            color: var(--color-gray-900);
            margin-bottom: 4px;
        }

        .category-count {
            font-size: 14px;
            color: var(--color-gray-500);
        }

        /* Sorting Dropdown */
        .sort-controls {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .sort-label {
            font-size: 14px;
            font-weight: 500;
            color: var(--color-gray-600);
        }

        .sort-select {
            padding: 10px 16px;
            padding-right: 36px;
            background: var(--color-white);
            border: 2px solid var(--color-gray-200);
            border-radius: var(--radius-sm);
            font-size: 14px;
            font-weight: 500;
            color: var(--color-gray-900);
            cursor: pointer;
            transition: var(--transition-fast);
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
        }

        .sort-select:hover,
        .sort-select:focus {
            border-color: var(--color-accent);
            outline: none;
        }

        .sort-select option {
            padding: 10px;
        }

        @media (max-width: 768px) {
            .category-header {
                flex-direction: column;
                align-items: flex-start;
            }

            .sort-controls {
                width: 100%;
            }

            .sort-select {
                width: 100%;
            }
        }

        /* Product Grid - 4 columns for category pages */
        .category-products,
        .page-container .product-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        /* Override 5-column grid for category pages */
        body[class*="pagekategori"] .product-grid,
        body[class*="pagearama"] .product-grid {
            grid-template-columns: repeat(4, 1fr) !important;
        }

        @media (max-width: 1200px) {

            .category-products,
            .page-container .product-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 768px) {

            .category-products,
            .page-container .product-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
            }
        }

        /* Filter Sidebar */
        .filter-box {
            background: var(--color-white);
            border: 1px solid var(--color-gray-200);
            border-radius: var(--radius);
            padding: 20px;
            margin-bottom: 20px;
        }

        .filter-title {
            font-size: 16px;
            font-weight: 600;
            color: var(--color-gray-900);
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .filter-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .filter-item {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .filter-checkbox {
            width: 18px;
            height: 18px;
            border: 2px solid var(--color-gray-300);
            border-radius: 4px;
            cursor: pointer;
            transition: var(--transition-fast);
        }

        .filter-checkbox:checked {
            background: var(--color-accent);
            border-color: var(--color-accent);
        }

        .filter-label {
            font-size: 14px;
            color: var(--color-gray-600);
            cursor: pointer;
            flex: 1;
        }

        .filter-count {
            font-size: 12px;
            color: var(--color-gray-400);
        }

        /* Price Range Filter */
        .price-range {
            display: flex;
            gap: 12px;
            align-items: center;
            margin-top: 12px;
        }

        .price-input {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid var(--color-gray-200);
            border-radius: var(--radius-sm);
            font-size: 13px;
            text-align: center;
        }

        .price-separator {
            color: var(--color-gray-400);
        }


        /* ========== RESPONSIVE IMPROVEMENTS FOR DEFAULT THEME ========== */






        /* ========== RESPONSIVE IMPROVEMENTS FOR DEFAULT THEME ========== */
        /* Ensure default theme works well on all devices */

        @media (max-width: 768px) {

            /* Mobile optimizations for default theme */
            body {
                font-size: 14px;
            }

            .container {
                padding: 10px;
            }
        }

        /* END RESPONSIVE SECTION */




        /* END RESPONSIVE SECTION */

        /* ========== CATEGORY PAGE & OTHER SECTIONS ========== */

        .installment-table thead {
            background: linear-gradient(135deg, var(--color-accent), #005bb5);
            position: relative;
        }

        .product-main-image {
            position: relative;
            width: 100%;
            padding-top: 100%;
            background: #fafafa;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 20px;
            border: 1px solid #e8e8e8;
        }

        .product-main-image img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 30px;
        }

        .thumbnail-gallery-wrapper {
            position: relative;
            width: 100%;
        }

        .thumbnail-nav-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 36px;
            height: 36px;
            background: rgba(255, 255, 255, 0.95);
            border: 1px solid #ddd;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .thumbnail-nav-arrow:hover {
            background: #fff;
            border-color: var(--color-accent);
            color: var(--color-accent);
        }

        .thumbnail-nav-arrow.disabled {
            opacity: 0.3;
            cursor: not-allowed;
            pointer-events: none;
        }

        .thumbnail-nav-arrow.prev {
            left: -12px;
        }

        .thumbnail-nav-arrow.next {
            right: -12px;
        }

        .product-thumbs {
            display: flex;
            gap: 10px;
            overflow: hidden;
            scroll-behavior: smooth;
            padding: 5px 0;
        }

        .product-thumb {
            flex: 0 0 calc(25% - 7.5px);
            position: relative;
            cursor: pointer;
            border-radius: 8px;
            overflow: hidden;
            border: 2px solid transparent;
            transition: all 0.3s ease;
            background: #fafafa;
        }

        .product-thumb::before {
            content: '';
            display: block;
            padding-top: 100%;
        }

        .product-thumb img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .product-thumb:hover {
            border-color: #ccc;
        }

        .product-thumb.active {
            border-color: var(--color-accent);
            box-shadow: 0 0 0 1px var(--color-accent);
        }

        .product-detail-info {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .product-detail-title {
            font-size: 28px;
            font-weight: 700;
            line-height: 1.3;
            color: #1a1a1a;
            margin: 0;
        }

        .product-meta {
            display: flex;
            gap: 20px;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
            flex-wrap: wrap;
        }

        .meta-item {
            font-size: 14px;
            color: #666;
        }

        .meta-item strong {
            color: #333;
            font-weight: 600;
        }

        .product-pricing {
            background: #f9fafb;
            padding: 20px;
            border-radius: 10px;
            border: 1px solid #e5e7eb;
        }

        .price-wrapper {
            display: flex;
            align-items: baseline;
            gap: 12px;
            margin-bottom: 10px;
        }

        .product-price {
            font-size: 36px;
            font-weight: 700;
            color: var(--color-accent);
        }

        .old-price {
            font-size: 20px;
            color: #999;
            text-decoration: line-through;
        }

        .discount-badge {
            background: #ff4444;
            color: white;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 600;
        }

        .product-actions {
            display: flex;
            gap: 12px;
            flex-direction: column;
        }

        .btn-add-cart {
            background: var(--color-accent);
            color: white;
            padding: 18px 32px;
            border-radius: 10px;
            border: none;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .btn-add-cart:hover {
            background: #005bb5;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 113, 227, 0.3);
        }

        .btn-add-wishlist {
            background: white;
            color: #666;
            padding: 14px 24px;
            border-radius: 10px;
            border: 2px solid #ddd;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-add-wishlist:hover {
            border-color: var(--color-accent);
            color: var(--color-accent);
        }

        .product-features {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            padding: 20px 0;
            border-top: 1px solid #eee;
        }

        .feature {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 14px;
            color: #555;
        }

        .feature i {
            color: var(--color-accent);
            font-size: 18px;
        }

        @media (max-width: 1024px) {
            .product-detail-layout {
                grid-template-columns: 1fr;
                gap: 30px;
                padding: 30px;
            }

            .product-gallery {
                max-width: 500px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {
            .product-detail-layout {
                padding: 20px;
            }

            .product-detail-title {
                font-size: 22px;
            }

            .product-price {
                font-size: 28px;
            }

            .product-thumb {
                flex: 0 0 calc(50% - 5px);
            }

            .btn-add-cart {
                font-size: 16px;
                padding: 16px 24px;
            }
        }

        */
        /* ========== MODERN CSS REMOVED - DEFAULT THEME ACTIVE ========== */











        /* ========== RESPONSIVE IMPROVEMENTS FOR DEFAULT THEME ========== */
        /* Ensure default theme works well on all devices */

        @media (max-width: 768px) {

            /* Mobile optimizations for default theme */
            body {
                font-size: 14px;
            }

            .container {
                padding: 10px;
            }
        }

        /* END RESPONSIVE SECTION */



        /* ========== CATEGORY PAGE & OTHER SECTIONS ========== */

        .installment-table thead {
            background: linear-gradient(135deg, var(--color-accent), #005bb5);
            color: white;
        }

        .installment-table th {
            padding: 15px;
            text-align: left;
            font-weight: 600;
            font-size: 14px;
        }

        .installment-table td {
            padding: 15px;
            border-bottom: 1px solid #f0f0f0;
            font-size: 14px;
            color: #555;
        }

        .installment-table tr:last-child td {
            border-bottom: none;
        }

        .installment-table tr:hover {
            background: #f8f9fa;
        }

        .installment-highlight {
            color: var(--color-accent);
            font-weight: 600;
        }

        /* Delivery & Returns Icons */
        .feature-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }

        .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .feature-item:hover {
            background: #e9ecef;
            transform: translateY(-2px);
        }

        .feature-item i {
            font-size: 28px;
            color: var(--color-accent);
            flex-shrink: 0;
        }

        .feature-item-content h4 {
            margin: 0 0 8px 0;
            font-size: 16px;
            color: var(--color-gray-900);
        }

        .feature-item-content p {
            margin: 0;
            font-size: 14px;
            color: #666;
            line-height: 1.5;
        }

        /* Reviews Section */
        .reviews-list {
            margin: 20px 0;
        }

        .review-item {
            padding: 20px;
            background: #f8f9fa;
            border-radius: 8px;
            margin-bottom: 15px;
        }

        .review-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }

        .review-author {
            font-weight: 600;
            color: var(--color-gray-900);
            font-size: 15px;
        }

        .review-rating {
            color: #ffc107;
            font-size: 16px;
        }

        .review-date {
            font-size: 13px;
            color: #999;
            margin-top: 5px;
        }

        .review-text {
            color: #555;
            line-height: 1.7;
            font-size: 14px;
        }

        /* Mobile Accordion Style for Tabs */
        @media (max-width: 768px) {
            .product-tabs-nav {
                flex-direction: column;
                border-bottom: none;
            }

            .product-tab-btn {
                border-bottom: 1px solid #e0e0e0;
                text-align: left;
                padding: 15px 20px;
                border-left: 3px solid transparent;
            }

            .product-tab-btn.active {
                border-left-color: var(--color-accent);
                border-bottom-color: #e0e0e0;
            }

            .product-tab-btn::after {
                content: "\f107";
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                float: right;
                transition: transform 0.3s ease;
            }

            .product-tab-btn.active::after {
                transform: rotate(180deg);
            }

            .product-tab-content {
                padding: 20px;
            }
        }

        /* ========== PAGINATION ========== */
        .pagination-wrapper {
            display: flex;
            justify-content: center;
            padding: 40px 0;
        }

        .pagination {
            display: flex;
            gap: 8px;
            list-style: none;
        }

        .pagination li a,
        .pagination li span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 40px;
            height: 40px;
            padding: 0 12px;
            background: var(--color-white);
            border: 1px solid var(--color-gray-200);
            border-radius: var(--radius-sm);
            font-size: 14px;
            font-weight: 500;
            color: var(--color-gray-600);
            transition: var(--transition-fast);
        }

        .pagination li a:hover {
            background: var(--color-gray-100);
            border-color: var(--color-gray-300);
            color: var(--color-primary);
        }

        .pagination li.active span {
            background: var(--color-primary);
            border-color: var(--color-primary);
            color: var(--color-white);
        }

        /* ========== UTILITIES ========== */
        .text-center {
            text-align: center;
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
        }

        /* Safe area for notch devices */
        @supports (padding: max(0px)) {
            body {
                padding-left: max(0px, env(safe-area-inset-left));
                padding-right: max(0px, env(safe-area-inset-right));
            }
        }

        /* Focus visible for accessibility */
        :focus-visible {
            outline: 2px solid var(--color-accent);
            outline-offset: 2px;
        }

        /* Prevent text selection on interactive elements */
        .header-btn,
        .nav-link,
        .mobile-nav-item,
        .story-item,
        .cat-card {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        /* Legacy class fixes for old templates */
        .primary-box {
            background: var(--color-white);
            border-radius: var(--radius);
            padding: 24px;
            margin-bottom: 24px;
        }

        .pb-left-column,
        .pb-right-column {
            float: none !important;
        }

        .product-image img {
            max-width: 100%;
            height: auto;
        }

        .product-name {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 16px;
        }

        .info-orther {
            padding: 16px 0;
            border-bottom: 1px solid var(--color-gray-200);
        }

        .product-price-group {
            padding: 20px 0;
        }

        .product-price-group .price {
            font-size: 32px;
            font-weight: 700;
            color: var(--color-gray-900);
        }

        .product-price-group .old-price {
            font-size: 18px;
            color: var(--color-gray-400);
            text-decoration: line-through;
            margin-right: 12px;
        }

        .form-action {
            padding: 20px 0;
        }

        .btn-add-cart {
            padding: 14px 28px;
            background: var(--color-primary);
            color: var(--color-white);
            border-radius: var(--radius);
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: var(--transition);
        }

        .btn-add-cart:hover {
            background: var(--color-accent);
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        .btn-add-cart i {
            font-size: 18px;
        }

        .product-tab {
            margin-top: 32px;
        }

        .nav-tab {
            display: flex;
            gap: 8px;
            border-bottom: 1px solid var(--color-gray-200);
            margin-bottom: 24px;
            list-style: none;
        }

        .nav-tab li a {
            padding: 12px 20px;
            font-size: 14px;
            font-weight: 500;
            color: var(--color-gray-600);
            border-bottom: 2px solid transparent;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .nav-tab li.active a,
        .nav-tab li a:hover {
            color: var(--color-accent);
            border-bottom-color: var(--color-accent);
        }

        .tab-panel {
            padding: 20px 0;
        }

        /* ========== MODERN PRODUCT DETAIL PAGE ========== */
        .modern-product-detail {
            max-width: 1200px;
            margin: 0 auto;
            padding: 24px;
            background: var(--color-white);
            border-radius: var(--radius);
            box-shadow: var(--shadow-sm);
            margin-bottom: 32px;
        }

        .product-detail-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 48px;
            align-items: start;
        }

        /* Product Gallery Section */
        .product-gallery-section {
            position: sticky;
            top: 120px;
        }

        .gallery-main {
            display: block;
        }

        .main-image-container {
            position: relative;
            border-radius: var(--radius);
            overflow: hidden;
            background: var(--color-gray-50);
            margin-bottom: 16px;
            aspect-ratio: 1;
        }

        .main-product-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .main-product-image:hover {
            /* Zoom effect removed */
        }

        .product-badges {
            position: absolute;
            top: 16px;
            left: 16px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .product-badges .badge {
            display: inline-block;
            padding: 6px 12px;
            border-radius: var(--radius-sm);
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .image-thumbnails {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            padding: 4px 0;
        }

        .image-thumbnails img {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border-radius: var(--radius-sm);
            border: 2px solid var(--color-gray-200);
            cursor: pointer;
            transition: var(--transition);
            flex-shrink: 0;
        }

        .image-thumbnails img:hover,
        .image-thumbnails img.active {
            border-color: var(--color-primary);
            transform: scale(1.05);
        }

        .mobile-gallery {
            display: none;
        }

        /* Product Info Section */
        .product-info-section {
            padding: 16px 0;
        }

        .product-header {
            margin-bottom: 24px;
            padding-bottom: 24px;
            border-bottom: 1px solid var(--color-gray-200);
        }

        .product-title {
            font-size: 28px;
            font-weight: 700;
            color: var(--color-gray-900);
            line-height: 1.2;
            margin-bottom: 16px;
        }

        .product-meta-info {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .meta-row {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .meta-label {
            font-weight: 600;
            color: var(--color-gray-600);
            min-width: 100px;
        }

        .meta-value {
            color: var(--color-gray-800);
        }

        .brand-link {
            color: var(--color-primary);
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
        }

        .brand-link:hover {
            color: var(--color-accent);
        }

        /* Price Section */
        .price-section {
            margin-bottom: 24px;
            padding: 20px;
            background: linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-white) 100%);
            border-radius: var(--radius);
            border: 1px solid var(--color-gray-200);
        }

        .price-container {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-wrap: wrap;
        }

        .current-price {
            font-size: 32px;
            font-weight: 800;
            color: var(--color-primary);
            order: 1;
        }

        .old-price {
            font-size: 18px;
            color: var(--color-gray-400);
            text-decoration: line-through;
            order: 2;
        }

        .discount-badge {
            background: var(--color-accent);
            color: var(--color-white);
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 700;
            order: 3;
        }

        /* Stock & Info */
        .stock-info {
            margin-bottom: 20px;
            padding: 16px;
            background: var(--color-green-50);
            border: 1px solid var(--color-green-200);
            border-radius: var(--radius);
            color: var(--color-green-800);
            font-weight: 600;
        }

        /* Product Options */
        .product-options {
            margin-bottom: 24px;
        }

        .product-options select,
        .product-options input[type="text"],
        .product-options input[type="number"] {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid var(--color-gray-200);
            border-radius: var(--radius);
            font-size: 16px;
            transition: var(--transition);
            margin-bottom: 12px;
        }

        .product-options select:focus,
        .product-options input:focus {
            outline: none;
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
        }

        /* Product Features */
        .product-features {
            margin-bottom: 24px;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }

        .product-features .feature-badge {
            background: var(--color-blue-50);
            color: var(--color-blue-700);
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        /* Add to Cart Section */
        .cart-section {
            margin-bottom: 24px;
            padding: 24px;
            background: var(--color-gray-50);
            border-radius: var(--radius);
            border: 2px solid var(--color-gray-200);
        }

        .quantity-selector {
            margin-bottom: 16px;
        }

        .quantity-selector select,
        .quantity-selector input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid var(--color-gray-300);
            border-radius: var(--radius);
            font-size: 16px;
            font-weight: 600;
        }

        .add-to-cart-button {
            width: 100%;
            padding: 16px 24px;
            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
            color: var(--color-white);
            border: none;
            border-radius: var(--radius);
            font-size: 18px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            cursor: pointer;
            transition: var(--transition);
        }

        .add-to-cart-button:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-lg);
        }

        .add-to-cart-button:active {
            transform: translateY(0);
        }

        .add-to-cart-button i {
            font-size: 20px;
        }

        /* Delivery Info */
        .delivery-info {
            margin-bottom: 24px;
            padding: 16px;
            background: var(--color-orange-50);
            border: 1px solid var(--color-orange-200);
            border-radius: var(--radius);
            color: var(--color-orange-800);
        }

        /* User Actions */
        .user-actions {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }

        .user-actions a,
        .user-actions button {
            padding: 12px 20px;
            border: 2px solid var(--color-gray-200);
            border-radius: var(--radius);
            background: var(--color-white);
            color: var(--color-gray-700);
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .user-actions a:hover,
        .user-actions button:hover {
            border-color: var(--color-primary);
            color: var(--color-primary);
            background: var(--color-blue-50);
        }

        /* Modern Product Tabs */
        .modern-product-tabs {
            max-width: 1200px;
            margin: 0 auto 32px;
            padding: 0 24px;
        }

        .tabs-container {
            background: var(--color-white);
            border-radius: var(--radius);
            box-shadow: var(--shadow-sm);
            overflow: hidden;
        }

        .tab-navigation {
            display: flex;
            background: var(--color-gray-50);
            border-bottom: 1px solid var(--color-gray-200);
            overflow-x: auto;
        }

        .tab-button {
            padding: 16px 24px;
            background: transparent;
            border: none;
            border-bottom: 3px solid transparent;
            color: var(--color-gray-600);
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            min-width: fit-content;
        }

        .tab-button:hover {
            color: var(--color-primary);
            background: var(--color-white);
        }

        .tab-button.active {
            color: var(--color-primary);
            border-bottom-color: var(--color-primary);
            background: var(--color-white);
        }

        .tab-button i {
            font-size: 16px;
        }

        .tab-content-area {
            min-height: 300px;
        }

        .tab-content-panel {
            display: none;
            padding: 32px;
        }

        .tab-content-panel.active {
            display: block;
        }

        .tab-content-panel h3 {
            font-size: 24px;
            font-weight: 700;
            color: var(--color-gray-900);
            margin-bottom: 20px;
        }

        .content-wrapper {
            max-width: 800px;
        }

        .product-description {
            line-height: 1.6;
            color: var(--color-gray-700);
        }

        .product-description h4 {
            font-size: 18px;
            font-weight: 600;
            color: var(--color-gray-900);
            margin: 20px 0 12px;
        }

        .product-description ul {
            margin: 16px 0;
            padding-left: 20px;
        }

        .product-description li {
            margin-bottom: 8px;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .modern-product-detail {
                padding: 16px;
                margin: 0 16px 24px;
            }

            .product-detail-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            .product-gallery-section {
                position: static;
            }

            .gallery-main {
                display: none;
            }

            .mobile-gallery {
                display: block;
            }

            .product-title {
                font-size: 22px;
            }

            .current-price {
                font-size: 28px;
            }

            .cart-section {
                padding: 20px;
            }

            .modern-product-tabs {
                padding: 0 16px;
            }

            .tab-content-panel {
                padding: 20px;
            }

            .tab-navigation {
                flex-wrap: wrap;
            }

            .tab-button {
                flex: 1;
                min-width: 120px;
                justify-content: center;
            }

            .price-container {
                justify-content: center;
                text-align: center;
            }

            .user-actions {
                justify-content: center;
            }

            .meta-row {
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
            }

            .meta-label {
                min-width: auto;
            }
        }

        @media (max-width: 480px) {
            .tab-navigation {
                display: grid;
                grid-template-columns: 1fr 1fr;
            }

            .tab-button {
                padding: 12px 16px;
                font-size: 14px;
            }

            .tab-button i {
                font-size: 14px;
            }
        }

        /* ========== MODERN RELATED PRODUCTS ========== */
        .modern-related-products {
            max-width: 1200px;
            margin: 32px auto 0;
            padding: 0 24px;
            background: transparent;
        }

        .modern-related-products .section-container {
            background: var(--color-white);
            border-radius: var(--radius);
            box-shadow: var(--shadow-sm);
            overflow: hidden;
        }

        .modern-related-products .section-header {
            padding: 32px 32px 16px;
            text-align: center;
            background: linear-gradient(135deg, var(--color-primary-50), var(--color-accent-50));
            border-bottom: 1px solid var(--color-gray-200);
        }

        .modern-related-products .section-title {
            font-size: 28px;
            font-weight: 700;
            color: var(--color-gray-900);
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
        }

        .modern-related-products .section-title i {
            color: var(--color-primary);
            font-size: 24px;
        }

        .modern-related-products .section-description {
            font-size: 16px;
            color: var(--color-gray-600);
            margin: 0;
            font-weight: 500;
        }

        .related-products-carousel {
            padding: 24px;
            position: relative;
        }

        .related-products-carousel .carousel-container {
            position: relative;
            overflow: hidden;
            border-radius: var(--radius);
        }

        .related-products-carousel .carousel-navigation {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            z-index: 5;
            pointer-events: none;
            display: flex;
            justify-content: space-between;
            padding: 0 -12px;
            transform: translateY(-50%);
        }

        .related-products-carousel .carousel-btn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border: none;
            background: var(--color-white);
            color: var(--color-gray-700);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: var(--shadow-md);
            pointer-events: auto;
            font-size: 16px;
            font-weight: 600;
            z-index: 10;
            opacity: 0.9;
        }

        .related-products-carousel .carousel-btn:hover {
            background: var(--color-primary);
            color: var(--color-white);
            transform: scale(1.05);
            opacity: 1;
            box-shadow: var(--shadow-lg);
        }

        .related-products-carousel .carousel-prev {
            margin-left: -12px;
        }

        .related-products-carousel .carousel-next {
            margin-right: -12px;
        }

        .related-products-carousel .products-scroll-wrapper {
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding: 8px 0;
            cursor: grab;
            user-select: none;
        }

        .related-products-carousel .products-scroll-wrapper.grabbing {
            cursor: grabbing;
        }

        .related-products-carousel .products-scroll-wrapper::-webkit-scrollbar {
            display: none;
        }

        .related-products-carousel .products-carousel-track {
            display: flex !important;
            gap: 20px;
            min-height: 320px;
            align-items: stretch;
            padding: 0 8px;
        }

        /* İlginizi çekebilir: içerik doğrudan <ul> ise (owl dışı) yatay şerit */
        .related-products-carousel .products-scroll-wrapper > ul {
            display: flex !important;
            gap: 20px;
            min-height: 320px;
            align-items: stretch;
            padding: 0 8px;
            margin: 0;
            list-style: none;
        }

        .related-products-carousel .ps-product-item {
            flex: 0 0 250px;
            list-style: none;
            background: var(--color-white);
            border-radius: var(--radius);
            overflow: hidden;
            transition: var(--transition);
            border: 1px solid var(--color-gray-200);
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .related-products-carousel .ps-product-item:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border-color: var(--color-primary);
        }

        .related-products-carousel .product-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 0;
            border: none;
            background: transparent;
        }

        .related-products-carousel .left-block {
            position: relative;
            aspect-ratio: 1;
            flex-shrink: 0;
            background: var(--color-gray-50);
            border-radius: var(--radius) var(--radius) 0 0;
            overflow: hidden;
        }

        .related-products-carousel .left-block .imgLink {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
        }

        .related-products-carousel .left-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .related-products-carousel .ps-product-item:hover .left-block img {
            /* Zoom effect removed */
        }

        .related-products-carousel .right-block {
            flex: 1;
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            justify-content: space-between;
        }

        .related-products-carousel .product-name {
            font-size: 14px;
            font-weight: 600;
            line-height: 1.4;
            margin: 0 0 8px 0;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .related-products-carousel .product-name a {
            color: var(--color-gray-900);
            text-decoration: none;
            transition: var(--transition);
        }

        .related-products-carousel .product-name a:hover {
            color: var(--color-primary);
        }

        .related-products-carousel .content_price {
            margin-bottom: 12px;
        }

        .related-products-carousel .price {
            font-weight: 700;
            display: block;
        }

        .related-products-carousel .old-price {
            font-size: 12px;
            color: var(--color-gray-400);
            text-decoration: line-through;
            margin-bottom: 4px;
        }

        .related-products-carousel .product-price {
            font-size: 16px;
            color: var(--color-primary);
        }

        .related-products-carousel .add-to-cart-btn {
            width: 100%;
            padding: 10px 12px;
            background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
            color: var(--color-white);
            border: none;
            border-radius: var(--radius-sm);
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            margin-top: auto;
        }

        .related-products-carousel .add-to-cart-btn:hover {
            background: linear-gradient(135deg, var(--color-accent), var(--color-primary));
            transform: translateY(-1px);
            box-shadow: var(--shadow-sm);
        }

        .related-products-carousel .buttons {
            position: absolute;
            top: 12px;
            right: 12px;
            z-index: 3;
            opacity: 0;
            transform: translateX(10px);
            transition: var(--transition);
        }

        .related-products-carousel .ps-product-item:hover .buttons {
            opacity: 1;
            transform: translateX(0);
        }

        .related-products-carousel .buttons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            background: var(--color-white);
            color: var(--color-gray-600);
            border-radius: 50%;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
            text-decoration: none;
            font-size: 14px;
        }

        .related-products-carousel .buttons a:hover {
            background: var(--color-primary);
            color: var(--color-white);
            transform: scale(1.1);
        }

        .related-products-carousel .catalog-item-ribbons {
            position: absolute;
            top: 8px;
            left: 8px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .modern-related-products {
                padding: 0 16px;
                margin-top: 24px;
            }

            .modern-related-products .section-header {
                padding: 24px 20px 12px;
            }

            .modern-related-products .section-title {
                font-size: 22px;
            }

            .modern-related-products .section-description {
                font-size: 14px;
            }

            .related-products-carousel {
                padding: 16px;
            }

            .related-products-carousel .ps-product-item {
                flex: 0 0 180px;
            }

            .related-products-carousel .carousel-btn {
                width: 40px;
                height: 40px;
                font-size: 14px;
            }

            .related-products-carousel .buttons {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @media (max-width: 480px) {
            .related-products-carousel .ps-product-item {
                flex: 0 0 150px;
            }

            .related-products-carousel .right-block {
                padding: 12px;
                gap: 6px;
            }

            .related-products-carousel .product-name {
                font-size: 13px;
            }

            .related-products-carousel .product-price {
                font-size: 14px;
            }

            .related-products-carousel .add-to-cart-btn {
                padding: 8px 10px;
                font-size: 12px;
            }
        }

        /* ========== MODERN CATEGORY PAGE ========== */
        .modern-category-page {
            background: var(--color-gray-50);
            min-height: 600px;
            padding: 24px 0;
        }

        /* Category Header */
        .category-header {
            background: var(--color-white);
            border-radius: var(--radius);
            padding: 24px;
            margin-bottom: 24px;
            box-shadow: var(--shadow-sm);
        }

        .category-breadcrumb {
            margin-bottom: 16px;
        }

        .breadcrumb {
            background: var(--color-gray-50);
            padding: 12px 16px;
            border-radius: var(--radius-sm);
            margin: 0;
            list-style: none;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .breadcrumb-item {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
        }

        .breadcrumb-item+.breadcrumb-item:before {
            content: ">";
            color: var(--color-gray-400);
            margin-right: 8px;
        }

        .breadcrumb-item a {
            color: var(--color-primary);
            text-decoration: none;
            transition: var(--transition);
        }

        .breadcrumb-item a:hover {
            color: var(--color-accent);
        }

        .breadcrumb-item.active {
            color: var(--color-gray-600);
            font-weight: 600;
        }

        .category-title {
            font-size: 32px;
            font-weight: 700;
            color: var(--color-gray-900);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .category-title i {
            color: var(--color-primary);
            font-size: 28px;
        }

        /* Category Actions */
        .category-actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 16px;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid var(--color-gray-200);
        }

        .view-controls {
            display: flex;
            gap: 8px;
        }

        .view-btn {
            padding: 10px 14px;
            background: var(--color-white);
            border: 2px solid var(--color-gray-200);
            border-radius: var(--radius-sm);
            color: var(--color-gray-600);
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }

        .view-btn:hover,
        .view-btn.active {
            background: var(--color-primary);
            border-color: var(--color-primary);
            color: var(--color-white);
        }

        .sort-controls {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .sort-select {
            padding: 10px 16px;
            border: 2px solid var(--color-gray-200);
            border-radius: var(--radius-sm);
            background: var(--color-white);
            color: var(--color-gray-700);
            font-size: 14px;
            cursor: pointer;
            transition: var(--transition);
            min-width: 200px;
        }

        .sort-select:focus {
            outline: none;
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
        }

        /* Category Content Layout */
        .modern-category-content {
            display: grid;
            grid-template-columns: 280px 1fr;
            gap: 24px;
            align-items: start;
        }

        /* Category Sidebar */
        .category-sidebar {
            position: sticky;
            top: 120px;
        }

        .filter-section {
            background: var(--color-white);
            border-radius: var(--radius);
            padding: 20px;
            box-shadow: var(--shadow-sm);
        }

        .filter-section h3 {
            font-size: 18px;
            font-weight: 700;
            color: var(--color-gray-900);
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .filter-section h3 i {
            color: var(--color-primary);
            font-size: 16px;
        }

        .filter-placeholder {
            padding: 20px;
            text-align: center;
            color: var(--color-gray-500);
            font-style: italic;
        }

        /* Category Main Content */
        .category-main {
            background: var(--color-white);
            border-radius: var(--radius);
            padding: 24px;
            box-shadow: var(--shadow-sm);
        }

        /* Modern Products Grid (anasayfa bölümleri vb.; kategori #products-container hariç — tek çocuk ilk hücreye sıkışmasın) */
        /* :not(#id) özgüllüğü yüksek; "Sizin İçin Seçtiklerimiz" grid'ini ezmemek için .recommended-products hariç */
        .modern-products-grid:not(#products-container):not(.recommended-products) {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
            margin-bottom: 24px;
        }

        .modern-products-grid.list-view:not(#products-container) {
            grid-template-columns: 1fr;
            gap: 16px;
        }

        /* Modern Products Grid Layout */
        .modern-products-grid:not(#products-container):not(.recommended-products) {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
            gap: 24px !important;
            padding: 24px 0 !important;
            min-height: 400px !important;
        }

        /* Grid responsive */
        @media (max-width: 1200px) {
            .modern-products-grid:not(#products-container):not(.recommended-products) {
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
                gap: 20px !important;
            }
        }

        @media (max-width: 768px) {
            .modern-products-grid:not(#products-container):not(.recommended-products) {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
                gap: 24px !important;
                padding: 16px 0 !important;
            }
        }

        @media (max-width: 480px) {
            .modern-products-grid:not(#products-container):not(.recommended-products) {
                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
                gap: 12px !important;
            }
        }

        /* Anasayfa — "Sizin İçin Seçtiklerimiz": masaüstünde 5 sütun */
        .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 {
            display: grid !important;
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
            row-gap: 17px !important;
            column-gap: 12px !important;
            padding: 18px 0 !important;
            min-height: 0 !important;
        }

        @media (min-width: 769px) {
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .left-block {
                min-height: 140px !important;
            }
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .price.product-price {
                font-size: 18px !important;
            }
        }
        @media (max-width: 1200px) {
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            }
        }
        @media (max-width: 1200px) {
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            }
        }
        @media (max-width: 1200px) {
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            }
        }
        @media (max-width: 768px) {
            /* Önerilen: genel :not(#id) kurallarından bağımsız 2 sütun + sıkı gap (ID özgüllüğü taşımaz) */
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 12px 6px !important;
                row-gap: 12px !important;
                column-gap: 6px !important;
                padding: 10px 0 20px 0 !important;
                margin: 0 !important;
                min-height: 0 !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }
        }
        @media (max-width: 400px) {
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 {
                grid-template-columns: 1fr !important;
            }
        }

        /* Önerilen: çift çerçeve kaldır, grid taşması, başlık/buton okunabilirliği, görsel kırpma */
        .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 > .ps-product-item {
            min-width: 0 !important;
            border: none !important;
            padding: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }
        .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .product-container {
            min-width: 0 !important;
        }
        /* Başlık görsel üstü overlay’de (UrunListOnecikan) — beyaz metin korunur */
        .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .left-block .product-name-overlay {
            padding: 26px 10px 10px !important;
        }
        .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .left-block .product-name-overlay .product-name,
        .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .left-block .product-name-overlay .product-name a {
            font-size: 13px !important;
            font-weight: 600 !important;
            line-height: 1.35 !important;
            -webkit-line-clamp: 3 !important;
            color: #ffffff !important;
            text-shadow: 0 2px 6px rgba(0, 0, 0, 0.75) !important;
            text-transform: none !important;
            letter-spacing: 0 !important;
        }
        .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .left-block {
            aspect-ratio: 1 / 1 !important;
            min-height: 132px !important;
            background: #f5f5f7 !important;
        }
        .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .left-block img {
            object-fit: cover !important;
            object-position: center center !important;
        }
        /* Masaüstü/tablet: tam genişlik "Sepete Ekle" — mobilde Apple satırı kuralları geçerli kalsın */
        @media (min-width: 769px) {
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .right-block {
                padding: 8px 10px 8px !important;
                gap: 4px !important;
            }
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .price.product-price {
                font-size: 17px !important;
            }
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .add-to-cart-btn,
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .button-container .btn,
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 a.add-to-cart-btn {
                margin-top: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                font-size: 13px !important;
                padding: 8px 12px !important;
                white-space: nowrap !important;
                text-transform: none !important;
                letter-spacing: 0 !important;
                line-height: 1.25 !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }
            .recommended-products-section .modern-products-grid.recommended-products.product-grid-5 .add-to-cart-btn span {
                white-space: nowrap !important;
            }
        }

        /* List view - when toggled */
        .modern-products-grid.list-view {
            display: flex !important;
            flex-direction: column !important;
            gap: 24px !important;
        }

        .modern-products-grid.list-view .ps-product-item {
            max-width: none !important;
        }

        .modern-products-grid.list-view .product-container {
            flex-direction: row !important;
            gap: 20px !important;
        }

        .modern-products-grid.list-view .left-block {
            flex: 0 0 150px !important;
            aspect-ratio: 1 !important;
        }

        .modern-products-grid.list-view .right-block {
            flex: 1 !important;
        }

        /* Modern Product Card (for category pages) */
        .modern-products-grid .ps-product-item {
            background: var(--color-white);
            border: 2px solid var(--color-gray-200);
            border-radius: var(--radius);
            padding: 16px;
            transition: var(--transition);
            display: block;
            height: 100%;
        }

        .modern-products-grid .ps-product-item:hover {
            border-color: var(--color-primary);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .modern-products-grid .product-container {
            display: flex;
            flex-direction: column;
            height: 100%;
            gap: 0;
        }

        .modern-products-grid .left-block {
            position: relative;
            aspect-ratio: 1;
            border-radius: var(--radius-sm);
            overflow: hidden;
            background: var(--color-gray-50);
        }

        .modern-products-grid .left-block img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .modern-products-grid .left-block:hover img {
            /* Zoom effect removed */
        }

        .modern-products-grid .catalog-item-ribbons {
            position: absolute;
            top: 8px;
            left: 8px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .modern-products-grid .buttons {
            position: absolute;
            top: 8px;
            right: 8px;
            z-index: 2;
        }

        .modern-products-grid .buttons a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: var(--color-white);
            border-radius: 50%;
            color: var(--color-gray-600);
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
        }

        .modern-products-grid .buttons a:hover {
            background: var(--color-red-500);
            color: var(--color-white);
            transform: scale(1.1);
        }

        .modern-products-grid .right-block {
            display: flex;
            flex-direction: column;
            gap: 12px;
            flex: 1;
        }

        .modern-products-grid .product-name {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.3;
            margin: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .modern-products-grid .product-name a {
            color: var(--color-gray-900);
            text-decoration: none;
            transition: var(--transition);
        }

        .modern-products-grid .product-name a:hover {
            color: var(--color-primary);
        }

        .modern-products-grid .content_price {
            display: flex;
            flex-direction: column;
            gap: 4px;
            margin-top: auto;
        }

        .modern-products-grid .old-price {
            font-size: 14px;
            color: var(--color-gray-400);
            text-decoration: line-through;
        }

        .modern-products-grid .product-price {
            font-size: 20px;
            font-weight: 700;
            color: var(--color-primary);
        }

        .modern-products-grid .add-to-cart-btn {
            width: 100%;
            padding: 12px 16px;
            background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
            color: var(--color-white);
            border: none;
            border-radius: var(--radius-sm);
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .modern-products-grid .add-to-cart-btn:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        /* List View Styles */
        .modern-products-grid.list-view .ps-product-item {
            padding: 20px;
        }

        .modern-products-grid.list-view .product-container {
            flex-direction: row;
            align-items: center;
        }

        .modern-products-grid.list-view .left-block {
            width: 150px;
            aspect-ratio: 1;
            flex-shrink: 0;
        }

        .modern-products-grid.list-view .right-block {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            flex: 1;
        }

        .modern-products-grid.list-view .product-name {
            flex: 1;
            -webkit-line-clamp: 1;
        }

        .modern-products-grid.list-view .content_price {
            flex-direction: row;
            align-items: center;
            gap: 12px;
            margin: 0;
        }

        .modern-products-grid.list-view .add-to-cart-btn {
            width: auto;
            min-width: 140px;
            flex-shrink: 0;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .modern-category-content {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .category-sidebar {
                position: static;
            }

            .category-actions {
                flex-direction: column;
                align-items: stretch;
                gap: 16px;
            }

            .sort-controls {
                justify-content: center;
            }

            .sort-select {
                min-width: 250px;
            }
        }

        @media (max-width: 768px) {
            .modern-category-page {
                padding: 16px 0;
            }

            .category-header {
                padding: 20px;
                margin-bottom: 20px;
            }

            .category-title {
                font-size: 24px;
                text-align: center;
            }

            .category-main {
                padding: 16px;
            }

            .modern-products-grid:not(#products-container):not(.recommended-products) {
                grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
                gap: 16px;
            }

            .breadcrumb {
                padding: 10px 12px;
            }

            .breadcrumb-item {
                font-size: 13px;
            }

            .view-controls {
                justify-content: center;
            }
        }

        @media (max-width: 480px) {
            .modern-products-grid:not(#products-container):not(.recommended-products) {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            }

            .category-title {
                font-size: 20px;
                flex-direction: column;
                gap: 8px;
                text-align: center;
            }

            .breadcrumb {
                justify-content: center;
            }

            .modern-products-grid.list-view .product-container {
                flex-direction: column;
                text-align: center;
            }

            .modern-products-grid.list-view .left-block {
                width: 100%;
                max-width: 200px;
                margin: 0 auto;
            }

            .modern-products-grid.list-view .right-block {
                flex-direction: column;
                text-align: center;
                gap: 16px;
            }

            .modern-products-grid.list-view .content_price {
                flex-direction: column;
                text-align: center;
                gap: 8px;
            }
        }

        /* ========== PRODUCT DETAIL RESPONSIVE ========== */
        @media (max-width: 768px) {
            .compact-content .description-preview {
                max-height: 150px;
            }

            .expand-content-btn {
                padding: 10px 16px;
                font-size: 14px;
            }
        }

        /* Hide scrollbars */
        .product-carousel::-webkit-scrollbar,
        .flash-products::-webkit-scrollbar,
        .new-products::-webkit-scrollbar {
            display: none !important;
        }

        /* Hide scrollbars */
        .product-carousel::-webkit-scrollbar,
        .flash-products::-webkit-scrollbar,
        .new-products::-webkit-scrollbar {
            display: none !important;
        }

        /* ========== PRODUCT DETAIL RESPONSIVE ========== */
        @media (max-width: 768px) {
            .compact-content .description-preview {
                max-height: 150px;
            }

            .expand-content-btn {
                padding: 10px 16px;
                font-size: 14px;
            }
        }