/* pl-items + overlay alanı */
.pl-items {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.pl-items .video{
    border-radius: 6px;
    overflow: hidden;
}
.pl-items .pl-info-block {
    width: 94%;
    margin: auto;
    position: absolute;
    z-index: 2;
    bottom: 12px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    align-items: center;
    display: flex;
    cursor: pointer;
    background-color: #ffffffcc;
    border-radius: 7px;
    padding: 6px;
    gap: 15px;
    max-width: 100%;
    
}
.pl-items .pl-info-block img.sc-img {
    width: 60px;
    height: 72px;
    max-height: 72px;
    object-fit: cover;
    border-radius: 3px;
}

.pl-items .pl-info-block .name{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
    text-align: center;
}
.pl-items .pl-info-block .prodcut-name {

    margin: 0;
    font-weight: 600;
    font-size: 11px;
    color: #181818;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 13px;
}
.pl-items .pl-info-block .name a, .pl-items .pl-info-block .name .btns {
    display: block;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    margin: 0 4px 0 0 !important;
    color: #f35111;
}

.pl-items .pl-info-block .nl-price {
    margin: 10px 0;
    font-size: 12px;
    font-weight: 600;
    color: #181818;
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: normal;
    justify-content: center;
}

.pl-items .pl-info-block .nl-price-old {
    opacity: 0.75;
    text-decoration: line-through;
    font-weight: 400;
}
.pl-items .pl-info-block .name .btns  img {
    width: 16px;
}
.pl-items video {
    width: 100%;
    display: block;
    border-radius: 6px;
}

.swiper-card .swiper-slide-content{
    border-radius: 6px;
    overflow: hidden;
}

/* cavalle-section: modül body padding sıfırla */
.cavalle-section .p-g-mod-body {
    padding: 0!important;
}

/* swiper-card temel stiller */
.swiper-card {
    user-select: none;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0px 0px;
    position: relative;
}
.swiper-card .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}
.swiper-card .swiper-slide-content {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.swiper-card .swiper-slide video {
    pointer-events: none;
}

/* swiper navigation okları (genel) */
.swiper-button-next:after, .swiper-button-prev:after {
    color: #000;
    --swiper-navigation-size: 20px;
}

/* mobilde cavalle başlık fontu */
.cavalle-section .pattern-group-header .p-g-h-info .p-g-h-i-title {
    font-size: 22px;
}

/* mobilde swiper ok boyutu (genel) */
.swiper-button-next:after, .swiper-button-prev:after {
    --swiper-navigation-size: 25px;
}

/* swiper navigation renk */
:root {
    --swiper-navigation-color: rgba(0, 0, 0, 1);
}

/* Category filter side panel (desktop + mobile) */
body.hidden-scroll {
    overflow: hidden;
}

.category-filter-order .list-wrap .list .list-first,
.category-filter-order .list-wrap .list .list-last {
    display: flex;
    align-items: center;
}

.cat-filter-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #212121;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    user-select: none;
    cursor: pointer;
    text-decoration-line: underline;
}

.cat-page-filter-block.active .pattern-group-body .p-g-b-c-wrapper{
    padding: 20px 24px;
}

.cat-page-filter-block .pattern-group-body {
    position: fixed;
    left: -105%;
    right: unset;
    top: 0;
    bottom: 0;
    z-index: 1002;
    background: #fff;
    border-left: 0;
    border-right: 1px solid #f4f4f4;
    overflow: unset;
    transition: 0.5s;
    max-width: 400px;
    width: 100vh;
}

.cat-page-filter-block.active .pattern-group-body {
    left: 0;
}

.filter-close-block .right .close-btn {
    cursor: pointer;
    user-select: none;
}

.pattern-group-body .p-g-mod-t-cat-filter .p-g-mod-header-p-0 .p-g-m-h-icon {
    width: fit-content;
    font-size: 13px;
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-header {
    display: flex;
    flex-direction: row-reverse;
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-body {
    display: none;
    margin-top: 15px;
    padding: 0px 5px !important;
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-header.active .p-g-m-h-info .p-g-m-h-i-title {
    font-weight: 500 !important;
    color: #000;
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li {
    font-size: 13px;
    color: #575757;
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li span {
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 13px;
    width: 13px;
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li span::before,
.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li span::after {
    display: none;
}

.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li .lag-checkbox {
    height: auto;
    line-height: normal;
    align-items: center;
}

.filter-close-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #f4f4f4;
}

.filter-close-block .left .small-title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.filter-close-block .left .title {
    color: #0A0400;
    font-size: 16px;
    font-weight: 500;
}

.filter-close-block .right .close-btn svg {
    width: 22px;
    height: 100%;
}

.category-filter-order .list-wrap .list .list-first {
    align-items: center;
}

/* Mobile overrides (<= 991px) */
@media (max-width: 991px) {

    .cat-page-filter-block .pattern-group-body {
        position: fixed;
        z-index: 1002;
        background: #fff;
        border-left: 0;
        border-right: 1px solid #f4f4f4;
        overflow: auto;
        transition: 0.5s;
        width: 100%;
    }

    .cat-page-filter-block.active .pattern-group-body .p-g-b-c-wrapper {
        padding: 0;
    }
    .cat-page-filter-block .pattern-group-body .p-g-b-c-inner {
        max-height: 650px;
        overflow: auto;
    }

    .categories-body .p-g-mod-t-cat-filter .p-g-mod-header .p-g-m-h-icon {
        font-size: 15px;
        width: auto;
    }

    .categories-body .p-g-mod-t-cat-filter .p-g-mod-header {
        display: flex;
        flex-direction: row-reverse;
        padding: 10px 0 15px 0;
        height: auto;
        margin-bottom: 25px;
    }

    .cat-page-filter-block.active .pattern-group-body .p-g-b-c-inner .p-g-mod-t-26 {
        margin: 0px;
    }

    .filter-close-block .mobil-close {
        position: absolute;
        right: 0;
        left: 0;
        top: 0px;
        background: #000;
        width: 140px;
        height: 3px;
        border-radius: 200px;
        margin: 0 auto;
        z-index: 2;
        display: none;
    }

    .cat-page-filter-block.active .pattern-group-body .p-g-b-c-inner {
        overflow: auto;
    }

    .filter-close-block {
        padding: 0 0 12px 0;
        position: relative;
    }

    .filter-close-block .left {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        line-height: normal;
        width: 100%;
    }

    .filter-close-block .left .title {
        font-size: 14px;
        font-weight: 300;
        color: #575757;
    }

    .filter-close-block .left .small-title {
        color: #0A0400;
        font-size: 16px;
        font-weight: 500;
    }

    .filter-close-block .right {
        display: none;
    }

    .cat-page-filter-block .pattern-group-body {
        /* Mobilde de desktop gibi soldan açılsın (bottom-sheet iptal) */
        height: auto;
        top: 0;
        bottom: 0;
        left: -105%;
        right: unset;
        padding: 20px 16px;
    }

    .cat-page-filter-block.active .pattern-group-body {
        left: 0;
    }
}

/* Ürün Detay - Normal (altta) görsel alanı indirim oranı */
#product-profile-carousel.product-carousel-desktop.normal .carousel-outer{
    position: relative;
}

#product-profile-carousel.product-carousel-desktop.normal .carousel-outer .discount{
    position: absolute;
    right: 15px;
    top: 10px;
    background: #fff;
    color: red;
    z-index: 9;
    width: 45px;
    text-align: center;
    font-weight: 500;
}

/* Ürün Kartı - Ücretsiz kargo + Yeni rozetleri üst üste binmesin */
.card-product .card-product-inner .card-badges{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.card-product .card-product-inner .card-badges .free-cargo-badge{
    position: static;
    left: auto;
    top: auto;
    right: auto;
}

/* ==========================================================================
   CAVALLE LUX — Editoriale layer (lüks/minimalist katman)
   Mevcut sınıfları ezmez; yalnız yeni `cv-*` ve `--lux` varyantları ekler.
   ========================================================================== */

/* ----------- SHELL: Header & Footer (canlı twig'lerden gelen markup için) ---- */
.cv-shell-head{
    background: var(--cv-paper, #faf8f4) !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
}
.cv-shell-head .h-center{
    border-bottom: 0 !important;
    box-shadow: none !important;
}
.cv-utility{
    background: #0b0b0d;
    color: rgba(247,244,238,.7);
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    letter-spacing: .24em;
    text-transform: uppercase;
    padding: 10px clamp(20px, 4vw, 52px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cv-utility a{ color: rgba(247,244,238,.9); text-decoration: none; }
.cv-utility .cv-utility__promo{ color: #c4ac7d; }
.cv-utility .cv-utility__right{ display: flex; gap: 22px; }
@media (max-width:760px){ .cv-utility .cv-utility__right{ display:none; } }

/* Ana header (twig'te .h-center.cv-head olarak kullanılıyor) */
section.cv-head, .cv-head{
    position: relative !important;
    background: rgba(250,248,244,.94) !important;
    backdrop-filter: saturate(140%) blur(14px);
    border-bottom: 1px solid rgba(11,11,13,.08) !important;
    box-shadow: none !important;
    font-family: "Manrope", sans-serif;
    padding: 18px clamp(20px, 4vw, 52px) !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    height: auto !important;
}
.cv-head .cv-head__nav{
    display: flex;
    gap: 28px;
    font-size: 12px;
    letter-spacing: .26em;
    text-transform: uppercase;
    font-weight: 500;
    align-items: center;
}
.cv-head .cv-head__nav a{
    color: #0b0b0d;
    text-decoration: none;
    padding-bottom: 4px;
    border-bottom: 1px solid transparent;
    transition: border-color .35s cubic-bezier(.22,.61,.36,1);
}
.cv-head .cv-head__nav a:hover, .cv-head .cv-head__nav a.is-active{ border-color: #0b0b0d; }
.cv-head .cv-head__brand{
    font-family: "Bodoni Moda", serif;
    font-size: 30px;
    line-height: 1;
    letter-spacing: .04em;
    text-align: center;
    text-decoration: none;
    color: #0b0b0d;
    display: block;
}
.cv-head .cv-head__brand img{ display: block; margin: 0 auto; }
.cv-head .cv-head__brand .it{ font-style: italic; }
.cv-head .cv-head__brand small{
    display: block;
    font-family: "Manrope", sans-serif;
    font-size: 9px;
    letter-spacing: .55em;
    text-transform: uppercase;
    color: #a88c5f;
    margin-top: 4px;
}
.cv-head .cv-head__ic{
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 22px;
}
.cv-head .cv-head__ic a,
.cv-head .cv-head__ic .bar-link,
.cv-head .cv-head__ic .dropdown > a{
    color: #0b0b0d;
    display: inline-grid;
    place-items: center;
    position: relative;
    text-decoration: none;
}
.cv-head .cv-head__ic svg{ width: 19px; height: 19px; }
.cv-head .cv-head__ic .cnt,
.cv-head .cv-head__ic .count{
    position: absolute;
    top: -6px;
    right: -10px;
    background: #0b0b0d;
    color: #f7f4ee;
    font-size: 9px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 600;
    letter-spacing: 0;
}
@media (max-width: 980px){
    section.cv-head, .cv-head{ grid-template-columns: auto 1fr auto; }
    .cv-head .cv-head__nav{ display: none; }
}

/* Footer (canlı footer.twig'te .cv-foot olarak kullanılacak) */
footer.cv-foot, .cv-foot{
    background: #0b0b0d !important;
    color: rgba(239,234,225,.8);
    padding: 80px clamp(24px, 5vw, 80px) 40px !important;
    font-family: "Manrope", sans-serif;
}
.cv-foot .cv-foot__grid{
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr) 1.2fr;
    gap: 56px;
    margin-bottom: 64px;
}
.cv-foot .cv-foot__brand{
    font-family: "Bodoni Moda", serif;
    font-size: 34px;
    line-height: 1;
    color: #f7f4ee;
    margin: 0 0 10px;
    letter-spacing: .03em;
}
.cv-foot .cv-foot__brand .it{ font-style: italic; color: #c4ac7d; }
.cv-foot .cv-foot__brand-tag{
    font-size: 10px;
    letter-spacing: .42em;
    text-transform: uppercase;
    color: rgba(239,234,225,.5);
}
.cv-foot h5{
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: #f7f4ee;
    margin: 0 0 22px;
    font-weight: 600;
}
.cv-foot ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cv-foot ul li{ margin: 0; }
.cv-foot ul a{
    color: rgba(239,234,225,.7);
    text-decoration: none;
    font-size: 13.5px;
    transition: color .3s ease;
}
.cv-foot ul a:hover{ color: #c4ac7d; }
.cv-foot__contact{
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.85;
    color: rgba(239,234,225,.7);
}
.cv-foot__wa{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 12px 18px;
    border: 1px solid rgba(196,172,125,.45);
    border-radius: 999px;
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #f7f4ee;
    text-decoration: none;
    transition: background .4s ease, color .4s ease;
}
.cv-foot__wa:hover{ background: #c4ac7d; color: #0b0b0d; }
.cv-foot__bottom{
    border-top: 1px solid rgba(239,234,225,.15);
    padding-top: 28px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(239,234,225,.45);
}
.cv-foot__bottom a{ color: rgba(239,234,225,.6); text-decoration: none; }
@media (max-width: 980px){
    .cv-foot .cv-foot__grid{ grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 560px){
    .cv-foot .cv-foot__grid{ grid-template-columns: 1fr; }
}


/* NOT: Google Fonts (Bodoni Moda + Manrope) sablon.twig head'inden <link> ile yüklenir.
   CSS @import dosyanın en başında olmadığı için tarayıcı tarafından yok sayılır. */

:root{
    --cv-ink: #0b0b0d;
    --cv-ink-soft: #2a2a2e;
    --cv-bone: #efeae1;
    --cv-cream: #f7f4ee;
    --cv-paper: #faf8f4;
    --cv-brass: #a88c5f;
    --cv-brass-soft: #c4ac7d;
    --cv-wine: #6b1f2a;
    --cv-line: rgba(11,11,13,.14);
    --cv-line-strong: rgba(11,11,13,.32);
    --cv-display: "Bodoni Moda", "Times New Roman", serif;
    --cv-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --cv-ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------- Utilities ---------- */
.cv-display{
    font-family: var(--cv-display);
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: .98;
    color: var(--cv-ink);
}
.cv-display .it{ font-style: italic; font-weight: 400; }
.cv-eyebrow{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .32em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--cv-ink-soft);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.cv-eyebrow::before{
    content: "";
    width: 28px;
    height: 1px;
    background: var(--cv-ink-soft);
    display: inline-block;
}
.cv-eyebrow.cv-eyebrow--center::after{
    content: "";
    width: 28px;
    height: 1px;
    background: var(--cv-ink-soft);
    display: inline-block;
}
.cv-eyebrow.cv-eyebrow--brass{ color: var(--cv-brass); }
.cv-eyebrow.cv-eyebrow--brass::before,
.cv-eyebrow.cv-eyebrow--brass::after{ background: var(--cv-brass); }
.cv-eyebrow.cv-eyebrow--light{ color: rgba(255,255,255,.78); }
.cv-eyebrow.cv-eyebrow--light::before,
.cv-eyebrow.cv-eyebrow--light::after{ background: rgba(255,255,255,.55); }

.cv-divider{
    height: 1px;
    background: var(--cv-line);
    width: 100%;
}
.cv-rule{
    width: 48px;
    height: 1px;
    background: var(--cv-ink);
    display: inline-block;
}

.cv-link-underline{
    position: relative;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .24em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-ink);
    padding-bottom: 6px;
    display: inline-block;
    text-decoration: none;
}
.cv-link-underline::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: var(--cv-ink);
    transform-origin: right center;
    transition: transform .6s var(--cv-ease);
}
.cv-link-underline:hover{ color: var(--cv-ink); }
.cv-link-underline:hover::after{
    transform: scaleX(0);
    transform-origin: left center;
    animation: cv-underline-redraw 1.1s var(--cv-ease) forwards;
}
@keyframes cv-underline-redraw{
    0%{ transform: scaleX(1); transform-origin: right center; }
    50%{ transform: scaleX(0); transform-origin: right center; }
    50.01%{ transform-origin: left center; }
    100%{ transform: scaleX(1); transform-origin: left center; }
}

/* ---------- Section shell ---------- */
.cv-section{
    position: relative;
    padding: clamp(64px, 9vw, 140px) 0;
    background: var(--cv-paper);
    color: var(--cv-ink);
}
.cv-section--cream{ background: var(--cv-cream); }
.cv-section--bone{ background: var(--cv-bone); }
.cv-section--ink{ background: var(--cv-ink); color: #efeae1; }
.cv-section--ink .cv-display{ color: #f7f4ee; }
.cv-section--tight{ padding: clamp(40px, 6vw, 90px) 0; }
.cv-section .cv-wrap{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
}

/* ---------- Hero ---------- */
.cv-hero{
    position: relative;
    height: clamp(620px, 92vh, 900px);
    overflow: hidden;
    background: #0b0b0d;
    color: #f7f4ee;
}
.cv-hero__media{
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.cv-hero__media img,
.cv-hero__media video{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.06);
    animation: cv-slow-zoom 14s var(--cv-ease) forwards;
}
@keyframes cv-slow-zoom{
    from{ transform: scale(1.12); }
    to{ transform: scale(1.0); }
}
.cv-hero__media::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 70% at 50% 110%, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 60%),
        linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,0) 60%, rgba(0,0,0,.55) 100%);
}
.cv-hero__inner{
    position: relative;
    z-index: 2;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    align-items: end;
    padding: 80px clamp(24px, 5vw, 80px);
}
.cv-hero__rail{
    position: absolute;
    right: clamp(20px, 3vw, 42px);
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: right center;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .42em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 18px;
}
.cv-hero__rail::before{
    content: "";
    width: 56px;
    height: 1px;
    background: rgba(255,255,255,.5);
}
.cv-hero__content{
    max-width: 880px;
}
.cv-hero__eyebrow{
    color: rgba(255,255,255,.78);
    margin-bottom: 28px;
    opacity: 0;
    transform: translateY(14px);
    animation: cv-rise 1s var(--cv-ease) .15s forwards;
}
.cv-hero__eyebrow::before{ background: rgba(255,255,255,.55); }
.cv-hero__title{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(54px, 8.6vw, 142px);
    line-height: .92;
    letter-spacing: -.018em;
    color: #f7f4ee;
    margin: 0;
}
.cv-hero__title .it{ font-style: italic; color: var(--cv-brass-soft); }
.cv-hero__title > span{
    display: block;
    opacity: 0;
    transform: translateY(28px);
    animation: cv-rise 1.1s var(--cv-ease) forwards;
}
.cv-hero__title > span:nth-child(1){ animation-delay: .35s; }
.cv-hero__title > span:nth-child(2){ animation-delay: .55s; }
.cv-hero__title > span:nth-child(3){ animation-delay: .75s; }
.cv-hero__sub{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 44px;
    gap: 40px;
    opacity: 0;
    transform: translateY(14px);
    animation: cv-rise 1s var(--cv-ease) 1s forwards;
}
.cv-hero__sub p{
    max-width: 380px;
    font-family: var(--cv-sans);
    font-size: 14px;
    line-height: 1.7;
    color: rgba(247,244,238,.82);
    margin: 0;
}
.cv-hero__cta{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .28em;
    text-transform: uppercase;
    font-weight: 600;
    color: #f7f4ee;
    text-decoration: none;
    padding: 18px 30px;
    border: 1px solid rgba(255,255,255,.5);
    background: transparent;
    transition: background .5s var(--cv-ease), color .5s var(--cv-ease), border-color .5s var(--cv-ease);
}
.cv-hero__cta svg{ width: 18px; height: 10px; transition: transform .5s var(--cv-ease); }
.cv-hero__cta:hover{ background:#f7f4ee; color:#0b0b0d; border-color:#f7f4ee; }
.cv-hero__cta:hover svg{ transform: translateX(6px); }

.cv-hero__meta{
    position: absolute;
    left: clamp(24px, 5vw, 80px);
    top: 110px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 24px;
    color: rgba(255,255,255,.7);
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .32em;
    text-transform: uppercase;
}
.cv-hero__meta span:not(:last-child)::after{
    content: "·";
    margin-left: 24px;
    opacity: .5;
}

@keyframes cv-rise{
    to{ opacity: 1; transform: translateY(0); }
}

/* ---------- Marquee ---------- */
.cv-marquee{
    background: var(--cv-ink);
    color: var(--cv-bone);
    padding: 22px 0;
    overflow: hidden;
    border-block: 1px solid rgba(255,255,255,.08);
}
.cv-marquee__track{
    display: flex;
    gap: 64px;
    width: max-content;
    animation: cv-marquee 38s linear infinite;
    will-change: transform;
}
.cv-marquee__item{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(26px, 3vw, 44px);
    letter-spacing: .005em;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 64px;
    color: var(--cv-bone);
}
.cv-marquee__item::after{
    content: "✦";
    color: var(--cv-brass);
    font-style: normal;
    font-size: .55em;
}
@keyframes cv-marquee{
    from{ transform: translateX(0); }
    to{ transform: translateX(-50%); }
}

/* ---------- Editorial split ---------- */
.cv-editorial{
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: clamp(28px, 5vw, 90px);
    align-items: center;
}
.cv-editorial--reverse{ grid-template-columns: 1fr 1.05fr; }
.cv-editorial--reverse .cv-editorial__media{ order: 2; }
.cv-editorial__media{
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--cv-bone);
}
.cv-editorial__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.4s var(--cv-ease);
}
.cv-editorial__media:hover img{ transform: scale(1.04); }
.cv-editorial__media-label{
    position: absolute;
    left: 18px;
    bottom: 18px;
    background: rgba(247,244,238,.92);
    padding: 8px 14px;
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-ink);
    backdrop-filter: blur(4px);
}
.cv-editorial__copy h2.cv-display{
    font-size: clamp(40px, 5.2vw, 88px);
    margin: 24px 0 28px;
}
.cv-editorial__copy p{
    font-family: var(--cv-sans);
    font-size: 15px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    max-width: 540px;
    margin: 0 0 18px;
}
.cv-editorial__copy .cv-meta-list{
    list-style: none;
    padding: 0;
    margin: 36px 0 40px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px 32px;
    max-width: 540px;
}
.cv-editorial__copy .cv-meta-list li{
    border-top: 1px solid var(--cv-line);
    padding-top: 12px;
    font-family: var(--cv-sans);
    font-size: 13px;
    color: var(--cv-ink-soft);
}
.cv-editorial__copy .cv-meta-list li strong{
    display: block;
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    color: var(--cv-ink);
    margin-bottom: 4px;
}

/* ---------- Collection grid (asymmetric) ---------- */
.cv-collection-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 1fr;
    gap: 16px;
}
.cv-collection-grid > a{
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--cv-bone);
    text-decoration: none;
    color: inherit;
    aspect-ratio: 4/5;
}
.cv-collection-grid > a.cv-cell--lg{
    grid-column: span 6;
    grid-row: span 2;
    aspect-ratio: 4/5.4;
}
.cv-collection-grid > a.cv-cell--sm{
    grid-column: span 3;
}
.cv-collection-grid > a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.6s var(--cv-ease);
    will-change: transform;
}
.cv-collection-grid > a:hover img{ transform: scale(1.045); }
.cv-collection-grid > a::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.5) 100%);
    pointer-events: none;
}
.cv-collection-grid .cv-cell__caption{
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    z-index: 2;
    color: #f7f4ee;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}
.cv-collection-grid .cv-cell__caption .name{
    font-family: var(--cv-display);
    font-size: clamp(20px, 1.8vw, 30px);
    line-height: 1.1;
    font-style: italic;
}
.cv-collection-grid .cv-cell__caption .count{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: rgba(255,255,255,.8);
}

/* ---------- Story strip ---------- */
.cv-story{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    align-items: stretch;
    border-top: 1px solid var(--cv-line);
    border-bottom: 1px solid var(--cv-line);
    overflow: hidden;
}
.cv-story__panel{
    padding: clamp(48px, 6vw, 96px);
    background: var(--cv-paper);
    position: relative;
}
.cv-story__panel--dark{
    background: var(--cv-ink);
    color: var(--cv-bone);
}
.cv-story__panel--dark .cv-display{ color: #f7f4ee; }
.cv-story__panel h3{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(34px, 4vw, 64px);
    line-height: 1;
    margin: 22px 0 24px;
}
.cv-story__panel p{
    font-family: var(--cv-sans);
    font-size: 14.5px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    max-width: 460px;
}
.cv-story__panel--dark p{ color: rgba(239,234,225,.78); }
.cv-story__signature{
    margin-top: 32px;
    font-family: var(--cv-display);
    font-style: italic;
    font-size: 22px;
    color: var(--cv-brass);
}

/* ---------- Product rail (lux wrapper) ---------- */
.cv-product-rail{
    padding: clamp(56px, 8vw, 110px) 0;
}
.cv-product-rail__head{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 56px;
}
.cv-product-rail__head h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(36px, 4.4vw, 72px);
    line-height: .98;
    margin: 14px 0 0;
}
.cv-product-rail__head h2 .it{ font-style: italic; }
.cv-product-rail__tabs{
    display: flex;
    gap: 28px;
    align-items: center;
}
.cv-product-rail__tabs button{
    background: transparent;
    border: 0;
    padding: 6px 0;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    cursor: pointer;
    position: relative;
    transition: color .4s var(--cv-ease);
}
.cv-product-rail__tabs button::after{
    content: "";
    position: absolute;
    left: 0; bottom: -4px;
    width: 100%;
    height: 1px;
    background: var(--cv-ink);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .5s var(--cv-ease);
}
.cv-product-rail__tabs button.is-active,
.cv-product-rail__tabs button:hover{ color: var(--cv-ink); }
.cv-product-rail__tabs button.is-active::after,
.cv-product-rail__tabs button:hover::after{
    transform: scaleX(1);
    transform-origin: left center;
}

/* lux ürün kartı varyantı — `.card-product` yapısı aynen kalıyor */
.card-product.card-product--lux .card-product-inner{
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.card-product.card-product--lux .card-product-inner > a{
    border-radius: 0;
}
.card-product.card-product--lux .card-img,
.card-product.card-product--lux .card-product-img,
.card-product.card-product--lux figure{
    border-radius: 0 !important;
    overflow: hidden;
    background: var(--cv-bone);
    aspect-ratio: 4 / 5;
}
.card-product.card-product--lux img{
    border-radius: 0 !important;
    transition: transform 1.4s var(--cv-ease), opacity .5s ease;
}
.card-product.card-product--lux:hover img{
    transform: scale(1.045);
}
.card-product.card-product--lux .card-product-body,
.card-product.card-product--lux .card-info,
.card-product.card-product--lux .card-text{
    padding: 18px 4px 4px;
}
.card-product.card-product--lux .product-name,
.card-product.card-product--lux .card-title,
.card-product.card-product--lux .name a{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -.01em;
    color: var(--cv-ink);
    text-transform: none;
}
.card-product.card-product--lux .price,
.card-product.card-product--lux .new-price,
.card-product.card-product--lux .nl-price{
    font-family: var(--cv-sans);
    font-size: 13px;
    letter-spacing: .12em;
    color: var(--cv-ink);
    font-weight: 500;
}
.card-product.card-product--lux .old-price,
.card-product.card-product--lux .nl-price-old{
    font-family: var(--cv-sans);
    color: var(--cv-ink-soft);
    opacity: .55;
    font-size: 12px;
}

/* Grid helper for product rows */
.cv-grid-4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(14px, 1.8vw, 28px);
}
@media (max-width: 992px){
    .cv-grid-4{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
    .cv-grid-4{ grid-template-columns: 1fr; }
}

/* Standalone lux product card (önizleme/statik gösterim için) */
.cv-product-card{
    position: relative;
    display: flex;
    flex-direction: column;
    color: inherit;
    background: #fff;
    padding: 12px 12px 18px;
    border: 1px solid transparent;
    transition: border-color .5s var(--cv-ease), transform .55s var(--cv-ease), box-shadow .55s var(--cv-ease);
    will-change: transform;
}
.cv-product-card__link{
    display: block;
    text-decoration: none;
    color: inherit;
}
.cv-product-card:hover{
    border-color: var(--cv-line);
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -36px rgba(11,11,13,.35), 0 6px 12px -10px rgba(11,11,13,.15);
}
.cv-product-card__media{
    position: relative;
    aspect-ratio: 4 / 5;
    background: var(--cv-bone);
    overflow: hidden;
    margin-bottom: 18px;
}
.cv-product-card__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.4s var(--cv-ease), opacity .5s ease;
}
.cv-product-card__media img.cv-product-card__img-alt{
    position: absolute;
    inset: 0;
    opacity: 0;
}
.cv-product-card:hover .cv-product-card__media img.cv-product-card__img-main{ opacity: 0; }
.cv-product-card:hover .cv-product-card__media img.cv-product-card__img-alt{ opacity: 1; transform: scale(1.04); }

/* badge — birden fazla yan yana */
.cv-product-card__badges{
    position: absolute;
    top: 12px;
    left: 12px;
    right: 56px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    pointer-events: none;
}
.cv-product-card__badges > *{ pointer-events: auto; }
.cv-product-card__badge{
    background: var(--cv-paper);
    color: var(--cv-ink);
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .26em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 11px;
    line-height: 1;
    border: 1px solid var(--cv-line);
}
.cv-product-card__badge--ink{ background: var(--cv-ink); color: var(--cv-bone); border-color: var(--cv-ink); }
.cv-product-card__badge--brass{ background: var(--cv-brass); color: var(--cv-paper); border-color: var(--cv-brass); }
.cv-product-card__badge--sale{ background: var(--cv-wine); color: #f7f4ee; border-color: var(--cv-wine); }

.cv-product-card__fav{
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    background: rgba(247,244,238,.94);
    border-radius: 50%;
    color: var(--cv-ink);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(11,11,13,.06);
    cursor: pointer;
    transition: background .4s var(--cv-ease), color .4s var(--cv-ease), transform .4s var(--cv-ease);
}
.cv-product-card__fav:hover{ background: var(--cv-ink); color: var(--cv-bone); transform: scale(1.05); }
.cv-product-card__fav.is-active{ background: var(--cv-wine); color: #f7f4ee; border-color: var(--cv-wine); }
.cv-product-card__fav.is-active svg{ fill: currentColor; }
.cv-product-card__fav svg{ width: 16px; height: 16px; transition: fill .3s ease; }

/* Beden seçimi — hover'da altta belirir */
.cv-product-card__sizes{
    position: absolute;
    left: 0; right: 0; bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 12px;
    background: linear-gradient(180deg, rgba(247,244,238,0) 0%, rgba(247,244,238,.98) 35%);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .35s var(--cv-ease), transform .45s var(--cv-ease);
}
.cv-product-card:hover .cv-product-card__sizes{ opacity: 1; transform: translateY(0); }
.cv-product-card__sizes button{
    background: transparent;
    border: 1px solid var(--cv-line-strong);
    padding: 7px 0;
    width: 38px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .14em;
    font-weight: 600;
    color: var(--cv-ink);
    cursor: pointer;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.cv-product-card__sizes button:hover{
    background: var(--cv-ink);
    color: var(--cv-bone);
    border-color: var(--cv-ink);
}
.cv-product-card__sizes button[disabled]{
    opacity: .4;
    cursor: not-allowed;
    position: relative;
}
.cv-product-card__sizes button[disabled]::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--cv-line-strong) calc(50% - 1px), var(--cv-line-strong) calc(50% + 1px), transparent calc(50% + 1px));
}

.cv-product-card__cat{
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-brass);
    margin-bottom: 6px;
    display: block;
}
.cv-product-card__name{
    font-family: var(--cv-display);
    font-size: 19px;
    font-weight: 400;
    line-height: 1.25;
    color: var(--cv-ink);
    margin: 0 0 12px;
    letter-spacing: -.005em;
    /* 2 satıra sığsın */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.25em * 2);
}
.cv-product-card__name .it{ font-style: italic; }

.cv-product-card__rating{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--cv-sans);
    font-size: 11px;
    color: var(--cv-ink-soft);
    margin-bottom: 8px;
}
.cv-product-card__rating .stars{
    color: var(--cv-brass);
    letter-spacing: 1px;
    font-size: 12px;
}
.cv-product-card__rating .count{ color: var(--cv-ink-soft); opacity: .7; }

.cv-product-card__price{
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-family: var(--cv-sans);
    font-size: 16px;
    color: var(--cv-ink);
    letter-spacing: .02em;
    font-weight: 600;
}
.cv-product-card__price .old{
    color: var(--cv-ink-soft);
    text-decoration: line-through;
    opacity: .55;
    font-size: 13px;
    font-weight: 400;
}
.cv-product-card__price .save{
    margin-left: auto;
    background: var(--cv-wine);
    color: #f7f4ee;
    font-size: 10px;
    letter-spacing: .18em;
    padding: 4px 8px;
    font-weight: 600;
    font-family: var(--cv-sans);
}

.cv-product-card__swatches{
    display: flex;
    gap: 8px;
    margin-top: 14px;
    align-items: center;
}
.cv-product-card__swatches button{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--cv-line-strong);
    background: transparent;
    padding: 0;
    cursor: pointer;
    position: relative;
    transition: transform .25s ease;
}
.cv-product-card__swatches button span{
    position: absolute;
    inset: 2px;
    border-radius: 50%;
    background: currentColor;
}
.cv-product-card__swatches button:hover{ transform: scale(1.12); }
.cv-product-card__swatches button.is-active{
    border-color: var(--cv-ink);
    box-shadow: 0 0 0 1px var(--cv-ink);
}
.cv-product-card__swatches .more{
    border: 0;
    background: transparent;
    color: var(--cv-ink-soft);
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .14em;
    cursor: pointer;
    padding: 0 4px;
}

/* CTA — kart altında sabit "Sepete Ekle" butonu */
.cv-product-card__cta{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 18px;
    padding: 14px 18px;
    background: var(--cv-ink);
    color: #f7f4ee;
    font-family: var(--cv-sans);
    font-size: 11.5px;
    letter-spacing: .28em;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid var(--cv-ink);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: color .4s var(--cv-ease), border-color .4s var(--cv-ease);
}
.cv-product-card__cta::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, var(--cv-brass) 0%, #c4ac7d 100%);
    transform: translateX(-101%);
    transition: transform .55s var(--cv-ease);
    z-index: 0;
}
.cv-product-card__cta > *{ position: relative; z-index: 1; }
.cv-product-card__cta:hover{
    color: #0b0b0d;
    border-color: var(--cv-brass);
}
.cv-product-card__cta:hover::before{ transform: translateX(0); }
.cv-product-card__cta svg{ width: 16px; height: 16px; transition: transform .35s ease; }
.cv-product-card__cta:hover svg{ transform: translateX(3px); }

/* Outline varyantı — daha az dikkat çeken kartlarda kullanılır */
.cv-product-card__cta.cv-product-card__cta--outline{
    background: transparent;
    color: var(--cv-ink);
    border-color: var(--cv-ink);
}
.cv-product-card__cta.cv-product-card__cta--outline:hover{
    color: #f7f4ee;
}
.cv-product-card__cta.cv-product-card__cta--outline::before{
    background: var(--cv-ink);
}

/* "Tükendi" durumu */
.cv-product-card.is-sold-out .cv-product-card__media::after{
    content: "Tükendi";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(247,244,238,.78);
    color: var(--cv-ink);
    font-family: var(--cv-display);
    font-style: italic;
    font-size: 28px;
    letter-spacing: .04em;
    z-index: 2;
    backdrop-filter: blur(2px);
}
.cv-product-card.is-sold-out .cv-product-card__cta{
    background: transparent;
    color: var(--cv-ink-soft);
    border-color: var(--cv-line-strong);
    cursor: not-allowed;
}
.cv-product-card.is-sold-out .cv-product-card__cta::before{ display: none; }

@media (max-width: 768px){
    .cv-product-card__sizes{
        opacity: 1;
        transform: none;
        position: relative;
        background: transparent;
        padding: 12px 0 0;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .cv-product-card__sizes button{ width: 34px; padding: 6px 0; font-size: 10px; }
    .cv-product-card__cta{ padding: 12px 14px; font-size: 11px; letter-spacing: .22em; }
}

/* ---------- Press / quotes ---------- */
.cv-press{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: 1px solid var(--cv-line);
    border-bottom: 1px solid var(--cv-line);
}
.cv-press blockquote{
    margin: 0;
    padding: clamp(36px, 4vw, 56px);
    border-right: 1px solid var(--cv-line);
    font-family: var(--cv-display);
    font-style: italic;
    font-size: clamp(20px, 1.6vw, 26px);
    line-height: 1.4;
    color: var(--cv-ink);
    background: var(--cv-paper);
}
.cv-press blockquote:last-child{ border-right: 0; }
.cv-press blockquote cite{
    display: block;
    margin-top: 20px;
    font-family: var(--cv-sans);
    font-style: normal;
    font-size: 11px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-brass);
}

