:root {
        --pe-ink: #24151d;
        --pe-wine: #7d294f;
        --pe-rose: #c85b83;
        --pe-blush: #fff2f6;
        --pe-gold: #c99a45;
        --pe-line: rgba(91, 37, 61, .12);
    }

    .pe-luxury-bar {
        position: relative;
        z-index: 12;
        overflow: hidden;
        color: #fff;
        background: linear-gradient(104deg, #40152a 0%, #7d294f 46%, #b34f73 100%);
    }

    .pe-luxury-bar::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at 18% -120%, rgba(255,255,255,.35), transparent 42%),
                    linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
    }

    .pe-luxury-bar__inner {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        max-width: 1440px;
        min-height: 38px;
        margin: 0 auto;
        padding: 0 42px;
        font-size: 11px;
        font-weight: 650;
        letter-spacing: .07em;
        text-transform: uppercase;
    }

    .pe-luxury-bar__item { display: flex; align-items: center; justify-content: center; gap: 8px; }
    .pe-luxury-bar__item:first-child { justify-content: flex-start; }
    .pe-luxury-bar__item:last-child { justify-content: flex-end; }
    .pe-luxury-bar__dot { width: 5px; height: 5px; border-radius: 50%; background: #f3cf8e; box-shadow: 0 0 0 4px rgba(243,207,142,.13); }
    .pe-luxury-bar strong { color: #ffe5a9; font-weight: 800; }
    .pe-luxury-bar a { color: inherit; transition: opacity .2s ease; }
    .pe-luxury-bar a:hover { opacity: .78; }

    .pe-premium-header {
        z-index: 11 !important;
        border-bottom: 1px solid var(--pe-line);
        background: rgba(255,255,255,.94) !important;
        box-shadow: 0 12px 35px rgba(53, 25, 40, .07) !important;
        /* Fixed kategori çekmecesinin ekran yerine header'a bağlanmasını önler. */
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .pe-premium-header > v-header-switcher > div,
    .pe-premium-header v-header-switcher > div { background: transparent; }

    .pe-premium-header img[alt] {
        width: auto;
        max-width: 166px;
        height: 42px;
        object-fit: contain;
    }

    .pe-premium-header form[role="search"] { max-width: 480px; }
    .pe-premium-header form[role="search"] input,
    .pe-premium-header form[action*="search"] input {
        min-height: 48px;
        border: 1px solid rgba(125,41,79,.14) !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #fff 0%, #fff8fa 100%) !important;
        box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(100,39,67,.05);
        font-size: 13px !important;
        transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

    .pe-premium-header form input:focus {
        border-color: rgba(200,91,131,.65) !important;
        box-shadow: 0 0 0 4px rgba(200,91,131,.10), 0 10px 28px rgba(100,39,67,.08) !important;
        transform: translateY(-1px);
        outline: none;
    }

    .pe-premium-header .icon-search { color: var(--pe-wine); }
    .pe-premium-header .icon-compare,
    .pe-premium-header .icon-cart,
    .pe-premium-header .icon-users {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 1px solid rgba(125,41,79,.12);
        border-radius: 50%;
        color: var(--pe-ink);
        background: #fff;
        box-shadow: 0 7px 18px rgba(62,25,44,.06);
        transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
    }

    .pe-premium-header .icon-compare:hover,
    .pe-premium-header .icon-cart:hover,
    .pe-premium-header .icon-users:hover {
        color: #fff;
        background: linear-gradient(145deg, var(--pe-wine), var(--pe-rose));
        box-shadow: 0 10px 25px rgba(125,41,79,.24);
        transform: translateY(-2px);
    }

    .pe-premium-header a { transition: color .2s ease; }
    .pe-premium-header a:hover { color: var(--pe-wine); }

    @media (min-width: 1024px) {
        .pe-premium-header .pe-desktop-shell {
            min-height: 88px;
        }

        .pe-premium-header .pe-desktop-shell {
            max-width: 1540px;
            margin: 0 auto;
            padding-right: clamp(28px, 4vw, 68px) !important;
            padding-left: clamp(28px, 4vw, 68px) !important;
            border-bottom: 0 !important;
        }

        .pe-premium-header v-desktop-category { color: var(--pe-ink); }
        .pe-premium-header v-desktop-category a {
            position: relative;
            font-weight: 650;
            letter-spacing: -.01em;
        }
        .pe-premium-header v-desktop-category a::after {
            content: "";
            position: absolute;
            right: 50%;
            bottom: -8px;
            left: 50%;
            height: 2px;
            border-radius: 10px;
            background: linear-gradient(90deg, var(--pe-gold), var(--pe-rose));
            transition: right .22s ease, left .22s ease;
        }
        .pe-premium-header v-desktop-category a:hover::after { right: 0; left: 0; }
    }

    @media (max-width: 1023px) {
        .pe-luxury-bar__inner {
            display: flex;
            min-height: 34px;
            padding: 0 14px;
            font-size: 9px;
            letter-spacing: .045em;
        }
        .pe-luxury-bar__item { display: none; }
        .pe-luxury-bar__item:nth-child(2) { display: flex; width: 100%; }

        .pe-premium-header .pe-mobile-shell {
            gap: 13px !important;
            padding: 14px 15px 15px !important;
            background: rgba(255,255,255,.96);
            box-shadow: none !important;
        }
        .pe-premium-header img[alt] { max-width: 138px; height: 35px; }
        .pe-premium-header .icon-compare,
        .pe-premium-header .icon-cart,
        .pe-premium-header .icon-users {
            width: 36px;
            height: 36px;
            font-size: 20px !important;
            box-shadow: 0 5px 14px rgba(62,25,44,.05);
        }
        .pe-premium-header form[action*="search"] input {
            min-height: 45px;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }
    }

    @media (max-width: 420px) {
        .pe-premium-header img[alt] { max-width: 116px; }
        .pe-premium-header .icon-compare { display: none !important; }
    }

    /* Premium masaüstü kategori navigasyonu */
    @media (min-width: 1024px) {
        .pe-premium-header .pe-desktop-shell {
            min-height: 92px;
            gap: 26px;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child {
            min-width: 0;
            gap: clamp(18px, 2vw, 32px) !important;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > a {
            display: flex;
            flex: 0 0 auto;
            align-items: center;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center {
            gap: 7px;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div {
            height: auto !important;
            min-height: 42px;
            border: 0 !important;
            border-radius: 999px;
            background: #fff7f9;
            box-shadow: inset 0 0 0 1px rgba(125,41,79,.10);
            transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div:first-child {
            color: #fff;
            background: linear-gradient(135deg, #64203e, #a83f68);
            box-shadow: 0 9px 20px rgba(125,41,79,.22);
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div:hover {
            border: 0 !important;
            background: #fbe9ef;
            box-shadow: inset 0 0 0 1px rgba(125,41,79,.20), 0 8px 18px rgba(65,26,45,.08);
            transform: translateY(-2px);
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div:first-child:hover {
            color: #fff;
            background: linear-gradient(135deg, #50172f, #be4e77);
            box-shadow: 0 11px 25px rgba(125,41,79,.28);
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div > span,
        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div a {
            display: flex;
            align-items: center;
            min-height: 42px;
            padding: 0 14px !important;
            color: inherit;
            font-size: 12px;
            font-weight: 750;
            line-height: 1;
            letter-spacing: .035em;
            white-space: nowrap;
        }

        .pe-premium-header .pe-desktop-shell > div:last-child {
            flex: 0 1 390px;
            gap: 17px !important;
        }

        .pe-premium-header .pe-desktop-shell > div:last-child form[role="search"] {
            width: min(270px, 22vw);
        }
    }

    /* Bagisto kategori çekmecesi: her cihazda gerçek viewport yüksekliği */
    .pe-premium-header [class*="z-[1000]"] {
        position: fixed !important;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: min(430px, calc(100vw - 24px)) !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: none !important;
        overflow: hidden !important;
        border-radius: 0 26px 26px 0;
        background: #fff !important;
        box-shadow: 24px 0 80px rgba(38,17,28,.25);
    }

    .pe-premium-header [class*="z-[1000]"] > div,
    .pe-premium-header [class*="z-[1000]"] > div > div,
    .pe-premium-header [class*="z-[1000]"] > div > div > div {
        min-height: 0;
    }

    .pe-premium-header [class*="z-[1000]"] > div {
        height: 100% !important;
        overflow: hidden !important;
        border-radius: inherit;
    }

    .pe-premium-header [class*="z-[1000]"] .border-b.border-gray-200 {
        min-height: 104px;
        padding: 30px 28px 22px !important;
        color: #fff;
        border: 0 !important;
        background: linear-gradient(125deg, #46152c, #8a2c53 58%, #bd5076);
    }

    .pe-premium-header [class*="z-[1000]"] .border-b.border-gray-200 p {
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 28px !important;
        font-weight: 700 !important;
        letter-spacing: -.025em;
    }

    .pe-premium-header [class*="z-[1000]"] .icon-cancel {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(255,255,255,.30);
        border-radius: 50%;
        color: #fff;
        background: rgba(255,255,255,.12);
        font-size: 20px !important;
    }

    .pe-premium-header [class*="z-[1000]"] [class*="calc(100vh-74px)"] {
        height: auto !important;
        min-height: 100%;
        padding: 14px 16px 28px;
    }

    .pe-premium-header [class*="z-[1000]"] a.text-base {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 56px;
        padding: 0 18px;
        border: 1px solid rgba(125,41,79,.09);
        border-radius: 15px;
        color: #311b26 !important;
        background: linear-gradient(180deg, #fff, #fff8fa);
        box-shadow: 0 7px 20px rgba(66,27,46,.045);
        font-size: 15px !important;
        font-weight: 700 !important;
        transition: color .2s ease, transform .2s ease, box-shadow .2s ease;
    }

    .pe-premium-header [class*="z-[1000]"] a.text-base::before {
        content: "✦";
        margin-right: 12px;
        color: #c99a45;
        font-size: 11px;
    }

    .pe-premium-header [class*="z-[1000]"] a.text-base:hover {
        color: #8a2c53 !important;
        box-shadow: 0 11px 28px rgba(88,31,58,.10);
        transform: translateX(4px);
    }

    .pe-premium-header [class*="z-[1000]"] .cursor-pointer.hover\:bg-gray-100 {
        margin-bottom: 8px;
        padding: 0 !important;
        border-radius: 15px;
        background: transparent !important;
    }

    .pe-premium-header .fixed.inset-0[class*="bg-gray-500"] {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(31,14,23,.58) !important;
        backdrop-filter: blur(5px);
    }

    @media (max-width: 1023px) {
        .pe-premium-header [class*="z-[1000]"] {
            width: min(390px, calc(100vw - 18px)) !important;
            border-radius: 0 22px 22px 0;
        }
    }

    /* Duyuru bandı normalde header'ın üstünde; çekmece açıldığında header katmanı bandı örter. */
    .pe-luxury-bar { z-index: 30; }
    .pe-premium-header { z-index: 40 !important; }

    /* Logo/arama ve kategorileri iki ayrı sıraya ayırarak tüm yatay çakışmaları önler. */
    @media (min-width: 1024px) {
        .pe-premium-header .pe-desktop-shell {
            display: grid !important;
            grid-template-columns: 210px minmax(280px, 1fr) auto;
            grid-template-rows: 72px 52px;
            align-items: center;
            width: 100%;
            min-height: 124px;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child {
            display: contents !important;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > a {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div {
            grid-column: 1 / -1;
            grid-row: 2;
            align-self: stretch;
            margin-right: calc(clamp(28px, 4vw, 68px) * -1);
            margin-left: calc(clamp(28px, 4vw, 68px) * -1);
            border-top: 1px solid rgba(125,41,79,.09);
            background: linear-gradient(180deg, #fffafa 0%, #fff 100%);
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center {
            justify-content: center;
            height: 52px;
            gap: 9px;
        }

        .pe-premium-header .pe-desktop-shell > div:last-child {
            grid-column: 2 / 4;
            grid-row: 1;
            justify-self: end;
            width: min(620px, 100%);
            max-width: 620px;
        }

        .pe-premium-header .pe-desktop-shell > div:last-child > div:first-child {
            flex: 1 1 auto;
        }

        .pe-premium-header .pe-desktop-shell > div:last-child form[role="search"] {
            width: 100%;
            max-width: 390px;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div {
            min-height: 38px;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div > span,
        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div a {
            min-height: 38px;
            padding-right: 20px !important;
            padding-left: 20px !important;
        }
    }

    @media (min-width: 1024px) and (max-width: 1180px) {
        .pe-premium-header .pe-desktop-shell {
            grid-template-columns: 180px minmax(220px, 1fr) auto;
        }

        .pe-premium-header .pe-desktop-shell img[alt] {
            max-width: 150px;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center {
            gap: 6px;
        }

        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div > span,
        .pe-premium-header .pe-desktop-shell > div:first-child > div > div.flex.items-center > div a {
            padding-right: 14px !important;
            padding-left: 14px !important;
            font-size: 11px;
        }
    }