/* ---------- Newsletter (editorial) ---------- */
.cv-newsletter{
    background: var(--cv-ink);
    color: var(--cv-bone);
    padding: clamp(72px, 9vw, 140px) 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.cv-newsletter::before,
.cv-newsletter::after{
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(168,140,95,.18) 0%, rgba(168,140,95,0) 70%);
    pointer-events: none;
}
.cv-newsletter::before{ top: -120px; left: -100px; }
.cv-newsletter::after{ bottom: -120px; right: -100px; }
.cv-newsletter__inner{ position: relative; z-index: 2; max-width: 640px; margin: 0 auto; padding: 0 24px; }
.cv-newsletter h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(38px, 4.6vw, 70px);
    line-height: 1;
    margin: 22px 0 18px;
    color: #f7f4ee;
}
.cv-newsletter h2 .it{ font-style: italic; color: var(--cv-brass-soft); }
.cv-newsletter p{
    font-family: var(--cv-sans);
    font-size: 14px;
    line-height: 1.7;
    color: rgba(239,234,225,.7);
    margin: 0 0 36px;
}
.cv-newsletter__form{
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid rgba(239,234,225,.4);
    transition: border-color .4s var(--cv-ease);
    max-width: 460px;
    margin: 0 auto;
}
.cv-newsletter__form:focus-within{ border-color: var(--cv-brass); }
.cv-newsletter__form input{
    flex: 1;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 14px 8px;
    font-family: var(--cv-sans);
    font-size: 14px;
    color: #f7f4ee;
    letter-spacing: .04em;
}
.cv-newsletter__form input::placeholder{ color: rgba(239,234,225,.45); }
.cv-newsletter__form button{
    background: transparent;
    border: 0;
    color: #f7f4ee;
    padding: 0 4px 0 20px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: color .4s var(--cv-ease);
}
.cv-newsletter__form button:hover{ color: var(--cv-brass-soft); }
.cv-newsletter__legal{
    margin-top: 26px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .14em;
    color: rgba(239,234,225,.45);
}

/* ---------- Service strip (replaces icon-group footer line) ---------- */
.cv-service-strip{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--cv-line);
    border-bottom: 1px solid var(--cv-line);
}
.cv-service-strip__item{
    padding: 32px 28px;
    border-right: 1px solid var(--cv-line);
    display: flex;
    align-items: center;
    gap: 16px;
}
.cv-service-strip__item:last-child{ border-right: 0; }
.cv-service-strip__icon{
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: var(--cv-ink);
}
.cv-service-strip__text{
    font-family: var(--cv-sans);
    font-size: 12px;
    line-height: 1.4;
    color: var(--cv-ink-soft);
}
.cv-service-strip__text strong{
    display: block;
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    color: var(--cv-ink);
    margin-bottom: 2px;
}

/* ---------- Reveal animation hook (custom.js attaches `.is-revealed`) ---------- */
.cv-reveal{
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 1s var(--cv-ease), transform 1s var(--cv-ease);
}
.cv-reveal.is-revealed{
    opacity: 1;
    transform: translateY(0);
}
.cv-reveal[data-cv-delay="1"].is-revealed{ transition-delay: .12s; }
.cv-reveal[data-cv-delay="2"].is-revealed{ transition-delay: .24s; }
.cv-reveal[data-cv-delay="3"].is-revealed{ transition-delay: .36s; }
.cv-reveal[data-cv-delay="4"].is-revealed{ transition-delay: .48s; }

/* ==========================================================================
   CATEGORY PAGE — Cavalle Lux
   ========================================================================== */

/* --- Kategori başlık alanı --- */
.cv-cat-hero{
    background: var(--cv-cream);
    padding: clamp(48px, 7vw, 96px) 0 clamp(36px, 5vw, 64px);
    border-bottom: 1px solid var(--cv-line);
}
.cv-cat-hero__inner{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: clamp(28px, 5vw, 80px);
    align-items: end;
}
.cv-breadcrumb{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    margin-bottom: 28px;
}
.cv-breadcrumb a{
    color: var(--cv-ink-soft);
    text-decoration: none;
    transition: color .3s ease;
}
.cv-breadcrumb a:hover{ color: var(--cv-ink); }
.cv-breadcrumb svg{ width: 10px; height: 10px; opacity: .5; }
.cv-breadcrumb .current{ color: var(--cv-ink); }

.cv-cat-hero h1.cv-display{
    font-size: clamp(48px, 6.5vw, 108px);
    line-height: .96;
    margin: 0;
    letter-spacing: -.02em;
}
.cv-cat-hero h1 .it{ font-style: italic; color: var(--cv-ink); }
.cv-cat-hero__desc{
    font-family: var(--cv-sans);
    font-size: 14.5px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    max-width: 460px;
    margin: 0 0 26px;
}
.cv-cat-hero__count{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
}
.cv-cat-hero__count strong{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 26px;
    color: var(--cv-ink);
    letter-spacing: 0;
    text-transform: none;
}

/* --- Sıralama / görünüm / filtre toolbar --- */
.cv-cat-toolbar{
    position: sticky;
    top: 0;
    z-index: 30;
    background: rgba(250,248,244,.95);
    backdrop-filter: saturate(140%) blur(12px);
    border-bottom: 1px solid var(--cv-line);
}
.cv-cat-toolbar__inner{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: center;
    padding: 16px 0;
}
.cv-cat-toolbar__filter-btn,
.cv-cat-toolbar__view-toggle button,
.cv-cat-toolbar__sort{
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: var(--cv-sans);
    color: var(--cv-ink);
}
.cv-cat-toolbar__filter-btn{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    letter-spacing: .26em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 18px;
    border: 1px solid var(--cv-line-strong);
    transition: background .35s var(--cv-ease), color .35s var(--cv-ease), border-color .35s var(--cv-ease);
}
.cv-cat-toolbar__filter-btn:hover{
    background: var(--cv-ink);
    color: var(--cv-bone);
    border-color: var(--cv-ink);
}
.cv-cat-toolbar__filter-btn svg{ width: 14px; height: 14px; }
.cv-cat-toolbar__view-toggle{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    justify-self: center;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
}
.cv-cat-toolbar__view-toggle button{
    width: 32px; height: 32px;
    display: grid; place-items: center;
    border: 1px solid transparent;
    color: var(--cv-ink-soft);
    transition: color .3s ease, border-color .3s ease;
}
.cv-cat-toolbar__view-toggle button.is-active{
    color: var(--cv-ink);
    border-color: var(--cv-ink);
}
.cv-cat-toolbar__view-toggle button:hover{ color: var(--cv-ink); }
.cv-cat-toolbar__view-toggle button svg{ width: 16px; height: 16px; }

.cv-cat-toolbar__right{
    display: inline-flex;
    align-items: center;
    gap: 24px;
    justify-self: end;
}
.cv-cat-toolbar__sort{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 18px;
    border: 1px solid var(--cv-line-strong);
    background: var(--cv-paper);
}
.cv-cat-toolbar__sort label{
    color: var(--cv-ink-soft);
    font-size: 11px;
    letter-spacing: .26em;
}
.cv-cat-toolbar__sort select{
    background: transparent;
    border: 0;
    outline: 0;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-ink);
    cursor: pointer;
    appearance: none;
    padding-right: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%230b0b0d' stroke-width='1.3'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0 center;
}

/* --- Aktif filtre chip'leri --- */
.cv-cat-chips{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 20px 0 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.cv-cat-chips__label{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    margin-right: 8px;
}
.cv-cat-chip{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px 7px 14px;
    background: #fff;
    border: 1px solid var(--cv-line-strong);
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .04em;
    color: var(--cv-ink);
    cursor: pointer;
    transition: background .3s ease, color .3s ease, border-color .3s ease;
}
.cv-cat-chip:hover{ background: var(--cv-ink); color: var(--cv-bone); border-color: var(--cv-ink); }
.cv-cat-chip svg{ width: 11px; height: 11px; }
.cv-cat-chip--clear{
    background: transparent;
    border-color: transparent;
    color: var(--cv-ink-soft);
    text-decoration: underline;
    text-underline-offset: 4px;
    padding-left: 8px;
}
.cv-cat-chip--clear:hover{ background: transparent; color: var(--cv-ink); border-color: transparent; }

/* --- Ana içerik: filtre + grid --- */
.cv-cat-main{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 24px 0 80px;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: clamp(28px, 4vw, 56px);
    align-items: flex-start;
}

/* --- Filtre paneli --- */
.cv-cat-filters{
    position: sticky;
    top: 96px;
    align-self: start;
    font-family: var(--cv-sans);
    padding-right: 8px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
}
.cv-cat-filters::-webkit-scrollbar{ width: 4px; }
.cv-cat-filters::-webkit-scrollbar-thumb{ background: var(--cv-line-strong); }
.cv-cat-filters__head{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--cv-ink);
    margin-bottom: 8px;
}
.cv-cat-filters__head h3{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    margin: 0;
}
.cv-cat-filters__head .reset{
    background: transparent; border: 0;
    font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
    color: var(--cv-ink-soft);
    cursor: pointer;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
}
.cv-cat-filters__head .reset:hover{
    color: var(--cv-ink);
    border-bottom-color: var(--cv-ink);
}

.cv-cat-filter{
    border-bottom: 1px solid var(--cv-line);
    padding: 18px 0;
}
.cv-cat-filter__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    list-style: none;
    font-size: 12px;
    letter-spacing: .26em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-ink);
    user-select: none;
}
.cv-cat-filter__title::-webkit-details-marker,
.cv-cat-filter__title::marker{ display: none; content: ""; }
.cv-cat-filter__title .icon{
    width: 14px; height: 14px;
    position: relative;
    flex-shrink: 0;
    transition: transform .4s var(--cv-ease);
}
.cv-cat-filter[open] .cv-cat-filter__title .icon{ transform: rotate(45deg); }
.cv-cat-filter__title .icon::before,
.cv-cat-filter__title .icon::after{
    content: "";
    position: absolute;
    background: var(--cv-ink);
    top: 50%; left: 50%;
}
.cv-cat-filter__title .icon::before{
    width: 12px; height: 1px;
    margin: -0.5px 0 0 -6px;
}
.cv-cat-filter__title .icon::after{
    width: 1px; height: 12px;
    margin: -6px 0 0 -0.5px;
}

.cv-cat-filter__body{
    padding-top: 16px;
}
.cv-cat-filter__list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cv-cat-filter__opt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    font-size: 13px;
    color: var(--cv-ink);
}
.cv-cat-filter__opt input{ display: none; }
.cv-cat-filter__opt .box{
    width: 16px; height: 16px;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    transition: border-color .25s ease, background .25s ease;
}
.cv-cat-filter__opt .box svg{
    width: 10px; height: 10px;
    opacity: 0;
    color: #f7f4ee;
    transition: opacity .2s ease;
}
.cv-cat-filter__opt input:checked + .box{
    background: var(--cv-ink);
    border-color: var(--cv-ink);
}
.cv-cat-filter__opt input:checked + .box svg{ opacity: 1; }
.cv-cat-filter__opt .lbl{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}
.cv-cat-filter__opt .count{
    color: var(--cv-ink-soft);
    font-size: 12px;
    opacity: .7;
}
.cv-cat-filter__opt:hover .lbl{ color: var(--cv-ink); }
.cv-cat-filter__opt:hover .box{ border-color: var(--cv-ink); }

/* Renk swatch filtre */
.cv-cat-filter__colors{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cv-cat-filter__color{
    width: 28px; height: 28px;
    border-radius: 50%;
    border: 1px solid var(--cv-line-strong);
    background: transparent;
    position: relative;
    cursor: pointer;
    padding: 0;
    transition: transform .25s ease;
}
.cv-cat-filter__color span{
    position: absolute; inset: 3px;
    border-radius: 50%;
    background: currentColor;
}
.cv-cat-filter__color:hover{ transform: scale(1.1); }
.cv-cat-filter__color.is-active{
    border-color: var(--cv-ink);
    box-shadow: 0 0 0 1px var(--cv-ink);
}
.cv-cat-filter__color.is-active::after{
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid var(--cv-line);
    border-radius: 50%;
}

/* Beden grid */
.cv-cat-filter__sizes{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}
.cv-cat-filter__sizes button{
    background: transparent;
    border: 1px solid var(--cv-line-strong);
    padding: 9px 0;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .12em;
    font-weight: 600;
    color: var(--cv-ink);
    cursor: pointer;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.cv-cat-filter__sizes button:hover,
.cv-cat-filter__sizes button.is-active{
    background: var(--cv-ink); color: var(--cv-bone); border-color: var(--cv-ink);
}
.cv-cat-filter__sizes button[disabled]{
    opacity: .4; cursor: not-allowed; position: relative;
}
.cv-cat-filter__sizes button[disabled]::after{
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--cv-line-strong) calc(50% - 1px), var(--cv-line-strong) calc(50% + 1px), transparent calc(50% + 1px));
}

/* Fiyat aralığı */
.cv-cat-filter__price{
    display: grid;
    gap: 12px;
}
.cv-cat-filter__price-track{
    position: relative;
    height: 2px;
    background: var(--cv-line);
    margin: 18px 0;
}
.cv-cat-filter__price-fill{
    position: absolute;
    top: 0; bottom: 0;
    left: 18%; right: 22%;
    background: var(--cv-ink);
}
.cv-cat-filter__price-knob{
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 14px; height: 14px;
    background: #fff;
    border: 1px solid var(--cv-ink);
    border-radius: 50%;
}
.cv-cat-filter__price-inputs{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
}
.cv-cat-filter__price-inputs input{
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    font-family: var(--cv-sans);
    font-size: 12px;
    text-align: center;
    color: var(--cv-ink);
}
.cv-cat-filter__price-inputs span{
    color: var(--cv-ink-soft);
    font-size: 11px;
    letter-spacing: .2em;
}

.cv-cat-filter__apply{
    width: 100%;
    margin-top: 10px;
    padding: 12px 16px;
    background: var(--cv-ink);
    color: #f7f4ee;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .28em;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid var(--cv-ink);
    cursor: pointer;
    transition: background .35s var(--cv-ease), color .35s var(--cv-ease);
}
.cv-cat-filter__apply:hover{ background: transparent; color: var(--cv-ink); }

/* --- Ürün grid --- */
.cv-cat-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 1.8vw, 28px);
}
.cv-cat-grid.cv-cat-grid--2 { grid-template-columns: repeat(2, 1fr); }
.cv-cat-grid.cv-cat-grid--4 { grid-template-columns: repeat(4, 1fr); }

/* Editöryel banner — grid içine yerleşen tanıtım kartı */
.cv-cat-banner{
    grid-column: span 2;
    grid-row: span 2;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    background: var(--cv-ink);
    color: var(--cv-bone);
    display: flex;
    align-items: flex-end;
    text-decoration: none;
}
.cv-cat-banner img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
    transition: transform 1.6s var(--cv-ease), opacity .5s ease;
}
.cv-cat-banner:hover img{ transform: scale(1.04); opacity: .55; }
.cv-cat-banner__content{
    position: relative;
    z-index: 2;
    padding: clamp(24px, 3vw, 42px);
    color: #f7f4ee;
    max-width: 480px;
}
.cv-cat-banner__content h3{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(28px, 3vw, 46px);
    margin: 12px 0 14px;
    line-height: 1;
}
.cv-cat-banner__content p{
    font-family: var(--cv-sans);
    font-size: 13px;
    line-height: 1.7;
    color: rgba(247,244,238,.8);
    margin: 0 0 18px;
    max-width: 360px;
}

/* --- Sayfalama --- */
.cv-cat-pager{
    margin-top: clamp(48px, 6vw, 80px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}
.cv-cat-pager__progress{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
}
.cv-cat-pager__progress strong{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    color: var(--cv-ink);
    letter-spacing: 0;
    text-transform: none;
    margin-right: 8px;
}
.cv-cat-pager__bar{
    width: 240px;
    height: 1px;
    background: var(--cv-line);
    position: relative;
}
.cv-cat-pager__bar > span{
    position: absolute;
    inset: 0 auto 0 0;
    width: 40%;
    background: var(--cv-ink);
    transition: width .5s var(--cv-ease);
}
.cv-cat-pager__btn{
    padding: 16px 36px;
    background: transparent;
    color: var(--cv-ink);
    border: 1px solid var(--cv-ink);
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: background .4s var(--cv-ease), color .4s var(--cv-ease);
}
.cv-cat-pager__btn:hover{ background: var(--cv-ink); color: var(--cv-bone); }
.cv-cat-pager__nums{
    display: flex; align-items: center; gap: 8px;
    font-family: var(--cv-sans);
    font-size: 13px;
    letter-spacing: .14em;
}
.cv-cat-pager__nums a, .cv-cat-pager__nums span{
    display: grid; place-items: center;
    width: 36px; height: 36px;
    color: var(--cv-ink-soft);
    text-decoration: none;
    transition: color .3s ease;
}
.cv-cat-pager__nums a:hover{ color: var(--cv-ink); }
.cv-cat-pager__nums .is-active{
    color: var(--cv-ink);
    border-bottom: 1px solid var(--cv-ink);
}

/* SEO içerik bloğu */
.cv-cat-seo{
    background: var(--cv-cream);
    padding: clamp(56px, 7vw, 90px) 0;
    border-top: 1px solid var(--cv-line);
}
.cv-cat-seo__inner{
    width: 92%;
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
}
.cv-cat-seo h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.1;
    margin: 18px 0 22px;
}
.cv-cat-seo h2 .it{ font-style: italic; }
.cv-cat-seo p{
    font-family: var(--cv-sans);
    font-size: 14px;
    line-height: 2;
    color: var(--cv-ink-soft);
    margin: 0 auto 18px;
    max-width: 760px;
}

/* --- Responsive --- */
@media (max-width: 1100px){
    .cv-cat-main{ grid-template-columns: 240px 1fr; }
    .cv-cat-grid{ grid-template-columns: repeat(2, 1fr); }
    .cv-cat-grid.cv-cat-grid--4{ grid-template-columns: repeat(2, 1fr); }
    .cv-cat-banner{ grid-column: span 2; aspect-ratio: 16/9; }
}
@media (max-width: 768px){
    .cv-cat-hero__inner{ grid-template-columns: 1fr; }
    .cv-cat-toolbar__inner{ grid-template-columns: 1fr 1fr; gap: 12px; padding: 12px 0; }
    .cv-cat-toolbar__view-toggle{ display: none; }
    .cv-cat-toolbar__right{ justify-self: end; }
    .cv-cat-main{
        grid-template-columns: 1fr;
    }
    .cv-cat-filters{
        position: fixed;
        top: 0; bottom: 0; left: 0;
        z-index: 1002;
        width: 88%; max-width: 380px;
        background: #fff;
        max-height: 100vh;
        padding: 24px;
        transform: translateX(-105%);
        transition: transform .5s var(--cv-ease);
        box-shadow: 0 0 60px rgba(11,11,13,.2);
    }
    .cv-cat-filters.is-open{ transform: translateX(0); }
    .cv-cat-grid{ grid-template-columns: repeat(2, 1fr); }
    .cv-cat-banner{ grid-column: span 2; }
}
@media (max-width: 520px){
    .cv-cat-grid,
    .cv-cat-grid.cv-cat-grid--4{ grid-template-columns: 1fr; }
    .cv-cat-banner{ grid-column: 1; }
    .cv-cat-toolbar__sort label{ display: none; }
}

/* ==========================================================================
   PRODUCT DETAIL PAGE — Cavalle Lux
   ========================================================================== */
.cv-pdp{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 32px 0 80px;
}
.cv-pdp__top{
    padding-bottom: 24px;
}
.cv-pdp__layout{
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: clamp(32px, 4.5vw, 80px);
    align-items: flex-start;
}

/* --- Galeri --- */
.cv-pdp-gallery{
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 18px;
    align-items: flex-start;
}
.cv-pdp-gallery__thumbs{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 720px;
    overflow-y: auto;
    padding-right: 4px;
}
.cv-pdp-gallery__thumbs::-webkit-scrollbar{ width: 2px; }
.cv-pdp-gallery__thumbs::-webkit-scrollbar-thumb{ background: var(--cv-line); }
.cv-pdp-gallery__thumb{
    position: relative;
    cursor: pointer;
    background: var(--cv-bone);
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border: 1px solid transparent;
    transition: border-color .35s var(--cv-ease);
    flex-shrink: 0;
}
.cv-pdp-gallery__thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cv-pdp-gallery__thumb.is-active{
    border-color: var(--cv-ink);
}
.cv-pdp-gallery__thumb.is-active::after{
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid var(--cv-ink);
    pointer-events: none;
}
.cv-pdp-gallery__thumb.is-video::before{
    content: "▶";
    position: absolute;
    inset: 0;
    display: grid; place-items: center;
    color: #fff;
    font-size: 18px;
    background: rgba(11,11,13,.35);
    z-index: 2;
}

.cv-pdp-gallery__main{
    position: relative;
    background: var(--cv-bone);
    aspect-ratio: 4 / 5;
    overflow: hidden;
    cursor: zoom-in;
}
.cv-pdp-gallery__slide{
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .55s var(--cv-ease);
}
.cv-pdp-gallery__slide.is-active{ opacity: 1; }
.cv-pdp-gallery__slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s var(--cv-ease);
}
.cv-pdp-gallery__main.is-zoomed{ cursor: zoom-out; }
.cv-pdp-gallery__main.is-zoomed .cv-pdp-gallery__slide.is-active img{
    transform: scale(1.6);
    transform-origin: var(--zoom-x, 50%) var(--zoom-y, 50%);
}

.cv-pdp-gallery__badges{
    position: absolute;
    top: 16px; left: 16px;
    z-index: 3;
    display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
}
.cv-pdp-gallery__badges .cv-product-card__badge{ padding: 7px 12px; font-size: 10px; }

.cv-pdp-gallery__zoom-hint{
    position: absolute;
    bottom: 14px; right: 16px;
    z-index: 3;
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink);
    background: rgba(247,244,238,.92);
    padding: 6px 10px;
    backdrop-filter: blur(4px);
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.cv-pdp-gallery__zoom-hint svg{ width: 12px; height: 12px; }

/* Galeri nav butonları */
.cv-pdp-gallery__nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 42px; height: 42px;
    display: grid; place-items: center;
    background: rgba(247,244,238,.92);
    border: 0;
    color: var(--cv-ink);
    cursor: pointer;
    backdrop-filter: blur(4px);
    transition: background .35s ease, color .35s ease;
}
.cv-pdp-gallery__nav:hover{ background: var(--cv-ink); color: var(--cv-bone); }
.cv-pdp-gallery__nav--prev{ left: 14px; }
.cv-pdp-gallery__nav--next{ right: 14px; }
.cv-pdp-gallery__nav svg{ width: 16px; height: 16px; }

/* --- Sağ bilgi paneli --- */
.cv-pdp-info{
    position: sticky;
    top: 100px;
    align-self: start;
    font-family: var(--cv-sans);
    padding-bottom: 32px;
}
.cv-pdp-info__head{
    border-bottom: 1px solid var(--cv-line);
    padding-bottom: 26px;
    margin-bottom: 26px;
}
.cv-pdp-info__eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-brass);
    margin-bottom: 16px;
}
.cv-pdp-info__eyebrow::before{
    content: "";
    width: 24px; height: 1px;
    background: var(--cv-brass);
}
.cv-pdp-info__title{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(32px, 3.6vw, 52px);
    line-height: 1.05;
    color: var(--cv-ink);
    letter-spacing: -.01em;
    margin: 0 0 14px;
}
.cv-pdp-info__title .it{ font-style: italic; }
.cv-pdp-info__meta{
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    font-size: 13px;
    color: var(--cv-ink-soft);
}
.cv-pdp-info__meta .stars{
    color: var(--cv-brass);
    letter-spacing: 1px;
    font-size: 14px;
}
.cv-pdp-info__meta a{
    color: var(--cv-ink-soft);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.cv-pdp-info__meta .sep{ opacity: .35; }
.cv-pdp-info__meta .sku{
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.cv-pdp-info__price{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 14px;
}
.cv-pdp-info__price .new{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 38px;
    color: var(--cv-ink);
    letter-spacing: -.01em;
}
.cv-pdp-info__price .old{
    font-family: var(--cv-sans);
    font-size: 17px;
    color: var(--cv-ink-soft);
    text-decoration: line-through;
    opacity: .55;
}
.cv-pdp-info__price .save{
    display: inline-block;
    background: var(--cv-wine);
    color: #f7f4ee;
    font-size: 10px;
    letter-spacing: .22em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 10px;
}
.cv-pdp-info__installment{
    font-size: 12.5px;
    color: var(--cv-ink-soft);
    letter-spacing: .04em;
    margin: 0 0 18px;
}
.cv-pdp-info__installment strong{
    color: var(--cv-ink);
    font-weight: 600;
}
.cv-pdp-info__installment a{
    color: var(--cv-brass);
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-left: 6px;
}

/* Mevcut açıklama */
.cv-pdp-info__lead{
    font-size: 14px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    margin: 0 0 26px;
}

/* Renk + beden bloğu */
.cv-pdp-opt{
    margin-bottom: 22px;
}
.cv-pdp-opt__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.cv-pdp-opt__label{
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink);
    font-weight: 600;
}
.cv-pdp-opt__label .value{
    margin-left: 8px;
    color: var(--cv-ink-soft);
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
}
.cv-pdp-opt__link{
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    text-decoration: none;
    border-bottom: 1px solid var(--cv-ink-soft);
    padding-bottom: 2px;
    transition: color .3s ease, border-color .3s ease;
    background: transparent;
    border-top: 0; border-left: 0; border-right: 0;
    cursor: pointer;
    font-family: var(--cv-sans);
    font-weight: 500;
}
.cv-pdp-opt__link:hover{ color: var(--cv-ink); border-bottom-color: var(--cv-ink); }

.cv-pdp-opt__colors{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cv-pdp-opt__color{
    width: 38px; height: 38px;
    border-radius: 50%;
    border: 1px solid var(--cv-line-strong);
    background: transparent;
    cursor: pointer;
    position: relative;
    padding: 0;
    transition: transform .25s ease;
}
.cv-pdp-opt__color span{
    position: absolute; inset: 3px;
    border-radius: 50%;
    background: currentColor;
}
.cv-pdp-opt__color:hover{ transform: scale(1.06); }
.cv-pdp-opt__color.is-active{
    border-color: var(--cv-ink);
}
.cv-pdp-opt__color.is-active::after{
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid var(--cv-ink);
    border-radius: 50%;
}

.cv-pdp-opt__sizes{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
}
.cv-pdp-opt__sizes button{
    background: transparent;
    border: 1px solid var(--cv-line-strong);
    padding: 14px 0;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .12em;
    font-weight: 600;
    color: var(--cv-ink);
    cursor: pointer;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
    position: relative;
}
.cv-pdp-opt__sizes button:hover{
    border-color: var(--cv-ink);
}
.cv-pdp-opt__sizes button.is-active{
    background: var(--cv-ink); color: var(--cv-bone); border-color: var(--cv-ink);
}
.cv-pdp-opt__sizes button[disabled]{ opacity: .4; cursor: not-allowed; }
.cv-pdp-opt__sizes button[disabled]::after{
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--cv-line-strong) calc(50% - 1px), var(--cv-line-strong) calc(50% + 1px), transparent calc(50% + 1px));
}

.cv-pdp-opt__low-stock{
    margin-top: 10px;
    font-size: 12px;
    color: var(--cv-wine);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    letter-spacing: .04em;
}
.cv-pdp-opt__low-stock::before{
    content: "";
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--cv-wine);
    animation: cv-pulse 1.5s ease-in-out infinite;
}
@keyframes cv-pulse{
    0%,100%{ opacity: 1; transform: scale(1); }
    50%{ opacity: .4; transform: scale(.7); }
}

/* Adet + Sepete Ekle + Favori */
.cv-pdp-actions{
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: stretch;
    margin: 24px 0 14px;
}
.cv-pdp-qty{
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--cv-ink);
    background: #fff;
}
.cv-pdp-qty button{
    width: 44px;
    height: 100%;
    background: transparent;
    border: 0;
    font-family: var(--cv-sans);
    font-size: 18px;
    color: var(--cv-ink);
    cursor: pointer;
    transition: background .25s ease, color .25s ease;
}
.cv-pdp-qty button:hover{ background: var(--cv-ink); color: var(--cv-bone); }
.cv-pdp-qty input{
    width: 44px;
    border: 0;
    outline: 0;
    text-align: center;
    font-family: var(--cv-sans);
    font-size: 14px;
    font-weight: 600;
    color: var(--cv-ink);
    background: transparent;
    padding: 14px 0;
    -moz-appearance: textfield;
}
.cv-pdp-qty input::-webkit-inner-spin-button,
.cv-pdp-qty input::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0; }

.cv-pdp-add{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
    background: var(--cv-ink);
    color: #f7f4ee;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid var(--cv-ink);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: color .4s var(--cv-ease), border-color .4s var(--cv-ease);
}
.cv-pdp-add::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, var(--cv-brass) 0%, #c4ac7d 100%);
    transform: translateX(-101%);
    transition: transform .55s var(--cv-ease);
    z-index: 0;
}
.cv-pdp-add > *{ position: relative; z-index: 1; }
.cv-pdp-add:hover{ color: #0b0b0d; border-color: var(--cv-brass); }
.cv-pdp-add:hover::before{ transform: translateX(0); }
.cv-pdp-add svg{ width: 18px; height: 18px; }

.cv-pdp-fav{
    width: 56px;
    background: transparent;
    border: 1px solid var(--cv-ink);
    color: var(--cv-ink);
    cursor: pointer;
    display: grid; place-items: center;
    transition: background .35s ease, color .35s ease;
}
.cv-pdp-fav:hover, .cv-pdp-fav.is-active{
    background: var(--cv-wine);
    color: #f7f4ee;
    border-color: var(--cv-wine);
}
.cv-pdp-fav.is-active svg{ fill: currentColor; }
.cv-pdp-fav svg{ width: 18px; height: 18px; }

.cv-pdp-buynow{
    width: 100%;
    padding: 16px 24px;
    background: var(--cv-wine);
    color: #f7f4ee;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid var(--cv-wine);
    cursor: pointer;
    transition: background .35s ease, color .35s ease;
    margin-bottom: 26px;
}
.cv-pdp-buynow:hover{
    background: transparent;
    color: var(--cv-wine);
}

/* Garanti rozetleri */
.cv-pdp-trust{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 18px;
    padding: 22px 0;
    border-top: 1px solid var(--cv-line);
    border-bottom: 1px solid var(--cv-line);
    margin-bottom: 28px;
}
.cv-pdp-trust__item{
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.cv-pdp-trust__icon{
    width: 26px; height: 26px;
    flex-shrink: 0;
    color: var(--cv-ink);
}
.cv-pdp-trust__icon svg{ width: 100%; height: 100%; }
.cv-pdp-trust__txt strong{
    display: block;
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    color: var(--cv-ink);
    margin-bottom: 2px;
}
.cv-pdp-trust__txt span{
    font-size: 12px;
    line-height: 1.5;
    color: var(--cv-ink-soft);
}

/* WhatsApp / mağaza yardım */
.cv-pdp-help{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 18px;
    background: var(--cv-cream);
    border: 1px solid var(--cv-line);
    margin-bottom: 28px;
}
.cv-pdp-help__icon{
    width: 38px; height: 38px;
    background: var(--cv-ink);
    color: #f7f4ee;
    border-radius: 50%;
    display: grid; place-items: center;
    flex-shrink: 0;
}
.cv-pdp-help__icon svg{ width: 18px; height: 18px; }
.cv-pdp-help__txt{ flex: 1; font-size: 12.5px; color: var(--cv-ink-soft); line-height: 1.5; }
.cv-pdp-help__txt strong{ display: block; color: var(--cv-ink); font-family: var(--cv-display); font-style: italic; font-weight: 400; font-size: 15px; }
.cv-pdp-help a{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--cv-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--cv-ink);
    padding-bottom: 2px;
    font-weight: 600;
}

/* --- Sekmeler (Açıklama, Kumaş, Beden, Kargo, Yorumlar) --- */
.cv-pdp-tabs{
    margin-top: clamp(48px, 6vw, 80px);
}
.cv-pdp-tabs__head{
    display: flex;
    gap: 36px;
    border-bottom: 1px solid var(--cv-line);
    margin-bottom: 36px;
    overflow-x: auto;
    scrollbar-width: none;
}
.cv-pdp-tabs__head::-webkit-scrollbar{ display: none; }
.cv-pdp-tabs__btn{
    background: transparent;
    border: 0;
    padding: 18px 0;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    font-weight: 600;
    transition: color .35s ease;
}
.cv-pdp-tabs__btn::after{
    content: "";
    position: absolute;
    left: 0; bottom: -1px;
    width: 100%; height: 2px;
    background: var(--cv-ink);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .5s var(--cv-ease);
}
.cv-pdp-tabs__btn.is-active{ color: var(--cv-ink); }
.cv-pdp-tabs__btn.is-active::after{
    transform: scaleX(1);
    transform-origin: left center;
}
.cv-pdp-tabs__btn:hover{ color: var(--cv-ink); }
.cv-pdp-tabs__panel{
    display: none;
}
.cv-pdp-tabs__panel.is-active{ display: block; }

/* Sekme içerikleri */
.cv-pdp-rich{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 56px;
    max-width: 1100px;
}
.cv-pdp-rich h3{
    font-family: var(--cv-display);
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    margin: 0 0 18px;
    color: var(--cv-ink);
}
.cv-pdp-rich p{
    font-family: var(--cv-sans);
    font-size: 14.5px;
    line-height: 1.95;
    color: var(--cv-ink-soft);
    margin: 0 0 16px;
}
.cv-pdp-rich__attrs{
    list-style: none;
    padding: 0; margin: 0;
    border-top: 1px solid var(--cv-line);
}
.cv-pdp-rich__attrs li{
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--cv-line);
    font-family: var(--cv-sans);
    font-size: 13px;
}
.cv-pdp-rich__attrs li strong{
    font-family: var(--cv-sans);
    font-weight: 500;
    color: var(--cv-ink-soft);
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 11px;
    align-self: center;
}
.cv-pdp-rich__attrs li span{ color: var(--cv-ink); }

/* Beden Tablosu Modal */
.cv-modal{
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(11,11,13,.65);
    backdrop-filter: blur(8px);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.cv-modal.is-open{ display: flex; }
.cv-modal__dialog{
    width: 100%;
    max-width: 720px;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    color: var(--cv-ink);
    padding: clamp(28px, 4vw, 48px);
    position: relative;
    animation: cv-modal-in .5s var(--cv-ease);
}
@keyframes cv-modal-in{
    from{ opacity: 0; transform: translateY(16px); }
    to{ opacity: 1; transform: translateY(0); }
}
.cv-modal__close{
    position: absolute;
    top: 18px; right: 18px;
    width: 32px; height: 32px;
    background: transparent;
    border: 0;
    color: var(--cv-ink);
    cursor: pointer;
    display: grid; place-items: center;
}
.cv-modal__close svg{ width: 18px; height: 18px; }
.cv-modal__title{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 36px;
    margin: 0 0 8px;
    line-height: 1;
}
.cv-modal__title .it{ font-style: italic; }
.cv-modal__subtitle{
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-brass);
    margin-bottom: 28px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.cv-modal__subtitle::before{ content: ""; width: 28px; height: 1px; background: var(--cv-brass); }

.cv-size-table{
    width: 100%;
    border-collapse: collapse;
    font-family: var(--cv-sans);
    font-size: 13px;
}
.cv-size-table thead th{
    text-align: left;
    padding: 14px 12px;
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    font-weight: 600;
    border-bottom: 1px solid var(--cv-ink);
}
.cv-size-table tbody td{
    padding: 14px 12px;
    border-bottom: 1px solid var(--cv-line);
    color: var(--cv-ink);
}
.cv-size-table tbody tr:hover td{ background: var(--cv-cream); }
.cv-size-table tbody td:first-child{
    font-family: var(--cv-display);
    font-style: italic;
    font-size: 18px;
}
.cv-size-note{
    margin-top: 24px;
    font-family: var(--cv-sans);
    font-size: 12.5px;
    line-height: 1.7;
    color: var(--cv-ink-soft);
    background: var(--cv-cream);
    padding: 16px 18px;
    border-left: 2px solid var(--cv-brass);
}

/* Cross-sell / Tamamla bu kombinasyonu */
.cv-pdp-bundle{
    margin-top: clamp(64px, 8vw, 110px);
    background: var(--cv-cream);
    padding: clamp(36px, 4vw, 56px);
    border: 1px solid var(--cv-line);
}
.cv-pdp-bundle__head{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px;
}
.cv-pdp-bundle h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.05;
    margin: 10px 0 0;
}
.cv-pdp-bundle h2 .it{ font-style: italic; }
.cv-pdp-bundle__total{
    font-family: var(--cv-sans);
    text-align: right;
}
.cv-pdp-bundle__total .label{
    display: block;
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    margin-bottom: 6px;
}
.cv-pdp-bundle__total .amt{
    font-family: var(--cv-display);
    font-size: 32px;
    color: var(--cv-ink);
    letter-spacing: -.01em;
}
.cv-pdp-bundle__total .save{
    display: inline-block;
    margin-top: 4px;
    font-size: 11px;
    color: var(--cv-wine);
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 600;
}
.cv-pdp-bundle__items{
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}
.cv-pdp-bundle__item{
    background: #fff;
    padding: 14px;
    border: 1px solid var(--cv-line);
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.cv-pdp-bundle__item.is-current{ border-color: var(--cv-ink); }
.cv-pdp-bundle__item.is-current::before{
    content: "Mevcut Ürün";
    position: absolute;
    top: -10px; left: 14px;
    background: var(--cv-ink); color: var(--cv-bone);
    font-family: var(--cv-sans);
    font-size: 9px; letter-spacing: .26em; text-transform: uppercase;
    padding: 4px 8px;
    font-weight: 600;
}
.cv-pdp-bundle__item img{
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    background: var(--cv-bone);
    margin-bottom: 12px;
}
.cv-pdp-bundle__item .name{
    font-family: var(--cv-display);
    font-size: 15px;
    line-height: 1.25;
    color: var(--cv-ink);
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.5em;
}
.cv-pdp-bundle__item .name .it{ font-style: italic; }
.cv-pdp-bundle__item .price{
    font-family: var(--cv-sans);
    font-size: 13px;
    font-weight: 600;
    color: var(--cv-ink);
    margin-top: auto;
}
.cv-pdp-bundle__item .toggle{
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .14em;
    color: var(--cv-ink-soft);
}
.cv-pdp-bundle__item .toggle input{ display: none; }
.cv-pdp-bundle__item .toggle .box{
    width: 14px; height: 14px;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    display: grid; place-items: center;
}
.cv-pdp-bundle__item .toggle input:checked + .box{
    background: var(--cv-ink); border-color: var(--cv-ink);
}
.cv-pdp-bundle__item .toggle .box svg{ width: 9px; height: 9px; color: #f7f4ee; opacity: 0; }
.cv-pdp-bundle__item .toggle input:checked + .box svg{ opacity: 1; }
.cv-pdp-bundle__plus{
    font-family: var(--cv-display);
    font-style: italic;
    font-size: 26px;
    color: var(--cv-ink-soft);
    align-self: center;
    flex: 0 0 auto;
    padding: 0 4px;
}
.cv-pdp-bundle__add{
    padding: 18px 24px;
    background: var(--cv-ink);
    color: #f7f4ee;
    border: 0;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .28em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: background .35s ease, color .35s ease;
    flex: 1 0 100%;
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    order: 99;
}
.cv-pdp-bundle__add:hover{ background: var(--cv-brass); color: #0b0b0d; }
.cv-pdp-bundle__add svg{ width: 16px; height: 16px; }

/* Sticky add-to-cart bar (scroll edince) */
.cv-pdp-sticky{
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 90;
    background: rgba(11,11,13,.96);
    color: #f7f4ee;
    backdrop-filter: blur(10px);
    padding: 14px clamp(20px, 4vw, 52px);
    transform: translateY(110%);
    transition: transform .5s var(--cv-ease);
    border-top: 1px solid rgba(247,244,238,.1);
}
.cv-pdp-sticky.is-visible{ transform: translateY(0); }
.cv-pdp-sticky__inner{
    max-width: 1480px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 20px;
    align-items: center;
}
.cv-pdp-sticky__product{
    display: flex; align-items: center; gap: 14px;
}
.cv-pdp-sticky__product img{
    width: 56px; height: 70px;
    object-fit: cover;
    background: var(--cv-bone);
}
.cv-pdp-sticky__product .info{
    display: flex; flex-direction: column;
    gap: 4px;
    font-family: var(--cv-sans);
}
.cv-pdp-sticky__product .name{
    font-family: var(--cv-display);
    font-size: 16px;
    line-height: 1.25;
    color: #f7f4ee;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -.005em;
}
.cv-pdp-sticky__product .name .it{ font-style: italic; }
.cv-pdp-sticky__product .price{
    font-size: 13px;
    color: rgba(247,244,238,.75);
    letter-spacing: .04em;
}
.cv-pdp-sticky__product .price .old{
    text-decoration: line-through;
    opacity: .5;
    margin-left: 8px;
    font-size: 12px;
}
.cv-pdp-sticky__opts{
    display: flex;
    justify-content: center;
    gap: 12px;
}
.cv-pdp-sticky__opts select{
    background: rgba(255,255,255,.08);
    color: #f7f4ee;
    border: 1px solid rgba(247,244,238,.18);
    padding: 10px 14px;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .14em;
    cursor: pointer;
    appearance: none;
    padding-right: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23f7f4ee' stroke-width='1.3'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.cv-pdp-sticky__cta{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 26px;
    background: var(--cv-brass);
    color: #0b0b0d;
    border: 0;
    font-family: var(--cv-sans);
    font-size: 11.5px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: background .35s ease;
}
.cv-pdp-sticky__cta:hover{ background: #c4ac7d; }
.cv-pdp-sticky__cta svg{ width: 15px; height: 15px; }

/* --- Responsive --- */
@media (max-width: 992px){
    .cv-pdp-info{ position: static; }
    .cv-pdp__layout{ grid-template-columns: 1fr; }
    .cv-pdp-gallery{ grid-template-columns: 1fr; }
    .cv-pdp-gallery__thumbs{
        flex-direction: row;
        max-height: none;
        overflow-x: auto;
        order: 2;
        padding-right: 0;
    }
    .cv-pdp-gallery__thumb{ width: 80px; }
    .cv-pdp-gallery__main{ order: 1; }
    .cv-pdp-rich{ grid-template-columns: 1fr; gap: 32px; }
    .cv-pdp-bundle__items{ flex-wrap: wrap; }
    .cv-pdp-bundle__item{ flex: 1 1 calc(50% - 6px); min-width: calc(50% - 6px); }
    .cv-pdp-bundle__plus{ display: none; }
    .cv-pdp-sticky__opts{ display: none; }
    .cv-pdp-sticky__inner{ grid-template-columns: auto 1fr; }
}
@media (max-width: 560px){
    .cv-pdp-opt__sizes{ grid-template-columns: repeat(4, 1fr); }
    .cv-pdp-actions{ grid-template-columns: auto 1fr; }
    .cv-pdp-fav{ grid-column: 1 / -1; width: 100%; padding: 14px; }
    .cv-pdp-trust{ grid-template-columns: 1fr; }
}

/* ==========================================================================
   CART PAGE — Cavalle Lux
   ========================================================================== */
.cv-cart{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 32px 0 80px;
}
.cv-cart__head{
    margin-bottom: clamp(32px, 4vw, 56px);
    text-align: center;
}
.cv-cart__head h1{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(40px, 5vw, 80px);
    line-height: .96;
    margin: 18px 0 16px;
}
.cv-cart__head h1 .it{ font-style: italic; }
.cv-cart__head p{
    font-family: var(--cv-sans);
    font-size: 14px;
    color: var(--cv-ink-soft);
    margin: 0;
}

/* Multi-step indicator */
.cv-steps{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: clamp(40px, 5vw, 64px);
    font-family: var(--cv-sans);
}
.cv-steps__item{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
}
.cv-steps__num{
    width: 32px; height: 32px;
    border-radius: 50%;
    border: 1px solid var(--cv-line-strong);
    display: grid;
    place-items: center;
    font-family: var(--cv-display);
    font-style: italic;
    font-size: 16px;
    background: transparent;
    color: var(--cv-ink-soft);
    transition: background .35s ease, color .35s ease, border-color .35s ease;
}
.cv-steps__item.is-active .cv-steps__num{
    background: var(--cv-ink); color: var(--cv-bone); border-color: var(--cv-ink);
}
.cv-steps__item.is-done .cv-steps__num{
    background: var(--cv-brass); color: #0b0b0d; border-color: var(--cv-brass);
}
.cv-steps__item.is-active{ color: var(--cv-ink); font-weight: 600; }
.cv-steps__item.is-done{ color: var(--cv-ink); }
.cv-steps__line{
    width: clamp(32px, 6vw, 84px);
    height: 1px;
    background: var(--cv-line-strong);
    margin: 0 18px;
}
.cv-steps__line.is-done{ background: var(--cv-brass); }

/* Layout */
.cv-cart__layout{
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: clamp(28px, 4vw, 64px);
    align-items: start;
}

/* Ürün listesi */
.cv-cart-list{
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--cv-ink);
}
.cv-cart-list__head{
    display: grid;
    grid-template-columns: 130px 1fr auto auto auto;
    gap: 24px;
    padding: 14px 0;
    border-bottom: 1px solid var(--cv-line);
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    font-weight: 600;
}
.cv-cart-list__head > *:nth-child(3){ width: 130px; text-align: center; }
.cv-cart-list__head > *:nth-child(4){ width: 110px; text-align: right; }
.cv-cart-list__head > *:nth-child(5){ width: 40px; }

.cv-cart-item{
    display: grid;
    grid-template-columns: 130px 1fr 130px 110px 40px;
    gap: 24px;
    padding: 24px 0;
    border-bottom: 1px solid var(--cv-line);
    align-items: center;
}
.cv-cart-item__media{
    aspect-ratio: 4/5;
    background: var(--cv-bone);
    overflow: hidden;
    position: relative;
}
.cv-cart-item__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.cv-cart-item__media a{ display: block; height: 100%; }

.cv-cart-item__info{ display: flex; flex-direction: column; gap: 6px; }
.cv-cart-item__brand{
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-brass);
}
.cv-cart-item__name{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.25;
    color: var(--cv-ink);
    margin: 4px 0 8px;
    letter-spacing: -.005em;
    text-decoration: none;
}
.cv-cart-item__name .it{ font-style: italic; }
.cv-cart-item__name:hover{ color: var(--cv-ink); }
.cv-cart-item__attrs{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    font-family: var(--cv-sans);
    font-size: 12.5px;
    color: var(--cv-ink-soft);
    margin-bottom: 4px;
}
.cv-cart-item__attrs span strong{
    color: var(--cv-ink);
    font-weight: 500;
    margin-left: 6px;
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
}
.cv-cart-item__actions{
    display: flex;
    gap: 18px;
    margin-top: 6px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .14em;
}
.cv-cart-item__actions button{
    background: transparent;
    border: 0;
    color: var(--cv-ink-soft);
    cursor: pointer;
    padding: 0;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: color .3s ease, border-color .3s ease;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-family: var(--cv-sans);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.cv-cart-item__actions button:hover{ color: var(--cv-ink); border-bottom-color: var(--cv-ink); }
.cv-cart-item__actions svg{ width: 12px; height: 12px; }

.cv-cart-item__qty{
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    width: 130px;
    justify-self: center;
}
.cv-cart-item__qty button{
    width: 38px;
    height: 38px;
    background: transparent;
    border: 0;
    font-family: var(--cv-sans);
    font-size: 16px;
    color: var(--cv-ink);
    cursor: pointer;
    transition: background .25s ease, color .25s ease;
}
.cv-cart-item__qty button:hover{ background: var(--cv-ink); color: var(--cv-bone); }
.cv-cart-item__qty input{
    flex: 1;
    width: 0;
    min-width: 0;
    border: 0;
    outline: 0;
    text-align: center;
    font-family: var(--cv-sans);
    font-size: 14px;
    font-weight: 600;
    color: var(--cv-ink);
    background: transparent;
}

.cv-cart-item__price{
    text-align: right;
    font-family: var(--cv-display);
    font-size: 22px;
    color: var(--cv-ink);
    letter-spacing: -.01em;
}
.cv-cart-item__price .old{
    display: block;
    font-family: var(--cv-sans);
    font-size: 12px;
    color: var(--cv-ink-soft);
    text-decoration: line-through;
    opacity: .55;
    margin-top: 2px;
    font-style: normal;
}

.cv-cart-item__remove{
    width: 36px;
    height: 36px;
    background: transparent;
    border: 1px solid var(--cv-line);
    color: var(--cv-ink-soft);
    cursor: pointer;
    display: grid; place-items: center;
    transition: background .3s ease, color .3s ease, border-color .3s ease;
}
.cv-cart-item__remove:hover{ background: var(--cv-wine); color: #f7f4ee; border-color: var(--cv-wine); }
.cv-cart-item__remove svg{ width: 14px; height: 14px; }

/* Sağ özet */
.cv-cart-summary{
    position: sticky;
    top: 110px;
    align-self: start;
    background: var(--cv-cream);
    padding: clamp(28px, 3.5vw, 40px);
    border: 1px solid var(--cv-line);
}
.cv-cart-summary h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 28px;
    margin: 0 0 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--cv-ink);
}
.cv-cart-summary h2 .it{ font-style: italic; }

.cv-cart-summary__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--cv-sans);
    font-size: 14px;
    color: var(--cv-ink-soft);
    padding: 10px 0;
}
.cv-cart-summary__row strong{
    color: var(--cv-ink);
    font-weight: 500;
}
.cv-cart-summary__row.is-discount strong{ color: var(--cv-wine); }
.cv-cart-summary__row.is-free strong{
    color: var(--cv-brass);
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
}
.cv-cart-summary__sep{
    height: 1px;
    background: var(--cv-line);
    margin: 14px 0;
}
.cv-cart-summary__total{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 18px 0 4px;
}
.cv-cart-summary__total .lbl{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
}
.cv-cart-summary__total .amt{
    font-family: var(--cv-display);
    font-size: 38px;
    color: var(--cv-ink);
    letter-spacing: -.01em;
}
.cv-cart-summary__vat{
    font-family: var(--cv-sans);
    font-size: 11px;
    color: var(--cv-ink-soft);
    margin: 0 0 22px;
    text-align: right;
}

/* Promosyon kodu */
.cv-cart-promo{
    margin: 22px 0;
    padding: 16px;
    background: #fff;
    border: 1px dashed var(--cv-line-strong);
}
.cv-cart-promo__head{
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 12px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-ink);
}
.cv-cart-promo__head svg{ width: 14px; height: 14px; color: var(--cv-brass); }
.cv-cart-promo__form{
    display: flex;
    gap: 0;
}
.cv-cart-promo__form input{
    flex: 1;
    padding: 12px 14px;
    border: 1px solid var(--cv-line-strong);
    background: transparent;
    font-family: var(--cv-sans);
    font-size: 13px;
    letter-spacing: .14em;
    color: var(--cv-ink);
    outline: 0;
}
.cv-cart-promo__form input::placeholder{ color: var(--cv-ink-soft); opacity: .6; letter-spacing: .04em; }
.cv-cart-promo__form button{
    padding: 0 18px;
    background: var(--cv-ink);
    color: #f7f4ee;
    border: 1px solid var(--cv-ink);
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: background .35s ease, color .35s ease;
}
.cv-cart-promo__form button:hover{ background: transparent; color: var(--cv-ink); }
.cv-cart-promo__applied{
    margin-top: 10px;
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 12px;
    background: var(--cv-cream);
    border: 1px solid var(--cv-brass);
    font-family: var(--cv-sans);
    font-size: 12px;
}
.cv-cart-promo__applied .code{
    color: var(--cv-brass);
    letter-spacing: .22em;
    font-weight: 600;
    text-transform: uppercase;
}
.cv-cart-promo__applied button{
    background: transparent; border: 0; color: var(--cv-ink-soft); cursor: pointer;
    font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
}

/* Sepete tamamla */
.cv-cart-checkout{
    width: 100%;
    padding: 18px 24px;
    background: var(--cv-ink);
    color: #f7f4ee;
    border: 1px solid var(--cv-ink);
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    overflow: hidden;
    transition: color .4s var(--cv-ease), border-color .4s var(--cv-ease);
    margin-top: 18px;
}
.cv-cart-checkout::before{
    content: "";
    position: absolute;
    inset: 0;
    background: var(--cv-brass);
    transform: translateX(-101%);
    transition: transform .55s var(--cv-ease);
}
.cv-cart-checkout > *{ position: relative; z-index: 1; }
.cv-cart-checkout:hover{ color: #0b0b0d; border-color: var(--cv-brass); }
.cv-cart-checkout:hover::before{ transform: translateX(0); }
.cv-cart-checkout svg{ width: 16px; height: 16px; }

.cv-cart-summary__continue{
    display: block;
    text-align: center;
    margin-top: 16px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    text-decoration: none;
    transition: color .3s ease;
}
.cv-cart-summary__continue:hover{ color: var(--cv-ink); }

/* Trust badges altta */
.cv-cart-trust{
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid var(--cv-line);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.cv-cart-trust__item{
    display: flex; align-items: center; gap: 10px;
    font-family: var(--cv-sans);
    font-size: 12px;
    color: var(--cv-ink-soft);
}
.cv-cart-trust__item svg{ width: 18px; height: 18px; color: var(--cv-ink); flex-shrink: 0; }

/* Boş sepet */
.cv-cart-empty{
    text-align: center;
    padding: clamp(48px, 7vw, 96px) 0;
}
.cv-cart-empty__icon{
    width: 80px; height: 80px;
    margin: 0 auto 24px;
    color: var(--cv-ink-soft);
}
.cv-cart-empty h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(32px, 4vw, 56px);
    margin: 0 0 12px;
}
.cv-cart-empty p{
    font-family: var(--cv-sans);
    font-size: 14px;
    color: var(--cv-ink-soft);
    margin: 0 0 28px;
}

@media (max-width: 992px){
    .cv-cart__layout{ grid-template-columns: 1fr; }
    .cv-cart-summary{ position: static; }
}
@media (max-width: 720px){
    .cv-cart-list__head{ display: none; }
    .cv-cart-item{
        grid-template-columns: 100px 1fr;
        grid-template-areas:
            "media info"
            "qty price"
            "remove remove";
        gap: 14px;
    }
    .cv-cart-item__media{ grid-area: media; }
    .cv-cart-item__info{ grid-area: info; }
    .cv-cart-item__qty{ grid-area: qty; justify-self: start; width: 120px; }
    .cv-cart-item__price{ grid-area: price; text-align: right; align-self: center; }
    .cv-cart-item__remove{ grid-area: remove; width: 100%; height: 36px; justify-self: stretch; }
}

/* ==========================================================================
   CHECKOUT PAGE
   ========================================================================== */
.cv-checkout{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 32px 0 80px;
}
.cv-checkout__layout{
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: clamp(28px, 4vw, 64px);
    align-items: start;
}
.cv-checkout__form{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.cv-checkout-section{
    background: #fff;
    border: 1px solid var(--cv-line);
    padding: clamp(24px, 3vw, 40px);
}
.cv-checkout-section__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--cv-line);
}
.cv-checkout-section__title{
    display: flex; align-items: center; gap: 14px;
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 22px;
    color: var(--cv-ink);
    margin: 0;
}
.cv-checkout-section__title .it{ font-style: italic; }
.cv-checkout-section__num{
    width: 28px; height: 28px;
    background: var(--cv-ink);
    color: var(--cv-bone);
    border-radius: 50%;
    display: grid; place-items: center;
    font-family: var(--cv-display);
    font-style: italic;
    font-size: 14px;
    flex-shrink: 0;
}
.cv-checkout-section__edit{
    background: transparent; border: 0;
    color: var(--cv-ink-soft);
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid var(--cv-ink-soft);
    padding-bottom: 2px;
    transition: color .3s ease, border-color .3s ease;
}
.cv-checkout-section__edit:hover{ color: var(--cv-ink); border-color: var(--cv-ink); }

/* Form alanları */
.cv-field{
    margin-bottom: 16px;
}
.cv-field-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.cv-field-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.cv-field label{
    display: block;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .24em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-ink);
    margin-bottom: 8px;
}
.cv-field label .req{ color: var(--cv-wine); margin-left: 2px; }
.cv-input,
.cv-field input,
.cv-field select,
.cv-field textarea{
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    font-family: var(--cv-sans);
    font-size: 14px;
    color: var(--cv-ink);
    outline: 0;
    transition: border-color .3s ease, background .3s ease;
}
.cv-field input:focus,
.cv-field select:focus,
.cv-field textarea:focus{
    border-color: var(--cv-ink);
    background: var(--cv-paper);
}
.cv-field input::placeholder{ color: var(--cv-ink-soft); opacity: .55; }
.cv-field textarea{ min-height: 90px; resize: vertical; }
.cv-field select{
    appearance: none;
    padding-right: 42px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%230b0b0d' stroke-width='1.3'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
}
.cv-field__hint{
    font-family: var(--cv-sans);
    font-size: 12px;
    color: var(--cv-ink-soft);
    margin-top: 6px;
}

.cv-check{
    display: flex;
    gap: 12px;
    align-items: flex-start;
    cursor: pointer;
    font-family: var(--cv-sans);
    font-size: 13px;
    color: var(--cv-ink);
    line-height: 1.6;
    margin: 6px 0;
}
.cv-check input{ display: none; }
.cv-check .box{
    width: 18px; height: 18px;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    display: grid; place-items: center;
    flex-shrink: 0;
    margin-top: 2px;
    transition: background .25s ease, border-color .25s ease;
}
.cv-check .box svg{ width: 11px; height: 11px; color: #f7f4ee; opacity: 0; transition: opacity .2s ease; }
.cv-check input:checked + .box{ background: var(--cv-ink); border-color: var(--cv-ink); }
.cv-check input:checked + .box svg{ opacity: 1; }
.cv-check a{ color: var(--cv-ink); text-decoration: underline; text-underline-offset: 2px; }

/* Adres seçim kartları */
.cv-addr-cards{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-bottom: 18px;
}
.cv-addr-card{
    position: relative;
    padding: 18px;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    cursor: pointer;
    transition: border-color .3s ease, background .3s ease;
}
.cv-addr-card.is-active{
    border-color: var(--cv-ink);
    background: var(--cv-cream);
}
.cv-addr-card.is-active::before{
    content: "✓";
    position: absolute;
    top: 12px; right: 14px;
    color: var(--cv-brass);
    font-size: 14px;
}
.cv-addr-card .title{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 17px;
    color: var(--cv-ink);
    margin-bottom: 6px;
}
.cv-addr-card .body{
    font-family: var(--cv-sans);
    font-size: 13px;
    color: var(--cv-ink-soft);
    line-height: 1.6;
}

/* Teslimat seçenekleri */
.cv-ship-options{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cv-ship-option{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    cursor: pointer;
    transition: border-color .3s ease, background .3s ease;
}
.cv-ship-option.is-active{
    border-color: var(--cv-ink);
    background: var(--cv-cream);
}
.cv-ship-option input{ display: none; }
.cv-ship-option__radio{
    width: 18px; height: 18px;
    border-radius: 50%;
    border: 1px solid var(--cv-line-strong);
    background: #fff;
    flex-shrink: 0;
    position: relative;
    transition: border-color .25s ease;
}
.cv-ship-option.is-active .cv-ship-option__radio{ border-color: var(--cv-ink); }
.cv-ship-option.is-active .cv-ship-option__radio::after{
    content: "";
    position: absolute;
    inset: 3px;
    background: var(--cv-ink);
    border-radius: 50%;
}
.cv-ship-option__info{
    flex: 1;
    font-family: var(--cv-sans);
}
.cv-ship-option__info strong{
    display: block;
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 17px;
    color: var(--cv-ink);
    margin-bottom: 2px;
}
.cv-ship-option__info span{
    font-size: 13px;
    color: var(--cv-ink-soft);
}
.cv-ship-option__price{
    font-family: var(--cv-display);
    font-size: 18px;
    color: var(--cv-ink);
}
.cv-ship-option__price.is-free{ color: var(--cv-brass); font-style: italic; }

/* Ödeme yöntemleri */
.cv-pay-tabs{
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--cv-line);
    margin-bottom: 24px;
}
.cv-pay-tab{
    padding: 14px 20px;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: var(--cv-sans);
    font-size: 11.5px;
    letter-spacing: .26em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-ink-soft);
    position: relative;
    transition: color .3s ease;
}
.cv-pay-tab.is-active{ color: var(--cv-ink); }
.cv-pay-tab::after{
    content: "";
    position: absolute;
    left: 0; bottom: -1px;
    width: 100%; height: 2px;
    background: var(--cv-ink);
    transform: scaleX(0);
    transition: transform .4s var(--cv-ease);
    transform-origin: right center;
}
.cv-pay-tab.is-active::after{ transform: scaleX(1); transform-origin: left center; }

/* Kart formu */
.cv-card-preview{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: center;
}
.cv-card-visual{
    aspect-ratio: 1.6/1;
    background: linear-gradient(135deg, #0b0b0d 0%, #2a2a2e 60%, #6b1f2a 100%);
    color: #f7f4ee;
    padding: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.cv-card-visual::before{
    content: "Gamze Arslanbaş";
    position: absolute;
    bottom: 14px; right: 24px;
    font-family: "Bodoni Moda", serif;
    font-style: italic;
    font-size: 16px;
    color: rgba(247,244,238,.65);
}
.cv-card-visual__chip{
    width: 32px; height: 24px;
    background: linear-gradient(145deg, #c4ac7d, #a88c5f);
    border-radius: 3px;
}
.cv-card-visual__number{
    font-family: "Manrope", monospace;
    font-size: 18px;
    letter-spacing: .14em;
    color: #f7f4ee;
}
.cv-card-visual__row{
    display: flex;
    justify-content: space-between;
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(247,244,238,.55);
}
.cv-card-visual__row strong{
    display: block;
    margin-top: 4px;
    color: #f7f4ee;
    font-weight: 500;
    letter-spacing: .08em;
    font-size: 13px;
}

/* Taksit seçimi */
.cv-installments{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 16px;
}
.cv-installment{
    border: 1px solid var(--cv-line-strong);
    padding: 14px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    transition: border-color .3s ease, background .3s ease;
}
.cv-installment.is-active{
    border-color: var(--cv-ink);
    background: var(--cv-cream);
}
.cv-installment .n{
    font-family: var(--cv-display);
    font-style: italic;
    font-size: 18px;
    color: var(--cv-ink);
    margin-bottom: 4px;
}
.cv-installment .v{
    font-family: var(--cv-sans);
    font-size: 13px;
    color: var(--cv-ink);
    font-weight: 600;
}
.cv-installment .t{
    font-family: var(--cv-sans);
    font-size: 11px;
    color: var(--cv-ink-soft);
    margin-top: 2px;
}

/* Sipariş özeti (ödeme sayfası için kompakt) */
.cv-order-summary{
    position: sticky;
    top: 110px;
    align-self: start;
    background: var(--cv-cream);
    padding: clamp(24px, 3vw, 36px);
    border: 1px solid var(--cv-line);
}
.cv-order-summary h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 24px;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--cv-ink);
}
.cv-order-summary__items{
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: 280px;
    overflow-y: auto;
    margin-bottom: 18px;
    padding-bottom: 4px;
}
.cv-order-summary__item{
    display: grid;
    grid-template-columns: 56px 1fr auto;
    gap: 12px;
    align-items: center;
}
.cv-order-summary__item img{
    width: 56px; height: 70px;
    object-fit: cover;
    background: var(--cv-bone);
}
.cv-order-summary__item .name{
    font-family: var(--cv-display);
    font-size: 14px;
    line-height: 1.3;
    color: var(--cv-ink);
    margin-bottom: 4px;
    letter-spacing: -.005em;
}
.cv-order-summary__item .name .it{ font-style: italic; }
.cv-order-summary__item .attr{
    font-family: var(--cv-sans);
    font-size: 11px;
    color: var(--cv-ink-soft);
    letter-spacing: .04em;
}
.cv-order-summary__item .price{
    font-family: var(--cv-sans);
    font-size: 13px;
    color: var(--cv-ink);
    font-weight: 600;
    align-self: start;
}
.cv-order-summary__pay{
    width: 100%;
    margin-top: 18px;
    padding: 18px 24px;
    background: var(--cv-ink);
    color: #f7f4ee;
    border: 1px solid var(--cv-ink);
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: background .35s ease, color .35s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.cv-order-summary__pay:hover{ background: var(--cv-brass); color: #0b0b0d; border-color: var(--cv-brass); }
.cv-order-summary__pay svg{ width: 16px; height: 16px; }

@media (max-width: 992px){
    .cv-checkout__layout{ grid-template-columns: 1fr; }
    .cv-order-summary{ position: static; }
}
@media (max-width: 560px){
    .cv-field-grid, .cv-field-grid-3{ grid-template-columns: 1fr; }
    .cv-card-preview{ grid-template-columns: 1fr; }
    .cv-installments{ grid-template-columns: repeat(2, 1fr); }
}

/* ==========================================================================
   AUTH PAGES (giriş / kayıt / şifre)
   ========================================================================== */
.cv-auth{
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--cv-paper);
}
.cv-auth__visual{
    position: relative;
    overflow: hidden;
    background: var(--cv-ink);
    color: var(--cv-bone);
    display: flex;
    align-items: flex-end;
    padding: clamp(40px, 5vw, 80px);
}
.cv-auth__visual img{
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: .65;
    transform: scale(1.05);
    animation: cv-slow-zoom 18s var(--cv-ease) forwards;
}
.cv-auth__visual::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11,11,13,.4) 0%, rgba(11,11,13,0) 30%, rgba(11,11,13,0) 60%, rgba(11,11,13,.6) 100%);
}
.cv-auth__visual-inner{
    position: relative;
    z-index: 2;
    max-width: 480px;
}
.cv-auth__visual h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(36px, 4.8vw, 78px);
    line-height: .98;
    margin: 22px 0 18px;
    color: #f7f4ee;
}
.cv-auth__visual h2 .it{ font-style: italic; color: var(--cv-brass-soft); }
.cv-auth__visual p{
    font-family: var(--cv-sans);
    font-size: 14.5px;
    line-height: 1.85;
    color: rgba(247,244,238,.78);
    max-width: 380px;
    margin: 0;
}

.cv-auth__brand{
    position: absolute;
    top: clamp(24px, 4vw, 48px);
    left: clamp(24px, 4vw, 48px);
    z-index: 3;
    font-family: "Bodoni Moda", serif;
    font-size: 22px;
    line-height: 1;
    color: #f7f4ee;
    letter-spacing: .04em;
    text-decoration: none;
}
.cv-auth__brand .it{ font-style: italic; }
.cv-auth__brand small{
    display: block;
    font-family: var(--cv-sans);
    font-size: 8px; letter-spacing: .55em; text-transform: uppercase;
    color: rgba(196,172,125,.85);
    margin-top: 4px;
}

.cv-auth__form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(40px, 6vw, 96px);
}
.cv-auth__form-inner{
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
}
.cv-auth__back{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    text-decoration: none;
    transition: color .3s ease;
}
.cv-auth__back:hover{ color: var(--cv-ink); }
.cv-auth__back svg{ width: 14px; height: 14px; }

.cv-auth__tabs{
    display: flex;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--cv-line);
}
.cv-auth__tab{
    flex: 1;
    padding: 14px 0;
    text-align: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-ink-soft);
    position: relative;
    text-decoration: none;
    transition: color .3s ease;
}
.cv-auth__tab::after{
    content: "";
    position: absolute;
    left: 0; bottom: -1px;
    width: 100%; height: 2px;
    background: var(--cv-ink);
    transform: scaleX(0);
    transition: transform .5s var(--cv-ease);
}
.cv-auth__tab.is-active{ color: var(--cv-ink); }
.cv-auth__tab.is-active::after{ transform: scaleX(1); }

.cv-auth__title{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(32px, 3.5vw, 48px);
    line-height: 1;
    color: var(--cv-ink);
    margin: 0 0 12px;
    letter-spacing: -.01em;
}
.cv-auth__title .it{ font-style: italic; }
.cv-auth__subtitle{
    font-family: var(--cv-sans);
    font-size: 14px;
    color: var(--cv-ink-soft);
    margin: 0 0 32px;
    line-height: 1.7;
}

.cv-auth__submit{
    width: 100%;
    padding: 18px 24px;
    background: var(--cv-ink);
    color: #f7f4ee;
    border: 1px solid var(--cv-ink);
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: background .35s ease, color .35s ease;
    margin-top: 14px;
}
.cv-auth__submit:hover{ background: var(--cv-brass); color: #0b0b0d; border-color: var(--cv-brass); }

.cv-auth__forgot{
    text-align: right;
    margin-top: -4px;
    margin-bottom: 14px;
}
.cv-auth__forgot a{
    font-family: var(--cv-sans);
    font-size: 12px;
    color: var(--cv-ink-soft);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    transition: color .3s ease, border-color .3s ease;
}
.cv-auth__forgot a:hover{ color: var(--cv-ink); border-bottom-color: var(--cv-ink); }

.cv-auth__divider{
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 30px 0;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
}
.cv-auth__divider::before,
.cv-auth__divider::after{
    content: "";
    flex: 1;
    height: 1px;
    background: var(--cv-line);
}

.cv-auth__social{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.cv-auth__social button{
    padding: 14px;
    background: transparent;
    color: var(--cv-ink);
    border: 1px solid var(--cv-line-strong);
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .14em;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: border-color .3s ease, background .3s ease;
    text-transform: none;
    font-weight: 500;
}
.cv-auth__social button:hover{ border-color: var(--cv-ink); background: var(--cv-cream); }
.cv-auth__social button svg{ width: 18px; height: 18px; }

.cv-auth__foot{
    margin-top: 40px;
    font-family: var(--cv-sans);
    font-size: 13px;
    color: var(--cv-ink-soft);
    text-align: center;
}
.cv-auth__foot a{
    color: var(--cv-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-left: 6px;
}

@media (max-width: 900px){
    .cv-auth{ grid-template-columns: 1fr; }
    .cv-auth__visual{ display: none; }
    .cv-auth__form{ padding: 80px 24px 48px; }
}

/* ==========================================================================
   ACCOUNT PAGE (Hesabım)
   ========================================================================== */
.cv-account{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 32px 0 80px;
}
.cv-account__hero{
    margin-bottom: clamp(32px, 4vw, 56px);
    padding-bottom: 32px;
    border-bottom: 1px solid var(--cv-line);
}
.cv-account__hero h1{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(40px, 4.6vw, 72px);
    line-height: 1;
    margin: 14px 0 8px;
    letter-spacing: -.01em;
}
.cv-account__hero h1 .it{ font-style: italic; }
.cv-account__hero p{
    font-family: var(--cv-sans);
    font-size: 14px;
    color: var(--cv-ink-soft);
    margin: 0;
}

.cv-account__layout{
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: clamp(28px, 4vw, 64px);
    align-items: start;
}

/* Sol menü */
.cv-account-menu{
    position: sticky;
    top: 110px;
    align-self: start;
    background: #fff;
    border: 1px solid var(--cv-line);
    padding: 8px 0;
}
.cv-account-menu a{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    text-decoration: none;
    color: var(--cv-ink-soft);
    font-family: var(--cv-sans);
    font-size: 13px;
    letter-spacing: .04em;
    border-left: 2px solid transparent;
    transition: border-color .3s ease, color .3s ease, background .3s ease;
}
.cv-account-menu a:hover{ color: var(--cv-ink); background: var(--cv-cream); }
.cv-account-menu a.is-active{
    color: var(--cv-ink);
    border-left-color: var(--cv-ink);
    background: var(--cv-cream);
    font-weight: 600;
}
.cv-account-menu a svg{ width: 17px; height: 17px; flex-shrink: 0; }
.cv-account-menu a .count{
    margin-left: auto;
    font-size: 11px;
    color: var(--cv-brass);
    font-weight: 600;
    letter-spacing: .1em;
}
.cv-account-menu .sep{
    height: 1px;
    background: var(--cv-line);
    margin: 8px 16px;
}
.cv-account-menu a.is-logout{
    color: var(--cv-wine);
}
.cv-account-menu a.is-logout:hover{ background: rgba(107,31,42,.06); }

/* Sağ içerik */
.cv-account-stats{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 32px;
}
.cv-account-stat{
    background: var(--cv-cream);
    padding: 22px;
    border: 1px solid var(--cv-line);
}
.cv-account-stat .lbl{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    margin-bottom: 8px;
}
.cv-account-stat .val{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 32px;
    color: var(--cv-ink);
    line-height: 1;
    letter-spacing: -.01em;
}
.cv-account-stat .val .it{ font-style: italic; }
.cv-account-stat .sub{
    font-family: var(--cv-sans);
    font-size: 12px;
    color: var(--cv-ink-soft);
    margin-top: 6px;
}

.cv-account-section{
    background: #fff;
    border: 1px solid var(--cv-line);
    padding: clamp(24px, 3vw, 40px);
    margin-bottom: 24px;
}
.cv-account-section__head{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--cv-line);
}
.cv-account-section__head h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 28px;
    margin: 0;
    line-height: 1;
}
.cv-account-section__head h2 .it{ font-style: italic; }
.cv-account-section__head .all{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--cv-ink);
    padding-bottom: 2px;
}

/* Sipariş satırı */
.cv-order-row{
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 24px;
    padding: 18px 0;
    border-bottom: 1px solid var(--cv-line);
    align-items: center;
}
.cv-order-row:last-child{ border-bottom: 0; }
.cv-order-row__id{
    font-family: var(--cv-display);
    font-style: italic;
    font-size: 22px;
    color: var(--cv-ink);
    min-width: 100px;
}
.cv-order-row__info{ font-family: var(--cv-sans); }
.cv-order-row__date{
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    margin-bottom: 6px;
}
.cv-order-row__items{
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}
.cv-order-row__items img{
    width: 40px; height: 50px;
    object-fit: cover;
    background: var(--cv-bone);
}
.cv-order-row__items .more{
    width: 40px; height: 50px;
    display: grid; place-items: center;
    background: var(--cv-cream);
    font-family: var(--cv-sans);
    font-size: 11px;
    color: var(--cv-ink-soft);
    letter-spacing: .04em;
}
.cv-order-row__summary{ font-size: 13px; color: var(--cv-ink); }
.cv-order-row__summary .it{ font-style: italic; font-family: var(--cv-display); }
.cv-order-row__total{
    font-family: var(--cv-display);
    font-size: 22px;
    color: var(--cv-ink);
    text-align: right;
    letter-spacing: -.01em;
}
.cv-order-row__status{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .22em;
    text-transform: uppercase;
    font-weight: 600;
}
.cv-order-row__status::before{
    content: "";
    width: 6px; height: 6px;
    border-radius: 50%;
    background: currentColor;
}
.cv-order-row__status.is-delivered{ background: var(--cv-cream); color: var(--cv-brass); }
.cv-order-row__status.is-shipped{ background: rgba(11,11,13,.06); color: var(--cv-ink); }
.cv-order-row__status.is-preparing{ background: rgba(168,140,95,.15); color: var(--cv-brass); }
.cv-order-row__status.is-cancelled{ background: rgba(107,31,42,.08); color: var(--cv-wine); }
.cv-order-row__cta{
    background: transparent;
    border: 1px solid var(--cv-ink);
    color: var(--cv-ink);
    padding: 10px 18px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: background .3s ease, color .3s ease;
}
.cv-order-row__cta:hover{ background: var(--cv-ink); color: var(--cv-bone); }

/* Hesap profil bilgileri */
.cv-account-profile{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.cv-account-card{
    background: var(--cv-cream);
    padding: 22px;
    border: 1px solid var(--cv-line);
}
.cv-account-card__head{
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 14px;
}
.cv-account-card__head h3{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    margin: 0;
    color: var(--cv-ink);
}
.cv-account-card__head .edit{
    background: transparent; border: 0;
    color: var(--cv-ink-soft);
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .22em;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid var(--cv-ink-soft);
    padding-bottom: 1px;
}
.cv-account-card__body{
    font-family: var(--cv-sans);
    font-size: 13.5px;
    color: var(--cv-ink);
    line-height: 1.85;
}
.cv-account-card__body .muted{ color: var(--cv-ink-soft); }

@media (max-width: 992px){
    .cv-account__layout{ grid-template-columns: 1fr; }
    .cv-account-menu{ position: static; }
    .cv-account-stats{ grid-template-columns: repeat(2, 1fr); }
    .cv-account-profile{ grid-template-columns: 1fr; }
    .cv-order-row{ grid-template-columns: 1fr auto; gap: 12px; }
    .cv-order-row__id{ grid-column: 1 / -1; }
}

/* ==========================================================================
   404 PAGE
   ========================================================================== */
.cv-404{
    min-height: 75vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
}
.cv-404__visual{
    position: relative;
    overflow: hidden;
    background: var(--cv-ink);
}
.cv-404__visual img{
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: .6;
    transform: scale(1.05);
    animation: cv-slow-zoom 18s var(--cv-ease) forwards;
}
.cv-404__visual::after{
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(11,11,13,.3) 0%, rgba(11,11,13,.7) 100%);
}
.cv-404__big{
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(180px, 28vw, 380px);
    line-height: 1;
    color: rgba(247,244,238,.18);
    letter-spacing: -.04em;
    user-select: none;
    pointer-events: none;
}
.cv-404__copy{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(48px, 6vw, 96px);
    background: var(--cv-paper);
}
.cv-404__copy h1{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(40px, 5vw, 76px);
    line-height: 1;
    color: var(--cv-ink);
    letter-spacing: -.01em;
    margin: 18px 0 16px;
}
.cv-404__copy h1 .it{ font-style: italic; }
.cv-404__copy p{
    font-family: var(--cv-sans);
    font-size: 14.5px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    margin: 0 0 28px;
    max-width: 460px;
}
.cv-404__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 36px;
}
.cv-404__actions .primary,
.cv-404__actions .secondary{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 26px;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .28em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    transition: background .35s ease, color .35s ease, border-color .35s ease;
}
.cv-404__actions .primary{
    background: var(--cv-ink);
    color: #f7f4ee;
    border: 1px solid var(--cv-ink);
}
.cv-404__actions .primary:hover{ background: var(--cv-brass); border-color: var(--cv-brass); color: #0b0b0d; }
.cv-404__actions .secondary{
    background: transparent;
    color: var(--cv-ink);
    border: 1px solid var(--cv-ink);
}
.cv-404__actions .secondary:hover{ background: var(--cv-ink); color: var(--cv-bone); }
.cv-404__actions svg{ width: 16px; height: 10px; }

.cv-404__suggest{
    padding-top: 28px;
    border-top: 1px solid var(--cv-line);
}
.cv-404__suggest h4{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    font-weight: 600;
    margin: 0 0 14px;
}
.cv-404__suggest ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}
.cv-404__suggest a{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    color: var(--cv-ink);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color .3s ease, color .3s ease;
}
.cv-404__suggest a:hover{ border-color: var(--cv-ink); color: var(--cv-brass); }

@media (max-width: 900px){
    .cv-404{ grid-template-columns: 1fr; }
    .cv-404__visual{ min-height: 280px; }
    .cv-404__big{ font-size: clamp(140px, 30vw, 240px); }
}

/* ==========================================================================
   BLOG / JOURNAL
   ========================================================================== */
.cv-journal{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 32px 0 80px;
}
.cv-journal__hero{
    text-align: center;
    margin-bottom: clamp(48px, 6vw, 80px);
}
.cv-journal__hero h1{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(48px, 6.4vw, 110px);
    line-height: .96;
    margin: 18px 0 18px;
    letter-spacing: -.02em;
}
.cv-journal__hero h1 .it{ font-style: italic; }
.cv-journal__hero p{
    font-family: var(--cv-sans);
    font-size: 15px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    max-width: 580px;
    margin: 0 auto;
}

.cv-journal__cats{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 28px;
    padding-bottom: 28px;
    margin-bottom: clamp(40px, 5vw, 64px);
    border-bottom: 1px solid var(--cv-line);
}
.cv-journal__cat{
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-ink-soft);
    padding: 8px 0;
    position: relative;
    text-decoration: none;
    transition: color .3s ease;
}
.cv-journal__cat.is-active{ color: var(--cv-ink); }
.cv-journal__cat::after{
    content: "";
    position: absolute;
    left: 0; bottom: 4px;
    width: 100%; height: 1px;
    background: var(--cv-ink);
    transform: scaleX(0);
    transition: transform .4s var(--cv-ease);
}
.cv-journal__cat.is-active::after,
.cv-journal__cat:hover::after{ transform: scaleX(1); }

/* Featured article */
.cv-journal__feature{
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: clamp(28px, 4vw, 72px);
    align-items: center;
    margin-bottom: clamp(60px, 7vw, 96px);
}
.cv-journal__feature-media{
    position: relative;
    aspect-ratio: 4/5;
    overflow: hidden;
    background: var(--cv-bone);
}
.cv-journal__feature-media img{
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 1.6s var(--cv-ease);
}
.cv-journal__feature-media:hover img{ transform: scale(1.04); }
.cv-journal__feature-media-label{
    position: absolute;
    top: 18px; left: 18px;
    background: var(--cv-paper);
    padding: 8px 14px;
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-ink);
    font-weight: 600;
}
.cv-journal__feature-copy span.cv-eyebrow{ margin-bottom: 18px; display: inline-flex; }
.cv-journal__feature-copy h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(34px, 4vw, 64px);
    line-height: 1.02;
    margin: 0 0 22px;
    letter-spacing: -.012em;
}
.cv-journal__feature-copy h2 .it{ font-style: italic; }
.cv-journal__feature-copy h2 a{ color: var(--cv-ink); text-decoration: none; }
.cv-journal__feature-copy p{
    font-family: var(--cv-sans);
    font-size: 15px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    margin: 0 0 24px;
    max-width: 520px;
}
.cv-journal__feature-meta{
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .14em;
    color: var(--cv-ink-soft);
}
.cv-journal__feature-meta .author{
    color: var(--cv-ink);
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0;
}
.cv-journal__feature-meta .sep{ opacity: .35; }

/* Article list */
.cv-journal__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(24px, 3vw, 56px) clamp(20px, 2.5vw, 40px);
}
.cv-article-card{
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}
.cv-article-card__media{
    aspect-ratio: 4/5;
    overflow: hidden;
    background: var(--cv-bone);
    margin-bottom: 18px;
}
.cv-article-card__media img{
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 1.4s var(--cv-ease);
}
.cv-article-card:hover .cv-article-card__media img{ transform: scale(1.05); }
.cv-article-card__cat{
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-brass);
    margin-bottom: 8px;
    display: block;
}
.cv-article-card__title{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: var(--cv-ink);
    margin: 0 0 10px;
    letter-spacing: -.005em;
}
.cv-article-card__title .it{ font-style: italic; }
.cv-article-card__excerpt{
    font-family: var(--cv-sans);
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--cv-ink-soft);
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cv-article-card__meta{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .14em;
    color: var(--cv-ink-soft);
    margin-top: auto;
}
.cv-article-card__meta .sep{ opacity: .5; }

/* Blog detail */
.cv-article{
    width: 92%;
    max-width: 880px;
    margin: 0 auto;
    padding: 48px 0 80px;
}
.cv-article__hero{
    text-align: center;
    margin-bottom: clamp(40px, 5vw, 64px);
}
.cv-article__hero .cat{
    display: inline-block;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .32em;
    text-transform: uppercase;
    color: var(--cv-brass);
    margin-bottom: 22px;
    font-weight: 600;
}
.cv-article__hero h1{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(36px, 5vw, 76px);
    line-height: 1.05;
    margin: 0 0 26px;
    letter-spacing: -.015em;
}
.cv-article__hero h1 .it{ font-style: italic; }
.cv-article__hero p.lede{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(18px, 1.9vw, 24px);
    line-height: 1.55;
    color: var(--cv-ink-soft);
    margin: 0 auto 28px;
    max-width: 620px;
}
.cv-article__meta{
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 14px 0;
    border-top: 1px solid var(--cv-line);
    border-bottom: 1px solid var(--cv-line);
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
}
.cv-article__meta .author{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    color: var(--cv-ink);
    letter-spacing: 0;
    text-transform: none;
}
.cv-article__meta .sep{ opacity: .4; }

.cv-article__cover{
    width: 100vw;
    max-width: 1480px;
    margin: 0 calc(50% - 50vw) clamp(48px, 6vw, 80px);
    aspect-ratio: 21/9;
    background: var(--cv-bone);
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.cv-article__cover img{
    width: 100%; height: 100%;
    object-fit: cover;
}

.cv-article__body{
    font-family: var(--cv-sans);
    font-size: 16px;
    line-height: 1.95;
    color: var(--cv-ink);
}
.cv-article__body p{ margin: 0 0 22px; color: var(--cv-ink-soft); }
.cv-article__body p:first-of-type::first-letter{
    font-family: var(--cv-display);
    font-style: italic;
    float: left;
    font-size: 84px;
    line-height: .85;
    padding: 8px 12px 0 0;
    color: var(--cv-ink);
    font-weight: 400;
}
.cv-article__body h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(28px, 3.4vw, 44px);
    line-height: 1.1;
    margin: 48px 0 18px;
    color: var(--cv-ink);
    letter-spacing: -.01em;
}
.cv-article__body h2 .it{ font-style: italic; }
.cv-article__body h3{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(22px, 2.6vw, 30px);
    margin: 38px 0 14px;
    color: var(--cv-ink);
}
.cv-article__body blockquote{
    margin: 36px 0;
    padding: 24px 32px;
    border-left: 2px solid var(--cv-brass);
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(22px, 2.4vw, 32px);
    line-height: 1.4;
    color: var(--cv-ink);
}
.cv-article__body blockquote cite{
    display: block;
    margin-top: 14px;
    font-family: var(--cv-sans);
    font-style: normal;
    font-size: 11px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-brass);
    font-weight: 600;
}
.cv-article__body figure{
    margin: 36px calc(-12vw) 36px;
    text-align: center;
}
.cv-article__body figure img{
    width: 100%;
    max-width: 1100px;
    height: auto;
    background: var(--cv-bone);
}
.cv-article__body figcaption{
    margin-top: 14px;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
}
.cv-article__body a{
    color: var(--cv-ink);
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--cv-line-strong);
    transition: text-decoration-color .3s ease;
}
.cv-article__body a:hover{ text-decoration-color: var(--cv-ink); }

.cv-article__share{
    margin: clamp(40px, 6vw, 64px) 0;
    padding: 28px 0;
    border-top: 1px solid var(--cv-line);
    border-bottom: 1px solid var(--cv-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-family: var(--cv-sans);
}
.cv-article__share .lbl{
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    font-weight: 600;
}
.cv-article__share .ic{
    display: flex; gap: 14px;
}
.cv-article__share .ic a{
    width: 36px; height: 36px;
    display: grid; place-items: center;
    border: 1px solid var(--cv-line-strong);
    border-radius: 50%;
    color: var(--cv-ink);
    transition: border-color .3s ease, color .3s ease, background .3s ease;
}
.cv-article__share .ic a:hover{ background: var(--cv-ink); color: var(--cv-bone); border-color: var(--cv-ink); }
.cv-article__share .ic svg{ width: 14px; height: 14px; }

.cv-article__author-card{
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 24px;
    align-items: center;
    padding: 28px;
    background: var(--cv-cream);
    border: 1px solid var(--cv-line);
    margin-top: 24px;
}
.cv-article__author-card img{
    width: 100px; height: 100px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--cv-bone);
}
.cv-article__author-card h4{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    margin: 0 0 6px;
    color: var(--cv-ink);
}
.cv-article__author-card p{
    font-family: var(--cv-sans);
    font-size: 13px;
    line-height: 1.7;
    color: var(--cv-ink-soft);
    margin: 0;
}

@media (max-width: 900px){
    .cv-journal__feature{ grid-template-columns: 1fr; }
    .cv-journal__grid{ grid-template-columns: repeat(2, 1fr); }
    .cv-article__body figure{ margin: 36px 0; }
}
@media (max-width: 560px){
    .cv-journal__grid{ grid-template-columns: 1fr; }
    .cv-article__author-card{ grid-template-columns: 1fr; text-align: center; }
    .cv-article__author-card img{ margin: 0 auto; }
}

/* ==========================================================================
   HELP / SSS
   ========================================================================== */
.cv-help{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 32px 0 80px;
}
.cv-help__hero{
    text-align: center;
    background: var(--cv-cream);
    padding: clamp(48px, 7vw, 96px) clamp(24px, 5vw, 80px);
    margin-bottom: clamp(40px, 5vw, 64px);
    border: 1px solid var(--cv-line);
}
.cv-help__hero h1{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(40px, 5.4vw, 88px);
    line-height: 1;
    margin: 18px 0 18px;
    letter-spacing: -.015em;
}
.cv-help__hero h1 .it{ font-style: italic; }
.cv-help__hero p{
    font-family: var(--cv-sans);
    font-size: 14.5px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    margin: 0 auto 32px;
    max-width: 540px;
}
.cv-help__search{
    max-width: 520px;
    margin: 0 auto;
    position: relative;
}
.cv-help__search input{
    width: 100%;
    padding: 18px 56px 18px 22px;
    border: 1px solid var(--cv-ink);
    background: #fff;
    font-family: var(--cv-sans);
    font-size: 14px;
    color: var(--cv-ink);
    outline: 0;
    letter-spacing: .02em;
}
.cv-help__search input::placeholder{ color: var(--cv-ink-soft); opacity: .55; }
.cv-help__search button{
    position: absolute;
    top: 50%; right: 16px;
    transform: translateY(-50%);
    width: 32px; height: 32px;
    background: var(--cv-ink);
    color: var(--cv-bone);
    border: 0;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background .3s ease;
}
.cv-help__search button:hover{ background: var(--cv-brass); color: #0b0b0d; }
.cv-help__search svg{ width: 14px; height: 14px; }

.cv-help__cats{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: clamp(48px, 6vw, 80px);
}
.cv-help__cat{
    padding: 28px 22px;
    background: #fff;
    border: 1px solid var(--cv-line);
    text-decoration: none;
    color: inherit;
    transition: border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
.cv-help__cat:hover{
    border-color: var(--cv-ink);
    transform: translateY(-2px);
    box-shadow: 0 20px 40px -30px rgba(11,11,13,.3);
}
.cv-help__cat-icon{
    width: 38px; height: 38px;
    display: grid;
    place-items: center;
    color: var(--cv-ink);
    margin-bottom: 16px;
}
.cv-help__cat-icon svg{ width: 100%; height: 100%; }
.cv-help__cat h3{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    color: var(--cv-ink);
    margin: 0 0 6px;
}
.cv-help__cat p{
    font-family: var(--cv-sans);
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--cv-ink-soft);
    margin: 0 0 12px;
}
.cv-help__cat .count{
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--cv-brass);
    font-weight: 600;
}

.cv-help__faq h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(32px, 4vw, 56px);
    line-height: 1;
    margin: 0 0 12px;
    text-align: center;
}
.cv-help__faq h2 .it{ font-style: italic; }
.cv-help__faq > p{
    font-family: var(--cv-sans);
    font-size: 13px;
    color: var(--cv-ink-soft);
    text-align: center;
    margin: 0 0 40px;
}

.cv-faq-item{
    border-bottom: 1px solid var(--cv-line);
}
.cv-faq-item summary{
    cursor: pointer;
    list-style: none;
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(18px, 1.8vw, 22px);
    color: var(--cv-ink);
    letter-spacing: -.005em;
}
.cv-faq-item summary::-webkit-details-marker,
.cv-faq-item summary::marker{ display: none; content: ""; }
.cv-faq-item .it{ font-style: italic; }
.cv-faq-item summary .ico{
    width: 18px; height: 18px;
    flex-shrink: 0;
    position: relative;
    transition: transform .4s var(--cv-ease);
}
.cv-faq-item[open] summary .ico{ transform: rotate(45deg); }
.cv-faq-item summary .ico::before,
.cv-faq-item summary .ico::after{
    content: "";
    position: absolute;
    background: var(--cv-ink);
    top: 50%; left: 50%;
}
.cv-faq-item summary .ico::before{ width: 14px; height: 1px; margin: -0.5px 0 0 -7px; }
.cv-faq-item summary .ico::after{ width: 1px; height: 14px; margin: -7px 0 0 -0.5px; }
.cv-faq-item__body{
    padding: 0 0 24px;
    font-family: var(--cv-sans);
    font-size: 14.5px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    max-width: 760px;
}
.cv-faq-item__body p{ margin: 0 0 14px; }
.cv-faq-item__body a{ color: var(--cv-ink); text-decoration: underline; text-underline-offset: 3px; }

/* İletişim kartları */
.cv-help__contact{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: clamp(48px, 6vw, 80px);
}
.cv-help__contact-card{
    padding: 32px 24px;
    background: var(--cv-cream);
    border: 1px solid var(--cv-line);
    text-align: center;
    transition: border-color .35s ease, transform .35s ease;
}
.cv-help__contact-card:hover{ border-color: var(--cv-ink); transform: translateY(-2px); }
.cv-help__contact-card svg{ width: 28px; height: 28px; color: var(--cv-ink); }
.cv-help__contact-card h4{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    margin: 12px 0 6px;
    color: var(--cv-ink);
}
.cv-help__contact-card .val{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 20px;
    color: var(--cv-ink);
    margin: 6px 0 10px;
    display: block;
    text-decoration: none;
}
.cv-help__contact-card .desc{
    font-family: var(--cv-sans);
    font-size: 12px;
    color: var(--cv-ink-soft);
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 900px){
    .cv-help__cats{ grid-template-columns: repeat(2, 1fr); }
    .cv-help__contact{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
    .cv-help__cats,
    .cv-help__contact{ grid-template-columns: 1fr; }
}

/* ==========================================================================
   GIFT CARD
   ========================================================================== */
.cv-gift{
    width: 92%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 32px 0 80px;
}
.cv-gift__layout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(28px, 5vw, 80px);
    align-items: center;
}

/* Sol görsel */
.cv-gift__visual{
    position: sticky;
    top: 110px;
    align-self: start;
}
.cv-gift-card{
    aspect-ratio: 1.6/1;
    background:
        radial-gradient(120% 80% at 20% 20%, rgba(196,172,125,.45) 0%, transparent 60%),
        radial-gradient(120% 80% at 80% 80%, rgba(107,31,42,.55) 0%, transparent 60%),
        linear-gradient(135deg, #0b0b0d 0%, #2a2a2e 60%, #0b0b0d 100%);
    color: #f7f4ee;
    padding: clamp(28px, 4vw, 48px);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 50px 100px -50px rgba(11,11,13,.5);
}
.cv-gift-card::before{
    content: "";
    position: absolute;
    top: -50%; right: -30%;
    width: 80%; height: 200%;
    background: linear-gradient(115deg, transparent 40%, rgba(247,244,238,.05) 50%, transparent 60%);
    pointer-events: none;
}
.cv-gift-card__corner{
    position: absolute;
    top: 28px; right: 28px;
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .42em;
    text-transform: uppercase;
    color: var(--cv-brass-soft);
    border: 1px solid rgba(196,172,125,.45);
    padding: 6px 12px;
}
.cv-gift-card__brand{
    font-family: var(--cv-display);
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1;
    color: #f7f4ee;
    letter-spacing: .03em;
}
.cv-gift-card__brand .it{ font-style: italic; color: var(--cv-brass-soft); }
.cv-gift-card__brand small{
    display: block;
    font-family: var(--cv-sans);
    font-size: 9px;
    letter-spacing: .55em;
    text-transform: uppercase;
    color: rgba(196,172,125,.7);
    margin-top: 8px;
}
.cv-gift-card__amount{
    font-family: var(--cv-display);
    font-size: clamp(56px, 7vw, 120px);
    line-height: 1;
    color: #f7f4ee;
    letter-spacing: -.02em;
    margin: 24px 0 8px;
}
.cv-gift-card__amount .it{ font-style: italic; color: var(--cv-brass-soft); }
.cv-gift-card__label{
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .32em;
    text-transform: uppercase;
    color: rgba(247,244,238,.65);
}
.cv-gift-card__footer{
    display: flex;
    justify-content: space-between;
    align-items: end;
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: rgba(196,172,125,.65);
}
.cv-gift-card__footer strong{
    display: block;
    color: #f7f4ee;
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 4px;
}

/* Sağ form */
.cv-gift__copy{
    padding: 16px 0;
}
.cv-gift__copy h1{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(40px, 5vw, 76px);
    line-height: 1;
    margin: 18px 0 18px;
    letter-spacing: -.015em;
}
.cv-gift__copy h1 .it{ font-style: italic; }
.cv-gift__copy > p{
    font-family: var(--cv-sans);
    font-size: 14.5px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    margin: 0 0 28px;
    max-width: 520px;
}

.cv-gift__amounts{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 22px;
}
.cv-gift__amount{
    background: transparent;
    border: 1px solid var(--cv-line-strong);
    padding: 18px 0;
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 22px;
    color: var(--cv-ink);
    cursor: pointer;
    transition: background .3s ease, color .3s ease, border-color .3s ease;
    letter-spacing: -.01em;
}
.cv-gift__amount:hover{ border-color: var(--cv-ink); }
.cv-gift__amount.is-active{
    background: var(--cv-ink);
    color: var(--cv-bone);
    border-color: var(--cv-ink);
}
.cv-gift__custom{
    margin-bottom: 26px;
}
.cv-gift__custom input{
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--cv-line-strong);
    background: transparent;
    font-family: var(--cv-display);
    font-size: 22px;
    color: var(--cv-ink);
    outline: 0;
    text-align: center;
    letter-spacing: -.01em;
}
.cv-gift__custom input:focus{ border-color: var(--cv-ink); }
.cv-gift__hint{
    text-align: center;
    font-family: var(--cv-sans);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--cv-ink-soft);
    margin: 8px 0 0;
}

.cv-gift__buy{
    width: 100%;
    padding: 18px 24px;
    background: var(--cv-ink);
    color: #f7f4ee;
    border: 1px solid var(--cv-ink);
    font-family: var(--cv-sans);
    font-size: 12px;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: background .35s ease, color .35s ease, border-color .35s ease;
    margin-top: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.cv-gift__buy:hover{ background: var(--cv-brass); border-color: var(--cv-brass); color: #0b0b0d; }
.cv-gift__buy svg{ width: 16px; height: 16px; }

/* Hediye çeki + benefits */
.cv-gift-benefits{
    margin-top: clamp(64px, 8vw, 110px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.cv-gift-benefits__item{
    padding: 28px;
    background: var(--cv-cream);
    border: 1px solid var(--cv-line);
}
.cv-gift-benefits__item svg{ width: 32px; height: 32px; color: var(--cv-brass); }
.cv-gift-benefits__item h3{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    margin: 14px 0 8px;
    color: var(--cv-ink);
}
.cv-gift-benefits__item p{
    font-family: var(--cv-sans);
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--cv-ink-soft);
    margin: 0;
}

@media (max-width: 900px){
    .cv-gift__layout{ grid-template-columns: 1fr; }
    .cv-gift__visual{ position: static; }
    .cv-gift-benefits{ grid-template-columns: 1fr; }
}

/* ==========================================================================
   ABOUT / STATIC PAGES
   ========================================================================== */
.cv-about-hero{
    position: relative;
    min-height: 60vh;
    overflow: hidden;
    background: var(--cv-ink);
    color: var(--cv-bone);
    display: flex;
    align-items: flex-end;
    padding: clamp(48px, 7vw, 110px) clamp(24px, 5vw, 80px);
    margin-bottom: clamp(56px, 7vw, 100px);
}
.cv-about-hero img{
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: .55;
    transform: scale(1.05);
    animation: cv-slow-zoom 18s var(--cv-ease) forwards;
}
.cv-about-hero::after{
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(11,11,13,.3) 0%, rgba(11,11,13,.7) 100%);
}
.cv-about-hero__inner{ position: relative; z-index: 2; max-width: 760px; }
.cv-about-hero h1{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(48px, 7vw, 132px);
    line-height: .96;
    margin: 22px 0 22px;
    letter-spacing: -.018em;
    color: #f7f4ee;
}
.cv-about-hero h1 .it{ font-style: italic; color: var(--cv-brass-soft); }
.cv-about-hero p{
    font-family: var(--cv-sans);
    font-size: 15.5px;
    line-height: 1.85;
    color: rgba(247,244,238,.82);
    margin: 0;
    max-width: 540px;
}

.cv-about-section{
    width: 92%;
    max-width: 1180px;
    margin: 0 auto clamp(56px, 7vw, 100px);
}
.cv-about-section--narrow{ max-width: 760px; }
.cv-about-section--wide{ max-width: 1480px; }
.cv-about-section h2{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: clamp(32px, 4vw, 64px);
    line-height: 1.05;
    margin: 18px 0 28px;
    letter-spacing: -.012em;
}
.cv-about-section h2 .it{ font-style: italic; }
.cv-about-section p{
    font-family: var(--cv-sans);
    font-size: 15px;
    line-height: 1.95;
    color: var(--cv-ink-soft);
    margin: 0 0 22px;
}
.cv-about-section p:first-of-type::first-letter{
    font-family: var(--cv-display);
    font-style: italic;
    float: left;
    font-size: 78px;
    line-height: .85;
    padding: 4px 12px 0 0;
    color: var(--cv-ink);
    font-weight: 400;
}

/* Timeline */
.cv-timeline{
    border-top: 1px solid var(--cv-ink);
    border-bottom: 1px solid var(--cv-ink);
    padding: 32px 0;
    margin-top: 32px;
}
.cv-timeline__item{
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 32px;
    padding: 24px 0;
    border-bottom: 1px solid var(--cv-line);
    align-items: baseline;
}
.cv-timeline__item:last-child{ border-bottom: 0; }
.cv-timeline__year{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 44px;
    color: var(--cv-ink);
    letter-spacing: -.01em;
    line-height: 1;
}
.cv-timeline__year .it{ font-style: italic; color: var(--cv-brass); }
.cv-timeline__title{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    color: var(--cv-ink);
    margin: 0 0 8px;
}
.cv-timeline__body{
    font-family: var(--cv-sans);
    font-size: 14px;
    line-height: 1.85;
    color: var(--cv-ink-soft);
    margin: 0;
}

/* Values */
.cv-values{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 32px;
}
.cv-values__item{
    padding: 32px 28px;
    background: var(--cv-cream);
    border: 1px solid var(--cv-line);
}
.cv-values__num{
    font-family: var(--cv-display);
    font-style: italic;
    font-weight: 400;
    font-size: 32px;
    color: var(--cv-brass);
    line-height: 1;
}
.cv-values__item h3{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 26px;
    color: var(--cv-ink);
    margin: 18px 0 12px;
    letter-spacing: -.005em;
}
.cv-values__item h3 .it{ font-style: italic; }
.cv-values__item p{
    font-family: var(--cv-sans);
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--cv-ink-soft);
    margin: 0;
}

/* Team */
.cv-team{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(18px, 2vw, 28px);
    margin-top: 32px;
}
.cv-team__member{
    text-align: center;
}
.cv-team__photo{
    aspect-ratio: 4/5;
    background: var(--cv-bone);
    overflow: hidden;
    margin-bottom: 18px;
}
.cv-team__photo img{
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 1.4s var(--cv-ease);
}
.cv-team__member:hover .cv-team__photo img{ transform: scale(1.04); }
.cv-team__member h4{
    font-family: var(--cv-display);
    font-weight: 400;
    font-size: 22px;
    color: var(--cv-ink);
    margin: 0 0 4px;
}
.cv-team__member h4 .it{ font-style: italic; }
.cv-team__role{
    font-family: var(--cv-sans);
    font-size: 10px;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cv-brass);
    font-weight: 600;
}

/* Atelier story split */
.cv-about-story{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(28px, 5vw, 80px);
    align-items: center;
    width: 92%;
    max-width: 1480px;
    margin: 0 auto clamp(56px, 7vw, 100px);
}
.cv-about-story__media{
    aspect-ratio: 4/5;
    overflow: hidden;
    background: var(--cv-bone);
}
.cv-about-story__media img{
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 1.6s var(--cv-ease);
}
.cv-about-story__media:hover img{ transform: scale(1.04); }

@media (max-width: 900px){
    .cv-values{ grid-template-columns: 1fr; }
    .cv-team{ grid-template-columns: repeat(2, 1fr); }
    .cv-timeline__item{ grid-template-columns: 1fr; gap: 12px; }
    .cv-about-story{ grid-template-columns: 1fr; }
}

/* ---------- Responsive ---------- */
@media (max-width: 991px){
    .cv-editorial,
    .cv-editorial--reverse{ grid-template-columns: 1fr; }
    .cv-editorial--reverse .cv-editorial__media{ order: 0; }
    .cv-collection-grid{ grid-template-columns: repeat(6, 1fr); }
    .cv-collection-grid > a.cv-cell--lg{ grid-column: span 6; }
    .cv-collection-grid > a.cv-cell--sm{ grid-column: span 3; }
    .cv-story{ grid-template-columns: 1fr; }
    .cv-press{ grid-template-columns: 1fr; }
    .cv-press blockquote{ border-right: 0; border-bottom: 1px solid var(--cv-line); }
    .cv-press blockquote:last-child{ border-bottom: 0; }
    .cv-service-strip{ grid-template-columns: repeat(2, 1fr); }
    .cv-service-strip__item:nth-child(2){ border-right: 0; }
    .cv-service-strip__item:nth-child(1),
    .cv-service-strip__item:nth-child(2){ border-bottom: 1px solid var(--cv-line); }
    .cv-hero__rail{ display: none; }
    .cv-hero__sub{ flex-direction: column; align-items: flex-start; gap: 28px; }
    .cv-product-rail__head{ flex-direction: column; align-items: flex-start; gap: 18px; }
}
@media (max-width: 576px){
    .cv-collection-grid{ grid-template-columns: 1fr; gap: 10px; }
    .cv-collection-grid > a.cv-cell--lg,
    .cv-collection-grid > a.cv-cell--sm{ grid-column: span 1; }
    .cv-service-strip{ grid-template-columns: 1fr; }
    .cv-service-strip__item{ border-right: 0; border-bottom: 1px solid var(--cv-line); }
    .cv-service-strip__item:last-child{ border-bottom: 0; }
}

/* ==========================================================================
   HARD OVERRIDE — style.css'teki Ticimax kuralllarını agresif olarak ezer.
   Specificity yüksek, !important kullanılır. cv-shell-head / card-product--lux
   gibi marker sınıfları aktifken devreye girer.
   ========================================================================== */

/* ---------- HEADER hard override ---------- */
header.desktop.cv-shell-head{
    position: sticky !important;
    top: 0 !important;
    background: var(--cv-paper, #faf8f4) !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    z-index: 100 !important;
}
header.desktop.cv-shell-head .h-center,
header.desktop.cv-shell-head section.cv-head{
    position: relative !important;
    border-bottom: 1px solid rgba(11,11,13,.08) !important;
    box-shadow: none !important;
    background: rgba(250,248,244,.94) !important;
    backdrop-filter: saturate(140%) blur(14px);
    padding: 18px clamp(20px,4vw,52px) !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 24px !important;
    height: auto !important;
    margin: 0 !important;
}
header.desktop.cv-shell-head .h-contact{ display: none !important; }
header.desktop.cv-shell-head .header-area{
    height: auto !important;
    display: contents !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
}
header.desktop.cv-shell-head .row,
header.desktop.cv-shell-head .container-fluid{ display: contents !important; }
header.desktop.cv-shell-head .col-md-2,
header.desktop.cv-shell-head .col-md-8,
header.desktop.cv-shell-head .col-md-12{
    flex: unset !important;
    max-width: unset !important;
    width: auto !important;
    padding: 0 !important;
}
header.desktop.cv-shell-head .cv-head__nav{
    display: flex !important;
    gap: 28px !important;
    font-size: 12px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    align-items: center !important;
}
header.desktop.cv-shell-head .cv-head__nav a{
    color: #0b0b0d !important;
    text-decoration: none !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid transparent !important;
    height: auto !important;
    line-height: normal !important;
}
header.desktop.cv-shell-head .cv-head__nav a:hover{ border-bottom-color: #0b0b0d !important; }
header.desktop.cv-shell-head .cv-head__brand{
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
}
header.desktop.cv-shell-head .cv-head__brand img{
    max-height: 42px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}
header.desktop.cv-shell-head .cv-head__ic{
    display: inline-flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 22px !important;
}
header.desktop.cv-shell-head .cv-head__ic .bar-link,
header.desktop.cv-shell-head .cv-head__ic .dropdown > a,
header.desktop.cv-shell-head .cv-head__ic > a{
    color: #0b0b0d !important;
    display: inline-grid !important;
    place-items: center !important;
    position: relative !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
}
header.desktop.cv-shell-head .cv-head__ic .bar-link svg,
header.desktop.cv-shell-head .cv-head__ic > a svg{
    width: 19px !important;
    height: 19px !important;
    color: #0b0b0d !important;
}
header.desktop.cv-shell-head .cv-head__ic .count,
header.desktop.cv-shell-head .cv-head__ic .cnt{
    position: absolute !important;
    top: -6px !important;
    right: -10px !important;
    background: #0b0b0d !important;
    color: #f7f4ee !important;
    font-size: 9px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Mega menu içindeki anchor'lar lux dilinde */
header.desktop.cv-shell-head .cv-head__nav .navbar-nav,
header.desktop.cv-shell-head .cv-head__nav ul{
    display: flex !important;
    gap: 28px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
}
header.desktop.cv-shell-head .cv-head__nav .navbar-nav > li > a,
header.desktop.cv-shell-head .cv-head__nav ul > li > a{
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    color: #0b0b0d !important;
    padding: 4px 0 !important;
    border-bottom: 1px solid transparent !important;
    background: transparent !important;
    height: auto !important;
    line-height: normal !important;
    text-decoration: none !important;
}
header.desktop.cv-shell-head .cv-head__nav .navbar-nav > li > a:hover,
header.desktop.cv-shell-head .cv-head__nav ul > li > a:hover{
    border-bottom-color: #0b0b0d !important;
    color: #0b0b0d !important;
}

/* Mobil header'a dokunma — eski yapı korunsun */

/* ---------- BODY içerik header'ın altında kalsın diye ---------- */
body{ padding-top: 0 !important; }
.cv-shell-head + *{ margin-top: 0 !important; }

/* ---------- CARD PRODUCT --lux hard override ---------- */
.card-product.card-product--lux{
    border: 1px solid transparent !important;
    background: #fff !important;
    padding: 12px 12px 18px !important;
    border-radius: 0 !important;
    transition: border-color .5s var(--cv-ease), transform .55s var(--cv-ease), box-shadow .55s var(--cv-ease) !important;
}
.card-product.card-product--lux:hover{
    border-color: var(--cv-line) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 24px 50px -36px rgba(11,11,13,.35) !important;
}
.card-product.card-product--lux .card-product-inner{
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.card-product.card-product--lux .image-wrapper,
.card-product.card-product--lux .image,
.card-product.card-product--lux .carousel-outer,
.card-product.card-product--lux .carousel-inner,
.card-product.card-product--lux .carousel-item,
.card-product.card-product--lux figure{
    border-radius: 0 !important;
    overflow: hidden !important;
    background: var(--cv-bone, #efeae1) !important;
}
.card-product.card-product--lux .image img,
.card-product.card-product--lux figure img,
.card-product.card-product--lux .carousel-item img{
    border-radius: 0 !important;
    transition: transform 1.4s var(--cv-ease) !important;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    width: 100%;
}
.card-product.card-product--lux:hover .image img{ transform: scale(1.045) !important; }
.card-product.card-product--lux .title{
    font-family: "Bodoni Moda", serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    letter-spacing: -.005em !important;
    color: #0b0b0d !important;
    text-transform: none !important;
    margin: 18px 0 8px !important;
    padding: 0 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.card-product.card-product--lux .brand{
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    color: var(--cv-brass, #a88c5f) !important;
    padding: 0 4px !important;
    margin: 0 !important;
}
.card-product.card-product--lux .price-group,
.card-product.card-product--lux .prices{
    padding: 0 4px !important;
    background: transparent !important;
}
.card-product.card-product--lux .price-group .sale-price,
.card-product.card-product--lux .price-values .sale-price{
    font-family: "Manrope", sans-serif !important;
    font-size: 16px !important;
    color: #0b0b0d !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
}
.card-product.card-product--lux .price-group .list-price,
.card-product.card-product--lux .price-values .list-price{
    font-family: "Manrope", sans-serif !important;
    color: #2a2a2e !important;
    text-decoration: line-through !important;
    opacity: .55 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
.card-product.card-product--lux .price-discount-rate{
    background: #6b1f2a !important;
    color: #f7f4ee !important;
    font-size: 10px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 4px 8px !important;
    border-radius: 0 !important;
}
.card-product.card-product--lux .buttons .btn,
.card-product.card-product--lux .btn-cart{
    background: #0b0b0d !important;
    color: #f7f4ee !important;
    border: 1px solid #0b0b0d !important;
    border-radius: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11.5px !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 14px 18px !important;
    transition: background .4s var(--cv-ease), color .4s var(--cv-ease), border-color .4s var(--cv-ease) !important;
    margin-top: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
}
.card-product.card-product--lux .buttons .btn:hover,
.card-product.card-product--lux .btn-cart:hover{
    background: var(--cv-brass, #a88c5f) !important;
    color: #0b0b0d !important;
    border-color: var(--cv-brass, #a88c5f) !important;
}
.card-product.card-product--lux .free-cargo-badge,
.card-product.card-product--lux .card-badges .free-cargo-badge{
    background: var(--cv-paper, #faf8f4) !important;
    color: #0b0b0d !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 6px 11px !important;
    line-height: 1 !important;
    border: 1px solid var(--cv-line) !important;
    border-radius: 0 !important;
}
.card-product.card-product--lux .card-badges{
    top: 12px !important;
    left: 12px !important;
    z-index: 2 !important;
}
.card-product.card-product--lux .it-over{
    background: rgba(247,244,238,.78) !important;
    color: #0b0b0d !important;
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-size: 28px !important;
    letter-spacing: .04em !important;
    backdrop-filter: blur(2px);
}

/* ---------- FOOTER hard override ---------- */
footer.cv-foot{
    background: #0b0b0d !important;
    color: rgba(239,234,225,.8) !important;
    padding: 80px clamp(24px,5vw,80px) 40px !important;
    font-family: "Manrope", sans-serif !important;
}
footer.cv-foot .bb,
footer.cv-foot .bar,
footer.cv-foot .container,
footer.cv-foot .container-fluid{
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
footer.cv-foot .cv-foot__grid{
    display: grid !important;
    grid-template-columns: 1.4fr repeat(3,1fr) 1.2fr !important;
    gap: 56px !important;
    margin-bottom: 64px !important;
}
footer.cv-foot .cv-foot__brand{
    font-family: "Bodoni Moda", serif !important;
    font-size: 34px !important;
    line-height: 1 !important;
    color: #f7f4ee !important;
    margin: 0 0 10px !important;
    letter-spacing: .03em !important;
}
footer.cv-foot .cv-foot__brand .it{ font-style: italic; color: #c4ac7d !important; }
footer.cv-foot .cv-foot__brand-tag{
    font-size: 10px !important;
    letter-spacing: .42em !important;
    text-transform: uppercase !important;
    color: rgba(239,234,225,.5) !important;
}
footer.cv-foot h5{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    color: #f7f4ee !important;
    margin: 0 0 22px !important;
    font-weight: 600 !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
footer.cv-foot ul,
footer.cv-foot .fs ul,
footer.cv-foot .footer-cat{
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    background: transparent !important;
}
footer.cv-foot ul li{ margin: 0 !important; padding: 0 !important; }
footer.cv-foot ul a{
    color: rgba(239,234,225,.7) !important;
    text-decoration: none !important;
    font-size: 13.5px !important;
    transition: color .3s ease !important;
    background: transparent !important;
}
footer.cv-foot ul a:hover{ color: #c4ac7d !important; }
footer.cv-foot__bottom{
    border-top: 1px solid rgba(239,234,225,.15) !important;
    padding-top: 28px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
    font-size: 11px !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: rgba(239,234,225,.45) !important;
    background: transparent !important;
}

/* Mobil footer accordion eski stilini sıfırla */
@media (max-width: 768px){
    footer.cv-foot .cv-foot__grid{ grid-template-columns: 1fr !important; gap: 32px !important; }
    footer.cv-foot .title.text-left{ display: none !important; }
    footer.cv-foot .fs{ display: block !important; }
}

/* ---------- UTILITY BAR güvenlik ---------- */
.cv-shell-head .cv-utility{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px clamp(20px,4vw,52px) !important;
    background: #0b0b0d !important;
    color: rgba(247,244,238,.7) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .24em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    border: 0 !important;
}
.cv-shell-head .cv-utility a{ color: rgba(247,244,238,.9) !important; text-decoration: none !important; }
.cv-shell-head .cv-utility .cv-utility__promo{ color: #c4ac7d !important; }
.cv-shell-head .cv-utility .cv-utility__right{ display: flex !important; gap: 22px !important; }
@media (max-width:760px){
    .cv-shell-head .cv-utility .cv-utility__right{ display:none !important; }
}

/* ---------- Search dropdown'u (arama açıldığında) ---------- */
header.desktop.cv-shell-head .search{
    background: var(--cv-paper, #faf8f4) !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.14)) !important;
    padding: 16px clamp(20px,4vw,52px) !important;
}
header.desktop.cv-shell-head .search.show form,
header.desktop.cv-shell-head .search form{
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    border: 1px solid var(--cv-ink, #0b0b0d) !important;
    background: #fff;
}
header.desktop.cv-shell-head .search form input{
    border: 0 !important;
    background: transparent !important;
    padding: 14px 16px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    color: #0b0b0d !important;
}
header.desktop.cv-shell-head .search form .btn-send{
    background: #0b0b0d !important;
    color: #f7f4ee !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 22px !important;
}

/* ==========================================================================
   v4 — Anasayfa görünüm detay düzeltmeleri
   ========================================================================== */

/* 1) Header: Logo SOLDA, nav ORTADA, ikonlar SAĞDA — SIKI versiyon */
header.desktop.cv-shell-head section.cv-head{
    grid-template-columns: auto 1fr auto !important;
    gap: clamp(16px, 2vw, 32px) !important;
    align-items: center !important;
}
header.desktop.cv-shell-head .cv-head__brand{
    justify-self: start !important;
    text-align: left !important;
    flex-shrink: 0 !important;
}
header.desktop.cv-shell-head .cv-head__brand img{
    margin: 0 !important;
    display: block !important;
    max-height: 44px !important;
    width: auto !important;
}

/* NAV — Tek satıra ZORLA sığsın */
header.desktop.cv-shell-head .cv-head__nav,
header.desktop.cv-shell-head .cv-head__nav .navbar-nav,
header.desktop.cv-shell-head .cv-head__nav ul,
header.desktop.cv-shell-head .cv-head__nav .menu{
    justify-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    gap: clamp(6px, 0.9vw, 14px) !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
header.desktop.cv-shell-head .cv-head__nav li{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-shrink: 1 !important;
}
header.desktop.cv-shell-head .cv-head__nav a,
header.desktop.cv-shell-head .cv-head__nav .navbar-nav > li > a,
header.desktop.cv-shell-head .cv-head__nav ul > li > a{
    font-family: "Manrope", sans-serif !important;
    font-size: 10.5px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #0b0b0d !important;
    padding: 6px 4px !important;
    border-bottom: 1px solid transparent !important;
    background: transparent !important;
    height: auto !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    display: inline-block !important;
}
header.desktop.cv-shell-head .cv-head__nav a:hover,
header.desktop.cv-shell-head .cv-head__nav .navbar-nav > li > a:hover,
header.desktop.cv-shell-head .cv-head__nav ul > li > a:hover{
    border-bottom-color: var(--cv-brass, #a88c5f) !important;
    color: var(--cv-brass, #a88c5f) !important;
}

/* Geniş ekranda biraz daha rahat */
@media (min-width: 1500px){
    header.desktop.cv-shell-head .cv-head__nav,
    header.desktop.cv-shell-head .cv-head__nav .navbar-nav,
    header.desktop.cv-shell-head .cv-head__nav ul{
        gap: clamp(10px, 1.2vw, 22px) !important;
    }
    header.desktop.cv-shell-head .cv-head__nav a,
    header.desktop.cv-shell-head .cv-head__nav .navbar-nav > li > a,
    header.desktop.cv-shell-head .cv-head__nav ul > li > a{
        font-size: 11.5px !important;
        letter-spacing: .18em !important;
    }
}

/* Dar ekranda (1200-1400px) navi gizle, hamburger benzeri davranis lazim ama o mobil gibi calisir
   Su an 1199 alti zaten gizliyoruz. 1200-1400 arasi nav cok dar olabilir — daha cesur kucult */
@media (min-width: 1200px) and (max-width: 1399px){
    header.desktop.cv-shell-head .cv-head__nav a,
    header.desktop.cv-shell-head .cv-head__nav .navbar-nav > li > a,
    header.desktop.cv-shell-head .cv-head__nav ul > li > a{
        font-size: 10px !important;
        letter-spacing: .08em !important;
        padding: 6px 2px !important;
    }
    header.desktop.cv-shell-head .cv-head__nav,
    header.desktop.cv-shell-head .cv-head__nav ul{
        gap: 4px !important;
    }
}

/* Ikon barı kompakt */
header.desktop.cv-shell-head .cv-head__ic{
    flex-shrink: 0 !important;
    gap: 18px !important;
}

/* Cart badge "0" iken daha sade gozuksun */
header.desktop.cv-shell-head .cv-head__ic .count,
header.desktop.cv-shell-head .cv-head__ic .cnt{
    background: var(--cv-brass, #a88c5f) !important;
    color: #0b0b0d !important;
}

/* ==========================================================================
   v7 — Search X ikonu gizle + Header/Slider arası boşluk
   ========================================================================== */

/* 1) Search'in close (X) ikonu varsayilan olarak gizli */
header.desktop.cv-shell-head .bar-search-icon--close,
.bar-search-icon--close{
    display: none !important;
}
/* Search aktiflestiginde open ikon gizlenir, close gorunur — Ticimax JS'i bunu toggle eder */
header.desktop.cv-shell-head .bar-search.is-active .bar-search-icon--open,
header.desktop.cv-shell-head .search.show ~ .cv-head .bar-search-icon--open,
body.search-open .bar-search-icon--open{
    display: none !important;
}
header.desktop.cv-shell-head .bar-search.is-active .bar-search-icon--close,
header.desktop.cv-shell-head .search.show ~ .cv-head .bar-search-icon--close,
body.search-open .bar-search-icon--close{
    display: block !important;
}

/* 2) HEADER ile slider/icerik arasindaki bosluk kaldir */
body{
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Sticky header oldugu icin altina otomatik margin koymasin */
header.desktop.cv-shell-head + *,
header.desktop.cv-shell-head ~ section:first-of-type,
header.desktop.cv-shell-head ~ .pattern-group:first-of-type{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Pattern group container marjlarini sifirla */
.pattern-group,
.pattern-groups,
.p-g-wrapper,
.block-group{
    margin: 0 !important;
}
.pattern-group:first-of-type,
.pattern-groups:first-of-type{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Manset/slider direkt header'a yaslansin */
.slider-wrap,
.banner-slider,
.slick-slider,
.swiper-container.manset,
.p-g-mod-t-45,
[class*="p-g-mod-t-45"],
[data-modul-tip*="manset"],
[data-pg-id*="manset"] .p-g-body,
.pattern-group .slider{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Manset modul body'sinin etrafindaki bosluklari kaldir */
.p-g-mod-t-45 .p-g-mod-body,
.p-g-mod-t-45.p-g-mod-body,
.cavalle-section.manset .p-g-mod-body{
    padding: 0 !important;
    margin: 0 !important;
}

/* Pattern group body genel padding sifirla */
.pattern-group-body .p-g-mod-body{ margin: 0 !important; }

/* Mobile header alti bosluk da temizle */
.mobile-header-space{
    height: 0 !important;
    min-height: 0 !important;
}

/* Container-fluid'in default padding'leri */
.cv-shell-head + .container-fluid,
.cv-shell-head ~ .container-fluid:first-of-type,
.cv-shell-head ~ .container:first-of-type{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3) UYELIK (uye ol/giris) butonu cv-head__ic icinde ise hizali */
header.desktop.cv-shell-head .cv-head__ic .dropdown-languages-1,
header.desktop.cv-shell-head .cv-head__ic .dropdown-currencies-1{
    display: none !important;  /* TR/USD dropdownlar lux'da sade icin gizli — istersek acabiliriz */
}

/* ==========================================================================
   v8 — Search dropdown VARSAYILAN GIZLI + header-slider yapisik
   ========================================================================== */

/* SEARCH dropdown'u GIZLE — sadece search ikonuna tiklandiginda acilsin */
header.desktop.cv-shell-head .search{
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99 !important;
    background: var(--cv-paper, #faf8f4) !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.14)) !important;
    padding: 24px clamp(20px,4vw,52px) !important;
    box-shadow: 0 12px 40px -20px rgba(11,11,13,.25) !important;
}
header.desktop.cv-shell-head .search.show{
    display: block !important;
}
header.desktop.cv-shell-head .search.show form{
    max-width: 760px !important;
    margin: 0 auto !important;
    display: flex !important;
    border: 1px solid var(--cv-ink, #0b0b0d) !important;
    background: #fff !important;
}

/* Header'in kendisi position: relative (search absolute'a parent olsun) */
header.desktop.cv-shell-head{
    position: sticky !important;
    top: 0 !important;
}

/* SLIDER ile HEADER arasi BOSLUK YOK */
header.desktop.cv-shell-head ~ *:first-child,
header.desktop.cv-shell-head + *,
.cv-shell-head + main,
.cv-shell-head + section,
.cv-shell-head + .pattern-groups,
.cv-shell-head + .container,
.cv-shell-head + .container-fluid,
.cv-shell-head + div{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ticimax'in main content wrapper'i */
main, .main, [role="main"], #main,
.page-content, .page-wrapper{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Anasayfa modul gruplari container marjlari */
.pattern-groups,
.cms-content,
.anasayfa-content{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pattern-groups > .pattern-group:first-child,
.pattern-groups .pattern-group:first-child,
body .pattern-group:first-of-type{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Manset modulu icin extra zorla */
.p-g-mod-t-45,
.pattern-group .p-g-mod-t-45,
[class*="p-g-mod-t-45"]{
    margin: 0 !important;
    padding: 0 !important;
}
.p-g-mod-t-45 .p-g-mod-body{
    margin: 0 !important;
    padding: 0 !important;
}

/* Ticimax slick slider/swiper margin-bottom 0 */
.slick-slider,
.swiper-container,
.banner-slider{
    margin: 0 !important;
}

/* Body'nin global padding'i */
body{
    padding-top: 0 !important;
    margin: 0 !important;
}

/* Mobile header bosluk */
.mobile-header-space{
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
}

/* ==========================================================================
   v9 — MANSET (Slider/Hero) LUX TASARIMI
   Ticimax Bootstrap Carousel cikitsi: .p-g-mod-t-45 .carousel
   Onizleme cv-hero gibi: soldan icine kayan baslik + aciklama + CTA + rail
   ========================================================================== */

/* Manset container — full-bleed */
.pattern-group.home-headline,
.pattern-group-t-0:has(.p-g-mod-t-45){
    background: #0b0b0d !important;
    overflow: hidden !important;
}

/* Carousel ana container */
.p-g-mod-t-45 .carousel{
    position: relative !important;
    background: #0b0b0d !important;
    overflow: hidden !important;
}

.p-g-mod-t-45 .carousel-inner{
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* Her slide — yukseklik ayari */
.p-g-mod-t-45 .carousel-item{
    position: relative !important;
    height: clamp(580px, 78vh, 880px) !important;
    overflow: hidden !important;
}

/* Slide ana link/anchor */
.p-g-mod-t-45 .carousel-item > a{
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    cursor: pointer !important;
}

/* Slide gorseli — slow zoom + full cover */
.p-g-mod-t-45 .carousel-item img.img-auto,
.p-g-mod-t-45 .carousel-item img{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.06);
    transition: transform 14s cubic-bezier(.22,.61,.36,1);
}
.p-g-mod-t-45 .carousel-item.active img.img-auto,
.p-g-mod-t-45 .carousel-item.active img{
    transform: scale(1.0);
}

/* Video slide */
.p-g-mod-t-45 .carousel-item .video{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}
.p-g-mod-t-45 .carousel-item .video video{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Sliding karanlik gradient overlay — sol taraf metin okunabilirligi icin */
.p-g-mod-t-45 .carousel-item::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        radial-gradient(120% 70% at 0% 50%, rgba(11,11,13,.55) 0%, rgba(11,11,13,.15) 50%, transparent 75%),
        linear-gradient(180deg, rgba(11,11,13,.15) 0%, rgba(11,11,13,0) 30%, rgba(11,11,13,0) 60%, rgba(11,11,13,.5) 100%);
    pointer-events: none !important;
}

/* CAPTION — Bodoni baslik + Manrope aciklama + CTA buton */
.p-g-mod-t-45 .carousel-caption{
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: clamp(420px, 50%, 760px) !important;
    text-align: left !important;
    padding: clamp(40px, 6vw, 110px) clamp(24px, 5vw, 80px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    color: #f7f4ee !important;
    z-index: 5 !important;
    pointer-events: none !important;
}
.p-g-mod-t-45 .carousel-caption > *{ pointer-events: auto; }

/* Eyebrow (item before h5) — varsa */
.p-g-mod-t-45 .carousel-caption::before{
    content: "Nuova Collezione · Sessiz Lüks";
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .32em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.78) !important;
    margin-bottom: 22px !important;
    opacity: 0;
    transform: translateY(14px);
    animation: cv-hero-rise 1s cubic-bezier(.22,.61,.36,1) .15s forwards;
    width: fit-content;
}
.p-g-mod-t-45 .carousel-caption::after{
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 1px !important;
    background: rgba(255,255,255,.55) !important;
    position: absolute !important;
    top: calc(clamp(40px, 6vw, 110px) + 70%) !important;
    /* eyebrow'un yanindaki cizgi icin... actually bunu yapmak zor, eyebrow content icine yapacagiz */
    display: none !important;
}

/* Caption baslik (h5) — DEV Bodoni italik */
.p-g-mod-t-45 .carousel-caption h5{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(40px, 7vw, 108px) !important;
    line-height: .96 !important;
    color: #f7f4ee !important;
    margin: 0 0 22px !important;
    letter-spacing: -.018em !important;
    text-transform: none !important;
    opacity: 0;
    transform: translateY(28px);
    animation: cv-hero-rise 1.1s cubic-bezier(.22,.61,.36,1) .4s forwards;
    max-width: 100%;
}

/* Caption aciklama (p) */
.p-g-mod-t-45 .carousel-caption p{
    font-family: "Manrope", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: rgba(247,244,238,.85) !important;
    margin: 0 0 32px !important;
    max-width: 460px !important;
    font-weight: 300 !important;
    opacity: 0;
    transform: translateY(14px);
    animation: cv-hero-rise 1s cubic-bezier(.22,.61,.36,1) .7s forwards;
}
.p-g-mod-t-45 .carousel-caption p:empty{ display: none !important; }

/* CTA button — lux outline -> filled hover */
.p-g-mod-t-45 .carousel-caption .headline-button{
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 32px !important;
    background: transparent !important;
    color: #f7f4ee !important;
    text-decoration: none !important;
    border: 1px solid rgba(247,244,238,.6) !important;
    border-radius: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    width: fit-content !important;
    transition: background .5s cubic-bezier(.22,.61,.36,1), color .5s cubic-bezier(.22,.61,.36,1), border-color .5s cubic-bezier(.22,.61,.36,1) !important;
    opacity: 0;
    transform: translateY(14px);
    animation: cv-hero-rise 1s cubic-bezier(.22,.61,.36,1) 1s forwards;
}
.p-g-mod-t-45 .carousel-caption .headline-button::after{
    content: "→";
    font-style: normal;
    font-size: 14px;
    transition: transform .35s ease;
}
.p-g-mod-t-45 .carousel-caption .headline-button:hover{
    background: #f7f4ee !important;
    color: #0b0b0d !important;
    border-color: #f7f4ee !important;
}
.p-g-mod-t-45 .carousel-caption .headline-button:hover::after{ transform: translateX(6px); }
.p-g-mod-t-45 .carousel-caption .headline-button:empty{ display: none !important; }

/* Vertical rail (sag tarafta yatay yazi: SS — MMXXVI · Collezione) */
.p-g-mod-t-45 .carousel::after{
    content: "Gamze Arslanbaş · Kadın Giyim";
    position: absolute;
    right: clamp(20px, 3vw, 42px);
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: right center;
    font-family: "Manrope", sans-serif;
    font-size: 10px;
    letter-spacing: .42em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    z-index: 6;
    pointer-events: none;
    white-space: nowrap;
}

/* Carousel control (prev/next) — lux */
.p-g-mod-t-45 .carousel-control-prev,
.p-g-mod-t-45 .carousel-control-next{
    width: 56px !important;
    opacity: 0.5 !important;
    transition: opacity .3s ease !important;
}
.p-g-mod-t-45 .carousel-control-prev:hover,
.p-g-mod-t-45 .carousel-control-next:hover{ opacity: 1 !important; }

/* Carousel indicators (alt nokta) — lux ince cubuk */
.p-g-mod-t-45 .carousel-indicators{
    bottom: 28px !important;
    margin: 0 !important;
    gap: 4px !important;
    justify-content: flex-start !important;
    padding-left: clamp(24px, 5vw, 80px) !important;
}
.p-g-mod-t-45 .carousel-indicators li{
    width: 40px !important;
    height: 2px !important;
    border-radius: 0 !important;
    background: rgba(247,244,238,.35) !important;
    border: 0 !important;
    margin: 0 4px !important;
    opacity: 1 !important;
    transition: background .3s ease, width .3s ease !important;
}
.p-g-mod-t-45 .carousel-indicators li.active{
    background: #f7f4ee !important;
    width: 60px !important;
}

/* Animation keyframes */
@keyframes cv-hero-rise{
    to{ opacity: 1; transform: translateY(0); }
}

/* Mobile responsive */
@media (max-width: 768px){
    .p-g-mod-t-45 .carousel-item{ height: clamp(440px, 70vh, 600px) !important; }
    .p-g-mod-t-45 .carousel-caption{
        width: 100% !important;
        padding: 32px 24px !important;
        background: linear-gradient(180deg, rgba(11,11,13,0) 0%, rgba(11,11,13,.6) 60%, rgba(11,11,13,.85) 100%);
    }
    .p-g-mod-t-45 .carousel-item::before{
        background: linear-gradient(180deg, rgba(11,11,13,.2) 0%, rgba(11,11,13,0) 30%, rgba(11,11,13,.5) 100%);
    }
    .p-g-mod-t-45 .carousel-caption h5{ font-size: clamp(36px, 9vw, 64px) !important; }
    .p-g-mod-t-45 .carousel::after{ display: none; }
    .p-g-mod-t-45 .carousel-indicators{ padding-left: 24px !important; }
}

/* Bootstrap'in d-md-block kuralini ezme — caption her boyutta gorunsun */
.p-g-mod-t-45 .carousel-caption.d-none,
.p-g-mod-t-45 .carousel-caption.d-md-block{
    display: flex !important;
}

/* ==========================================================================
   v10 — Caption ZORLA GORUNUR + animasyonsuz fallback
   ========================================================================== */

/* AGRESIF caption display override - Bootstrap'in d-none'unu yener */
section.pattern-group .p-g-mod-t-45 .carousel .carousel-item .carousel-caption,
.carousel .carousel-item .carousel-caption[class*="d-"],
.p-g-mod-t-45 .carousel-item div.carousel-caption{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: clamp(420px, 50%, 760px) !important;
    text-align: left !important;
    padding: clamp(40px, 6vw, 110px) clamp(24px, 5vw, 80px) !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    color: #f7f4ee !important;
    z-index: 5 !important;
}

/* Animasyonlu opacity:0'da takilan elementleri zorla goster */
.p-g-mod-t-45 .carousel-caption,
.p-g-mod-t-45 .carousel-caption h5,
.p-g-mod-t-45 .carousel-caption p,
.p-g-mod-t-45 .carousel-caption .headline-button,
.p-g-mod-t-45 .carousel-caption::before{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Animasyonlari koru ama sona vardiklarinda gorunur olmalari icin fill-mode forwards */
.p-g-mod-t-45 .carousel-item.active .carousel-caption::before,
.p-g-mod-t-45 .carousel-item.active .carousel-caption h5,
.p-g-mod-t-45 .carousel-item.active .carousel-caption p,
.p-g-mod-t-45 .carousel-item.active .carousel-caption .headline-button{
    animation-fill-mode: both !important;
}

/* Eyebrow ::before icin guvenli kural — content var ve gorunur */
.p-g-mod-t-45 .carousel-item .carousel-caption::before{
    content: "Nuova Collezione · Sessiz Lüks" !important;
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .32em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.78) !important;
    margin-bottom: 22px !important;
    padding-left: 38px !important;
    position: relative !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}
.p-g-mod-t-45 .carousel-item .carousel-caption::before{
    background: linear-gradient(to right, rgba(255,255,255,.55) 0, rgba(255,255,255,.55) 28px, transparent 28px) no-repeat;
    background-position: 0 50%;
    background-size: 28px 1px;
}

/* Baslik h5 — animasyonsuz garanti gorunur */
.p-g-mod-t-45 .carousel-item .carousel-caption h5{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    display: block !important;
}

/* Aciklama p — bos degilse goster */
.p-g-mod-t-45 .carousel-item .carousel-caption p{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}
.p-g-mod-t-45 .carousel-item .carousel-caption p:empty{
    display: none !important;
}

/* CTA buton — bos degilse goster, bos ise gizle */
.p-g-mod-t-45 .carousel-item .carousel-caption .headline-button{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}
.p-g-mod-t-45 .carousel-item .carousel-caption a.headline-button:empty,
.p-g-mod-t-45 .carousel-item .carousel-caption a.headline-button[href=""]:empty{
    display: none !important;
}

/* Eger h5 icerigi "Slider1" gibi placeholder ise — yine de goster ama estetik */
.p-g-mod-t-45 .carousel-item .carousel-caption h5:empty{
    display: none !important;
}

/* Gradient overlay'i guclendir — caption arkasinda metin okunabilirligi icin */
.p-g-mod-t-45 .carousel-item::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
        radial-gradient(80% 100% at 0% 50%, rgba(11,11,13,.7) 0%, rgba(11,11,13,.3) 40%, transparent 70%),
        linear-gradient(180deg, rgba(11,11,13,.2) 0%, rgba(11,11,13,0) 30%, rgba(11,11,13,0) 60%, rgba(11,11,13,.5) 100%) !important;
    pointer-events: none !important;
}

/* Caption above gradient */
.p-g-mod-t-45 .carousel-item .carousel-caption{
    z-index: 5 !important;
}

/* Caption icindeki yazilar pointer-events: auto */
.p-g-mod-t-45 .carousel-item .carousel-caption *{
    pointer-events: auto;
}
.p-g-mod-t-45 .carousel-item .carousel-caption{
    pointer-events: none;
}
.p-g-mod-t-45 .carousel-item .carousel-caption h5,
.p-g-mod-t-45 .carousel-item .carousel-caption p,
.p-g-mod-t-45 .carousel-item .carousel-caption .headline-button{
    pointer-events: auto;
}

/* ==========================================================================
   v11 — Manset grup basligi gizle + ekstra agresif caption override
   ========================================================================== */

/* Manset grup basligi ("Manşet" yazisi) gizle */
.pattern-group.home-headline .pattern-group-header,
.pattern-group.home-headline > .pattern-group-header,
.pattern-group.home-headline .p-g-h-info,
.pattern-group.home-headline .p-g-h-i-title,
.pattern-group.home-headline .p-g-h-title,
.pattern-group:has(.p-g-mod-t-45) .pattern-group-header,
.p-g-mod-t-45 .p-g-mod-header,
.p-g-mod-t-45 > .p-g-mod-header,
.p-g-mod-t-45 .p-g-mod-h,
.p-g-mod-t-45 .p-g-mod-h-info{
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* CAPTION EKSTRA AGRESIF — Bootstrap d-none'i her yontemle yener */
html body .carousel-item .carousel-caption,
html body .carousel-item div.carousel-caption,
html body .carousel-item div.carousel-caption.d-none,
html body .carousel-item div.carousel-caption.d-md-block,
.p-g-mod-t-45 .carousel-item .carousel-caption.d-none.d-md-block{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* d-none class'inin tum davranisini sifirla */
.p-g-mod-t-45 .d-none.carousel-caption,
.p-g-mod-t-45 .carousel-caption.d-none{
    display: flex !important;
}
header.desktop.cv-shell-head .cv-head__nav .navbar-nav,
header.desktop.cv-shell-head .cv-head__nav ul{
    gap: clamp(8px, 1.2vw, 20px) !important;
    flex-wrap: wrap !important;
}
header.desktop.cv-shell-head .cv-head__nav .navbar-nav > li > a,
header.desktop.cv-shell-head .cv-head__nav ul > li > a{
    font-size: 11px !important;
    letter-spacing: .14em !important;
    padding: 4px 0 !important;
    white-space: nowrap !important;
}
@media (min-width: 1400px){
    header.desktop.cv-shell-head .cv-head__nav .navbar-nav > li > a,
    header.desktop.cv-shell-head .cv-head__nav ul > li > a{
        font-size: 11.5px !important;
        letter-spacing: .18em !important;
    }
}
@media (max-width: 1199px){
    header.desktop.cv-shell-head section.cv-head{
        grid-template-columns: auto auto auto !important;
        justify-content: space-between !important;
    }
    header.desktop.cv-shell-head .cv-head__nav{
        display: none !important;
    }
}

/* Logo biraz daha belirgin olsun */
header.desktop.cv-shell-head .cv-head__brand img{
    max-height: 48px !important;
}

/* 2) Ürün adlarını 2 satıra çıkar, daha geniş alan ver */
.card-product.card-product--lux .title{
    -webkit-line-clamp: 2 !important;
    min-height: calc(1.25em * 2) !important;
    white-space: normal !important;
    text-overflow: clip !important;
    font-size: 17px !important;
    margin: 16px 0 8px !important;
    line-height: 1.3 !important;
}

/* "Sepetteki Fiyat" etiketi - lux dil */
.card-product.card-product--lux .sale-price-basket{
    background: transparent !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    padding: 8px 4px 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    border: 0 !important;
}
.card-product.card-product--lux .sale-price-basket .sale-price{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-size: 17px !important;
    color: var(--cv-brass, #a88c5f) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Eski "Yeni" badge sade görünsün, "YENİ" tek satır */
.card-product.card-product--lux .free-cargo-badge{
    background: #0b0b0d !important;
    color: #f7f4ee !important;
    border: 0 !important;
    padding: 5px 9px !important;
    font-size: 9px !important;
    letter-spacing: .3em !important;
    white-space: nowrap !important;
}

/* 3) Cavalle-section içindeki grid uyumu - tek başına kalan ürünü sırala */
.cavalle-section,
.cv-product-rail{
    padding: clamp(28px, 4vw, 56px) 0 !important;
}
.cavalle-section .p-g-mod-body,
.cv-product-rail .p-g-mod-body{
    padding: 0 !important;
}

/* Ürün listesi modülü için grid (Ticimax pattern-group içerikleri) */
.cavalle-section .product-list,
.cv-product-rail .product-list,
.p-g-mod-body .product-list,
.product-list-area{
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: clamp(14px, 1.6vw, 24px) !important;
    width: 92% !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
}
@media (max-width: 1400px){
    .cavalle-section .product-list,
    .cv-product-rail .product-list,
    .p-g-mod-body .product-list,
    .product-list-area{ grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 900px){
    .cavalle-section .product-list,
    .cv-product-rail .product-list,
    .p-g-mod-body .product-list,
    .product-list-area{ grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 500px){
    .cavalle-section .product-list,
    .cv-product-rail .product-list,
    .p-g-mod-body .product-list,
    .product-list-area{ grid-template-columns: 1fr !important; }
}
/* Eğer ürün listesi <ul> ile geliyorsa */
.cavalle-section .product-list li,
.cv-product-rail .product-list li,
.product-list-area li{ list-style: none !important; padding: 0 !important; margin: 0 !important; }

/* 4) Pattern group header (modül başlık) lux dile */
.pattern-group-header,
.cavalle-section .pattern-group-header,
.p-g-h-info{
    text-align: center !important;
    margin-bottom: clamp(20px, 3vw, 40px) !important;
    padding: clamp(20px, 3vw, 40px) 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.pattern-group-header .p-g-h-info,
.pattern-group-header .p-g-h-i-title,
.p-g-h-i-title,
.cavalle-section .pattern-group-header .p-g-h-info .p-g-h-i-title{
    font-family: "Bodoni Moda", serif !important;
    font-weight: 400 !important;
    font-size: clamp(28px, 3.8vw, 56px) !important;
    line-height: 1 !important;
    color: var(--cv-ink, #0b0b0d) !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Bölüm öncesi ince ayırıcı */
.cavalle-section + .cavalle-section,
.cv-product-rail + .cv-product-rail{
    border-top: 1px solid var(--cv-line, rgba(11,11,13,.14));
}

/* Image-wrapper'ın aspect-ratio'su sabit (lux ürün kartı için) */
.card-product.card-product--lux .image-wrapper{
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    background: var(--cv-bone, #efeae1) !important;
}

/* "Sepete Ekle" butonu kart altında full-width sabit kalır */
.card-product.card-product--lux .buttons{
    padding: 0 !important;
    margin: 14px 4px 0 !important;
}

/* Carousel indicators (alt nokta noktalar) - lux'a uydur */
.card-product.card-product--lux .carousel-indicators{
    bottom: 8px !important;
    margin: 0 !important;
}
.card-product.card-product--lux .carousel-indicators li{
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    border: 0 !important;
    background: rgba(247,244,238,.6) !important;
    margin: 0 3px !important;
    opacity: 1 !important;
}
.card-product.card-product--lux .carousel-indicators li.active{
    background: #f7f4ee !important;
}

/* Hero görseli yüksekliğini kontrol et — sonsuz büyümesin */
.cavalle-section .slider,
.cv-hero,
.banner-slider,
.slider-wrap{
    max-height: 78vh !important;
    overflow: hidden !important;
}
.cavalle-section .slider img,
.banner-slider img,
.slider-wrap img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-height: 78vh !important;
}

/* Anasayfa için container max-width override */
body .container,
body .container-sm,
body .container-md,
body .container-lg,
body .container-xl{
    max-width: 1480px !important;
    width: 92% !important;
}

/* Footer accordion'da mobil hide/show kuralı */
@media (max-width: 768px){
    footer.cv-foot .title.text-left{
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        cursor: pointer !important;
        font-family: "Manrope", sans-serif !important;
        font-size: 11px !important;
        letter-spacing: .3em !important;
        text-transform: uppercase !important;
        color: #f7f4ee !important;
        margin: 0 0 16px !important;
        font-weight: 600 !important;
    }
}

/* ============================================================
   CV-HOME-MARQUEE — Yatay kayan mesaj bandı (Bodoni italic)
   HTML modülünde <div class="cv-home-marquee">...</div> ile kullanılır.
   ============================================================ */
.cv-home-marquee{
    background: #0b0b0d;
    color: rgba(247,244,238,.85);
    padding: 18px 0;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    position: relative;
    width: 100%;
}
.cv-home-marquee__track{
    display: flex;
    gap: 56px;
    width: max-content;
    animation: cv-home-marquee-scroll 42s linear infinite;
    will-change: transform;
    align-items: center;
}
.cv-home-marquee__item{
    font-family: "Bodoni Moda", serif;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(18px, 2vw, 28px);
    letter-spacing: .005em;
    white-space: nowrap;
    color: rgba(247,244,238,.85);
    display: inline-flex;
    align-items: center;
    gap: 56px;
}
.cv-home-marquee__item::after{
    content: "✦";
    color: #a88c5f;
    font-style: normal;
    font-size: .55em;
    margin-left: 56px;
}

@keyframes cv-home-marquee-scroll{
    from{ transform: translateX(0); }
    to{ transform: translateX(-50%); }
}

@media (max-width: 768px){
    .cv-home-marquee{ padding: 14px 0; }
    .cv-home-marquee__track{ gap: 36px; animation-duration: 30s; }
    .cv-home-marquee__item{ font-size: 14px; gap: 36px; }
    .cv-home-marquee__item::after{ margin-left: 36px; }
}

/* ============================================================
   CV-HOME-SERVICE — 4 kolonlu hizmet ikonları
   HTML modülünde <div class="cv-home-service">...</div> ile kullanılır.
   ============================================================ */
.cv-home-service{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(11,11,13,.12);
    border-bottom: 1px solid rgba(11,11,13,.12);
    background: #faf8f4;
    width: 100%;
}
.cv-home-service__item{
    padding: 32px 24px;
    border-right: 1px solid rgba(11,11,13,.12);
    display: flex;
    align-items: center;
    gap: 16px;
    background: transparent;
}
.cv-home-service__item:last-child{ border-right: 0; }

.cv-home-service__icon{
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: #0b0b0d;
    flex-shrink: 0;
}
.cv-home-service__icon svg{
    width: 100%;
    height: 100%;
    color: #0b0b0d;
    stroke: currentColor;
}
.cv-home-service__text{
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    line-height: 1.45;
    color: #2a2a2e;
}
.cv-home-service__text strong{
    display: block;
    font-family: "Bodoni Moda", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 17px;
    color: #0b0b0d;
    margin-bottom: 2px;
    letter-spacing: -.005em;
}

@media (max-width: 900px){
    .cv-home-service{ grid-template-columns: repeat(2, 1fr); }
    .cv-home-service__item:nth-child(2){ border-right: 0; }
    .cv-home-service__item:nth-child(1),
    .cv-home-service__item:nth-child(2){
        border-bottom: 1px solid rgba(11,11,13,.12);
    }
}
@media (max-width: 520px){
    .cv-home-service{ grid-template-columns: 1fr; }
    .cv-home-service__item{
        border-right: 0;
        border-bottom: 1px solid rgba(11,11,13,.12);
    }
    .cv-home-service__item:last-child{ border-bottom: 0; }
}


/* ============================================================
   CV-HOME-MARQUEE + SERVICE — Parent container'dan tasir, full-width
   Beyaz bosluk gidermek icin viewport genisligine zorla
   ============================================================ */

/* Marquee parent container'larin padding/margin'lerini sifirla */
.pattern-group:has(.cv-home-marquee),
.pattern-group:has(.cv-home-marquee) .pattern-group-body,
.pattern-group:has(.cv-home-marquee) .p-g-b-c-wrapper,
.pattern-group:has(.cv-home-marquee) .p-g-b-c-inner,
.pattern-group:has(.cv-home-marquee) .p-g-mod,
.pattern-group:has(.cv-home-marquee) .p-g-mod-body,
.pattern-group:has(.cv-home-marquee) .row,
.pattern-group:has(.cv-home-marquee) [class*="col-"],
.pattern-group:has(.cv-home-marquee) .container,
.pattern-group:has(.cv-home-marquee) .container-fluid{
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Marquee kendisi viewport genisligine tasi */
.cv-home-marquee{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    position: relative;
    left: 0;
    right: 0;
}

/* Ayni sey service icin de */
.pattern-group:has(.cv-home-service),
.pattern-group:has(.cv-home-service) .pattern-group-body,
.pattern-group:has(.cv-home-service) .p-g-b-c-wrapper,
.pattern-group:has(.cv-home-service) .p-g-b-c-inner,
.pattern-group:has(.cv-home-service) .p-g-mod,
.pattern-group:has(.cv-home-service) .p-g-mod-body,
.pattern-group:has(.cv-home-service) .row,
.pattern-group:has(.cv-home-service) [class*="col-"],
.pattern-group:has(.cv-home-service) .container,
.pattern-group:has(.cv-home-service) .container-fluid{
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.cv-home-service{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    position: relative;
}

/* :has() destegi olmayan tarayicilar icin yedek — manuel parent'lari hedefle */
.pattern-group .cv-home-marquee,
.pattern-group .cv-home-service{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* ============================================================
   HEADER GELISTIRMELER — Sticky + Daralma + Mega Menu + Mini Cart
   ============================================================ */

/* ---------- 1) STICKY HEADER + SCROLL DARALMA ---------- */
header.desktop{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    transition: background .3s ease, box-shadow .3s ease, padding .3s ease !important;
    background: #faf8f4 !important;
}

header.desktop.scrolled{
    background: rgba(250,248,244,.97) !important;
    backdrop-filter: saturate(140%) blur(12px) !important;
    box-shadow: 0 8px 24px -16px rgba(11,11,13,.18) !important;
}

header.desktop.scrolled .h-contact,
header.desktop.scrolled .cv-utility{
    max-height: 0 !important;
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transition: all .35s ease !important;
}

header.desktop.scrolled .logo a img,
header.desktop.scrolled .cv-head__brand img{
    max-height: 38px !important;
    transition: max-height .3s ease !important;
}

header.desktop.scrolled .h-center,
header.desktop.scrolled section.cv-head{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    transition: padding .3s ease !important;
}

header.desktop.scrolled .menu,
header.desktop.scrolled .mega-menu .navbar-nav{
    height: 50px !important;
    transition: height .3s ease !important;
}

body.home-body{ padding-top: 0 !important; }
body.home-body .mobile-header-space{ height: 0 !important; display: none !important; }

/* ---------- 2) MEGA MENU DROPDOWN LUX ---------- */
header.desktop .mega-menu .dropdown-menu{
    border-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(11,11,13,.08) !important;
    box-shadow: 0 16px 32px -16px rgba(11,11,13,.22) !important;
    padding: 32px !important;
    background: #faf8f4 !important;
}

.mega-menu-container{ padding: 0 !important; }
.mega-menu-container .sub-title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: -.005em !important;
    color: #0b0b0d !important;
    border-bottom: 1px solid rgba(11,11,13,.1) !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
    transition: color .3s ease, border-color .3s ease !important;
}
.mega-menu-container .sub-title:hover{
    color: #a88c5f !important;
    border-color: #a88c5f !important;
}
.mega-menu-container ul li a{
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    color: #2a2a2e !important;
    line-height: 28px !important;
    letter-spacing: .02em !important;
    transition: color .3s ease, padding-left .3s ease !important;
}
.mega-menu-container ul li a:hover{
    color: #a88c5f !important;
    padding-left: 6px !important;
}

header.desktop .mega-menu .nav-link{
    position: relative;
    transition: color .3s ease !important;
}
header.desktop .mega-menu .nav-link::after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: #a88c5f;
    transition: width .35s ease;
}
header.desktop .mega-menu .nav-link:hover::after,
header.desktop .mega-menu .nav-item:hover .nav-link::after{
    width: 100%;
}
header.desktop .mega-menu .nav-link:hover{
    color: #a88c5f !important;
}

/* ---------- 3) MINI CART (sepet hover preview) ---------- */
header.desktop .header-cart-hover .dropdown-menu{
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    width: 360px !important;
    right: -8px !important;
    top: calc(100% + 8px) !important;
    box-shadow: 0 24px 48px -20px rgba(11,11,13,.3) !important;
    padding: 0 !important;
    border-top: 2px solid #0b0b0d !important;
    margin-top: 0 !important;
}

header.desktop .header-cart-hover .dropdown-menu .top-header{
    background: #faf8f4 !important;
    border-bottom: 1px solid rgba(11,11,13,.08) !important;
    padding: 16px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
header.desktop .header-cart-hover .dropdown-menu .top-header .title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #0b0b0d !important;
    padding: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}
header.desktop .header-cart-hover .dropdown-menu .top-header .count2{
    color: #a88c5f !important;
    font-style: normal;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .14em !important;
}
header.desktop .header-cart-hover .dropdown-menu .top-header .count2-description{
    color: #2a2a2e !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}

header.desktop .header-cart-hover .ajax-shopping-cart .product{
    padding: 14px 20px !important;
    border-bottom: 1px solid rgba(11,11,13,.06) !important;
    gap: 12px !important;
    transition: background .3s ease !important;
}
header.desktop .header-cart-hover .ajax-shopping-cart .product:hover{
    background: #faf8f4 !important;
}
header.desktop .header-cart-hover .ajax-shopping-cart .product .info .name{
    font-family: "Bodoni Moda", serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #0b0b0d !important;
    line-height: 1.3 !important;
}
header.desktop .header-cart-hover .ajax-shopping-cart .product .price{
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    color: #0b0b0d !important;
    font-weight: 600 !important;
}

header.desktop .header-cart-hover .ajax-cart-empty{
    padding: 36px 20px !important;
    text-align: center !important;
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-size: 15px !important;
    color: #2a2a2e !important;
}

header.desktop .header-cart-hover .header-cart-summary-1 .buttons{
    padding: 16px 20px !important;
    background: #faf8f4 !important;
    border-top: 1px solid rgba(11,11,13,.06) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
}
header.desktop .header-cart-hover .header-cart-summary-1 .buttons .btn{
    border-radius: 0 !important;
    padding: 12px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin: 0 !important;
    transition: background .3s ease, color .3s ease !important;
}
header.desktop .header-cart-hover .header-cart-summary-1 .buttons .btn:hover{
    background: #a88c5f !important;
    color: #0b0b0d !important;
    border-color: #a88c5f !important;
}

/* ---------- 4) UST UTILITY BAR DONEN MESAJLAR ---------- */
/* CSS-only mesaj rotation */
.cv-utility__promo{
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1.4em;
    line-height: 1.4;
    vertical-align: middle;
    color: #c4ac7d !important;
}
.cv-utility__promo .promo-rotator{
    display: block;
    animation: cv-promo-rotate 12s linear infinite;
}
.cv-utility__promo .promo-rotator span{
    display: block;
    height: 1.4em;
    line-height: 1.4;
    white-space: nowrap;
    color: #c4ac7d;
}

@keyframes cv-promo-rotate{
    0%, 28%   { transform: translateY(0); }
    33%, 61%  { transform: translateY(-1.4em); }
    66%, 94%  { transform: translateY(-2.8em); }
    100%      { transform: translateY(-4.2em); }
}

@media (max-width: 991px){
    header.desktop.scrolled .logo a img,
    header.desktop.scrolled .cv-head__brand img{
        max-height: 32px !important;
    }
}

/* ============================================================
   HEADER NAV — GENISLET, kategoriler tek satirda
   ============================================================ */

/* Header ana grid - nav alanina max yer */
header.desktop section.cv-head,
header.desktop .h-center{
    grid-template-columns: auto 1fr auto !important;
    gap: clamp(10px, 1.2vw, 20px) !important;
    padding: 0 clamp(14px, 1.5vw, 28px) !important;
    align-items: center !important;
}

/* Logo - kucult, fazla yer kaplamasin */
header.desktop .cv-head__brand img,
header.desktop .logo a img{
    max-height: 44px !important;
    width: auto !important;
}

/* Nav container - tam genislik */
header.desktop .cv-head__nav,
header.desktop nav.cv-head__nav{
    flex: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

/* Menu/mega-menu section override */
header.desktop section.menu,
header.desktop .menu{
    height: auto !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
header.desktop section.menu > .container,
header.desktop .menu > .container{
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}
header.desktop section.menu .row,
header.desktop .menu .row{
    margin: 0 !important;
}
header.desktop section.menu .row > [class*="col-"],
header.desktop .menu .row > [class*="col-"]{
    padding: 0 !important;
    flex: 1 !important;
    max-width: 100% !important;
}

/* Mega menu wrapper */
header.desktop .mega-menu{
    padding: 0 !important;
    width: 100% !important;
}

/* Navbar-nav - tek satir, esnek gap */
header.desktop .mega-menu .navbar-nav{
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(6px, 0.8vw, 16px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
}

header.desktop .mega-menu .nav-item{
    flex-shrink: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

/* Nav-link - kucuk font, dar harf araligi, tek satir */
header.desktop .mega-menu .nav-link,
header.desktop .mega-menu .nav-item .nav-link{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
    color: #0b0b0d !important;
    padding: 6px 4px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    border-bottom: 1px solid transparent !important;
    text-transform: uppercase !important;
}

header.desktop .mega-menu .nav-link .under-category,
header.desktop .mega-menu .nav-link span{
    white-space: nowrap !important;
    display: inline !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* Genis ekranlarda biraz rahatlat */
@media (min-width: 1400px){
    header.desktop .mega-menu .nav-link{
        font-size: 12px !important;
        letter-spacing: .14em !important;
        padding: 8px 8px !important;
    }
    header.desktop .mega-menu .navbar-nav{
        gap: clamp(10px, 1vw, 20px) !important;
    }
}

/* Cok genis ekran (1600+) — extra rahat */
@media (min-width: 1600px){
    header.desktop .mega-menu .nav-link{
        font-size: 12.5px !important;
        letter-spacing: .18em !important;
        padding: 8px 10px !important;
    }
}

/* Dropdown toggle ok isareti gizle */
header.desktop .mega-menu .nav-link.dropdown-toggle::after{
    display: none !important;
}

/* Ikon bar - dar */
header.desktop .header-bar,
header.desktop .cv-head__ic{
    gap: clamp(8px, 1vw, 16px) !important;
    flex-shrink: 0 !important;
}

/* ============================================================
   SEARCH FORM — Input + Buton YAN YANA tek kutu
   ============================================================ */

/* Search dropdown - header'in altina full width */
header.desktop .search{
    width: 100% !important;
    background: #faf8f4 !important;
    padding: 20px clamp(16px, 4vw, 60px) !important;
    border-bottom: 1px solid rgba(11,11,13,.08) !important;
    border-radius: 0 !important;
    box-shadow: 0 12px 24px -16px rgba(11,11,13,.18) !important;
    z-index: 998 !important;
}

header.desktop .search.show{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Form: flex container, input + button yan yana */
header.desktop .search form{
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    background: #fff !important;
    border: 1px solid #0b0b0d !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

/* Input-box - flex 1, butona yer biraksin */
header.desktop .search form .input-box{
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

/* Input - tum border'lari sifirla, sade */
header.desktop .search form input,
header.desktop .search form .form-control{
    flex: 1 !important;
    width: 100% !important;
    padding: 14px 20px !important;
    border: 0 !important;
    background: transparent !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    color: #0b0b0d !important;
    height: auto !important;
    line-height: 1.4 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    letter-spacing: .02em !important;
}
header.desktop .search form input::placeholder{
    color: rgba(11,11,13,.4) !important;
    font-weight: 400 !important;
}

/* Button - sabit, sage yapis */
header.desktop .search form .btn-send,
header.desktop .search form button[type="submit"]{
    position: static !important;
    width: 56px !important;
    height: auto !important;
    min-height: 48px !important;
    background: #0b0b0d !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    right: auto !important;
    top: auto !important;
    cursor: pointer !important;
    transition: background .3s ease !important;
}

header.desktop .search form .btn-send:hover,
header.desktop .search form button[type="submit"]:hover{
    background: #a88c5f !important;
    color: #0b0b0d !important;
}

header.desktop .search form .btn-send i,
header.desktop .search form button[type="submit"] i{
    font-size: 15px !important;
    color: inherit !important;
    margin: 0 !important;
}

/* ============================================================
   AGRESIF NAV SIKILASTIRMA — KADIN EV GIYIM tek satira sigsin
   ============================================================ */

/* Tum mega menu'i sade yap, gereksiz gridleri sifirla */
header.desktop .menu .container,
header.desktop .menu .container-fluid{
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
header.desktop .menu .row{
    display: block !important;
    margin: 0 !important;
}
header.desktop .menu .row > [class*="col-"]{
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
}

/* Mega menu ortala, geniş kullan */
header.desktop .mega-menu .navbar-nav{
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* Nav-link cok kompakt - 7 kategori sigsin */
header.desktop .mega-menu .navbar-nav > .nav-item > .nav-link{
    font-family: "Manrope", sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    color: #0b0b0d !important;
    padding: 6px 6px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    height: auto !important;
    border: 0 !important;
    text-transform: uppercase !important;
    flex-shrink: 0 !important;
}

header.desktop .mega-menu .navbar-nav .under-category{
    white-space: nowrap !important;
    letter-spacing: inherit !important;
}

/* 1200px+ */
@media (min-width: 1200px){
    header.desktop .mega-menu .navbar-nav{
        gap: 8px !important;
    }
    header.desktop .mega-menu .navbar-nav > .nav-item > .nav-link{
        font-size: 11px !important;
        letter-spacing: .06em !important;
        padding: 6px 8px !important;
    }
}

/* 1400px+ */
@media (min-width: 1400px){
    header.desktop .mega-menu .navbar-nav{
        gap: 14px !important;
    }
    header.desktop .mega-menu .navbar-nav > .nav-item > .nav-link{
        font-size: 12px !important;
        letter-spacing: .1em !important;
        padding: 8px 10px !important;
    }
}

/* 1600px+ — premium rahat */
@media (min-width: 1600px){
    header.desktop .mega-menu .navbar-nav{
        gap: 22px !important;
    }
    header.desktop .mega-menu .navbar-nav > .nav-item > .nav-link{
        font-size: 12.5px !important;
        letter-spacing: .14em !important;
        padding: 8px 12px !important;
    }
}

/* Logo - kompakt, fazla yer kaplamasin */
header.desktop .cv-head__brand,
header.desktop .logo{
    flex-shrink: 0 !important;
}
header.desktop .cv-head__brand img,
header.desktop .logo a img{
    max-height: 40px !important;
    width: auto !important;
}

/* Ikon bar daralt */
header.desktop .cv-head__ic,
header.desktop .header-bar{
    gap: 14px !important;
    flex-shrink: 0 !important;
}

/* Ana header grid - logo+nav+icons */
header.desktop section.cv-head,
header.desktop .h-center{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 0 16px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Dropdown toggle ok gizle */
header.desktop .mega-menu .nav-link.dropdown-toggle::after{
    display: none !important;
}

/* ============================================================
   3 SORUN COZUMU: Modern Arama + Header-Manset Bosluk + Hover Bridge
   ============================================================ */

/* ---------- 1) MODERN FULLSCREEN ARAMA + X KAPATMA ---------- */
header.desktop .search{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(11,11,13,.96) !important;
    backdrop-filter: blur(20px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
    z-index: 9999 !important;
    display: none !important;
    opacity: 0 !important;
    transition: opacity .4s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    box-shadow: none !important;
    flex-direction: column !important;
    visibility: hidden !important;
}

header.desktop .search.show{
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* X kapatma butonu */
header.desktop .search::before{
    content: "×";
    position: absolute;
    top: 32px;
    right: 40px;
    color: #f7f4ee;
    font-size: 44px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    transition: transform .3s ease, color .3s ease;
    pointer-events: none;
    user-select: none;
}

/* Eyebrow label */
header.desktop .search::after{
    content: "Aramak istediğiniz ürünü yazın";
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -160px);
    color: rgba(247,244,238,.55);
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    letter-spacing: .32em;
    text-transform: uppercase;
    pointer-events: none;
}

/* Form: input + button birlikte */
header.desktop .search form{
    width: 90% !important;
    max-width: 720px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(247,244,238,.4) !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

header.desktop .search form .input-box{
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

header.desktop .search form input{
    flex: 1 !important;
    width: 100% !important;
    background: transparent !important;
    color: #f7f4ee !important;
    border: 0 !important;
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(24px, 3.5vw, 42px) !important;
    padding: 18px 8px !important;
    line-height: 1.2 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    letter-spacing: -.01em !important;
    border-radius: 0 !important;
    height: auto !important;
    margin: 0 !important;
}
header.desktop .search form input::placeholder{
    color: rgba(247,244,238,.4) !important;
    font-style: italic !important;
}

header.desktop .search form .btn-send,
header.desktop .search form button[type="submit"]{
    background: transparent !important;
    color: #f7f4ee !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 20px !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
}
header.desktop .search form .btn-send:hover{
    background: transparent !important;
    color: #a88c5f !important;
}
header.desktop .search form .btn-send i{
    font-size: 24px !important;
    color: inherit !important;
}

/* ESC ipucu altta */
header.desktop .search .esc-hint{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(247,244,238,.5);
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    letter-spacing: .26em;
    text-transform: uppercase;
}

@media (max-width: 768px){
    header.desktop .search::before{ top: 20px; right: 24px; font-size: 36px; }
    header.desktop .search::after{ transform: translate(-50%, -120px); }
    header.desktop .search form input{ font-size: 22px !important; }
}

/* ---------- 2) HEADER - MANSET ARASI BOSLUK SIFIRLA ---------- */
.home-body{
    padding-top: 0 !important;
}
.home-body .mobile-header-space{
    height: 0 !important;
    display: none !important;
}
.home-headline{
    margin-top: 0 !important;
}

/* Header fixed oldugu icin manset header'in altina yerlestir */
header.desktop ~ section:first-of-type,
header.desktop + section,
body.home-body section.pattern-group:has(.p-g-mod-t-45){
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Manset modul - tasi top'a kayma yok */
.p-g-mod-t-45,
.p-g-mod-t-45 > .p-g-mod-body,
section.pattern-group.home-headline > .no-container,
section.pattern-group.home-headline > .no-container > .pattern-group-body{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Body fixed header'a uygun spacing yok - manset top'a yapissin */
body.home-body{ margin: 0 !important; }
body.home-body > *:first-child{ margin-top: 0 !important; }

/* ---------- 3) MEGA MENU HOVER BRIDGE — Dropdown kapanmasin ---------- */

/* Nav-item ile dropdown arasinda invisible bridge */
header.desktop .mega-menu .nav-item.dropdown{
    position: relative;
}
header.desktop .mega-menu .nav-item.dropdown::after{
    content: "";
    position: absolute;
    left: -8px;
    right: -8px;
    top: 100%;
    height: 24px;
    background: transparent;
    pointer-events: none;
    opacity: 0;
}
header.desktop .mega-menu .nav-item.dropdown:hover::after{
    pointer-events: auto;
}

/* Dropdown'u nav-item'a yapistir, top: 60px kalksin */
header.desktop .mega-menu .dropdown-menu{
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-top: 0 !important;
    /* Pointer events stabil */
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: opacity .25s ease, visibility .25s !important;
    transition-delay: 0s, .15s !important;
}

/* Hover'da goster - delay yok, hizli ac */
header.desktop .mega-menu .nav-item.dropdown:hover .dropdown-menu,
header.desktop .mega-menu .dropdown:hover .dropdown-menu,
header.desktop .mega-menu .dropdown-menu:hover{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition-delay: 0s, 0s !important;
}

/* Bridge alanı hover edilince dropdown acik kal */
header.desktop .mega-menu .nav-item.dropdown::after:hover ~ .dropdown-menu,
header.desktop .mega-menu .nav-item.dropdown:has(::after:hover) .dropdown-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================================
   MEGA MENU DROPDOWN — FULL WIDTH + ALT KATEGORI YANYANA
   Dropdown header altina full ekran acilir, alt kategoriler grid duzen
   ============================================================ */

/* Nav-item position static — dropdown parent'a (mega-menu) gore acilir */
header.desktop .mega-menu .nav-item.dropdown,
header.desktop .mega-menu .navbar-nav > .nav-item{
    position: static !important;
}

/* Mega-menu container'i positioning anchor olarak ayarla */
header.desktop .mega-menu{
    position: relative !important;
}

/* Dropdown menu - header'a uzanmak yerine mega-menu'ye gore full */
header.desktop .mega-menu .dropdown-menu{
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(11,11,13,.08) !important;
    background: #faf8f4 !important;
    border-radius: 0 !important;
    box-shadow: 0 20px 36px -20px rgba(11,11,13,.25) !important;
    padding: 0 !important;
    transform: none !important;
}

/* Mega menu container - ic padding + max width */
header.desktop .mega-menu .dropdown-menu .mega-menu-container{
    width: 100% !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: 36px clamp(20px, 4vw, 60px) !important;
}
header.desktop .mega-menu .dropdown-menu .mega-menu-container .container-fluid{
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Ana row: col-md-8 (kategoriler) + col-md-4 (boş/banner) */
header.desktop .mega-menu .dropdown-menu .mega-menu-container > .container-fluid > .row{
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    gap: 32px !important;
}
header.desktop .mega-menu .dropdown-menu .mega-menu-container .col-md-8{
    flex: 0 0 75% !important;
    max-width: 75% !important;
    padding: 0 !important;
}
header.desktop .mega-menu .dropdown-menu .mega-menu-container .col-md-4{
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 0 !important;
}

/* Alt kategorilerin oldugu icteki row - flex row */
header.desktop .mega-menu .dropdown-menu .col-md-8 .row,
header.desktop .mega-menu .dropdown-menu .col-md-8 .row.h-100{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    gap: 24px !important;
    height: auto !important;
}

/* Her bir kategori sutunu (col) yan yana */
header.desktop .mega-menu .dropdown-menu .col-md-8 .row > .col,
header.desktop .mega-menu .dropdown-menu .col-md-8 .row > [class*="col-"]{
    flex: 1 1 0 !important;
    min-width: 180px !important;
    max-width: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* Sub-cat: kategori bloku */
.mega-menu-container .sub-cat{
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Sub-title: kategori basligi */
.mega-menu-container .sub-cat .sub-title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #0b0b0d !important;
    border-bottom: 1px solid rgba(11,11,13,.1) !important;
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
    display: block !important;
    letter-spacing: -.005em !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    transition: color .3s ease, border-color .3s ease !important;
}
.mega-menu-container .sub-cat .sub-title:hover{
    color: #a88c5f !important;
    border-color: #a88c5f !important;
}

/* Alt kategori listesi (ul/li) - kucuk linkler */
.mega-menu-container .sub-cat ul{
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mega-menu-container .sub-cat ul li{
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
.mega-menu-container .sub-cat ul li a{
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    color: #2a2a2e !important;
    letter-spacing: .02em !important;
    line-height: 2 !important;
    text-transform: none !important;
    transition: color .3s ease, padding-left .3s ease !important;
    display: block !important;
    white-space: normal !important;
}
.mega-menu-container .sub-cat ul li a:hover{
    color: #a88c5f !important;
    padding-left: 6px !important;
}

/* Bos col-md-4 alanini gizle (banner yoksa) */
header.desktop .mega-menu .dropdown-menu .col-md-4:empty{
    display: none !important;
}

/* Tek kategorili dropdown'larda (sadece bir sub-cat varsa) yine genis goster */
header.desktop .mega-menu .dropdown-menu .col-md-8 .row > .col:only-child{
    flex: 1 1 100% !important;
    max-width: 280px !important;
}

/* ============================================================
   HEADER PATTERN-GROUP — Margin/padding sifirla (slider yapis)
   ============================================================ */

/* Header'in icinde oldugu pattern-group ve p-g-mod-t-28 margin sifir */
section.pattern-group:has(header.cv-shell-head),
section.pattern-group:has(header.desktop){
    margin: 0 !important;
    padding: 0 !important;
}

section.pattern-group:has(header.cv-shell-head) .p-g-mod,
section.pattern-group:has(header.cv-shell-head) .p-g-mod-t-28,
section.pattern-group:has(header.cv-shell-head) .p-g-mod-body,
section.pattern-group:has(header.cv-shell-head) .p-g-mod-body-p-0,
section.pattern-group:has(header.cv-shell-head) .p-g-b-c-wrapper,
section.pattern-group:has(header.cv-shell-head) .p-g-b-c-inner,
section.pattern-group:has(header.cv-shell-head) .pattern-group-body,
section.pattern-group:has(header.cv-shell-head) .no-container,
section.pattern-group:has(header.cv-shell-head) .row,
section.pattern-group:has(header.cv-shell-head) [class*="col-"]{
    margin: 0 !important;
    padding: 0 !important;
}

/* Direkt sinif hedefi - :has() destekleyenmeyen tarayicilar icin yedek */
.p-g-mod.p-g-mod-t-28{
    margin: 0 !important;
    padding: 0 !important;
}
.p-g-mod-t-28 .p-g-mod-body,
.p-g-mod-t-28 .p-g-mod-body-p-0{
    margin: 0 !important;
    padding: 0 !important;
}

/* Header'in pattern-group'undan sonra gelen pattern-group margin-top sifir */
section.pattern-group:has(header.cv-shell-head) + section.pattern-group{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Anasayfa - manset modulu (T45) padding/margin sifir */
body.home-body section.pattern-group:nth-of-type(2){
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Mobile header space gizle (fixed header oldugu icin) - ama mobilde lazim */
@media (min-width: 992px){
    .mobile-header-space{
        display: none !important;
        height: 0 !important;
    }
}

/* ============================================================
   URUN DETAY SAYFASI — Galeri + Sag Panel + Aksiyon + Accordion
   body.product-body
   ============================================================ */

body.product-body{
    background: var(--cv-paper, #faf8f4);
    padding-top: 0 !important;
}

/* Breadcrumb lux */
body.product-body .breadcrumb-wrapper{
    padding: 28px 0 8px !important;
}
body.product-body .breadcrumb{
    background: transparent !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}
body.product-body .breadcrumb-item a{
    color: var(--cv-ink-soft, #2a2a2e) !important;
}
body.product-body .breadcrumb-item + .breadcrumb-item::before{
    content: "·";
    padding: 0 8px;
    opacity: .5;
}

/* ---------- 1) GALERI (sol panel) ---------- */
body.product-body .product-profile-1 .carousel{
    background: transparent !important;
}
body.product-body .product-profile-1 .carousel .carousel-inner{
    border: 0 !important;
    background: var(--cv-bone, #efeae1);
    overflow: hidden;
}
body.product-body .product-profile-1 .carousel-item img{
    object-fit: cover;
    width: 100%;
}

/* Thumbnaillar - dikey sol, daha ince */
body.product-body .product-profile-1 .carousel-indicators{
    position: relative !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    z-index: 0 !important;
}
body.product-body .product-profile-1 .carousel-indicators li{
    width: 64px !important;
    height: 80px !important;
    max-width: 64px !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    background: var(--cv-bone, #efeae1);
    cursor: pointer;
    transition: border-color .3s ease, opacity .3s ease !important;
    opacity: .65;
}
body.product-body .product-profile-1 .carousel-indicators li:hover{
    opacity: 1;
    border-color: rgba(11,11,13,.2) !important;
}
body.product-body .product-profile-1 .carousel-indicators li.active{
    border-color: var(--cv-ink, #0b0b0d) !important;
    opacity: 1;
}
body.product-body .product-profile-1 .carousel-indicators li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Galeri navigation oklari lux */
body.product-body .product-profile-1 .carousel-control-prev,
body.product-body .product-profile-1 .carousel-control-next{
    width: 44px;
    height: 44px;
    background: rgba(247,244,238,.92);
    color: var(--cv-ink, #0b0b0d);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    opacity: 0;
    transition: opacity .3s ease;
}
body.product-body .product-profile-1 .carousel:hover .carousel-control-prev,
body.product-body .product-profile-1 .carousel:hover .carousel-control-next{
    opacity: 1;
}
body.product-body .product-profile-1 .carousel-control-prev{ left: 16px; }
body.product-body .product-profile-1 .carousel-control-next{ right: 16px; }
body.product-body .product-profile-1 .carousel-control-prev i,
body.product-body .product-profile-1 .carousel-control-next i{
    font-size: 14px;
    color: var(--cv-ink, #0b0b0d);
}

/* ---------- 2) SAG PANEL (Baslik + Fiyat + Variant + Butonlar) ---------- */
body.product-body .product-profile-sticky{
    padding: 0 0 0 clamp(20px, 3vw, 48px) !important;
}

/* Marka eyebrow */
body.product-body .product-profile-1 .product-brand,
body.product-body .product-profile-1 .product-meta .brand{
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    color: var(--cv-brass, #a88c5f) !important;
    font-weight: 600 !important;
    margin-bottom: 8px;
    display: block;
}

/* Urun basligi Bodoni */
body.product-body .product-profile-1 h1.title,
body.product-body .product-title-container h1{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(22px, 2.5vw, 32px) !important;
    line-height: 1.15 !important;
    color: var(--cv-ink, #0b0b0d) !important;
    letter-spacing: -.012em !important;
    margin: 0 0 16px !important;
    text-align: left !important;
    border: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
}

/* Yildizlar + degerlendirme */
body.product-body .product-reviews{
    justify-content: flex-start !important;
    margin: 0 0 20px !important;
    gap: 10px;
}
body.product-body .product-reviews .stars{
    margin: 0 !important;
}
body.product-body .product-reviews .stars .star{
    color: var(--cv-brass, #a88c5f) !important;
    font-size: 13px;
}
body.product-body .product-rate{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--cv-ink-soft, #2a2a2e);
    padding-bottom: 1px;
}

/* Fiyat kutusu */
body.product-body .product-price-group{
    margin: 0 0 24px !important;
    padding: 16px 0;
    border-top: 1px solid var(--cv-line, rgba(11,11,13,.12));
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.12));
    justify-content: flex-start !important;
}
body.product-body .product-price-group .prices{
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-direction: row;
}
body.product-body .product-price-group .prices .list-price{
    font-family: "Manrope", sans-serif !important;
    font-size: 15px !important;
    color: #999 !important;
    text-decoration: line-through;
    font-weight: 400 !important;
    margin: 0 !important;
}
body.product-body .product-price-group .prices .sale-price{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
}
body.product-body .product-price-group .discount{
    background: var(--cv-wine, #6b1f2a) !important;
    color: #f7f4ee !important;
    border-radius: 0 !important;
    padding: 4px 10px !important;
    margin-right: 14px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    font-weight: 600 !important;
    height: auto !important;
}
body.product-body .product-price-group .discount .rate{
    font-size: 11px !important;
}

/* Sepetteki fiyat (alt indirim) */
body.product-body .product-profile-info .sale-price-discount{
    background: transparent !important;
    border: 1px dashed var(--cv-brass, #a88c5f) !important;
    padding: 12px 16px !important;
    margin: 0 0 20px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .04em !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
}
body.product-body .product-profile-info .sale-price-discount .sale-price{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: var(--cv-brass, #a88c5f) !important;
    font-size: 20px !important;
}

/* Variant kutusu (renk/beden) */
body.product-body .variant-box{
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}
body.product-body .variant-box .name{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink, #0b0b0d) !important;
    font-weight: 600 !important;
    margin: 0 0 10px !important;
}
body.product-body .variant-box ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start !important;
}
body.product-body .variant-box ul li{
    margin: 0 !important;
    display: block !important;
    flex-direction: row !important;
}
body.product-body .variant-box ul li .options{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
body.product-body .variant-box ul li .options a{
    min-width: 48px !important;
    height: 38px;
    padding: 8px 14px !important;
    border: 1px solid var(--cv-ink-soft, #2a2a2e) !important;
    background: transparent !important;
    color: var(--cv-ink, #0b0b0d) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .04em !important;
    border-radius: 0 !important;
    text-align: center !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .3s ease, color .3s ease !important;
}
body.product-body .variant-box ul li .options a:hover{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
}
body.product-body .variant-box ul li .options a.active{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
    border-color: var(--cv-ink, #0b0b0d) !important;
    padding: 8px 14px !important;
}
body.product-body .variant-box ul li .options a.passive,
body.product-body .variant-box ul li .options a.disabled{
    opacity: .4;
    text-decoration: line-through;
    pointer-events: none;
}

/* Adet seçici */
body.product-body .product-quantity{
    margin: 0 0 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}
body.product-body .product-quantity::before{
    content: "Adet";
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--cv-ink, #0b0b0d);
    font-weight: 600;
}
body.product-body .product-quantity .btn,
body.product-body .product-quantity input{
    border-radius: 0 !important;
    border-color: var(--cv-ink-soft, #2a2a2e) !important;
    background: transparent !important;
    color: var(--cv-ink, #0b0b0d) !important;
    font-family: "Manrope", sans-serif !important;
    width: 38px;
    height: 38px;
}

/* Sepete ekle / Hemen al butonlari */
body.product-body .product-buttons{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 20px !important;
    align-items: stretch !important;
}
body.product-body .product-buttons .btn-cart{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 16px 24px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    height: auto !important;
    flex: 1 !important;
    min-height: 52px !important;
    transition: background .3s ease, color .3s ease !important;
}
body.product-body .product-buttons .btn-cart:hover{
    background: var(--cv-brass, #a88c5f) !important;
    color: var(--cv-ink, #0b0b0d) !important;
}
body.product-body .product-buttons .btn-fast-buy{
    background: var(--cv-wine, #6b1f2a) !important;
    color: #f7f4ee !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 16px 24px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    height: auto !important;
    flex: 1 !important;
    min-height: 52px !important;
    transition: background .3s ease !important;
}
body.product-body .product-buttons .btn-fast-buy:hover{
    background: #0b0b0d !important;
    color: #f7f4ee !important;
}

/* Favori kalp ikonu */
body.product-body .product-favourite{
    width: 52px !important;
    height: 52px !important;
    border: 1px solid var(--cv-ink-soft, #2a2a2e) !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: background .3s ease, color .3s ease !important;
}
body.product-body .product-favourite:hover{
    background: var(--cv-wine, #6b1f2a) !important;
    border-color: var(--cv-wine, #6b1f2a) !important;
}
body.product-body .product-favourite a,
body.product-body .product-favourite i{
    color: var(--cv-ink, #0b0b0d) !important;
    font-size: 16px;
}
body.product-body .product-favourite:hover a,
body.product-body .product-favourite:hover i{
    color: #f7f4ee !important;
}

/* ---------- 3) AKSIYON KARTLARI (Diskre Kargo, 14 Gun Iade vb.) ---------- */
/* Bu container HTML modulden eklenmeli, CSS hazirda */
.product-action-cards{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin: 24px 0 !important;
}
.product-action-card{
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: border-color .3s ease, transform .3s ease !important;
}
.product-action-card:hover{
    border-color: var(--cv-brass, #a88c5f) !important;
    transform: translateY(-2px);
}
.product-action-card .icon{
    width: 32px !important;
    height: 32px !important;
    border: 1px solid var(--cv-ink-soft, #2a2a2e) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--cv-ink, #0b0b0d) !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}
.product-action-card .icon i,
.product-action-card .icon svg{
    font-size: 13px !important;
    width: 14px !important;
    height: 14px !important;
}
.product-action-card .title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}
.product-action-card .desc{
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    margin-top: 4px !important;
    line-height: 1.4 !important;
}
@media (max-width: 575px){
    .product-action-cards{ grid-template-columns: 1fr !important; }
}

/* ---------- 4) ACCORDION (Aciklama / Beden / Kargo / Iade) ---------- */
body.product-body .accordion-product{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    padding: 4px 0 !important;
    border-radius: 0 !important;
}
body.product-body .accordion-product .card-header{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
body.product-body .accordion-product .btn-link{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: var(--cv-ink, #0b0b0d) !important;
    padding: 18px 0 !important;
    text-decoration: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    transition: color .3s ease !important;
}
body.product-body .accordion-product .btn-link:hover{
    color: var(--cv-brass, #a88c5f) !important;
}
body.product-body .accordion-product .btn-link i{
    font-size: 10px !important;
    transition: transform .3s ease !important;
}
body.product-body .accordion-product .card-body{
    padding: 0 0 18px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
}

/* Product details tab section lux */
body.product-body .product-details-tab-product-details-tab-colorful{
    margin: 60px 0 40px !important;
    border-top: 1px solid var(--cv-line, rgba(11,11,13,.12));
    padding-top: 40px;
}
body.product-body .product-details-tab-product-details-tab-colorful .p-g-t-nav .nav{
    height: auto !important;
    gap: 32px !important;
}
body.product-body .product-details-tab-product-details-tab-colorful .nav-item{
    margin: 0 !important;
}
body.product-body .product-details-tab-product-details-tab-colorful .nav-link{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid transparent !important;
}
body.product-body .product-details-tab-product-details-tab-colorful .nav-link.active,
body.product-body .product-details-tab-product-details-tab-colorful .nav-link:hover{
    color: var(--cv-ink, #0b0b0d) !important;
    border-bottom-color: var(--cv-brass, #a88c5f) !important;
}

/* ---------- 5) ILGILI URUNLER / KOMBIN (alt swiper) ---------- */
body.product-body .pattern-group .p-g-mod-showcase .p-g-mod-header{
    text-align: center !important;
    padding: clamp(40px, 5vw, 64px) 0 clamp(24px, 3vw, 40px) !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
}
body.product-body .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-i-title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(24px, 3vw, 40px) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    background: transparent !important;
    padding: 0 !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
}

/* Stok yok rozet */
body.product-body .product-stock-info{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: var(--cv-wine, #6b1f2a) !important;
    margin: 0 0 16px !important;
    font-weight: 600 !important;
}

/* On siparis kutusu */
body.product-body .on-siparis{
    background: rgba(168, 140, 95, .1) !important;
    border: 1px dashed var(--cv-brass, #a88c5f) !important;
    border-radius: 0 !important;
    color: var(--cv-brass, #a88c5f) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 14px !important;
    margin: 16px 0 !important;
}

/* Sosyal paylasim ikonlari minimal */
body.product-body .product-customer-actions{
    background: transparent !important;
    padding: 16px 0 !important;
    border-top: 1px solid var(--cv-line, rgba(11,11,13,.12));
    margin-top: 24px;
}
body.product-body .product-customer-actions .action .button{
    color: var(--cv-ink-soft, #2a2a2e) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    transition: color .3s ease !important;
}
body.product-body .product-customer-actions .action .button:hover{
    color: var(--cv-brass, #a88c5f) !important;
}

/* Mobile product fixed bar lux */
@media (max-width: 991px){
    body.product-body .mobile-product-fixed-bar{
        background: var(--cv-paper, #faf8f4) !important;
        border-top: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
        padding: 12px 16px !important;
    }
    body.product-body .mobile-product-fixed-price .sale-price{
        font-family: "Bodoni Moda", serif !important;
        font-style: italic !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        color: var(--cv-ink, #0b0b0d) !important;
    }
    body.product-body .mobile-product-fixed-actions .btn-cart,
    body.product-body .mobile-product-fixed-actions .btn-fast-buy{
        font-family: "Manrope", sans-serif !important;
        font-size: 10px !important;
        letter-spacing: .2em !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        padding: 14px 12px !important;
        height: auto !important;
        border-radius: 0 !important;
    }
}

/* ============================================================
   URUN DETAY — BUTON ORANI / HIZALAMA FIX
   Tum aksiyon butonlari ayni yukseklik, dogru grid
   ============================================================ */

/* ---- SATIR 1: Adet + Sepete Ekle + Favori (tek satir) ---- */

/* Adet seçici - kompakt kutu */
body.product-body .product-quantity{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    height: 54px !important;
    border: 1px solid var(--cv-ink-soft, #2a2a2e) !important;
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    width: auto !important;
}
body.product-body .product-quantity::before{
    display: none !important;
}
body.product-body .product-quantity .btn{
    width: 38px !important;
    height: 54px !important;
    background: transparent !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .3s ease !important;
}
body.product-body .product-quantity .btn:hover{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
}
body.product-body .product-quantity input{
    width: 48px !important;
    height: 54px !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    border-right: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    border-radius: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--cv-ink, #0b0b0d) !important;
    text-align: center !important;
    padding: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Buton container - grid 2 satir x net columns */
body.product-body .product-buttons{
    display: grid !important;
    grid-template-columns: 1fr 54px !important;
    grid-auto-rows: 54px !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    align-items: stretch !important;
}

/* Sepete Ekle - 1. satir, sol genis */
body.product-body .product-buttons .btn-cart{
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 24px !important;
    margin: 0 !important;
    font-size: 12px !important;
    letter-spacing: .26em !important;
    width: 100% !important;
    flex: none !important;
}

/* Favori - 1. satir, sag kare */
body.product-body .product-favourite{
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
}

/* Whatsapp ile siparis ver - 2. satir, sol */
body.product-body .product-buttons .btn-wp,
body.product-body .product-buttons .btn-whatsapp,
body.product-body .product-buttons a[href*="wa.me"],
body.product-body .product-buttons a[href*="whatsapp"]{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    height: 54px !important;
    min-height: 54px !important;
    background: #25d366 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 0 24px !important;
    margin: 0 !important;
    width: 100% !important;
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    transition: background .3s ease !important;
}
body.product-body .product-buttons .btn-wp:hover,
body.product-body .product-buttons .btn-whatsapp:hover{
    background: #1da851 !important;
    color: #fff !important;
}
body.product-body .product-buttons .btn-wp i,
body.product-body .product-buttons .btn-whatsapp i{
    font-size: 18px !important;
    margin: 0 !important;
}

/* Hemen Al - 3. satir, full */
body.product-body .product-buttons .btn-fast-buy{
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    height: 54px !important;
    min-height: 54px !important;
    width: 100% !important;
    flex: none !important;
    padding: 0 24px !important;
    margin: 0 !important;
}

/* Tüm aksiyon kartlari aralarinda esit gap - sepet altinda */
body.product-body .accordion-product:first-of-type{
    margin-top: 8px !important;
}

/* "X kişi bu ürünü inceliyor" sosyal kanit */
body.product-body .product-social-proof,
body.product-body [class*="ziyaret"],
body.product-body [class*="inceleyen"]{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    margin: 0 0 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Renk swatch'leri - resimli variant (img + altta renk adı) */
body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])){
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 56px !important;
    height: auto !important;
    min-width: 56px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-indent: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 9px !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    text-transform: uppercase !important;
    letter-spacing: .14em !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    margin: 0 4px 0 0 !important;
    position: relative !important;
    transition: color .3s ease !important;
    overflow: visible !important;
}

/* Resim ana kutu */
body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])) img:first-child{
    width: 48px !important;
    height: 60px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    background: var(--cv-bone, #efeae1) !important;
    transition: border-color .3s ease, transform .3s ease !important;
}

/* Boş img (src="" veya src yok) gizle */
body.product-body .variant-box ul li .options a img[src=""],
body.product-body .variant-box ul li .options a img:not([src]),
body.product-body .variant-box ul li .options a img[src*="data:image/gif"]{
    display: none !important;
}

/* br gizli */
body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])) br{
    display: none !important;
}

/* Active swatch */
body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])).active{
    color: var(--cv-ink, #0b0b0d) !important;
    font-weight: 700 !important;
}
body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])).active img:first-child{
    border: 2px solid var(--cv-ink, #0b0b0d) !important;
    transform: scale(1.04) !important;
    box-shadow: 0 4px 12px -6px rgba(11,11,13,.3) !important;
}

/* Hover */
body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])):hover{
    color: var(--cv-ink, #0b0b0d) !important;
}
body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])):hover img:first-child{
    border-color: var(--cv-ink, #0b0b0d) !important;
}

/* Mobile - swatch biraz daha küçük */
@media (max-width: 575px){
    body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])){
        width: 48px !important;
        min-width: 48px !important;
        font-size: 8px !important;
        letter-spacing: .1em !important;
    }
    body.product-body .variant-box ul li .options a:has(img[src]:not([src=""])) img:first-child{
        width: 42px !important;
        height: 52px !important;
    }
}

/* Variant box ul - resim swatch'leri yan yana flex */
body.product-body .variant-box ul li .options{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: flex-start !important;
}

/* Varyant adı altta tooltip (hover'da) - opsiyonel */
body.product-body .variant-box ul li{
    position: relative;
}
body.product-body .variant-box{
    margin-bottom: 28px !important;
}

/* Mobil responsive */
@media (max-width: 575px){
    body.product-body .product-buttons{
        grid-template-columns: 1fr 50px !important;
        gap: 8px !important;
    }
    body.product-body .product-buttons .btn-cart,
    body.product-body .product-buttons .btn-fast-buy,
    body.product-body .product-buttons .btn-wp,
    body.product-body .product-favourite{
        height: 48px !important;
        min-height: 48px !important;
        font-size: 11px !important;
        letter-spacing: .2em !important;
    }
    body.product-body .product-favourite{
        width: 50px !important;
    }
    body.product-body .product-quantity{
        height: 48px !important;
    }
    body.product-body .product-quantity .btn,
    body.product-body .product-quantity input{
        height: 48px !important;
    }
}

/* ============================================================
   SEARCH FIX — Fullscreen kaldırıldı, basit header dropdown
   Onceki fullscreen overlay'i sifirla, header altina dropdown
   ============================================================ */

/* Tum onceki search override'larini reset */
header.desktop .search{
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    background: var(--cv-paper, #faf8f4) !important;
    padding: 24px clamp(16px, 4vw, 60px) !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.1)) !important;
    box-shadow: 0 12px 32px -20px rgba(11,11,13,.22) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 998 !important;
    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

header.desktop .search.show{
    display: flex !important;
}

/* Fullscreen pseudo elementlerini gizle */
header.desktop .search::before,
header.desktop .search::after{
    display: none !important;
    content: none !important;
}

/* ESC ipucu gizle */
header.desktop .search .esc-hint{
    display: none !important;
}

/* Form: yatay input + buton */
header.desktop .search form{
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    border: 1px solid var(--cv-ink, #0b0b0d) !important;
    background: #fff !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
}

header.desktop .search form .input-box{
    flex: 1 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
}

header.desktop .search form input,
header.desktop .search form .form-control{
    flex: 1 !important;
    width: 100% !important;
    background: transparent !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding: 14px 18px !important;
    text-align: left !important;
    letter-spacing: .02em !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-transform: none !important;
}

header.desktop .search form input::placeholder,
header.desktop .search form .form-control::placeholder{
    color: rgba(11,11,13,.45) !important;
    font-style: normal !important;
    font-family: "Manrope", sans-serif !important;
    font-weight: 400 !important;
}

header.desktop .search form .btn-send,
header.desktop .search form button[type="submit"]{
    width: 56px !important;
    height: auto !important;
    min-height: 48px !important;
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    cursor: pointer !important;
    transition: background .3s ease, color .3s ease !important;
}

header.desktop .search form .btn-send:hover,
header.desktop .search form button[type="submit"]:hover{
    background: var(--cv-brass, #a88c5f) !important;
    color: var(--cv-ink, #0b0b0d) !important;
}

header.desktop .search form .btn-send i{
    font-size: 14px !important;
    color: inherit !important;
    margin: 0 !important;
}

/* Easy autocomplete dropdown - öneri kutusu */
header.desktop .search .easy-autocomplete-container{
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    border-radius: 0 !important;
    box-shadow: 0 12px 24px -16px rgba(11,11,13,.2) !important;
    z-index: 999 !important;
    max-height: 400px !important;
    overflow-y: auto !important;
}
header.desktop .search .easy-autocomplete-container ul{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
header.desktop .search .easy-autocomplete-container ul li{
    padding: 12px 18px !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.06)) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    transition: background .2s ease !important;
}
header.desktop .search .easy-autocomplete-container ul li:hover,
header.desktop .search .easy-autocomplete-container ul li.selected{
    background: var(--cv-paper, #faf8f4) !important;
    color: var(--cv-brass, #a88c5f) !important;
}
header.desktop .search .easy-autocomplete-container ul li:last-child{
    border-bottom: 0 !important;
}

/* h-center / cv-head positioning anchor */
header.desktop section.cv-head,
header.desktop .h-center{
    position: relative !important;
}

/* Body scroll lock kaldir - artik fullscreen degil */
body.search-open{
    overflow: auto !important;
}

/* ============================================================
   URUN DETAY — KARGO BEDAVA ROZETI (urun adi altinda buyuk)
   ============================================================ */

/* Parent ul/li reset - rozetin oldugu liste */
body.product-body .product-profile-info li:has(.free-cargo-badge),
body.product-body .product-meta li:has(.free-cargo-badge),
body.product-body ul li:has(.free-cargo-badge){
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font-weight: 400 !important;
}

/* Kargo bedava rozetinin kendisi - büyük lux versiyon */
body.product-body .free-cargo-badge{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 22px !important;
    background: var(--cv-ink, #0b0b0d) !important;
    color: #f7f4ee !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .32em !important;
    text-transform: uppercase !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 6px 0 20px !important;
    width: fit-content !important;
    height: auto !important;
    line-height: 1.2 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    text-align: left !important;
    transition: background .3s ease, color .3s ease, transform .3s ease !important;
    box-shadow: 0 4px 12px -6px rgba(11,11,13,.3) !important;
}

/* Hover efekt: kayıp altın */
body.product-body .free-cargo-badge:hover{
    background: var(--cv-brass, #a88c5f) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    transform: translateY(-1px) !important;
}

/* İkon (önünde kamyon emoji simulasyonu) */
body.product-body .free-cargo-badge::before{
    content: "✦" !important;
    font-size: 10px !important;
    color: var(--cv-brass, #a88c5f) !important;
    letter-spacing: 0 !important;
    transition: color .3s ease !important;
}
body.product-body .free-cargo-badge:hover::before{
    color: var(--cv-ink, #0b0b0d) !important;
}

/* Eğer ürün kartı içindeki badge ile karışmasın - ürün detayda farklı */
body.product-body .product-profile-1 .free-cargo-badge,
body.product-body .product-profile-sticky .free-cargo-badge{
    position: relative !important;
    display: inline-flex !important;
    margin: 6px 0 18px !important;
}

/* Mobile */
@media (max-width: 575px){
    body.product-body .free-cargo-badge{
        font-size: 11px !important;
        letter-spacing: .26em !important;
        padding: 10px 18px !important;
    }
}

/* ============================================================
   URUN DETAY — ON SIPARIS BILGISI (Profesyonel Cerceve)
   ============================================================ */

body.product-body .on-siparis{
    display: block !important;
    padding: 18px 22px 18px 24px !important;
    background: linear-gradient(135deg, rgba(168,140,95,.10), rgba(168,140,95,.02)) !important;
    border: 1px solid rgba(168,140,95,.32) !important;
    border-left: 3px solid var(--cv-brass, #a88c5f) !important;
    border-radius: 0 !important;
    margin: 4px 0 22px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 13.5px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    line-height: 1.5 !important;
    text-align: left !important;
    font-weight: 500 !important;
    letter-spacing: .005em !important;
    position: relative !important;
    box-shadow: 0 1px 2px rgba(168,140,95,.06) !important;
}

/* Üstüne küçük eyebrow "✦ ÖN SİPARİŞ" */
body.product-body .on-siparis::before{
    content: "✦ ÖN SİPARİŞ";
    display: block;
    font-family: "Manrope", sans-serif;
    font-size: 10px;
    letter-spacing: .32em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--cv-brass, #a88c5f);
    margin-bottom: 6px;
    line-height: 1;
}

/* Tarih kalın vurgu — span ile sarılırsa */
body.product-body .on-siparis strong,
body.product-body .on-siparis b{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: var(--cv-brass, #a88c5f) !important;
    margin: 0 4px !important;
}

@media (max-width: 575px){
    body.product-body .on-siparis{
        padding: 14px 18px 14px 20px !important;
        font-size: 12.5px !important;
    }
    body.product-body .on-siparis::before{
        font-size: 9.5px !important;
        letter-spacing: .26em !important;
    }
}

/* ============================================================
   URUN KARTI — ON SIPARIS RESIM ALT ORTA OVERLAY
   Resim uzerinde absolute, alt orta bolgede bant
   ============================================================ */

/* Image-wrapper'a relative pozisyon (overlay icin anchor) */
.card-product .card-product-inner .image-wrapper{
    position: relative !important;
}

/* On-siparis overlay - resmin alt ortasinda */
.card-product .on-siparis,
.card-product--lux .on-siparis{
    position: absolute !important;
    bottom: 14px !important;
    left: 10px !important;
    right: 10px !important;
    z-index: 5 !important;
    background: rgba(247, 244, 238, .96) !important;
    color: var(--cv-wine, #6b1f2a) !important;
    border: 1px dashed var(--cv-wine, #6b1f2a) !important;
    border-radius: 0 !important;
    padding: 6px 10px !important;
    text-align: center !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .12em !important;
    text-transform: none !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    box-shadow: 0 4px 14px -6px rgba(11,11,13,.3) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    text-decoration: none !important;
    pointer-events: none !important;
    display: block !important;
}

/* Tarih (strong icinde) - Bodoni italic vurgu */
.card-product .on-siparis strong,
.card-product--lux .on-siparis strong{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: var(--cv-wine, #6b1f2a) !important;
    font-size: 12px !important;
    margin: 0 2px !important;
    letter-spacing: 0 !important;
}

/* URUN DETAY sayfasinda on-siparis tam yapida kalsin (overlay degil) */
body.product-body .product-profile-1 .on-siparis,
body.product-body .product-profile-sticky .on-siparis{
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
    background: linear-gradient(135deg, rgba(168,140,95,.10), rgba(168,140,95,.02)) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border: 1px solid rgba(168,140,95,.32) !important;
    border-left: 3px solid var(--cv-brass, #a88c5f) !important;
    padding: 18px 22px 18px 24px !important;
    text-align: left !important;
    font-size: 13.5px !important;
    letter-spacing: .005em !important;
    line-height: 1.5 !important;
    box-shadow: 0 1px 2px rgba(168,140,95,.06) !important;
    backdrop-filter: none !important;
    margin: 4px 0 22px !important;
    pointer-events: auto !important;
}

/* Mobile - overlay biraz kucult */
@media (max-width: 575px){
    .card-product .on-siparis,
    .card-product--lux .on-siparis{
        font-size: 9px !important;
        letter-spacing: .1em !important;
        padding: 5px 8px !important;
        bottom: 10px !important;
        left: 8px !important;
        right: 8px !important;
    }
    .card-product .on-siparis strong,
    .card-product--lux .on-siparis strong{
        font-size: 11px !important;
    }
}

/* ============================================================
   MODUL BASLIKLARI — Bodoni Italic + Brass Dekoratif Cubuklar
   "YENİ EKLENENLER" "ÇOK SATAN" gibi modül başlıkları
   ============================================================ */

/* Tüm modül header kapsayicisi temizle */
.pattern-group .p-g-mod-showcase .p-g-mod-header,
.pattern-group .p-g-mod-t-55 .p-g-mod-header,
.pattern-group .p-g-mod-t-21 .p-g-mod-header,
.pattern-group .p-g-mod-t-32 .p-g-mod-header,
.cavalle-section .pattern-group-header{
    text-align: center !important;
    padding: clamp(40px, 5vw, 72px) 0 clamp(20px, 3vw, 40px) !important;
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
}

/* P-g-m-h-info: kapsayıcı, dekoratif çubuklar için flex */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info,
.pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info,
.cavalle-section .pattern-group-header .p-g-h-info{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(18px, 2.5vw, 36px) !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    position: relative !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: 90% !important;
}

/* Sol & sağ ince brass çubuklar */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::before,
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::after,
.pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info::before,
.pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info::after,
.cavalle-section .pattern-group-header .p-g-h-info::before,
.cavalle-section .pattern-group-header .p-g-h-info::after{
    content: "" !important;
    display: inline-block !important;
    width: clamp(32px, 5vw, 64px) !important;
    height: 1px !important;
    background: var(--cv-brass, #a88c5f) !important;
    flex-shrink: 0 !important;
    opacity: .7 !important;
}

/* Ana başlık - Bodoni italic */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pattern-group .p-g-mod-t-21 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pattern-group .p-g-mod-t-32 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.cavalle-section .pattern-group-header .p-g-h-info .p-g-h-i-title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(28px, 3.8vw, 52px) !important;
    line-height: 1.1 !important;
    color: var(--cv-ink, #0b0b0d) !important;
    letter-spacing: -.015em !important;
    text-transform: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Alt başlık varsa (subtitle) */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-subtitle,
.pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-subtitle{
    display: block !important;
    width: 100% !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    color: var(--cv-brass, #a88c5f) !important;
    margin-top: 12px !important;
    text-align: center !important;
}

/* Mobile - cubuklari daha kisalt veya gizle */
@media (max-width: 575px){
    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::before,
    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::after,
    .pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info::before,
    .pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info::after,
    .cavalle-section .pattern-group-header .p-g-h-info::before,
    .cavalle-section .pattern-group-header .p-g-h-info::after{
        width: 24px !important;
    }
    .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info,
    .pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info{
        gap: 14px !important;
    }
}

/* Ekstra ufak yıldız simgesi (brass) — başlık ortasına dekoratif */
.pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info::before,
.pattern-group .p-g-mod-t-55 .p-g-mod-header .p-g-m-h-info::before{
    position: relative !important;
}

/* Pattern-group cavalle-section özel kuralı: padding ve genişlik */
.cavalle-section.pattern-group{
    padding: 0 !important;
    margin: 0 !important;
}
.cavalle-section .pattern-group-body{
    padding: 0 !important;
}

/* ============================================================
   UYE GIRISI / KAYIT SAYFASI — Lux Editoryal Tasarim
   body.login-body
   ============================================================ */

body.login-body{
    background: var(--cv-paper, #faf8f4) !important;
    min-height: 100vh;
}

/* Login container — ortala, maksimum 480px */
body.login-body .pattern-group{
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.login-body .pattern-group-body{
    padding: 0 !important;
    background: transparent !important;
}
body.login-body .p-g-mod.p-g-mod-t-4{
    max-width: 480px !important;
    margin: clamp(48px, 8vh, 96px) auto !important;
    padding: clamp(32px, 5vw, 56px) clamp(28px, 4vw, 48px) !important;
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 48px -32px rgba(11,11,13,.18) !important;
    position: relative;
}

/* Eyebrow yıldız üstte */
body.login-body .p-g-mod.p-g-mod-t-4::before{
    content: "✦  Gamze Arslanbaş  ✦";
    display: block;
    text-align: center;
    font-family: "Manrope", sans-serif;
    font-size: 10px;
    letter-spacing: .36em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-brass, #a88c5f);
    margin-bottom: 8px;
}

/* Modül başlığı (eğer varsa) lux */
body.login-body .p-g-mod-t-4 .p-g-mod-header{
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 24px !important;
    text-align: center !important;
    display: block !important;
    margin: 0 !important;
}
body.login-body .p-g-mod-t-4 .p-g-mod-header .p-g-m-h-info{
    text-align: center !important;
    display: block !important;
}
body.login-body .p-g-mod-t-4 .p-g-mod-header .p-g-m-h-info::before,
body.login-body .p-g-mod-t-4 .p-g-mod-header .p-g-m-h-info::after{
    display: none !important;
}
body.login-body .p-g-mod-t-4 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(28px, 4vw, 36px) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    letter-spacing: -.01em !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    text-transform: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Tab navigasyonu - alt çizgi animasyon */
body.login-body .p-g-mod-t-4 .nav-tabs{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    height: auto !important;
    margin: 0 0 32px !important;
    padding: 0 !important;
    display: flex !important;
    gap: 0 !important;
    justify-content: stretch !important;
}
body.login-body .p-g-mod-t-4 .nav-tabs .nav-item{
    background: transparent !important;
    border: 0 !important;
    flex: 1 !important;
    text-align: center !important;
    margin: 0 !important;
}
body.login-body .p-g-mod-t-4 .nav-tabs .nav-item .nav-link,
body.login-body .p-g-mod-t-4 .nav-tabs .nav-link{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    padding: 14px 0 !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    transition: color .3s ease, border-color .3s ease !important;
    margin: 0 !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}
body.login-body .p-g-mod-t-4 .nav-tabs .nav-link:hover{
    color: var(--cv-ink, #0b0b0d) !important;
}
body.login-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link,
body.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active{
    color: var(--cv-ink, #0b0b0d) !important;
    border-bottom-color: var(--cv-brass, #a88c5f) !important;
    background: transparent !important;
}

/* Tab içeriği */
body.login-body .p-g-mod-t-4 .tab-content{
    padding: 0 !important;
}
body.login-body .p-g-mod-t-4 .tab-pane{
    padding: 0 !important;
}

/* Form group spacing */
body.login-body .p-g-mod-t-4 .form-group{
    margin: 0 0 18px !important;
    position: relative;
}
body.login-body .p-g-mod-t-4 .form-group label{
    display: block !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    font-weight: 600 !important;
    margin: 0 0 8px !important;
}

/* Inputlar - underline style */
body.login-body .p-g-mod-t-4 .form-control{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.18)) !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    height: auto !important;
    box-shadow: none !important;
    transition: border-color .3s ease !important;
}
body.login-body .p-g-mod-t-4 .form-control:focus{
    border-bottom-color: var(--cv-ink, #0b0b0d) !important;
    outline: none !important;
    box-shadow: none !important;
}
body.login-body .p-g-mod-t-4 .form-control::placeholder{
    color: rgba(11,11,13,.4) !important;
    font-family: "Manrope", sans-serif !important;
}

/* Telefon input phone control */
body.login-body .p-g-mod-t-4 .form-phone-control{
    padding-left: 0 !important;
}

/* Şifremi unuttum / link */
body.login-body .p-g-mod-t-4 a:not(.btn){
    color: var(--cv-ink-soft, #2a2a2e) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.18)) !important;
    padding-bottom: 2px !important;
    transition: color .3s ease, border-color .3s ease !important;
    display: inline-block !important;
}
body.login-body .p-g-mod-t-4 a:not(.btn):hover{
    color: var(--cv-brass, #a88c5f) !important;
    border-color: var(--cv-brass, #a88c5f) !important;
}

/* Şifre unuttum container */
body.login-body .p-g-mod-t-4 .forgot-password,
body.login-body .p-g-mod-t-4 .text-right{
    text-align: right !important;
    margin: -8px 0 24px !important;
}

/* Üyeliksiz alışveriş butonu */
body.login-body .p-g-mod-t-4 .btn-without-login{
    background: transparent !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border: 1px solid var(--cv-ink, #0b0b0d) !important;
    border-radius: 0 !important;
    margin: 0 0 24px !important;
    padding: 14px 18px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    height: auto !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: background .3s ease, color .3s ease !important;
}
body.login-body .p-g-mod-t-4 .btn-without-login:hover{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
}
body.login-body .p-g-mod-t-4 .btn-without-login i{
    font-size: 12px !important;
    line-height: 1 !important;
}

/* Ana submit butonları (Giriş Yap, Üye Ol) */
body.login-body .p-g-mod-t-4 .btn-success,
body.login-body .p-g-mod-t-4 button[type="submit"]:not(.btn-fb-login):not(.btn-google-login){
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 16px 24px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    height: auto !important;
    min-height: 52px !important;
    width: 100% !important;
    flex: none !important;
    transition: background .3s ease, color .3s ease !important;
    margin: 16px 0 0 !important;
    box-shadow: none !important;
}
body.login-body .p-g-mod-t-4 .btn-success:hover,
body.login-body .p-g-mod-t-4 button[type="submit"]:hover{
    background: var(--cv-brass, #a88c5f) !important;
    color: var(--cv-ink, #0b0b0d) !important;
}

/* Sosyal medya divider - "veya" çizgi */
body.login-body .p-g-mod-t-4 .social-divider,
body.login-body .p-g-mod-t-4 .or-divider{
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 28px 0 20px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .32em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    font-weight: 600 !important;
}
body.login-body .p-g-mod-t-4 .social-divider::before,
body.login-body .p-g-mod-t-4 .social-divider::after,
body.login-body .p-g-mod-t-4 .or-divider::before,
body.login-body .p-g-mod-t-4 .or-divider::after{
    content: "";
    flex: 1;
    height: 1px;
    background: var(--cv-line, rgba(11,11,13,.12));
}

/* Facebook giriş */
body.login-body .p-g-mod-t-4 .btn-fb-login{
    background: transparent !important;
    background-image: none !important;
    text-shadow: none !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.2)) !important;
    border-radius: 0 !important;
    padding: 13px 18px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    height: auto !important;
    min-height: 48px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
    transition: background .3s ease, color .3s ease, border-color .3s ease !important;
}
body.login-body .p-g-mod-t-4 .btn-fb-login:hover{
    background: #1877f2 !important;
    color: #fff !important;
    border-color: #1877f2 !important;
}
body.login-body .p-g-mod-t-4 .btn-fb-login i{
    color: #1877f2 !important;
    font-size: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    transition: color .3s ease !important;
}
body.login-body .p-g-mod-t-4 .btn-fb-login:hover i{
    color: #fff !important;
}

/* Google giriş */
body.login-body .p-g-mod-t-4 .btn-google-login{
    background: transparent !important;
    background-image: none !important;
    text-shadow: none !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.2)) !important;
    border-radius: 0 !important;
    padding: 13px 18px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    height: auto !important;
    min-height: 48px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
    transition: background .3s ease, color .3s ease, border-color .3s ease !important;
}
body.login-body .p-g-mod-t-4 .btn-google-login:hover{
    background: #db4437 !important;
    color: #fff !important;
    border-color: #db4437 !important;
}
body.login-body .p-g-mod-t-4 .btn-google-login i{
    color: #db4437 !important;
    font-size: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    transition: color .3s ease !important;
}
body.login-body .p-g-mod-t-4 .btn-google-login:hover i{
    color: #fff !important;
}

/* Checkbox - newsletter, kurallar */
body.login-body .p-g-mod-t-4 .form-check,
body.login-body .p-g-mod-t-4 .checkbox-wrapper{
    margin: 12px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}
body.login-body .p-g-mod-t-4 .form-check-input,
body.login-body .p-g-mod-t-4 .ibutton{
    margin-top: 2px !important;
    accent-color: var(--cv-ink, #0b0b0d) !important;
}
body.login-body .p-g-mod-t-4 .form-check-label,
body.login-body .p-g-mod-t-4 .checkbox-wrapper label{
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 0 !important;
    font-weight: 400 !important;
    border: 0 !important;
}
body.login-body .p-g-mod-t-4 .form-check-label a,
body.login-body .p-g-mod-t-4 .checkbox-wrapper label a{
    color: var(--cv-ink, #0b0b0d) !important;
    text-decoration: underline !important;
    border: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    display: inline !important;
}

/* Tab pane içindeki başlıklar (örn. "Yeni Üye misiniz?") */
body.login-body .p-g-mod-t-4 .tab-pane h3,
body.login-body .p-g-mod-t-4 .tab-pane h4,
body.login-body .p-g-mod-t-4 .tab-pane h5{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    margin: 0 0 16px !important;
    letter-spacing: -.005em !important;
    text-align: center;
}

/* Alert/error mesajları */
body.login-body .p-g-mod-t-4 .alert,
body.login-body .p-g-mod-t-4 .form-error{
    border-radius: 0 !important;
    border: 1px solid var(--cv-wine, #6b1f2a) !important;
    background: rgba(107, 31, 42, .05) !important;
    color: var(--cv-wine, #6b1f2a) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    padding: 12px 16px !important;
    margin: 0 0 18px !important;
}

/* Mobile */
@media (max-width: 575px){
    body.login-body .p-g-mod.p-g-mod-t-4{
        margin: 24px auto !important;
        padding: 28px 22px !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* ============================================================
   MOBIL — TÜM SAYFALARDA HEADER ALTINDA YER AÇ
   Genel kural: mobile header fixed, body padding-top: 60px
   ============================================================ */
@media (max-width: 991px){
    /* Tüm sayfalarda mobil header için yer aç */
    body{
        padding-top: 60px !important;
    }

    /* mobile-header-space artık gereksiz (body padding-top zaten var) */
    .mobile-header-space{
        display: none !important;
        height: 0 !important;
    }

    /* Anasayfa: manşet transparent header üstüne çıksın - bu yüzden body padding sıfır */
    body.home-body{
        padding-top: 0 !important;
    }
    body.home-body .mobile-header-space{
        display: block !important;
        height: 60px !important;
    }
}

/* ============================================================
   AUTH SAYFALARI — login, üye ol, şifremi unuttum
   body.auth-body (JS ekler /uye-giris, /uye-ol, /sifremi-unuttum URL'lerinde)
   ============================================================ */

/* Auth body: lux 480px kart layout */
body.auth-body{
    background: var(--cv-paper, #faf8f4) !important;
    min-height: 100vh;
}

body.auth-body .p-g-mod.p-g-mod-t-4{
    max-width: 480px !important;
    margin: clamp(48px, 8vh, 96px) auto !important;
    padding: clamp(32px, 5vw, 56px) clamp(28px, 4vw, 48px) !important;
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 48px -32px rgba(11,11,13,.18) !important;
    position: relative;
}

body.auth-body .p-g-mod.p-g-mod-t-4::before{
    content: "✦  Gamze Arslanbaş  ✦";
    display: block;
    text-align: center;
    font-family: "Manrope", sans-serif;
    font-size: 10px;
    letter-spacing: .36em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cv-brass, #a88c5f);
    margin-bottom: 8px;
}

/* Mobile auth */
@media (max-width: 575px){
    body.auth-body .p-g-mod.p-g-mod-t-4{
        margin: 20px auto !important;
        padding: 28px 22px !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    body.auth-body .p-g-mod.p-g-mod-t-4::before{
        font-size: 9px !important;
        letter-spacing: .28em !important;
        margin-bottom: 6px !important;
    }
}

/* Account body lux kuralları auth-body olmayan login-body için */
body.login-body:not(.auth-body) .p-g-mod.p-g-mod-t-4{
    max-width: 100% !important;
    margin: 0 !important;
    padding: clamp(20px, 3vw, 36px) clamp(16px, 3vw, 32px) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
}

body.login-body:not(.auth-body) .p-g-mod.p-g-mod-t-4::before{
    display: none !important;
    content: none !important;
}

/* Şifremi unuttum form özel rötuş */
body.auth-body .p-g-mod-t-4 form{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

body.auth-body .p-g-mod-t-4 .form-group{
    margin: 0 !important;
}

/* Sepet/Ödeme mobile padding (cart-body, payment-body) */
@media (max-width: 991px){
    body.cart-body .pattern-group-p-cart,
    body.payment-body .pattern-group-p-payment{
        padding: 16px 0 !important;
    }
}

/* ============================================================
   HESABIM SAYFASI — Lux Editoryal (sidebar + içerik)
   body.account-body | body[class*="hesabim"] | body[class*="kullanici"]
   ============================================================ */

body.account-body,
body.profile-body,
body[class*="hesabim"],
body[class*="kullanici"]{
    background: var(--cv-paper, #faf8f4) !important;
}

/* Ana sayfa container - genişlik kontrolü */
body.account-body .pattern-group,
body.profile-body .pattern-group{
    background: transparent !important;
}

body.account-body .pattern-group:not(:has(header)):not(:has(footer)){
    padding: clamp(20px, 3vw, 40px) 0 !important;
}

/* Page wrap genişlik (account sayfası) */
body.account-body .container,
body.account-body .container-fluid,
body.profile-body .container,
body.profile-body .container-fluid{
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 clamp(16px, 3vw, 32px) !important;
}

/* ---------- HERO BAŞLIK (Hoş geldiniz) ---------- */
body.account-body .account-hero,
body.account-body .user-hero,
body.account-body .p-g-mod-t-2 .p-g-mod-header{
    text-align: left !important;
    padding: clamp(40px, 5vw, 72px) 0 clamp(28px, 4vw, 48px) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    margin: 0 0 clamp(28px, 4vw, 48px) !important;
}

body.account-body .account-hero .eyebrow,
body.account-body .user-hero .eyebrow{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    color: var(--cv-brass, #a88c5f) !important;
    font-weight: 600 !important;
    margin: 0 0 12px !important;
}

body.account-body h1,
body.account-body .account-hero h1,
body.account-body .user-hero h1{
    font-family: "Bodoni Moda", serif !important;
    font-weight: 400 !important;
    font-size: clamp(32px, 4vw, 52px) !important;
    line-height: 1.05 !important;
    color: var(--cv-ink, #0b0b0d) !important;
    letter-spacing: -.015em !important;
    margin: 0 0 12px !important;
    text-transform: none !important;
}
body.account-body h1 .it,
body.account-body h1 em{
    font-style: italic;
    color: var(--cv-brass, #a88c5f);
}

/* ---------- SIDEBAR (sol menü) ---------- */
/* DİKKAT: .sidebar-user MOBILE menüdür, position: fixed olmalı, dokunma! */
body.account-body .account-sidebar,
body.account-body .user-sidebar,
body.account-body aside.user-menu,
body.account-body .user-account-styles{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Sidebar başlığı (varsa) */
body.account-body .login-menu .title,
body.account-body .account-sidebar .title{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #f7f4ee !important;
    padding: 18px 22px !important;
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    text-align: left !important;
    letter-spacing: -.005em !important;
    text-transform: none !important;
    margin: 0 !important;
}

/* Menü linkleri */
body.account-body .login-menu a,
body.account-body .account-sidebar a,
body.account-body .user-sidebar a,
body.account-body .sidebar-user a:not(.btn){
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 22px !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.08)) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    transition: background .3s ease, color .3s ease, padding-left .3s ease !important;
    text-decoration: none !important;
    position: relative;
}

body.account-body .login-menu a:hover,
body.account-body .account-sidebar a:hover,
body.account-body .user-sidebar a:hover{
    background: var(--cv-paper, #faf8f4) !important;
    color: var(--cv-brass, #a88c5f) !important;
    padding-left: 26px !important;
}

body.account-body .login-menu a.active,
body.account-body .login-menu a.is-active,
body.account-body .account-sidebar a.active,
body.account-body .user-sidebar a.active{
    background: var(--cv-paper, #faf8f4) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border-left: 3px solid var(--cv-brass, #a88c5f) !important;
    padding-left: 19px !important;
}

/* Menü ikonları */
body.account-body .login-menu a i,
body.account-body .login-menu a svg,
body.account-body .account-sidebar a i,
body.account-body .account-sidebar a svg{
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: 16px !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
}

/* Menü kenar - çıkış yap özel */
body.account-body .login-menu a.logout,
body.account-body .login-menu a[href*="cikis"],
body.account-body .login-menu a[href*="logout"],
body.account-body .account-sidebar a.is-logout{
    color: var(--cv-wine, #6b1f2a) !important;
}
body.account-body .login-menu a[href*="cikis"]:hover{
    background: var(--cv-wine, #6b1f2a) !important;
    color: #f7f4ee !important;
}
body.account-body .login-menu a[href*="cikis"]:hover i,
body.account-body .login-menu a[href*="cikis"]:hover svg{
    color: #f7f4ee !important;
}

/* Menüdeki count rozeti */
body.account-body .login-menu a .count,
body.account-body .login-menu a .badge,
body.account-body .account-sidebar a .count{
    margin-left: auto !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    color: var(--cv-brass, #a88c5f) !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    background: transparent !important;
    padding: 0 !important;
}

/* ---------- STATS / İSTATİSTİK KARTLARI ---------- */
body.account-body .account-stats,
body.account-body .user-stats{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 16px !important;
    margin: 0 0 32px !important;
}

body.account-body .account-stat,
body.account-body .user-stat{
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    padding: 24px !important;
    border-radius: 0 !important;
    text-align: left !important;
}

body.account-body .account-stat .lbl,
body.account-body .account-stat .label{
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    margin: 0 0 12px !important;
    font-weight: 600 !important;
}

body.account-body .account-stat .val,
body.account-body .account-stat .value{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 1 !important;
    color: var(--cv-ink, #0b0b0d) !important;
    margin: 0 !important;
}

body.account-body .account-stat .sub{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    margin-top: 8px !important;
    letter-spacing: .04em !important;
}

/* ---------- İÇERİK MODÜLLERİ (Profil, Sipariş, Form vb.) ---------- */

/* Genel content modülleri (sağ kolon) */
body.account-body .p-g-mod-base-content,
body.account-body .p-g-mod-t-7,
body.account-body .p-g-mod-t-8,
body.account-body .p-g-mod-t-9,
body.account-body .p-g-mod-t-10,
body.account-body .p-g-mod-t-11,
body.account-body .p-g-mod-t-57{
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    border-radius: 0 !important;
    padding: clamp(24px, 3vw, 40px) !important;
    margin: 0 0 24px !important;
    box-shadow: none !important;
}

/* İçerik modül başlıkları */
body.account-body .p-g-mod-base-content .p-g-mod-header,
body.account-body .p-g-mod-t-7 .p-g-mod-header,
body.account-body .p-g-mod-t-8 .p-g-mod-header,
body.account-body .p-g-mod-t-9 .p-g-mod-header,
body.account-body .p-g-mod-t-57 .p-g-mod-header{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    padding: 0 0 16px !important;
    margin: 0 0 24px !important;
    display: block !important;
    text-align: left !important;
}

body.account-body .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info,
body.account-body .p-g-mod-t-7 .p-g-mod-header .p-g-m-h-info,
body.account-body .p-g-mod-t-8 .p-g-mod-header .p-g-m-h-info,
body.account-body .p-g-mod-t-9 .p-g-mod-header .p-g-m-h-info{
    display: block !important;
    text-align: left !important;
}

body.account-body .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info::before,
body.account-body .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info::after,
body.account-body .p-g-mod-t-7 .p-g-mod-header .p-g-m-h-info::before,
body.account-body .p-g-mod-t-7 .p-g-mod-header .p-g-m-h-info::after,
body.account-body .p-g-mod-t-8 .p-g-mod-header .p-g-m-h-info::before,
body.account-body .p-g-mod-t-8 .p-g-mod-header .p-g-m-h-info::after{
    display: none !important;
}

body.account-body .p-g-mod-base-content .p-g-mod-header .p-g-m-h-i-title,
body.account-body .p-g-mod-t-7 .p-g-mod-header .p-g-m-h-i-title,
body.account-body .p-g-mod-t-8 .p-g-mod-header .p-g-m-h-i-title,
body.account-body .p-g-mod-t-9 .p-g-mod-header .p-g-m-h-i-title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(22px, 2.5vw, 28px) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    letter-spacing: -.01em !important;
    margin: 0 !important;
    text-align: left !important;
    background: transparent !important;
    padding: 0 !important;
    text-transform: none !important;
}

/* ---------- FORM (Adres, Profil bilgi, Şifre değiştirme) ---------- */
body.account-body .form-group{
    margin: 0 0 20px !important;
}
body.account-body .form-group label{
    display: block !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    font-weight: 600 !important;
    margin: 0 0 8px !important;
}
body.account-body .form-control,
body.account-body input[type="text"]:not([data-cart-count]):not([data-cart-quantity]):not([data-cart-total]),
body.account-body input[type="email"],
body.account-body input[type="tel"],
body.account-body input[type="password"],
body.account-body select.form-control,
body.account-body textarea.form-control{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.18)) !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    height: auto !important;
    box-shadow: none !important;
    transition: border-color .3s ease !important;
    width: 100% !important;
}
body.account-body .form-control:focus{
    border-bottom-color: var(--cv-ink, #0b0b0d) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Submit / save butonları */
body.account-body .btn-success,
body.account-body button[type="submit"],
body.account-body .btn-primary,
body.account-body .btn-save{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 14px 28px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    height: auto !important;
    min-height: 48px !important;
    transition: background .3s ease, color .3s ease !important;
}
body.account-body .btn-success:hover,
body.account-body button[type="submit"]:hover,
body.account-body .btn-primary:hover{
    background: var(--cv-brass, #a88c5f) !important;
    color: var(--cv-ink, #0b0b0d) !important;
}

/* ---------- SİPARİŞ KARTI ---------- */
body.account-body .order-item,
body.account-body .siparis-item,
body.account-body .order-card,
body.account-body table.table-order tbody tr,
body.account-body .order-list-item{
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    padding: 20px !important;
    margin: 0 0 16px !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 16px !important;
    align-items: center !important;
    transition: border-color .3s ease !important;
}
body.account-body .order-item:hover,
body.account-body .order-card:hover{
    border-color: var(--cv-brass, #a88c5f) !important;
}

body.account-body .order-no,
body.account-body .siparis-no{
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}

body.account-body .order-date,
body.account-body .siparis-tarih{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: var(--cv-ink, #0b0b0d) !important;
}

body.account-body .order-total,
body.account-body .siparis-tutar{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    color: var(--cv-brass, #a88c5f) !important;
    letter-spacing: -.01em !important;
}

body.account-body .order-status,
body.account-body .siparis-durum,
body.account-body .badge-status{
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 0 !important;
    background: var(--cv-paper, #faf8f4) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    display: inline-block !important;
}

/* ---------- TABLO ---------- */
body.account-body .table,
body.account-body table{
    border: 0 !important;
    background: transparent !important;
}
body.account-body .table thead th,
body.account-body table thead th{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cv-ink, #0b0b0d) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink, #0b0b0d) !important;
    font-weight: 600 !important;
    padding: 14px 8px !important;
}
body.account-body .table tbody td,
body.account-body table tbody td{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.08)) !important;
    padding: 16px 8px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    vertical-align: middle !important;
}

/* Tablo linkler */
body.account-body .table a:not(.btn),
body.account-body table a:not(.btn){
    color: var(--cv-ink, #0b0b0d) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--cv-ink, #0b0b0d) !important;
    padding-bottom: 1px !important;
    transition: color .3s ease, border-color .3s ease !important;
}
body.account-body .table a:not(.btn):hover{
    color: var(--cv-brass, #a88c5f) !important;
    border-color: var(--cv-brass, #a88c5f) !important;
}

/* ---------- FAVORI / FIYAT-STOK ALARM LİSTESİ ---------- */
body.account-body .favorite-list,
body.account-body .favori-list,
body.account-body .alarm-list{
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: clamp(16px, 1.8vw, 28px) !important;
    margin: 0 !important;
}

/* Adres kart */
body.account-body .address-item,
body.account-body .adres-item,
body.account-body .address-card{
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    padding: 20px !important;
    border-radius: 0 !important;
    margin: 0 0 16px !important;
    position: relative !important;
}
body.account-body .address-item.default{
    border-color: var(--cv-brass, #a88c5f) !important;
}
body.account-body .address-item .address-title,
body.account-body .address-item .adres-baslik{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    margin: 0 0 12px !important;
}
body.account-body .address-item .address-detail,
body.account-body .address-item p{
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    margin: 0 !important;
}

/* Adres kart actions (düzenle/sil) */
body.account-body .address-item .actions{
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--cv-line, rgba(11,11,13,.08)) !important;
    display: flex !important;
    gap: 12px !important;
}
body.account-body .address-item .actions a{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: color .3s ease, border-color .3s ease !important;
}
body.account-body .address-item .actions a:hover{
    color: var(--cv-brass, #a88c5f) !important;
    border-color: var(--cv-brass, #a88c5f) !important;
}

/* ---------- BOŞ DURUM (sipariş yok, favori yok) ---------- */
body.account-body .empty-state,
body.account-body .no-data,
body.account-body .alert-info,
body.account-body .ajax-cart-empty{
    text-align: center !important;
    padding: clamp(40px, 5vw, 80px) 20px !important;
    background: var(--cv-paper, #faf8f4) !important;
    border: 1px dashed var(--cv-line, rgba(11,11,13,.18)) !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
body.account-body .empty-state h4,
body.account-body .empty-state .title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    margin: 0 0 12px !important;
}
body.account-body .empty-state p{
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    margin: 0 0 20px !important;
}

/* Alert tipleri */
body.account-body .alert{
    border-radius: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    padding: 14px 20px !important;
    border-width: 1px !important;
}
body.account-body .alert-success{
    background: rgba(168,140,95,.08) !important;
    border-color: var(--cv-brass, #a88c5f) !important;
    color: var(--cv-ink, #0b0b0d) !important;
}
body.account-body .alert-danger,
body.account-body .alert-error{
    background: rgba(107,31,42,.05) !important;
    border-color: var(--cv-wine, #6b1f2a) !important;
    color: var(--cv-wine, #6b1f2a) !important;
}

/* ---------- BAYI BAKİYE / CÜZDAN ---------- */
body.account-body .balance-box,
body.account-body .bakiye-kutu,
body.account-body .wallet-box{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #f7f4ee !important;
    padding: 28px !important;
    margin: 0 0 24px !important;
    border-radius: 0 !important;
    border: 0 !important;
}
body.account-body .balance-box .lbl{
    font-family: "Manrope", sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .3em !important;
    text-transform: uppercase !important;
    color: rgba(247,244,238,.6) !important;
    margin: 0 0 8px !important;
}
body.account-body .balance-box .val{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    line-height: 1 !important;
    color: var(--cv-brass, #a88c5f) !important;
    letter-spacing: -.01em !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 991px){
    body.account-body .login-menu,
    body.account-body .account-sidebar{
        position: relative !important;
        top: 0 !important;
        margin-bottom: 20px !important;
    }
    body.account-body .order-item{
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* ============================================================
   ÖNEMLI FIX — Login CSS hesabıma karışmasın + Mobil sidebar fix
   Hesabım sayfasında body.login-body + body.account-body olur
   Login için sadece login-body:not(.account-body) hedefle
   ============================================================ */

/* Login için 480px kart kuralını hesabımda iptal et */
body.login-body.account-body .p-g-mod.p-g-mod-t-4{
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Eyebrow yıldız hesabımda yok */
body.login-body.account-body .p-g-mod.p-g-mod-t-4::before{
    display: none !important;
}

/* Mobil sidebar'lara verdiğimiz lux stilleri hesabımda iptal et */
body.login-body.account-body .sidebar-user a:not(.btn),
body.login-body.account-body .sidebar-menu a:not(.btn),
body.login-body.account-body .sidebar-menu-type-2 a:not(.btn){
    display: revert !important;
    padding: revert !important;
    border-bottom: revert !important;
    color: revert !important;
    font-family: revert !important;
    font-size: revert !important;
    letter-spacing: revert !important;
    text-transform: revert !important;
    font-weight: revert !important;
    background: revert !important;
    transition: revert !important;
}

/* Sidebar-user / sidebar-menu — orijinal davranışı koru, açma ile kontrol */
body.login-body.account-body .sidebar-user,
body.login-body.account-body .sidebar-menu,
body.login-body.account-body .sidebar-menu-type-2{
    background: #fff !important;
}

/* DESKTOP'TA mobil menü açık olmamalı - active class'sız ise gizli */
@media (min-width: 992px){
    body.account-body .sidebar-user:not(.active),
    body.account-body .sidebar-menu:not(.active),
    body.account-body .sidebar-menu-type-2:not(.active){
        transform: translateX(105%) !important;
        margin-right: -105% !important;
        margin-left: -105% !important;
        pointer-events: none !important;
    }
    body.account-body .sidebar-menu:not(.active),
    body.account-body .sidebar-menu-type-2:not(.active){
        transform: translateX(-105%) !important;
    }
}

/* Hesabım sayfası body padding-top — fixed header için yer */
body.account-body{
    padding-top: 0 !important;
}

/* Hesabım ORTA beyaz sidebar - asıl Ticimax hesabım menüsü */
/* Bu blok muhtemelen .col-md-4 içinde, ya da .user-profile-menu, ya da .account-menu */
body.account-body .col-md-4 .login-menu,
body.account-body aside.user-menu,
body.account-body .user-profile-menu,
body.account-body .account-menu{
    background: transparent !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    padding: 0 !important;
    position: sticky !important;
    top: 100px !important;
}

/* Orta sidebar kullanıcı bilgisi başlığı (onur içli kartı) */
body.account-body .user-info-card,
body.account-body .user-greeting,
body.account-body .account-user-info{
    background: var(--cv-paper, #faf8f4) !important;
    padding: 24px 22px !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
}
body.account-body .user-info-card .avatar,
body.account-body .user-greeting .avatar{
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: var(--cv-ink, #0b0b0d) !important;
    color: var(--cv-brass, #a88c5f) !important;
    display: grid !important;
    place-items: center !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
body.account-body .user-info-card .name,
body.account-body .user-greeting .name{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}
body.account-body .user-info-card .welcome,
body.account-body .user-greeting .welcome{
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
    margin-top: 2px !important;
    font-weight: 500 !important;
}

/* Sağ "Siparişlerim" başlığı ve boş durum */
body.account-body h2,
body.account-body h3{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: var(--cv-ink, #0b0b0d) !important;
    letter-spacing: -.005em !important;
    text-transform: none !important;
}

/* ============================================================
   ACIL FIX — Hesabım üst boşluk sıfır (BÜYÜK BOŞLUK kalksın)
   ============================================================ */

/* Body genel padding sıfır */
body.account-body{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* mobile-header-space hesabımda gizli (header fixed zaten) */
body.account-body .mobile-header-space,
body.login-body.account-body .mobile-header-space{
    height: 0 !important;
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tüm pattern-group container margin sıfır */
body.account-body section.pattern-group{
    margin: 0 !important;
}

body.account-body section.pattern-group:not(:has(header)):not(:has(footer)){
    padding: 0 !important;
}

body.account-body .pattern-group-body,
body.account-body .p-g-b-c-wrapper,
body.account-body .p-g-b-c-inner{
    padding: 0 !important;
    margin: 0 !important;
}

/* P-g-mod ortak — başlangıç margin sıfır, modüllere padding ver */
body.account-body .p-g-mod{
    margin: 0 !important;
}

/* Login modülü stilini hesabımda TAMAMEN iptal */
body.login-body.account-body .p-g-mod.p-g-mod-t-4,
body.account-body .p-g-mod.p-g-mod-t-4{
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(20px, 3vw, 36px) clamp(16px, 3vw, 32px) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Login eyebrow ::before hesabımda iptal */
body.login-body.account-body .p-g-mod.p-g-mod-t-4::before,
body.account-body .p-g-mod.p-g-mod-t-4::before{
    display: none !important;
    content: none !important;
}

/* Header pattern-group'dan sonraki ilk pattern-group margin sıfır */
body.account-body section.pattern-group:has(header) + section.pattern-group,
body.account-body section.pattern-group:has(.cv-shell-head) + section.pattern-group{
    margin-top: 0 !important;
    padding-top: clamp(20px, 3vw, 40px) !important;
}

/* Eğer pattern-group içeriği genişlik max sınırla */
body.account-body section.pattern-group:not(:has(header)):not(:has(footer)) .pattern-group-body{
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 clamp(16px, 3vw, 32px) !important;
}

/* Headerdan sonra ilk içerik 24px üst boşluk (sayfa başı) */
body.account-body section.pattern-group:nth-of-type(2){
    padding-top: 24px !important;
}

/* Account-body içinde p-g-mod-t-2 ve diğer modüllerin default margin'i */
body.account-body .p-g-mod-t-2,
body.account-body .p-g-mod-t-3{
    margin: 0 0 16px !important;
    padding: 0 !important;
}

/* ============================================================
   AGRESIF FIX — TÜM gereksiz boşlukları sıfırla
   ============================================================ */

/* Body min-height'i sıfırla (login için yazdığım) */
body.login-body{
    min-height: 0 !important;
}
body.login-body.account-body{
    min-height: 0 !important;
}

/* Header altındaki mobile-header-space TÜM sayfalarda hesabımda gizli */
body.account-body .mobile-header-space,
body.login-body.account-body .mobile-header-space{
    height: 0 !important;
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

/* Bos kolonlari (col-lg-3 boş wrapper) gizle */
body.login-body.account-body .p-g-b-c-inner:empty,
body.account-body .p-g-b-c-inner:empty{
    display: none !important;
    height: 0 !important;
}

/* Boş p-g-b-c-wrapper'lı kolonlar (sol/sağ 3-3 yapısı) gizle */
body.account-body .col-list:has(.p-g-b-c-inner:empty),
body.login-body.account-body .col-list:has(.p-g-b-c-inner:empty){
    display: none !important;
}

/* Login pattern-group row tek sütun, ortala */
body.account-body section.pattern-group-p-login .row,
body.login-body.account-body section.pattern-group-p-login .row{
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* Content kolon hesabımda full genişlik desktop */
body.account-body section.pattern-group-p-login .col-list.p-g-b-c-1,
body.login-body.account-body section.pattern-group-p-login .col-list.p-g-b-c-1{
    flex: 0 0 100% !important;
    max-width: 1280px !important;
    padding: 0 clamp(16px, 3vw, 32px) !important;
}

/* Pattern-group container max width sınırı */
body.account-body section.pattern-group-p-login,
body.login-body.account-body section.pattern-group-p-login{
    padding: 24px 0 60px !important;
    margin: 0 !important;
    min-height: auto !important;
}
body.account-body section.pattern-group-p-login .container,
body.login-body.account-body section.pattern-group-p-login .container{
    max-width: 1280px !important;
    padding: 0 clamp(16px, 3vw, 32px) !important;
}

/* P-g-mod-t-4 zaten override edildi ama bir kez daha kesin */
body.account-body .p-g-mod.p-g-mod-t-4,
body.login-body.account-body .p-g-mod.p-g-mod-t-4{
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
}

/* Modül header gizli (hesabımda "Üye Girişi" başlığı modülde olabilir) */
body.account-body .p-g-mod.p-g-mod-t-4 > .p-g-mod-header:has(.p-g-m-h-i-title:empty),
body.login-body.account-body .p-g-mod.p-g-mod-t-4 .p-g-mod-header{
    /* Eğer hesabımda "Üye Girişi" yazısı yoksa, ya da farklı yazı varsa */
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================================
   SAGLAM FIX — :has() ile login form algılama
   Login form (password input) varsa LOGIN, yoksa HESABIM
   JS bağımlılığı olmadan da çalışır
   ============================================================ */

/* HESABIM sayfası: body.login-body + password input YOK */
body.login-body:not(:has(input[type="password"])){
    min-height: 0 !important;
    padding-top: 0 !important;
}

/* Mobile-header-space her durumda kapalı (desktop'ta header fixed) */
@media (min-width: 992px){
    body.login-body .mobile-header-space,
    .mobile-header-space{
        height: 0 !important;
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Hesabım modülü (login değil): margin/padding sıfır */
body.login-body:not(:has(input[type="password"])) .p-g-mod.p-g-mod-t-4{
    max-width: 100% !important;
    margin: 0 !important;
    padding: clamp(20px, 3vw, 36px) clamp(16px, 3vw, 32px) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
}

/* Hesabım eyebrow ::before iptal */
body.login-body:not(:has(input[type="password"])) .p-g-mod.p-g-mod-t-4::before{
    display: none !important;
    content: none !important;
}

/* Hesabım sayfasında pattern-group-p-login üst boşluk minimum */
body.login-body:not(:has(input[type="password"])) section.pattern-group-p-login{
    padding: 24px 0 60px !important;
    margin: 0 !important;
    min-height: auto !important;
}

/* Boş col-list (sol/sağ 3) hesabımda gizli */
body.login-body:not(:has(input[type="password"])) .col-list:has(.p-g-b-c-inner:empty){
    display: none !important;
}

/* Hesabım Pattern row: tek sütun ortala */
body.login-body:not(:has(input[type="password"])) section.pattern-group-p-login .row{
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* İçerik kolonu hesabım için 100% genişlik */
body.login-body:not(:has(input[type="password"])) section.pattern-group-p-login .col-list.p-g-b-c-1{
    flex: 0 0 100% !important;
    max-width: 1280px !important;
    padding: 0 !important;
}

/* Desktop sidebar-user (mobile menü) - GIZLI olmalı */
@media (min-width: 992px){
    nav.sidebar-user:not(.active),
    body.login-body nav.sidebar-user:not(.active){
        transform: translateX(105%) !important;
        margin-right: -260px !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }
    nav.sidebar-menu:not(.active),
    nav.sidebar-menu-type-2:not(.active){
        transform: translateX(-105%) !important;
        margin-left: -260px !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }
}

/* Mobile header (header.mobile) desktop'ta gizli */
@media (min-width: 992px){
    header.mobile{
        display: none !important;
    }
}

/* op-black overlay - active olmadığında gizli (mobil sidebar tetikler) */
.op-black:not(.show),
.op-black-2:not(.show){
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ============================================================
   KRITIK FIX — nav.sidebar-user position: fixed kalmalı!
   Önceki CSS'imdeki "position: sticky" sidebar-user'ı flow'a
   soktu ve height:100vh = sayfada 1080px GİZLİ BOŞLUK kapladı.
   ============================================================ */

nav.sidebar-user,
.sidebar-user{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    width: 250px !important;
    z-index: 21 !important;
    margin-right: -250px !important;
    transition: margin-right .3s ease !important;
    background: #fff !important;
}
nav.sidebar-user.active,
.sidebar-user.active{
    margin-right: 0 !important;
}

nav.sidebar-menu,
.sidebar-menu{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    width: 250px !important;
    z-index: 9999 !important;
    margin-left: -250px !important;
    transition: margin-left .3s ease !important;
}
nav.sidebar-menu.active,
.sidebar-menu.active{
    margin-left: 0 !important;
}

nav.sidebar-menu-type-2,
.sidebar-menu-type-2{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    width: 100% !important;
    z-index: 9999 !important;
    margin-left: -100% !important;
    transition: margin-left .3s ease !important;
}
nav.sidebar-menu-type-2.active,
.sidebar-menu-type-2.active{
    margin-left: 0 !important;
}

/* Önceki hatamızı temizle: account-body için sidebar-user'a verdiğimiz
   sticky / border / padding kurallarını iptal */
body.account-body nav.sidebar-user,
body.account-body .sidebar-user,
body.login-body nav.sidebar-user,
body.login-body .sidebar-user{
    position: fixed !important;
    border: 0 !important;
    padding: 0 !important;
    top: 0 !important;
    align-self: auto !important;
}

/* ============================================================
   TICIMAX TICIMAX HESABIM YAPISI — .user-account-styles
   Sayfanın içinde .col-lg-3 (sol sidebar) ve .col-lg-9 (içerik)
   ============================================================ */

/* Account pattern-group container — header ve footer hariç */
body.account-body section.pattern-group-p-account{
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sadece içerik pattern-group'una padding (header/footer değil) */
body.account-body section.pattern-group-p-account:has(.user-account-styles){
    padding: clamp(24px, 3vw, 40px) 0 !important;
}

/* Header pattern-group sıfır padding */
body.account-body section.pattern-group-p-account:has(header.cv-shell-head),
body.account-body section.pattern-group-p-account:has(header.desktop){
    padding: 0 !important;
    margin: 0 !important;
}

/* Footer pattern-group sıfır padding */
body.account-body section.pattern-group-p-account:has(footer){
    padding: 0 !important;
    margin: 0 !important;
}

body.account-body section.pattern-group-p-account .container{
    max-width: 1480px !important;
    margin: 0 auto !important;
}

/* Sol sidebar + sağ içerik 2 kolon */
body.account-body section.pattern-group-p-account .row{
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: clamp(24px, 3vw, 40px) !important;
}
body.account-body section.pattern-group-p-account .col-list{
    padding: 0 !important;
}
body.account-body section.pattern-group-p-account .col-list.p-g-b-c-0{
    flex: 0 0 280px !important;
    max-width: 280px !important;
}
body.account-body section.pattern-group-p-account .col-list.p-g-b-c-1{
    flex: 1 1 0 !important;
    max-width: calc(100% - 320px) !important;
}

/* Sol sidebar - sticky */
@media (min-width: 992px){
    body.account-body section.pattern-group-p-account .col-list.p-g-b-c-0 .p-g-b-c-inner{
        position: sticky !important;
        top: 100px !important;
    }
}

/* user-account-styles wrapper */
body.account-body .user-account-styles{
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Kullanıcı bilgileri (avatar + isim) */
body.account-body .user-account-information{
    background: var(--cv-paper, #faf8f4) !important;
    padding: 24px 22px !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
}
body.account-body .user-letters{
    width: 56px !important;
    height: 56px !important;
    background: var(--cv-ink, #0b0b0d) !important;
    color: var(--cv-brass, #a88c5f) !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    flex-shrink: 0 !important;
}
body.account-body .user-band{
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
body.account-body .user-band .name{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    line-height: 1.2 !important;
}

/* Hesap menüsü linkleri */
body.account-body .user-account-menu{
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
}
body.account-body .user-account-menu a{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 22px !important;
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.06)) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background .3s ease, color .3s ease, padding-left .3s ease !important;
}
body.account-body .user-account-menu a:hover{
    background: var(--cv-paper, #faf8f4) !important;
    color: var(--cv-brass, #a88c5f) !important;
    padding-left: 26px !important;
}
body.account-body .user-account-menu a.active{
    background: var(--cv-paper, #faf8f4) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    border-left: 3px solid var(--cv-brass, #a88c5f) !important;
    padding-left: 19px !important;
}
body.account-body .user-account-menu a i{
    width: 18px !important;
    font-size: 14px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    color: var(--cv-ink-soft, #2a2a2e) !important;
}
body.account-body .user-account-menu a.user-menu-cikis{
    color: var(--cv-wine, #6b1f2a) !important;
}
body.account-body .user-account-menu a.user-menu-cikis:hover{
    background: var(--cv-wine, #6b1f2a) !important;
    color: #f7f4ee !important;
}
body.account-body .user-account-menu a.user-menu-cikis:hover i{
    color: #f7f4ee !important;
}

/* Sağ panel ana içerik */
body.account-body .user-account-main-page{
    background: #fff !important;
    border: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    padding: clamp(24px, 3vw, 40px) !important;
}
body.account-body .user-account-top{
    display: none !important;  /* sol panel zaten kullanıcı bilgisi gösteriyor */
}
body.account-body .user-account-page-header{
    border-bottom: 1px solid var(--cv-line, rgba(11,11,13,.12)) !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}
body.account-body .user-account-page-header .title{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(24px, 2.5vw, 32px) !important;
    color: var(--cv-ink, #0b0b0d) !important;
    letter-spacing: -.01em !important;
}

/* Boş durum */
body.account-body .user-account-no-records{
    text-align: center !important;
    padding: clamp(40px, 5vw, 80px) 20px !important;
    background: var(--cv-paper, #faf8f4) !important;
    border: 1px dashed var(--cv-line, rgba(11,11,13,.18)) !important;
}
body.account-body .user-account-no-records .icon{
    font-size: 36px !important;
    color: var(--cv-brass, #a88c5f) !important;
    margin-bottom: 16px !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
}
body.account-body .user-account-no-records .description-2{
    font-family: "Bodoni Moda", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: var(--cv-ink, #0b0b0d) !important;
    margin: 0 0 20px !important;
}
body.account-body .user-account-no-records .btn-success{
    background: var(--cv-ink, #0b0b0d) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 14px 28px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    transition: background .3s ease, color .3s ease !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}
body.account-body .user-account-no-records .btn-success:hover{
    background: var(--cv-brass, #a88c5f) !important;
    color: var(--cv-ink, #0b0b0d) !important;
}

/* Mobile için top wrapper (Hesabım butonu) */
@media (max-width: 991px){
    body.account-body .user-account-top{
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 16px !important;
    }
    body.account-body section.pattern-group-p-account .col-list.p-g-b-c-0{
        display: none !important;
    }
    body.account-body section.pattern-group-p-account .col-list.p-g-b-c-1{
        max-width: 100% !important;
    }
}

/* MOBIL HESABIM SIDEBAR (.sidebar-user) - position FIXED, FLOW'a girmesin */
nav.sidebar-user,
.sidebar-user{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    width: 280px !important;
    max-width: 100vw !important;
    z-index: 9998 !important;
    margin-right: -290px !important;
    transition: margin-right .35s ease !important;
    background: #fff !important;
    overflow-y: auto !important;
}
nav.sidebar-user.active,
.sidebar-user.active{
    margin-right: 0 !important;
}

nav.sidebar-menu-type-2,
.sidebar-menu-type-2{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    width: 100% !important;
    z-index: 9999 !important;
    margin-left: -100% !important;
    transition: margin-left .35s ease !important;
    background: #fff !important;
    overflow-y: auto !important;
}
nav.sidebar-menu-type-2.active,
.sidebar-menu-type-2.active{
    margin-left: 0 !important;
}

/* op-black hesabımda görünmesin, tetiklenince görünür */
.op-black,
.op-black-2{
    position: fixed !important;
}