/* FIT & LIT HOME
   Desktop ölçüler 1440 Figma mantığıyla sabit tutulur.
   1920 ekranda elemanlar orantısız büyümez; daha ferah görünür. */

:root{
    --fit-font:"Manrope",Arial,sans-serif;
    --fit-text:#111;
    --fit-muted:#666;
    --fit-warm:#f8f5f1;
    --fit-side:92px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
    background:#fff;
    color:var(--fit-text);
    font-family:var(--fit-font);
    -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
.fit-site{width:100%;overflow:hidden}

/* =========================================================
   ANNOUNCEMENT
   ========================================================= */

.fit-announcement{
    height:48px;
    display:grid;
    grid-template-columns:48px 1fr 48px;
    align-items:center;
    padding:0 var(--fit-side);
    background:var(--fit-warm);
}

.fit-announcement__items{
    position:relative;
    height:100%;
}

.fit-announcement__item{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    opacity:0;
    font-size:13px;
    font-weight:400;
}

.fit-announcement__item.is-active{opacity:1}

.fit-announcement__button{
    border:0;
    background:none;
    padding:0;
    cursor:pointer;
    font-size:28px;
    line-height:1;
}

.fit-announcement__button--next{text-align:right}


/* =========================================================
   HEADER
   ========================================================= */

.fit-header{
    height:106px;
    padding:0 var(--fit-side);
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    background:#fff;
    border-bottom:1px solid #f2f2f2;
}

.fit-header__nav{
    display:flex;
    align-items:center;
    gap:30px;
    white-space:nowrap;
}

.fit-header__nav a{
    font-size:15px;
    line-height:1;
    font-weight:400;
}

.fit-header__logo{
    justify-self:center;
    font-size:34px;
    line-height:1;
    letter-spacing:-.045em;
    font-weight:500;
}

.fit-header__icons{
    justify-self:end;
    display:flex;
    align-items:center;
    gap:22px;
}

.fit-header__icons a,
.fit-header__icons button{
    width:30px;
    height:30px;
    padding:0;
    border:0;
    background:transparent;
    display:grid;
    place-items:center;
    cursor:pointer;
}

.fit-header__icons svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.15;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* =========================================================
   HERO
   ========================================================= */

.fit-hero{
    position:relative;
    width:100%;
    height:760px;
    overflow:hidden;
    background:#eee;
}

.fit-hero__image{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

/* Geçici ekran görüntüsü assetinde yazı zaten bulunduğu için
   ikinci kez görünmesini engelliyoruz. Gerçek temiz hero asseti
   geldiğinde bu blok kaldırılacak. */
.fit-hero__content{
    display:none;
}

.fit-outline-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 19px;
    border:1px solid currentColor;
    border-radius:999px;
    font-size:12px;
}


/* =========================================================
   PRODUCT SHORTCUTS
   ========================================================= */

.fit-shortcuts{
    padding:32px 24px 58px;
}

.fit-shortcuts__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
}

.fit-shortcut-card{
    height:153px;
    min-width:0;
    display:grid;
    grid-template-columns:132px 1fr;
    align-items:center;
    overflow:hidden;
    background:#faf8f5;
}

.fit-shortcut-card img{
    width:132px;
    height:153px;
    object-fit:cover;
    object-position:left center;
}

.fit-shortcut-card span{
    padding:0 18px;
    font-size:16px;
    line-height:1.2;
}


/* =========================================================
   SHOP BY COLOR
   ========================================================= */

.fit-colors{
    padding:0 24px 60px;
}

.fit-container,
.fit-shortcuts__grid{
    width:100%;
    max-width:1720px;
    margin-left:auto;
    margin-right:auto;
}

.fit-container{
    width:100%;
}

.fit-colors h2{
    margin:0 0 38px;
    font-size:38px;
    line-height:1.1;
    font-weight:600;
    letter-spacing:-.025em;
}

.fit-colors__grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:15px;
}

.fit-color-card{
    position:relative;
    min-width:0;
    overflow:hidden;
}

.fit-color-card img{
    width:100%;
    aspect-ratio:160/220;
    object-fit:cover;
}

/* Crop assetinde isim bulunduğu için duplicate'i gizliyoruz. */
.fit-color-card span{
    display:none;
}


/* =========================================================
   CAMPAIGN
   ========================================================= */

.fit-campaign{
    position:relative;
    width:100%;
    height:760px;
    overflow:hidden;
    background:#d7e3e5;
}

.fit-campaign__image{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

/* Geçici screenshot assetinde copy mevcut. */
.fit-campaign__content{
    display:none;
}


/* =========================================================
   FOOTER
   ========================================================= */

.fit-footer{
    min-height:725px;
    padding:94px var(--fit-side) 36px;
    background:var(--fit-warm);
}

.fit-footer__top{
    display:grid;
    grid-template-columns:39% 1fr;
    gap:88px;
}

.fit-footer__brand{
    min-width:0;
}

.fit-footer__logo{
    display:inline-block;
    margin-bottom:62px;
    font-size:60px;
    line-height:1;
    letter-spacing:-.05em;
    font-weight:500;
}

.fit-footer__eyebrow{
    margin:0 0 34px;
    font-size:18px;
    line-height:1.35;
}

.fit-footer__copy{
    margin:0;
    color:#666;
    font-size:16px;
    line-height:1.45;
}

.fit-newsletter{
    width:100%;
    max-width:550px;
    height:72px;
    margin-top:38px;
    display:grid;
    grid-template-columns:1fr 62px;
    align-items:center;
    border:1px solid #dedbd7;
    border-radius:12px;
}

.fit-newsletter input{
    min-width:0;
    border:0;
    background:transparent;
    outline:none;
    padding:0 25px;
    color:#666;
    font-size:16px;
}

.fit-newsletter button{
    width:44px;
    height:44px;
    justify-self:center;
    border:0;
    border-radius:50%;
    background:#e8e7e4;
    font-size:25px;
    line-height:1;
    cursor:pointer;
}

.fit-footer__right h2{
    margin:0 0 54px;
    font-size:28px;
    line-height:1.25;
    font-weight:600;
}

.fit-footer__columns{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:70px;
}

.fit-footer__column h3{
    margin:0 0 36px;
    font-size:24px;
    line-height:1.2;
    font-weight:600;
}

.fit-footer__column a{
    display:block;
    margin-bottom:28px;
    color:#666;
    font-size:18px;
    line-height:1.4;
}

.fit-footer__bottom{
    position:relative;
    min-height:110px;
    margin-top:78px;
}

.fit-footer__social{
    position:absolute;
    left:0;
    bottom:10px;
    display:flex;
    gap:15px;
    font-size:20px;
}

.fit-footer__payment{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    text-align:center;
}

.fit-footer__copyright{
    margin-bottom:14px;
    color:#666;
    font-size:15px;
}

.fit-footer__payment img{
    width:170px;
    height:auto;
    margin:0 auto 8px;
    object-fit:cover;
    object-position:center top;
}

.fit-footer__secure{
    font-size:10px;
    line-height:1.4;
}



/* =========================================================
   RESPONSIVE CONTENT CONTAINER
   Bootstrap benzeri kademeli genişlik sistemi
   ========================================================= */

@media (max-width:1799px){
    .fit-container,
    .fit-shortcuts__grid{
        max-width:1560px;
    }
}

@media (max-width:1599px){
    .fit-container,
    .fit-shortcuts__grid{
        max-width:1320px;
    }
}

@media (max-width:1399px){
    .fit-container,
    .fit-shortcuts__grid{
        max-width:1140px;
    }
}

@media (max-width:1199px){
    .fit-container,
    .fit-shortcuts__grid{
        max-width:960px;
    }
}

@media (max-width:991px){
    .fit-container,
    .fit-shortcuts__grid{
        max-width:720px;
    }
}

@media (max-width:767px){
    .fit-container,
    .fit-shortcuts__grid{
        max-width:540px;
    }

    .fit-shortcuts,
    .fit-colors{
        padding-left:16px;
        padding-right:16px;
    }
}


/* =========================================================
   LAPTOP / SMALL DESKTOP
   Tasarımın 1440 referansına yaklaşırken sadece yatay boşluk azalır.
   Elemanlar dramatik şekilde küçülmez.
   ========================================================= */

@media (min-width:768px) and (max-width:1500px){
    :root{
        --fit-side:64px;
    }

    .fit-header__nav{gap:22px}
    .fit-header__nav a{font-size:13px}
    .fit-header__logo{font-size:30px}

    .fit-shortcut-card{
        grid-template-columns:105px 1fr;
    }

    .fit-shortcut-card img{
        width:105px;
    }

    .fit-shortcut-card span{
        font-size:13px;
    }

    .fit-colors h2{
        font-size:30px;
    }

    .fit-footer__logo{
        font-size:48px;
    }

    .fit-footer__eyebrow{
        font-size:15px;
    }

    .fit-footer__copy,
    .fit-newsletter input{
        font-size:13px;
    }

    .fit-footer__right h2{
        font-size:23px;
    }

    .fit-footer__column h3{
        font-size:19px;
    }

    .fit-footer__column a{
        font-size:14px;
        margin-bottom:22px;
    }
}


/* =========================================================
   MOBILE BASELINE
   Mobil tasarımı ayrıca Figma referansına göre ele alacağız.
   ========================================================= */

@media(max-width:767px){
    :root{
        --fit-side:10px;
    }

    .fit-announcement{
        height:38px;
        padding:0 10px;
        grid-template-columns:28px 1fr 28px;
    }

    .fit-announcement__item{font-size:9px}

    .fit-header{
        height:68px;
        padding:0 10px;
    }

    .fit-header__nav{display:none}

    .fit-header__logo{
        font-size:21px;
    }

    .fit-header__icons{
        gap:8px;
    }

    .fit-header__icons button,
    .fit-header__icons a:first-of-type{
        display:none;
    }

    .fit-hero{
        height:214px;
    }

    .fit-shortcuts{
        padding:17px 10px 20px;
    }

    .fit-shortcuts__grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:6px;
    }

    .fit-shortcut-card{
        height:auto;
        display:block;
        text-align:center;
        background:transparent;
    }

    .fit-shortcut-card img{
        width:100%;
        height:auto;
        aspect-ratio:1;
        border-radius:50%;
        object-fit:cover;
        margin-bottom:7px;
    }

    .fit-shortcut-card span{
        padding:0;
        font-size:9px;
    }

    .fit-colors{
        display:none;
    }

    .fit-campaign{
        height:341px;
    }

    .fit-footer{
        min-height:0;
        padding:48px 10px 28px;
    }

    .fit-footer__top{
        display:block;
    }

    .fit-footer__logo{
        margin-bottom:30px;
        font-size:38px;
    }

    .fit-footer__eyebrow{
        font-size:10px;
    }

    .fit-footer__copy{
        font-size:10px;
    }

    .fit-newsletter{
        max-width:none;
        height:50px;
    }

    .fit-footer__right{
        margin-top:42px;
    }

    .fit-footer__right h2{
        font-size:17px;
        margin-bottom:28px;
    }

    .fit-footer__columns{
        grid-template-columns:1fr 1fr;
        gap:32px 28px;
    }

    .fit-footer__column:nth-child(3){
        grid-column:1;
    }

    .fit-footer__column h3{
        margin-bottom:18px;
        font-size:12px;
    }

    .fit-footer__column a{
        margin-bottom:14px;
        font-size:9px;
    }

    .fit-footer__bottom{
        min-height:0;
        margin-top:48px;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .fit-footer__social,
    .fit-footer__payment{
        position:static;
        transform:none;
    }

    .fit-footer__payment{
        text-align:left;
    }

    .fit-footer__payment img{
        width:140px;
        margin-left:0;
    }

    .fit-footer__copyright{
        font-size:10px;
    }
}


/* =========================================================
   HOME REVISION PASS
   1) Hero 1440x900 oranı
   2) İçerik alanlarında daha rahat responsive yan boşluk
   3) Renk isimleri görünür
   4) Shortcut içerikleri responsive merkez/stack
   5) Banner copy + button görünür
   6) Alt banner 1600x1000 oranı
   ========================================================= */

:root{
    --fit-home-gutter: clamp(24px, 7.3vw, 140px);
}

/* 1 — HERO: görsel artık kırpılmaz, 8:5 oranını her ekranda korur */
.fit-hero{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:8 / 5;
    overflow:hidden;
    background:#eee;
}

.fit-hero__image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

/* 5 — Hero yazıları gerçek HTML olarak tekrar görünür */
.fit-hero__content{
    display:block;
    position:absolute;
    left:var(--fit-home-gutter);
    bottom:clamp(28px, 4.2vw, 72px);
    color:#fff;
    z-index:2;
}

.fit-hero__content h1{
    margin:0 0 12px;
    font-size:clamp(25px, 2vw, 38px);
    line-height:1.1;
    font-weight:600;
}

.fit-hero__content p{
    margin:0 0 20px;
    font-size:clamp(12px, .9vw, 16px);
    line-height:1.4;
}

/* 2 — Shortcut + renk alanları aynı responsive gutter sistemini kullanır */
.fit-shortcuts{
    padding:32px var(--fit-home-gutter) 58px;
}

.fit-colors{
    padding:0 var(--fit-home-gutter) 60px;
}

.fit-shortcuts__grid,
.fit-container{
    width:100%;
    max-width:none;
    margin-left:auto;
    margin-right:auto;
}

/* Eski bootstrap-benzeri max-width kırılımlarını bu iki blok için etkisizleştir */
@media (max-width:1799px){
    .fit-container,
    .fit-shortcuts__grid{max-width:none;}
}
@media (max-width:1599px){
    .fit-container,
    .fit-shortcuts__grid{max-width:none;}
}
@media (max-width:1399px){
    .fit-container,
    .fit-shortcuts__grid{max-width:none;}
}
@media (max-width:1199px){
    .fit-container,
    .fit-shortcuts__grid{max-width:none;}
}
@media (max-width:991px){
    .fit-container,
    .fit-shortcuts__grid{max-width:none;}
}

/* 4 — Büyük ekranda görsel + yazı birlikte kartın ortasında */
.fit-shortcut-card{
    height:153px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(14px, 1.4vw, 28px);
    padding:14px 22px;
    background:#faf8f5;
    overflow:hidden;
}

.fit-shortcut-card img{
    width:auto;
    height:125px;
    max-width:45%;
    flex:0 1 auto;
    object-fit:contain;
}

.fit-shortcut-card span{
    padding:0;
    flex:0 1 auto;
    min-width:0;
    font-size:16px;
    line-height:1.25;
    text-align:left;
}

/* 3 — Renk isimleri tasarımdaki gibi görsel üzerinde */
.fit-color-card span{
    display:block;
    position:absolute;
    left:14px;
    bottom:14px;
    z-index:2;
    color:#fff;
    font-size:clamp(12px, .9vw, 16px);
    line-height:1.2;
    font-weight:400;
    text-shadow:0 1px 3px rgba(0,0,0,.15);
}

/* 6 — Alt banner 1600x1000 = 8:5 oran */
.fit-campaign{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:8 / 5;
    overflow:hidden;
    background:#d7e3e5;
}

.fit-campaign__image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

/* 5 — Alt banner yazı, küçük yazı ve buton */
.fit-campaign__content{
    display:block;
    position:absolute;
    left:var(--fit-home-gutter);
    bottom:clamp(28px, 4.2vw, 72px);
    z-index:2;
    color:#fff;
}

.fit-campaign__content h2{
    margin:0 0 10px;
    font-size:clamp(24px, 1.8vw, 34px);
    line-height:1.15;
    font-weight:500;
}

.fit-campaign__content p{
    margin:0 0 18px;
    font-size:clamp(11px, .85vw, 15px);
    line-height:1.4;
}

/* Orta ekranlarda shortcut yazıları artık birbirine girmez */
@media (max-width:1250px){
    .fit-shortcut-card{
        height:auto;
        min-height:170px;
        flex-direction:column;
        gap:8px;
        padding:15px 10px 13px;
        text-align:center;
    }

    .fit-shortcut-card img{
        height:115px;
        width:auto;
        max-width:100%;
    }

    .fit-shortcut-card span{
        width:100%;
        font-size:13px;
        text-align:center;
        white-space:normal;
    }
}

/* Mobile mevcut yaklaşımı korunur; banner oranı ve copy de responsive kalır */
@media (max-width:767px){
    :root{
        --fit-home-gutter:16px;
    }

    .fit-hero,
    .fit-campaign{
        aspect-ratio:8 / 5;
        height:auto;
    }

    .fit-hero__content,
    .fit-campaign__content{
        left:16px;
        bottom:16px;
    }

    .fit-hero__content h1{
        font-size:18px;
        margin-bottom:7px;
    }

    .fit-hero__content p{
        font-size:10px;
        margin-bottom:10px;
    }

    .fit-campaign__content h2{
        font-size:15px;
        margin-bottom:6px;
    }

    .fit-campaign__content p{
        font-size:9px;
        margin-bottom:10px;
    }

    .fit-shortcuts{
        padding:17px 16px 20px;
    }

    .fit-colors{
        padding-left:16px;
        padding-right:16px;
    }

    .fit-shortcut-card{
        min-height:0;
        padding:0;
        display:block;
        background:transparent;
    }

    .fit-shortcut-card img{
        width:100%;
        height:auto;
        aspect-ratio:1;
        border-radius:50%;
        object-fit:contain;
        margin-bottom:7px;
    }

    .fit-shortcut-card span{
        font-size:9px;
        text-align:center;
    }

    .fit-color-card span{
        left:10px;
        bottom:10px;
        font-size:11px;
    }
}


/* Home banner CTA — slightly larger */
.fit-hero .fit-outline-button,
.fit-campaign .fit-outline-button{
    min-height:46px;
    padding:11px 22px;
    font-size:14px;
    line-height:1;
}

@media (max-width:767px){
    .fit-hero .fit-outline-button,
    .fit-campaign .fit-outline-button{
        min-height:38px;
        padding:9px 17px;
        font-size:11px;
    }
}


/* =========================================================
   MOBILE HOME — Figma reference
   ========================================================= */

.fit-header__mobile-left,
.fit-mobile-categories,
.fit-mobile-promos,
.fit-footer__mobile-title{
    display:none;
}

@media (max-width:767px){

    /* Announcement + header */
    .fit-announcement{
        height:38px;
        padding:0 10px;
        grid-template-columns:28px 1fr 28px;
    }

    .fit-announcement__item{
        font-size:9px;
    }

    .fit-header{
        height:70px;
        padding:0 10px;
        grid-template-columns:1fr auto 1fr;
    }

    .fit-header__nav{
        display:none;
    }

    .fit-header__mobile-left{
        display:flex;
        align-items:center;
        justify-self:start;
        gap:3px;
    }

    .fit-header__mobile-left button,
    .fit-header__icons a,
    .fit-header__icons button{
        width:28px;
        height:28px;
        padding:2px;
        border:0;
        background:transparent;
        display:grid;
        place-items:center;
    }

    .fit-header__mobile-left svg,
    .fit-header__icons svg{
        width:21px;
        height:21px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.15;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .fit-header__logo{
        font-size:21px;
        justify-self:center;
    }

    .fit-header__icons{
        justify-self:end;
        gap:6px;
    }

    .fit-header__desktop-search,
    .fit-header__account{
        display:none !important;
    }

    /* Hero stays on mobile, desktop-only sections disappear */
    .fit-hero{
        aspect-ratio:241 / 214;
        height:auto;
    }

    .fit-hero__image{
        object-fit:cover;
        object-position:center;
    }

    .fit-hero__content{
        left:18px;
        bottom:14px;
    }

    .fit-hero__content h1{
        font-size:18px;
        margin-bottom:7px;
    }

    .fit-hero__content p{
        font-size:10px;
        margin-bottom:10px;
    }

    .fit-hero .fit-outline-button{
        min-height:31px;
        padding:7px 13px;
        font-size:9px;
    }

    .fit-shortcuts,
    .fit-colors,
    .fit-campaign{
        display:none;
    }

    /* 4 circular mobile category shortcuts */
    .fit-mobile-categories{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:8px;
        padding:17px 10px 19px;
        background:#fff;
    }

    .fit-mobile-category{
        min-width:0;
        text-align:center;
    }

    .fit-mobile-category__image{
        width:100%;
        aspect-ratio:1;
        display:grid;
        place-items:center;
        overflow:hidden;
        border-radius:50%;
        background:#eff1ef;
    }

    .fit-mobile-category__image img{
        width:100%;
        height:100%;
        object-fit:contain;
    }

    .fit-mobile-category__label{
        display:block;
        margin-top:7px;
        font-size:9px;
        line-height:1.2;
    }

    /* Mobile-only promo stack */
    .fit-mobile-promos{
        display:block;
        padding:0 10px;
        background:#fff;
    }

    .fit-mobile-promo{
        display:block;
        width:100%;
        overflow:hidden;
        margin-bottom:18px;
    }

    .fit-mobile-promo img{
        width:100%;
        height:auto;
        display:block;
    }

    .fit-mobile-vibe{
        position:relative;
        width:calc(100% + 20px);
        margin-left:-10px;
        overflow:hidden;
    }

    .fit-mobile-vibe > img{
        width:100%;
        height:auto;
        display:block;
    }

    .fit-mobile-vibe__content{
        position:absolute;
        left:10px;
        right:10px;
        bottom:18px;
        color:#fff;
        text-align:center;
    }

    .fit-mobile-vibe__content h2{
        margin:0 0 8px;
        font-size:12px;
        line-height:1.2;
        font-weight:500;
    }

    .fit-mobile-vibe__content p{
        margin:0 0 11px;
        font-size:8px;
        line-height:1.35;
    }

    .fit-mobile-vibe__actions{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:5px;
    }

    .fit-mobile-vibe__actions .fit-outline-button{
        min-height:29px;
        padding:6px 10px;
        font-size:8px;
        white-space:nowrap;
    }

    /* Mobile footer reference */
    .fit-footer{
        min-height:0;
        padding:48px 10px 28px;
    }

    .fit-footer__top{
        display:block;
    }

    .fit-footer__logo{
        display:inline-block;
        margin-bottom:30px;
        font-size:38px;
    }

    .fit-footer__mobile-title{
        display:block;
        margin:0 0 27px;
        font-size:17px;
        line-height:1.25;
        font-weight:600;
    }

    .fit-footer__eyebrow{
        margin-bottom:18px;
        font-size:10px;
    }

    .fit-footer__copy{
        font-size:10px;
        line-height:1.5;
    }

    .fit-newsletter{
        max-width:none;
        height:50px;
        margin-top:21px;
    }

    .fit-footer__right{
        margin-top:43px;
    }

    .fit-footer__right > h2{
        display:none;
    }

    .fit-footer__columns{
        grid-template-columns:1fr 1fr;
        gap:32px 28px;
    }

    .fit-footer__column:nth-child(3){
        grid-column:1;
    }

    .fit-footer__column h3{
        margin-bottom:18px;
        font-size:12px;
    }

    .fit-footer__column a{
        margin-bottom:14px;
        font-size:9px;
    }

    .fit-footer__bottom{
        min-height:0;
        margin-top:45px;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }

    .fit-footer__social,
    .fit-footer__payment{
        position:static;
        transform:none;
    }

    .fit-footer__social{
        font-size:17px;
    }

    .fit-footer__payment{
        text-align:left;
    }

    .fit-footer__copyright{
        order:3;
        margin-top:15px;
        margin-bottom:0;
        font-size:10px;
    }

    .fit-footer__payment img{
        width:140px;
        margin:0 0 5px;
    }

    .fit-footer__secure{
        font-size:8px;
    }
}


/* =========================================================
   MOBILE HOME POLISH PASS
   Promo overlay copy, larger labels/footer typography,
   real social SVG icons.
   ========================================================= */

@media (max-width:767px){

    /* Category labels closer to Figma */
    .fit-mobile-category__label{
        margin-top:9px;
        font-size:13px;
        line-height:1.2;
        font-weight:400;
    }

    .fit-mobile-categories{
        gap:8px;
        padding-top:18px;
        padding-bottom:24px;
    }

    /* First two mobile promos */
    .fit-mobile-promo{
        position:relative;
        display:block;
        width:100%;
        overflow:hidden;
        margin-bottom:16px;
    }

    .fit-mobile-promo img{
        width:100%;
        height:auto;
        display:block;
    }

    .fit-mobile-promo__content{
        position:absolute;
        left:14px;
        right:14px;
        bottom:18px;
        z-index:2;
        color:#fff;
        text-align:left;
    }

    .fit-mobile-promo__content h2{
        margin:0 0 15px;
        font-size:17px;
        line-height:1.2;
        font-weight:400;
    }

    .fit-mobile-promo__content .fit-outline-button{
        min-height:42px;
        padding:9px 18px;
        border-width:1.5px;
        font-size:13px;
        line-height:1;
        color:#fff;
    }

    /* VIBE text/buttons were visually too small */
    .fit-mobile-vibe__content{
        left:14px;
        right:14px;
        bottom:20px;
    }

    .fit-mobile-vibe__content h2{
        margin-bottom:13px;
        font-size:17px;
        line-height:1.2;
        font-weight:400;
    }

    .fit-mobile-vibe__content p{
        margin-bottom:16px;
        font-size:12px;
        line-height:1.35;
    }

    .fit-mobile-vibe__actions{
        gap:7px;
    }

    .fit-mobile-vibe__actions .fit-outline-button{
        min-height:42px;
        padding:9px 15px;
        border-width:1.5px;
        font-size:12px;
        line-height:1;
    }

    /* Footer typography closer to the supplied mobile layout */
    .fit-footer{
        padding-top:54px;
        padding-left:10px;
        padding-right:10px;
    }

    .fit-footer__logo{
        font-size:40px;
        line-height:1;
        margin-bottom:34px;
    }

    .fit-footer__mobile-title{
        margin-bottom:31px;
        font-size:18px;
    }

    .fit-footer__eyebrow{
        margin-bottom:20px;
        font-size:11px;
        line-height:1.4;
    }

    .fit-footer__copy{
        max-width:330px;
        font-size:11px;
        line-height:1.5;
    }

    .fit-newsletter{
        height:51px;
        margin-top:23px;
    }

    .fit-newsletter input{
        font-size:12px;
    }

    .fit-footer__right{
        margin-top:48px;
    }

    .fit-footer__column h3{
        margin-bottom:20px;
        font-size:14px;
        line-height:1.25;
    }

    .fit-footer__column a{
        margin-bottom:15px;
        font-size:11px;
        line-height:1.35;
    }

    .fit-footer__bottom{
        margin-top:50px;
    }

    .fit-footer__social{
        display:flex;
        align-items:center;
        gap:13px;
    }

    .fit-social-link{
        width:22px;
        height:22px;
        display:grid;
        place-items:center;
        color:#111;
    }

    .fit-social-link svg{
        width:18px;
        height:18px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .fit-footer__copyright{
        font-size:11px;
    }

    .fit-footer__secure{
        font-size:9px;
        line-height:1.4;
    }
}


/* =========================================================
   FOOTER LAYOUT REVISION
   Desktop: social + payment/copyright left, company right.
   Mobile: all lower footer elements centered with more breathing room.
   ========================================================= */

/* Desktop footer bottom */
.fit-footer__bottom{
    position:relative;
    min-height:140px;
    margin-top:72px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
}

.fit-footer__bottom-left{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
}

.fit-footer__social{
    position:static;
    display:flex;
    align-items:center;
    gap:14px;
}

.fit-social-link{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    color:#111;
}

.fit-social-link svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.fit-footer__payment{
    position:static;
    transform:none;
    text-align:left;
}

.fit-footer__payment img{
    width:170px;
    margin:0 0 12px;
}

.fit-footer__copyright{
    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.35;
}

.fit-footer__company{
    display:block;
    margin-left:auto;
    align-self:flex-end;
}

.fit-footer__company img{
    width:auto;
    height:76px;
    display:block;
}

/* Mobile footer */
@media (max-width:767px){

    /* Newsletter intro/title area */
    .fit-footer__mobile-title{
        font-size:21px;
        line-height:1.25;
        margin-bottom:34px;
    }

    .fit-footer__eyebrow{
        font-size:13px;
        line-height:1.45;
        margin-bottom:22px;
    }

    .fit-footer__copy{
        max-width:340px;
        font-size:12px;
        line-height:1.55;
    }

    .fit-newsletter{
        margin-top:27px;
    }

    /* Menu typography */
    .fit-footer__right{
        margin-top:54px;
    }

    .fit-footer__column h3{
        font-size:16px;
        line-height:1.25;
        margin-bottom:23px;
    }

    .fit-footer__column a{
        font-size:12px;
        line-height:1.4;
        margin-bottom:17px;
    }

    /* Bottom block: everything centered + more vertical breathing */
    .fit-footer__bottom{
        min-height:0;
        margin-top:60px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:0;
        text-align:center;
    }

    .fit-footer__bottom-left{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:34px;
    }

    .fit-footer__social{
        justify-content:center;
        gap:16px;
    }

    .fit-social-link{
        width:30px;
        height:30px;
    }

    .fit-social-link svg{
        width:21px;
        height:21px;
    }

    .fit-footer__payment{
        width:100%;
        text-align:center;
    }

    .fit-footer__payment img{
        width:155px;
        margin:0 auto 20px;
    }

    .fit-footer__copyright{
        font-size:13px;
        line-height:1.4;
    }

    .fit-footer__company{
        margin:38px auto 0;
        align-self:center;
    }

    .fit-footer__company img{
        width:auto;
        height:78px;
    }
}


/* =========================================================
   DESKTOP MEGA MENU
   ========================================================= */
@media (min-width:768px){
    .fit-header{
        position:relative;
        z-index:80;
    }

    .fit-header__nav-item{
        border:0;
        background:transparent;
        padding:0;
        margin:0;
        color:#111;
        font:inherit;
        font-size:15px;
        line-height:1;
        cursor:pointer;
        transition:color .16s ease;
        white-space:nowrap;
    }

    .fit-header__nav-item:hover,
    .fit-header__nav-item.is-active{
        color:#9b9b9b;
    }

    .fit-mega-wrap{
        position:absolute;
        left:0;
        right:0;
        top:100%;
        z-index:75;
        pointer-events:none;
    }

    .fit-mega{
        position:absolute;
        left:0;
        right:0;
        top:0;
        background:#fff;
        border-top:1px solid #ececec;
        border-bottom:1px solid #ededed;
        opacity:0;
        transform:translateY(-5px);
        transition:opacity .16s ease, transform .16s ease;
        pointer-events:none;
    }

    .fit-mega.is-open{
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
    }

    .fit-mega__inner{
        min-height:560px;
        padding:58px clamp(82px, 7.2vw, 140px) 78px;
        display:grid;
        grid-template-columns:minmax(420px,1fr) minmax(420px,540px);
        gap:clamp(52px,6vw,110px);
        background:#fff;
    }

    .fit-mega__inner--links-only{
        grid-template-columns:1fr;
    }

    .fit-mega__columns{
        display:flex;
        align-items:flex-start;
        gap:clamp(58px,6vw,105px);
    }

    .fit-mega__column{
        min-width:120px;
        max-width:210px;
    }

    .fit-mega__column h3{
        margin:0 0 22px;
        font-size:17px;
        line-height:1.2;
        font-weight:500;
        color:#171717;
    }

    .fit-mega__column a{
        display:block;
        margin:0 0 12px;
        color:#858585;
        font-size:15px;
        line-height:1.35;
        transition:color .14s ease;
    }

    .fit-mega__column a:hover{
        color:#111;
    }

    .fit-mega__promos{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px;
        align-self:start;
    }

    .fit-mega__promo:only-child{
        grid-column:2;
    }

    .fit-mega__promo{
        position:relative;
        display:block;
        overflow:hidden;
        aspect-ratio:.525;
        background:#f2f2f2;
    }

    .fit-mega__promo img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .fit-mega__promo span{
        position:absolute;
        left:12px;
        right:12px;
        bottom:24px;
        color:#fff;
        text-align:center;
        font-size:16px;
        line-height:1.2;
        font-weight:400;
        text-shadow:0 1px 4px rgba(0,0,0,.18);
    }

    /* Alışveriş Yap: dört kolon ve uzun renk listesi */
    .fit-mega[data-mega-panel="alisveris-yap"] .fit-mega__inner{
        min-height:610px;
    }

    .fit-mega[data-mega-panel="alisveris-yap"] .fit-mega__columns{
        gap:clamp(54px,5.5vw,95px);
    }

    .fit-mega[data-mega-panel="alisveris-yap"] .fit-mega__column{
        min-width:150px;
    }

    /* İndirim: sade panel */
    .fit-mega[data-mega-panel="indirim"] .fit-mega__inner{
        min-height:510px;
    }
}

@media (max-width:767px){
    .fit-mega-wrap,
    .fit-mega{
        display:none !important;
    }
}


/* =========================================================
   MOBILE HAMBURGER MENU
   ========================================================= */

.fit-mobile-menu,
.fit-mobile-menu-backdrop{
    display:none;
}

@media (max-width:767px){
    body.fit-mobile-menu-open{overflow:hidden;}

    .fit-mobile-menu{
        display:block;
        position:fixed;
        inset:0;
        z-index:220;
        background:#fff;
        transform:translateX(-100%);
        transition:transform .22s ease;
        overflow:hidden;
    }

    .fit-mobile-menu.is-open{transform:translateX(0);}

    .fit-mobile-menu__top{
        height:58px;
        padding:0 15px 0 18px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        border-bottom:1px solid #e7e7e7;
    }

    .fit-mobile-menu__title{
        font-size:15px;
        font-weight:500;
    }

    .fit-mobile-menu__close{
        width:32px;
        height:32px;
        padding:5px;
        border:0;
        background:transparent;
        display:grid;
        place-items:center;
    }

    .fit-mobile-menu__close svg{
        width:22px;
        height:22px;
        fill:none;
        stroke:#111;
        stroke-width:1.5;
        stroke-linecap:round;
    }

    .fit-mobile-menu__body{
        height:calc(100dvh - 58px);
        overflow-y:auto;
        overscroll-behavior:contain;
        padding:4px 15px 22px;
    }

    .fit-mobile-root{border-bottom:1px solid #dedede;}

    .fit-mobile-root__toggle{
        width:100%;
        min-height:84px;
        padding:10px 9px;
        border:0;
        background:#fff;
        display:grid;
        grid-template-columns:70px 1fr 28px;
        align-items:center;
        gap:12px;
        text-align:left;
    }

    .fit-mobile-root__image{
        width:70px;
        height:62px;
        overflow:hidden;
        background:#f2f2f2;
    }

    .fit-mobile-root__image img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .fit-mobile-root__label{
        font-size:15px;
        line-height:1.25;
        font-weight:400;
    }

    .fit-mobile-chevron{
        width:25px;
        height:25px;
        border-radius:50%;
        display:grid;
        place-items:center;
        background:#dedede;
        color:#111;
        transition:background .16s ease,color .16s ease,transform .16s ease;
    }

    .fit-mobile-chevron svg{
        width:12px;
        height:12px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.5;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .is-expanded > .fit-mobile-root__toggle .fit-mobile-chevron,
    .is-expanded > .fit-mobile-submenu__toggle .fit-mobile-chevron{
        background:#111;
        color:#fff;
        transform:rotate(180deg);
    }

    .fit-mobile-root__content{padding:0 9px 8px;}

    .fit-mobile-submenu{border-top:1px solid #e1e1e1;}

    .fit-mobile-submenu__toggle{
        width:100%;
        min-height:43px;
        padding:0 4px;
        border:0;
        background:#fff;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        text-align:left;
        color:#555;
        font-size:12px;
    }

    .fit-mobile-submenu__toggle .fit-mobile-chevron{
        width:20px;
        height:20px;
    }

    .fit-mobile-submenu__toggle .fit-mobile-chevron svg{
        width:10px;
        height:10px;
    }

    .fit-mobile-submenu__content{padding:3px 0 8px;}

    .fit-mobile-submenu__content a,
    .fit-mobile-direct-link{
        display:block;
        padding:8px 4px;
        color:#858585;
        font-size:11px;
        line-height:1.35;
    }

    .fit-mobile-direct-link{border-top:1px solid #e1e1e1;}

    .fit-mobile-menu__utility{
        margin-top:17px;
        }

    .fit-mobile-menu__utility a{
        display:block;
        padding:15px 12px;
        border-bottom:1px solid #dedede;
        font-size:13px;
        line-height:1.2;
    }

    .fit-mobile-menu__quick{
        padding:21px 0 4px;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:6px;
    }

    .fit-mobile-menu__quick a{
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:8px;
        text-align:center;
        font-size:11px;
        line-height:1.25;
    }

    .fit-mobile-menu__quick svg{
        width:22px;
        height:22px;
        fill:none;
        stroke:#111;
        stroke-width:1.25;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .fit-mobile-menu-backdrop{
        display:block;
        position:fixed;
        inset:0;
        z-index:210;
        background:rgba(0,0,0,.18);
        opacity:0;
        transition:opacity .22s ease;
    }

    .fit-mobile-menu-backdrop.is-open{opacity:1;}
}


/* =========================================================
   MOBILE MENU FIX 02
   Reliable open/close + fixed quick navigation
   ========================================================= */

@media (max-width:767px){

    .fit-mobile-menu{
        visibility:hidden;
        pointer-events:none;
        transform:translate3d(-100%,0,0);
        will-change:transform;
    }

    .fit-mobile-menu.is-open{
        visibility:visible;
        pointer-events:auto;
        transform:translate3d(0,0,0);
    }

    .fit-mobile-menu-backdrop{
        visibility:hidden;
        pointer-events:none;
    }

    .fit-mobile-menu-backdrop.is-open{
        visibility:visible;
        pointer-events:auto;
    }

    /* Scrollable area leaves space for the fixed bottom shortcuts */
    .fit-mobile-menu__body{
        height:calc(100dvh - 58px);
        padding:4px 15px 112px;
    }

    /* Bottom shortcut bar stays visible at all times */
    .fit-mobile-menu__quick{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        z-index:4;
        height:96px;
        padding:15px 10px 11px;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        align-items:start;
        gap:4px;
        background:#fff;
        border-top:1px solid #dedede;
    }

    .fit-mobile-menu__quick a{
        gap:7px;
        font-size:11px;
        line-height:1.2;
        color:#111;
    }

    .fit-mobile-menu__quick svg{
        width:23px;
        height:23px;
        stroke-width:1.35;
    }

    .fit-mobile-menu__close,
    .fit-mobile-menu-button{
        cursor:pointer;
        touch-action:manipulation;
    }
}


body.fit-search-open{overflow:hidden}

.fit-search{
    position:fixed; inset:0; z-index:300;
    background:rgba(255,255,255,.98);
    opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .18s ease,visibility .18s ease;
}
.fit-search.is-open{opacity:1;visibility:visible;pointer-events:auto}
.fit-search__panel{width:min(920px,calc(100% - 64px));margin:72px auto 0}
.fit-search__bar{
    height:58px;display:grid;grid-template-columns:1fr 42px;
    align-items:center;border-bottom:1px solid #dcdcdc
}
.fit-search__input{
    width:100%;height:100%;padding:0 4px;border:0;outline:none;
    background:transparent;color:#111;font-family:inherit;font-size:21px
}
.fit-search__input::placeholder{color:#c8c8c8}
.fit-search__close{
    width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;
    background:transparent;cursor:pointer
}
.fit-search__close svg{width:22px;height:22px;fill:none;stroke:#111;stroke-width:1.35;stroke-linecap:round}
.fit-search__status{min-height:26px;padding:18px 0 8px;color:#777;font-size:13px}
.fit-search__results{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px 18px;padding-bottom:40px
}
.fit-search-card{min-width:0}
.fit-search-card__image{
    display:block;width:100%;aspect-ratio:3/4;overflow:hidden;background:#f6f6f6
}
.fit-search-card__image img{width:100%;height:100%;object-fit:cover}
.fit-search-card__name{display:block;margin-top:10px;color:#111;font-size:14px;line-height:1.35}
.fit-search-card__price{margin-top:4px;color:#777;font-size:12px;line-height:1.3}

@media(max-width:767px){
    .fit-search{background:#fff}
    .fit-search__panel{width:100%;margin:0;padding:20px 20px 28px}
    .fit-search__bar{height:35px;grid-template-columns:1fr 28px;border-bottom:1px solid #dedede}
    .fit-search__input{padding:0;font-size:15px}
    .fit-search__close{width:28px;height:28px}
    .fit-search__close svg{width:17px;height:17px;stroke-width:1.2}
    .fit-search__status{min-height:24px;padding:16px 0 8px;font-size:11px}
    .fit-search__results{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
    .fit-search-card__name{margin-top:8px;font-size:12px}
    .fit-search-card__price{font-size:11px}
}


/* =========================================================
   SEARCH POLISH
   Horizontal result rows + native search clear removed
   ========================================================= */

/* Chrome / Edge / Safari native blue X */
.fit-search__input::-webkit-search-cancel-button,
.fit-search__input::-webkit-search-decoration,
.fit-search__input::-webkit-search-results-button,
.fit-search__input::-webkit-search-results-decoration{
    -webkit-appearance:none;
    appearance:none;
    display:none;
}

/* Firefox */
.fit-search__input{
    appearance:none;
    -webkit-appearance:none;
}

.fit-search__results{
    display:flex;
    flex-direction:column;
    gap:0;
    padding-bottom:42px;
}

.fit-search-card{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:110px 1fr;
    gap:18px;
    align-items:center;
    padding:16px 0;
    border-bottom:1px solid #ececec;
}

.fit-search-card:first-child{
    border-top:1px solid #ececec;
}

.fit-search-card__image{
    width:110px;
    height:132px;
    aspect-ratio:auto;
    overflow:hidden;
    background:#f7f7f7;
}

.fit-search-card__image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.fit-search-card__content{
    min-width:0;
    align-self:center;
}

.fit-search-card__name{
    margin:0 0 8px;
    display:block;
    color:#111;
    font-size:16px;
    line-height:1.35;
    font-weight:500;
}

.fit-search-card__price{
    margin:0;
    color:#666;
    font-size:14px;
    line-height:1.35;
}

/* Woo price markup */
.fit-search-card__price .woocommerce-Price-amount,
.fit-search-card__price bdi{
    color:inherit;
    font:inherit;
}

.fit-search-card__price del{
    opacity:.55;
    margin-right:6px;
}

.fit-search-card__price ins{
    text-decoration:none;
}

@media (max-width:767px){
    .fit-search__results{
        display:flex;
        flex-direction:column;
        gap:0;
        padding-bottom:28px;
    }

    .fit-search-card{
        grid-template-columns:82px 1fr;
        gap:13px;
        padding:13px 0;
    }

    .fit-search-card__image{
        width:82px;
        height:98px;
    }

    .fit-search-card__name{
        margin:0 0 6px;
        font-size:13px;
        line-height:1.35;
    }

    .fit-search-card__price{
        font-size:12px;
        line-height:1.3;
    }
}


/* =========================================================
   CART DRAWER
   ========================================================= */

body.fit-cart-open{overflow:hidden}

.fit-cart-drawer{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(440px,100%);
    z-index:340;
    background:#fff;
    transform:translate3d(100%,0,0);
    visibility:hidden;
    pointer-events:none;
    transition:transform .24s ease,visibility .24s ease;
    box-shadow:-20px 0 50px rgba(0,0,0,.08);
}

.fit-cart-drawer.is-open{
    transform:translate3d(0,0,0);
    visibility:visible;
    pointer-events:auto;
}

.fit-cart-drawer__inner{
    height:100%;
    display:flex;
    flex-direction:column;
}

.fit-cart-drawer__header{
    min-height:72px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #ededed;
}

.fit-cart-drawer__title{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:18px;
    font-weight:600;
}

.fit-cart-drawer__count{
    min-width:25px;
    height:25px;
    padding:0 7px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#111;
    color:#fff;
    font-size:11px;
}

.fit-cart-drawer__close{
    width:34px;height:34px;padding:5px;border:0;background:transparent;
    display:grid;place-items:center;cursor:pointer
}
.fit-cart-drawer__close svg{
    width:19px;height:19px;fill:none;stroke:#111;stroke-width:1.35;stroke-linecap:round
}

.fit-cart-drawer__content{
    flex:1;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
}

.fit-cart-drawer-backdrop{
    position:fixed;inset:0;z-index:330;background:rgba(0,0,0,.2);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .24s ease,visibility .24s ease
}
.fit-cart-drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}

.fit-cart-filled{padding:0 16px 24px}
.fit-cart-summary{
    padding:12px 0 8px;
    color:#555;
    font-size:11px;
    line-height:1.45
}
.fit-cart-progress{height:4px;background:#f0efed;border-radius:4px;overflow:hidden;margin-bottom:6px}
.fit-cart-progress span{display:block;height:100%;background:#111}

.fit-cart-items{border-top:1px solid #eee;margin-top:8px}
.fit-cart-item{
    display:grid;
    grid-template-columns:98px 1fr;
    gap:14px;
    padding:16px 0;
    border-bottom:1px solid #eee
}
.fit-cart-item__image{
    width:98px;height:122px;overflow:hidden;background:#f7f7f7
}
.fit-cart-item__image img{width:100%;height:100%;object-fit:cover}
.fit-cart-item__name{display:block;color:#111;font-size:14px;line-height:1.35;font-weight:500}
.fit-cart-item__price{margin-top:5px;color:#777;font-size:12px}
.fit-cart-item__meta{margin-top:6px;color:#777;font-size:11px;line-height:1.35}
.fit-cart-item__meta dl,.fit-cart-item__meta p{margin:0}
.fit-cart-item__actions{
    margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px
}
.fit-cart-qty{
    width:82px;height:30px;display:grid;grid-template-columns:28px 1fr 28px;
    align-items:center;border:1px solid #ccc;border-radius:6px;overflow:hidden
}
.fit-cart-qty button{
    height:100%;border:0;background:transparent;cursor:pointer;font-size:15px
}
.fit-cart-qty span{text-align:center;font-size:11px}
.fit-cart-remove{
    border:0;background:transparent;padding:0;color:#777;font-size:10px;cursor:pointer
}

.fit-cart-footer{padding-top:18px}
.fit-cart-total{
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    font-size:15px
}
.fit-cart-total strong{font-size:18px}
.fit-cart-tax-note{margin:12px 0 16px;color:#777;font-size:10px;line-height:1.45}
.fit-cart-primary{
    min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;
    border-radius:999px;background:#111;color:#fff;font-size:12px;text-decoration:none
}
.fit-cart-payment-logos{width:145px;height:auto;margin:28px 0 0}

.fit-cart-empty{
    min-height:calc(100vh - 72px);
    padding:50px 28px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center
}
.fit-cart-empty__icon{position:relative;width:78px;height:78px;margin-bottom:22px}
.fit-cart-empty__icon svg{
    width:78px;height:78px;fill:none;stroke:#111;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round
}
.fit-cart-empty__icon span{
    position:absolute;right:0;top:22px;width:24px;height:24px;border-radius:50%;
    background:#111;color:#fff;display:grid;place-items:center;font-size:10px
}
.fit-cart-empty h3{margin:0 0 34px;font-size:17px;font-weight:500}
.fit-cart-empty .fit-cart-primary{max-width:230px}

.fit-cart-is-loading{opacity:.55;pointer-events:none}

@media(max-width:767px){
    .fit-cart-drawer{width:100%}
    .fit-cart-drawer__header{min-height:62px;padding:0 10px}
    .fit-cart-drawer__title{font-size:16px}
    .fit-cart-drawer__count{min-width:23px;height:23px;font-size:10px}
    .fit-cart-filled{padding:0 10px 22px}
    .fit-cart-item{grid-template-columns:78px 1fr;gap:12px;padding:14px 0}
    .fit-cart-item__image{width:78px;height:96px}
    .fit-cart-item__name{font-size:12px}
    .fit-cart-item__price{font-size:11px}
    .fit-cart-item__meta{font-size:10px}
    .fit-cart-item__actions{margin-top:12px}
    .fit-cart-footer{padding-bottom:12px}
    .fit-cart-total{font-size:13px}
    .fit-cart-total strong{font-size:16px}
    .fit-cart-primary{min-height:42px;font-size:11px}
    .fit-cart-empty{min-height:calc(100dvh - 62px)}
}


/* Header cart count badge */
[data-cart-open]{position:relative}

.fit-header-cart-count{
    position:absolute;
    top:-7px;
    right:-8px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:600;
    pointer-events:none;
    box-shadow:0 0 0 2px #fff;
}

.fit-header-cart-count[data-empty="true"]{display:none}

@media(max-width:767px){
    .fit-header-cart-count{
        top:-6px;
        right:-7px;
        min-width:17px;
        height:17px;
        padding:0 4px;
        font-size:9px;
    }
}


/* Drawer stock limit notice */
.fit-cart-stock-notice{
    display:none;
    width:100%;
    margin-top:5px;
    color:#a13b35;
    font-size:10px;
    line-height:1.35;
}

.fit-cart-stock-notice.is-visible{
    display:block;
}


/* Favorites header state */
.fit-header__favorites.is-active svg{
    fill:#c91f3d;
    stroke:#c91f3d;
}

/* =========================================================
   FIT & LIT — WOOCOMMERCE MY ACCOUNT
   ========================================================= */

/* Woo notices inside account/auth */
.fit-auth-page .woocommerce-notices-wrapper,
.fit-account .woocommerce-notices-wrapper{
    width:min(580px, calc(100% - 32px));
    margin:20px auto;
}

/* LOGIN / REGISTER / LOST PASSWORD */
.fit-auth-page{
    min-height:620px;
    padding:92px 24px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    background:#fff;
}

.fit-auth-card{
    width:590px;
    max-width:100%;
    min-height:450px;
    padding:48px 130px 40px;
    border-radius:18px;
    background:#dedede;
    text-align:center;
}

.fit-auth-card h1{
    margin:0 0 42px;
    font-size:27px;
    line-height:1.2;
    font-weight:600;
}

.fit-auth-form{
    margin:0;
}

.fit-field{
    margin:0 0 28px;
}

.fit-auth-form input[type="text"],
.fit-auth-form input[type="email"],
.fit-auth-form input[type="password"]{
    width:100%;
    height:57px;
    padding:0 18px;
    border:1px solid #aaa;
    border-radius:12px;
    outline:none;
    background:transparent;
    color:#111;
    font-size:15px;
}

.fit-auth-form input::placeholder{
    color:#8b8b8b;
}

.fit-auth-link{
    display:inline-block;
    margin-top:16px;
    color:#666;
    font-size:10px;
    line-height:1.4;
    text-decoration:underline;
    text-underline-offset:2px;
}

.fit-auth-link--small{
    display:block;
    width:100%;
    margin:-8px 0 30px;
    text-align:left;
    font-size:9px;
}

.fit-auth-submit,
.fit-account-primary{
    min-height:42px;
    padding:0 30px;
    border:0;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    font-family:inherit;
    font-size:12px;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
}

.fit-auth-submit{
    width:240px;
    max-width:100%;
}

.fit-auth-help{
    margin:-10px 0 26px;
    color:#666;
    font-size:11px;
    line-height:1.5;
}

.fit-auth-card--confirmation{
    width:690px;
    min-height:450px;
    padding-left:130px;
    padding-right:130px;
}

.fit-auth-success{
    width:100%;
    min-height:74px;
    padding:15px 22px;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:20px;
    background:#f3f7f1;
    color:#6a8660;
    font-size:13px;
    line-height:1.45;
    text-align:left;
}

.fit-auth-success__icon{
    flex:0 0 auto;
    width:26px;
    height:26px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#6f8d64;
    color:#fff;
    font-size:13px;
}

/* ACCOUNT SHELL */
.fit-account{
    min-height:610px;
    background:#fff;
}

.fit-account-nav{
    height:56px;
    background:#e3e1de;
}

.fit-account-nav__inner{
    width:min(1440px, calc(100% - 100px));
    height:100%;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
}

.fit-account-nav__tabs{
    grid-column:2;
    height:100%;
    display:flex;
    align-items:stretch;
    gap:34px;
}

.fit-account-nav__link,
.fit-account-nav__logout{
    min-width:92px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#666;
    font-size:13px;
    text-decoration:none;
    border-bottom:1px solid transparent;
}

.fit-account-nav__link.is-active{
    color:#111;
    border-bottom-color:#111;
}

.fit-account-nav__logout{
    grid-column:3;
    justify-self:end;
}

.fit-account__content{
    min-height:520px;
    padding:42px 24px 70px;
}

/* ORDERS */
.fit-account-orders{
    width:min(920px, 100%);
    margin:0 auto;
}

.fit-account-empty{
    min-height:360px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.fit-account-empty__icon{
    position:relative;
    width:92px;
    height:92px;
    margin-bottom:48px;
}

.fit-account-empty__icon svg{
    width:92px;
    height:92px;
    fill:none;
    stroke:#111;
    stroke-width:3;
    stroke-linejoin:round;
}

.fit-account-empty__icon span{
    position:absolute;
    right:4px;
    top:7px;
    width:30px;
    height:30px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#111;
    color:#fff;
    font-size:11px;
}

.fit-account-empty h2{
    margin:0 0 38px;
    font-size:19px;
    font-weight:500;
}

.fit-account-empty .fit-account-primary{
    width:260px;
}

.fit-orders-list{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
}

.fit-order-card{
    padding:25px;
    border:1px solid #bbb;
    border-radius:14px;
}

.fit-order-card__top,
.fit-order-card__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.fit-order-card__top strong{
    font-size:16px;
}

.fit-order-card__label{
    display:block;
    margin-bottom:5px;
    color:#777;
    font-size:10px;
}

.fit-order-card__status{
    padding:6px 10px;
    border-radius:999px;
    background:#f0f0f0;
    font-size:10px;
}

.fit-order-card__meta{
    margin:22px 0;
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#777;
    font-size:11px;
}

.fit-order-card__button{
    padding:9px 14px;
    border-radius:999px;
    background:#111;
    color:#fff;
    font-size:10px;
}

.fit-account-pagination{
    margin-top:28px;
    display:flex;
    justify-content:center;
    gap:12px;
}

.fit-account-pagination a{
    padding:8px 14px;
    border:1px solid #bbb;
    border-radius:999px;
    font-size:11px;
}

/* ADDRESSES */
.fit-addresses{
    width:min(760px, 100%);
    margin:0 auto;
    text-align:center;
}

.fit-addresses__heading{
    margin-bottom:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}

.fit-addresses__heading h1{
    margin:0;
    font-size:20px;
    font-weight:500;
}

.fit-addresses__heading span{
    width:30px;
    height:30px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#111;
    color:#fff;
    font-size:11px;
}

.fit-addresses__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:22px;
    text-align:left;
}

.fit-address-card{
    min-height:205px;
    padding:28px 25px;
    border:1px solid #aaa;
    border-radius:14px;
}

.fit-address-card h2{
    margin:0 0 18px;
    font-size:17px;
    font-weight:500;
}

.fit-address-card address{
    min-height:90px;
    color:#444;
    font-size:11px;
    line-height:1.55;
    font-style:normal;
}

.fit-address-card__actions{
    margin-top:16px;
}

.fit-address-card__actions a{
    margin-right:18px;
    color:#555;
    font-size:10px;
    text-decoration:underline;
}

.fit-addresses__add{
    min-width:190px;
    margin-top:50px;
}

/* EDIT ADDRESS — side drawer */
.fit-address-drawer{
    position:fixed;
    inset:0;
    z-index:360;
    background:rgba(0,0,0,.16);
    display:flex;
    justify-content:flex-end;
}

.fit-address-drawer__panel{
    width:520px;
    max-width:100%;
    height:100%;
    padding:26px 28px 32px;
    overflow-y:auto;
    background:#fff;
}

.fit-address-drawer__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.fit-address-drawer__header h1{
    margin:0;
    font-size:20px;
    font-weight:500;
}

.fit-address-drawer__header a{
    color:#111;
    font-size:25px;
    line-height:1;
}

.fit-address-drawer__hint{
    margin:12px 0 22px;
    color:#555;
    font-size:11px;
}

.fit-address-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.fit-address-fields .form-row{
    width:100% !important;
    margin:0 !important;
    float:none !important;
}

.fit-address-fields .form-row-wide{
    grid-column:1 / -1;
}

.fit-address-fields label{
    display:none;
}

.fit-address-fields input,
.fit-address-fields select{
    width:100%;
    min-height:54px;
    padding:0 18px;
    border:1px solid #d4d4d4;
    border-radius:11px;
    outline:none;
    background:#fff;
    color:#111;
    font-family:inherit;
    font-size:14px;
}

.fit-address-form .fit-account-primary{
    width:100%;
    margin-top:26px;
}

/* Mobile */
@media(max-width:767px){
    .fit-auth-page{
        min-height:600px;
        padding:44px 20px;
        align-items:flex-start;
    }

    .fit-auth-card,
    .fit-auth-card--confirmation{
        width:100%;
        min-height:485px;
        padding:55px 20px 40px;
        border-radius:20px;
    }

    .fit-auth-card h1{
        margin-bottom:42px;
        font-size:19px;
    }

    .fit-auth-form input[type="text"],
    .fit-auth-form input[type="email"],
    .fit-auth-form input[type="password"]{
        height:54px;
        font-size:13px;
    }

    .fit-auth-submit{
        width:180px;
        min-height:40px;
        font-size:11px;
    }

    .fit-auth-link{
        font-size:9px;
    }

    .fit-auth-success{
        padding:14px 16px;
        font-size:10px;
    }

    .fit-account-nav{
        height:44px;
    }

    .fit-account-nav__inner{
        width:100%;
        display:block;
        position:relative;
    }

    .fit-account-nav__tabs{
        height:44px;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:0;
    }

    .fit-account-nav__link{
        min-width:0;
        height:44px;
        font-size:11px;
    }

    .fit-account-nav__logout{
        display:none;
    }

    .fit-account__content{
        min-height:440px;
        padding:26px 9px 48px;
    }

    .fit-account-empty{
        min-height:330px;
    }

    .fit-account-empty__icon{
        width:82px;
        height:82px;
        margin-bottom:38px;
    }

    .fit-account-empty__icon svg{
        width:82px;
        height:82px;
    }

    .fit-account-empty h2{
        margin-bottom:32px;
        font-size:14px;
    }

    .fit-account-empty .fit-account-primary{
        width:100%;
        max-width:280px;
        min-height:38px;
        font-size:10px;
    }

    .fit-orders-list{
        grid-template-columns:1fr;
        gap:12px;
    }

    .fit-order-card{
        padding:18px;
    }

    .fit-addresses__heading{
        margin-bottom:28px;
    }

    .fit-addresses__heading h1{
        font-size:13px;
    }

    .fit-addresses__heading span{
        width:23px;
        height:23px;
        font-size:9px;
    }

    .fit-addresses__grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .fit-address-card{
        min-height:180px;
        padding:18px 14px;
        border-radius:10px;
    }

    .fit-address-card h2{
        font-size:13px;
    }

    .fit-address-card address{
        font-size:10px;
    }

    .fit-addresses__add{
        margin-top:22px;
        min-width:155px;
        min-height:35px;
        font-size:9px;
    }

    .fit-address-drawer{
        background:#fff;
    }

    .fit-address-drawer__panel{
        width:100%;
        padding:18px 12px 30px;
    }

    .fit-address-drawer__header h1{
        font-size:15px;
    }

    .fit-address-drawer__hint{
        margin:8px 0 16px;
        font-size:9px;
    }

    .fit-address-fields{
        gap:12px 6px;
    }

    .fit-address-fields input,
    .fit-address-fields select{
        min-height:48px;
        padding:0 13px;
        font-size:13px;
        border-radius:10px;
    }

    .fit-address-form .fit-account-primary{
        min-height:40px;
        font-size:10px;
    }
}


/* =========================================================
   MY ACCOUNT POLISH 02
   ========================================================= */

/* Theme/page-builder title that sits above Woo My Account */
body.woocommerce-account .entry-header,
body.woocommerce-account .page-header,
body.woocommerce-account h1.entry-title,
body.woocommerce-account h1.page-title,
body.woocommerce-account .wp-block-post-title{
    display:none !important;
}

/* Some themes leave spacing after the hidden page title */
body.woocommerce-account .site-main > article > .entry-content,
body.woocommerce-account .woocommerce{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Account nav typography closer to the main header menu */
.fit-account-nav__link,
.fit-account-nav__logout{
    min-width:110px;
    font-size:15px;
    font-weight:400;
}

/* Empty orders area: closer to supplied desktop/mobile reference */
.fit-account__content{
    padding-top:0;
}

.fit-account-orders{
    width:100%;
    max-width:none;
}

.fit-account-empty{
    min-height:500px;
    padding:70px 20px 80px;
}

.fit-account-empty__icon{
    width:112px;
    height:112px;
    margin-bottom:46px;
}

.fit-account-empty__icon svg{
    width:112px;
    height:112px;
    stroke-width:2.8;
}

.fit-account-empty__icon span{
    right:5px;
    top:7px;
    width:32px;
    height:32px;
    font-size:12px;
}

.fit-account-empty h2{
    margin-bottom:34px;
    font-size:18px;
    font-weight:400;
}

.fit-account-empty .fit-account-primary{
    width:280px;
    min-height:44px;
    font-size:12px;
}

/* Woo's email verification/info prompt: keep functionality but make it unobtrusive */
.fit-account__content > .woocommerce-info,
.fit-account-orders > .woocommerce-info,
.woocommerce-MyAccount-content > .woocommerce-info{
    width:min(1200px, calc(100% - 48px));
    margin:24px auto 0 !important;
    padding:13px 18px !important;
    border:0 !important;
    border-radius:8px;
    background:#f6f5f3 !important;
    color:#666 !important;
    font-size:12px;
    line-height:1.4;
}

.fit-account__content > .woocommerce-info::before,
.fit-account-orders > .woocommerce-info::before,
.woocommerce-MyAccount-content > .woocommerce-info::before{
    display:none !important;
}

.fit-account__content > .woocommerce-info .button,
.fit-account-orders > .woocommerce-info .button,
.woocommerce-MyAccount-content > .woocommerce-info .button{
    border-radius:999px !important;
    background:#111 !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:400 !important;
}

/* Address edit panel */
.fit-address-drawer{
    align-items:stretch;
}

.fit-address-drawer__panel{
    width:470px;
    max-width:100%;
    padding:24px 24px 32px;
}

.fit-address-drawer__header{
    margin-bottom:4px;
}

.fit-address-drawer__header h1{
    font-size:18px;
}

.fit-address-drawer__header a{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    font-size:20px;
}

.fit-address-drawer__hint{
    margin:6px 0 22px;
    font-size:10px;
}

.fit-address-fields{
    grid-template-columns:1fr 1fr;
    gap:14px 8px;
}

/* Woo field sizing/class rules */
.fit-address-fields .form-row{
    grid-column:1 / -1;
}

.fit-address-fields .form-row-first{
    grid-column:1;
}

.fit-address-fields .form-row-last{
    grid-column:2;
}

.fit-address-fields .form-row-wide{
    grid-column:1 / -1;
}

.fit-address-fields .woocommerce-input-wrapper{
    display:block;
    width:100%;
}

.fit-address-fields input,
.fit-address-fields select,
.fit-address-fields .select2-container .select2-selection--single{
    width:100% !important;
    height:50px !important;
    min-height:50px !important;
    padding:0 14px !important;
    border:1px solid #dedede !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#111 !important;
    font-size:13px !important;
    box-shadow:none !important;
    outline:none !important;
}

.fit-address-fields .select2-container{
    width:100% !important;
}

.fit-address-fields .select2-container .select2-selection--single{
    display:flex !important;
    align-items:center !important;
}

.fit-address-fields .select2-selection__rendered{
    padding:0 !important;
    line-height:48px !important;
}

.fit-address-fields .select2-selection__arrow{
    height:48px !important;
    right:8px !important;
}

.fit-address-form .fit-account-primary{
    width:100%;
    min-height:42px;
    margin-top:24px;
}

/* Remove standard Woo headings that can leak into our drawer */
.fit-address-drawer .woocommerce-Address-title,
.fit-address-drawer .woocommerce-address-fields > h3{
    display:none !important;
}

/* Mobile */
@media(max-width:767px){
    .fit-account-nav__link{
        font-size:13px;
    }

    .fit-account__content{
        padding:0 8px 42px;
    }

    .fit-account-empty{
        min-height:390px;
        padding:64px 4px 54px;
    }

    .fit-account-empty__icon{
        width:92px;
        height:92px;
        margin-bottom:46px;
    }

    .fit-account-empty__icon svg{
        width:92px;
        height:92px;
        stroke-width:3;
    }

    .fit-account-empty__icon span{
        width:28px;
        height:28px;
        font-size:10px;
    }

    .fit-account-empty h2{
        margin-bottom:36px;
        font-size:14px;
    }

    .fit-account-empty .fit-account-primary{
        width:100%;
        max-width:none;
        min-height:42px;
        font-size:11px;
    }

    .fit-account__content > .woocommerce-info,
    .fit-account-orders > .woocommerce-info,
    .woocommerce-MyAccount-content > .woocommerce-info{
        width:100%;
        margin:16px 0 0 !important;
        padding:11px 12px !important;
        font-size:10px;
    }

    .fit-address-drawer__panel{
        width:100%;
        padding:18px 12px 28px;
    }

    .fit-address-drawer__header h1{
        font-size:15px;
    }

    .fit-address-drawer__hint{
        font-size:9px;
        margin-bottom:17px;
    }

    .fit-address-fields{
        grid-template-columns:1fr 1fr;
        gap:12px 6px;
    }

    .fit-address-fields input,
    .fit-address-fields select,
    .fit-address-fields .select2-container .select2-selection--single{
        height:48px !important;
        min-height:48px !important;
        padding:0 12px !important;
        font-size:12px !important;
    }
}


/* =========================================================
   ADDRESS FORM — INLINE ACCOUNT LAYOUT
   ========================================================= */

/* No side drawer / no page overlay */
.fit-address-drawer{
    position:static;
    inset:auto;
    z-index:auto;
    display:block;
    background:transparent;
}

.fit-address-drawer__panel{
    width:min(860px, 100%);
    max-width:100%;
    height:auto;
    margin:0 auto;
    padding:42px 24px 56px;
    overflow:visible;
    background:#fff;
}

.fit-address-drawer__header{
    margin-bottom:8px;
}

.fit-address-drawer__header h1{
    font-size:22px;
}

.fit-address-drawer__header a{
    display:none;
}

.fit-address-drawer__hint{
    margin:0 0 28px;
    font-size:12px;
    color:#666;
}

/* Keep labels visually hidden; placeholders identify every field */
.fit-address-fields label{
    display:none !important;
}

.fit-address-fields{
    grid-template-columns:1fr 1fr;
    gap:16px 12px;
}

.fit-address-fields .form-row{
    grid-column:1 / -1;
}

.fit-address-fields .form-row-first{
    grid-column:1;
}

.fit-address-fields .form-row-last{
    grid-column:2;
}

.fit-address-fields .form-row-wide{
    grid-column:1 / -1;
}

/* Make common fields match the supplied design */
.fit-address-fields input,
.fit-address-fields select,
.fit-address-fields .select2-container .select2-selection--single{
    height:56px !important;
    min-height:56px !important;
    padding:0 16px !important;
    border:1px solid #dedede !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#111 !important;
    font-size:14px !important;
}

.fit-address-fields input::placeholder{
    color:#8d8d8d;
    opacity:1;
}

.fit-address-fields .select2-container{
    width:100% !important;
}

.fit-address-fields .select2-selection__rendered{
    color:#777 !important;
    line-height:54px !important;
    padding:0 !important;
}

.fit-address-fields .select2-selection__placeholder{
    color:#8d8d8d !important;
}

.fit-address-fields .select2-selection__arrow{
    height:54px !important;
    right:10px !important;
}

.fit-address-form .fit-account-primary{
    width:100%;
    min-height:44px;
    margin-top:28px;
    font-size:12px;
}

/* Woo notices stay in the normal content flow above the form */
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info{
    position:static !important;
}

/* Mobile */
@media(max-width:767px){
    .fit-address-drawer__panel{
        width:100%;
        padding:28px 12px 38px;
    }

    .fit-address-drawer__header h1{
        font-size:17px;
    }

    .fit-address-drawer__hint{
        margin-bottom:20px;
        font-size:10px;
    }

    .fit-address-fields{
        gap:12px 8px;
    }

    .fit-address-fields input,
    .fit-address-fields select,
    .fit-address-fields .select2-container .select2-selection--single{
        height:50px !important;
        min-height:50px !important;
        padding:0 13px !important;
        font-size:13px !important;
        border-radius:10px !important;
    }

    .fit-address-fields .select2-selection__rendered{
        line-height:48px !important;
    }

    .fit-address-fields .select2-selection__arrow{
        height:48px !important;
    }

    .fit-address-form .fit-account-primary{
        min-height:42px;
        margin-top:22px;
        font-size:11px;
    }
}


/* =========================================================
   MY ACCOUNT — AUTH + PAGE TITLE POLISH
   ========================================================= */

/* Woo/account page title: theme hangi wrapper'da basarsa bassın gizle */
body.woocommerce-account .fit-main > h1,
body.woocommerce-account main > h1:first-child,
body.woocommerce-account .site-main > h1,
body.woocommerce-account .site-main > header,
body.woocommerce-account article > header.entry-header,
body.woocommerce-account .entry-header,
body.woocommerce-account .page-header,
body.woocommerce-account h1.entry-title,
body.woocommerce-account h1.page-title,
body.woocommerce-account .wp-block-post-title,
body.woocommerce-account .woocommerce-products-header,
body.woocommerce-account .woocommerce-products-header__title{
    display:none !important;
}

/* Üst title gizlenince kalan gereksiz boşluğu da sıfırla */
body.woocommerce-account .fit-main,
body.woocommerce-account .site-main,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Woo'nun varsayılan login/register form border ve padding'ini tamamen kaldır */
.fit-auth-card .woocommerce-form,
.fit-auth-card form.login,
.fit-auth-card form.register,
.fit-auth-card form.lost_reset_password{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}

/* Inputları bir tık daha tok yap */
.fit-auth-form input[type="text"],
.fit-auth-form input[type="email"],
.fit-auth-form input[type="password"]{
    font-size:16px;
}

/* Şifremi unuttum / kayıt ol linkleri */
.fit-auth-link{
    font-size:13px;
    line-height:1.45;
}

.fit-auth-link--small{
    margin:-5px 0 30px;
    font-size:12px;
}

/* CTA tam ortalı ve biraz daha güçlü */
.fit-auth-form p{
    text-align:center;
}

.fit-auth-submit{
    width:270px;
    min-height:48px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
}

/* Kayıt Ol / geri dön linki de ortalı */
.fit-auth-form > .fit-auth-link,
.fit-auth-form > a.fit-auth-link{
    display:table;
    margin-left:auto;
    margin-right:auto;
}

/* Mobile */
@media(max-width:767px){
    .fit-auth-form input[type="text"],
    .fit-auth-form input[type="email"],
    .fit-auth-form input[type="password"]{
        font-size:14px;
    }

    .fit-auth-link{
        font-size:11px;
    }

    .fit-auth-link--small{
        font-size:10px;
    }

    .fit-auth-submit{
        width:210px;
        min-height:44px;
        font-size:12px;
    }
}


/* =========================================================
   404 PAGE — NORMAL HEADER + FOOTER
   ========================================================= */

body.error404{
    background:#fff;
}

body.error404 .fit-main{
    margin:0 !important;
    padding:0 !important;
}

.fit-404{
    position:relative;
    min-height:650px;
    padding:70px 24px;
    background:#fff;
    color:#111;
    overflow:hidden;
}

.fit-404__center{
    position:absolute;
    left:50%;
    top:50%;
    width:min(1000px, calc(100% - 48px));
    transform:translate(-50%, -50%);
    text-align:center;
}

.fit-404__ghost{
    position:absolute;
    left:50%;
    top:38%;
    transform:translate(-50%, -50%);
    width:100%;
    color:#efefef;
    font-size:clamp(130px, 15vw, 245px);
    line-height:.85;
    font-weight:500;
    letter-spacing:-.055em;
    white-space:nowrap;
    user-select:none;
    pointer-events:none;
}

.fit-404__content{
    position:relative;
    z-index:2;
}

.fit-404__content h1{
    margin:0 0 82px;
    font-size:42px;
    line-height:1.15;
    font-weight:500;
}

.fit-404__content h1 strong{
    font-weight:700;
}

.fit-404__content p{
    margin:0 0 46px;
    font-size:22px;
    line-height:1.35;
    font-weight:400;
}

.fit-404__links{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
}

.fit-404__links > a{
    color:#666;
    font-size:15px;
    line-height:1.2;
    text-decoration:none;
}

.fit-404__links > a:first-child{
    color:#333;
}

.fit-404__instagram{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
}

.fit-404__instagram svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.fit-404__contact{
    color:#999 !important;
}

@media (max-width:991px){
    .fit-404{
        min-height:590px;
    }

    .fit-404__content h1{
        margin-bottom:70px;
        font-size:35px;
    }

    .fit-404__content p{
        margin-bottom:42px;
        font-size:19px;
    }
}

@media (max-width:767px){
    .fit-404{
        min-height:500px;
        padding:50px 18px;
    }

    .fit-404__center{
        width:calc(100% - 28px);
    }

    .fit-404__ghost{
        top:39%;
        font-size:clamp(78px, 29vw, 132px);
    }

    .fit-404__content h1{
        margin-bottom:60px;
        font-size:27px;
    }

    .fit-404__content p{
        margin-bottom:36px;
        font-size:16px;
    }

    .fit-404__links{
        gap:16px;
    }

    .fit-404__links > a{
        font-size:13px;
    }
}


/* =========================================================
   WOOCOMMERCE THANK YOU PAGE
   ========================================================= */

/* Woo'nun standart sipariş detaylarını bu özel ekranda göstermiyoruz. */
body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-thankyou-order-failed,
body.woocommerce-order-received .woocommerce-thankyou-order-failed-actions{
    display:none !important;
}

/* Tema/page başlığı thank-you tasarımının üstünde görünmesin. */
body.woocommerce-order-received .entry-header,
body.woocommerce-order-received .page-header,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received h1.page-title,
body.woocommerce-order-received .wp-block-post-title{
    display:none !important;
}

body.woocommerce-order-received .fit-main,
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received .woocommerce{
    margin-top:0 !important;
    padding-top:0 !important;
}

.fit-thankyou{
    position:relative;
    min-height:610px;
    padding:86px 24px 92px;
    background:#fff;
    overflow:hidden;
}

.fit-thankyou__inner{
    position:relative;
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}

.fit-thankyou__ghost{
    position:absolute;
    left:50%;
    top:118px;
    transform:translateX(-50%);
    width:100%;
    color:#efefef;
    font-size:clamp(130px, 14.5vw, 235px);
    line-height:.82;
    font-weight:500;
    letter-spacing:-.055em;
    text-align:center;
    white-space:nowrap;
    user-select:none;
    pointer-events:none;
}

.fit-thankyou__content{
    position:relative;
    z-index:2;
}

.fit-thankyou__content h1{
    margin:0 0 245px;
    text-align:center;
    font-size:42px;
    line-height:1.15;
    font-weight:500;
}

.fit-thankyou__copy{
    max-width:930px;
    margin:0;
    color:#222;
    font-size:15px;
    line-height:1.48;
}

.fit-thankyou__copy p{
    margin:0;
}

.fit-thankyou__actions{
    margin-top:58px;
    display:flex;
    justify-content:center;
}

.fit-thankyou__button{
    width:310px;
    min-height:48px;
    padding:0 28px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    font-size:13px;
    line-height:1;
    text-decoration:none;
}

.fit-thankyou__button:hover{
    color:#fff;
    opacity:.9;
}

@media(max-width:991px){
    .fit-thankyou{
        min-height:570px;
    }

    .fit-thankyou__content h1{
        font-size:35px;
        margin-bottom:215px;
    }

    .fit-thankyou__copy{
        font-size:14px;
    }
}

@media(max-width:767px){
    .fit-thankyou{
        min-height:500px;
        padding:58px 14px 64px;
    }

    .fit-thankyou__inner{
        width:100%;
    }

    .fit-thankyou__ghost{
        top:90px;
        font-size:clamp(74px, 29vw, 120px);
    }

    .fit-thankyou__content h1{
        margin-bottom:150px;
        font-size:28px;
    }

    .fit-thankyou__copy{
        max-width:100%;
        font-size:12px;
        line-height:1.55;
        text-align:left;
    }

    .fit-thankyou__actions{
        margin-top:38px;
    }

    .fit-thankyou__button{
        width:100%;
        max-width:300px;
        min-height:44px;
        font-size:12px;
    }
}


/* =========================================================
   CONTACT PAGE
   ========================================================= */

.fit-contact{
    padding:38px 24px 70px;
    background:#fff;
}

.fit-contact__container{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}

.fit-contact__breadcrumb{
    margin-bottom:26px;
    display:flex;
    align-items:center;
    gap:5px;
    color:#858585;
    font-size:12px;
}

.fit-contact__breadcrumb a{
    color:#858585;
    text-decoration:underline;
    text-underline-offset:2px;
}

.fit-contact h1{
    margin:0 0 48px;
    font-size:22px;
    line-height:1.25;
    font-weight:500;
}

.fit-contact-form{
    width:min(940px, 100%);
    padding:36px 52px 30px;
    border:1px solid #ddd;
    border-radius:10px;
    background:#fff;
}

.fit-contact-form__fields{
    width:100%;
}

.fit-contact-field{
    margin-bottom:24px;
}

.fit-contact-field label{
    display:block;
    margin-bottom:10px;
    color:#777;
    font-size:14px;
    line-height:1.25;
}

.fit-contact-field label span{
    color:#b71d1d;
}

.fit-contact-field input[type="text"],
.fit-contact-field input[type="email"],
.fit-contact-field select,
.fit-contact-field textarea{
    width:100%;
    border:1px solid #ddd;
    border-radius:9px;
    outline:none;
    background:#fff;
    color:#111;
    font-family:inherit;
    font-size:14px;
    transition:border-color .15s ease, box-shadow .15s ease;
}

.fit-contact-field input[type="text"],
.fit-contact-field input[type="email"],
.fit-contact-field select{
    height:48px;
    padding:0 18px;
}

.fit-contact-field textarea{
    min-height:275px;
    padding:16px 18px;
    resize:vertical;
}

.fit-contact-field input:focus,
.fit-contact-field select:focus,
.fit-contact-field textarea:focus{
    border-color:#999;
    box-shadow:0 0 0 1px #999;
}

.fit-contact-field.has-error input,
.fit-contact-field.has-error select,
.fit-contact-field.has-error textarea,
.fit-contact-field.has-error .fit-contact-file-button{
    border-color:#b71d1d !important;
}

.fit-contact-field__error{
    min-height:0;
    margin-top:7px;
    color:#b71d1d;
    font-size:11px;
    line-height:1.35;
}

.fit-contact-file-input{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
}

.fit-contact-file-button{
    width:100%;
    min-height:50px;
    padding:0 18px;
    border:1px solid #d7d7d7;
    border-radius:8px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:#efefef;
    color:#333 !important;
    cursor:pointer;
}

.fit-contact-file-button svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.fit-contact-file-list{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.fit-contact-file-chip{
    max-width:100%;
    padding:6px 9px;
    border-radius:6px;
    display:flex;
    align-items:center;
    gap:8px;
    background:#f5f5f5;
    color:#555;
    font-size:10px;
}

.fit-contact-file-chip span{
    max-width:260px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.fit-contact-file-chip small{
    color:#999;
    font-size:9px;
}

.fit-contact-files-note{
    margin:14px 0 0;
    color:#aaa;
    font-size:10px;
    line-height:1.45;
}

.fit-contact-honeypot{
    position:absolute !important;
    left:-99999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

.fit-contact-turnstile{
    margin:18px 0;
}

.fit-contact-submit{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    font-family:inherit;
    font-size:13px;
    cursor:pointer;
    transition:opacity .15s ease;
}

.fit-contact-submit:disabled,
.fit-contact-submit.is-loading{
    opacity:.6;
    cursor:wait;
}

.fit-contact-response{
    display:none;
    margin-top:14px;
    padding:12px 14px;
    border-radius:8px;
    font-size:12px;
    line-height:1.45;
}

.fit-contact-response.is-success,
.fit-contact-response.is-error{
    display:block;
}

.fit-contact-response.is-success{
    background:#eef4eb;
    color:#58724f;
}

.fit-contact-response.is-error{
    background:#f7eded;
    color:#a21b1b;
}

.fit-contact-privacy{
    margin:24px 0 0;
    color:#aaa;
    font-size:10px;
    line-height:1.45;
}

.fit-contact-privacy a{
    color:#888;
    text-decoration:underline;
}

/* Mobile */
@media(max-width:767px){
    .fit-contact{
        padding:24px 10px 46px;
    }

    .fit-contact__container{
        width:100%;
    }

    .fit-contact__breadcrumb{
        margin-bottom:20px;
        font-size:10px;
    }

    .fit-contact h1{
        margin-bottom:28px;
        font-size:20px;
    }

    .fit-contact-form{
        width:100%;
        padding:22px 14px 20px;
        border-radius:9px;
    }

    .fit-contact-field{
        margin-bottom:20px;
    }

    .fit-contact-field label{
        margin-bottom:8px;
        font-size:12px;
    }

    .fit-contact-field input[type="text"],
    .fit-contact-field input[type="email"],
    .fit-contact-field select{
        height:46px;
        padding:0 13px;
        font-size:13px;
    }

    .fit-contact-field textarea{
        min-height:210px;
        padding:13px;
        font-size:13px;
    }

    .fit-contact-file-button{
        min-height:46px;
        font-size:12px;
    }

    .fit-contact-files-note{
        font-size:9px;
    }

    .fit-contact-submit{
        min-height:46px;
        font-size:12px;
    }

    .fit-contact-privacy{
        margin-top:18px;
        font-size:9px;
    }
}


/* =========================================================
   GLOBAL PAGE BREADCRUMB
   ========================================================= */

.fit-page-breadcrumb{
    width:min(1440px, calc(100% - 120px));
    margin:26px auto 22px;
    display:flex;
    align-items:center;
    gap:6px;
    color:#8b8b8b;
    font-size:13px;
    line-height:1.3;
}

.fit-page-breadcrumb a{
    color:#777;
    text-decoration:underline;
    text-underline-offset:2px;
}

.fit-page-breadcrumb span:last-child{
    color:#999;
}

/* Contact page no longer owns its breadcrumb */
.fit-contact__breadcrumb{
    display:none !important;
}

@media(max-width:1200px){
    .fit-page-breadcrumb{
        width:calc(100% - 64px);
    }
}

@media(max-width:767px){
    .fit-page-breadcrumb{
        width:calc(100% - 28px);
        margin:18px auto 16px;
        font-size:11px;
    }
}


/* =========================================================
   BREADCRUMB + ORDER HISTORY POLISH
   ========================================================= */

.fit-page-breadcrumb{
    width:min(1600px, calc(100% - 160px));
    margin:28px auto 24px;
    padding:0;
    display:flex;
    align-items:center;
    gap:6px;
    color:#8b8b8b;
    font-size:13px;
    line-height:1.3;
}

.fit-page-breadcrumb a{
    color:#767676;
    text-decoration:underline;
    text-underline-offset:2px;
}

.fit-page-breadcrumb span:last-child{
    color:#999;
}

.fit-contact__breadcrumb{
    display:none !important;
}

/* Title is now prevented in page.php; these selectors are a final safety net. */
body.woocommerce-account .fit-main article > h1:first-child,
body.woocommerce-account .entry-header,
body.woocommerce-account .page-header,
body.woocommerce-account h1.entry-title,
body.woocommerce-account h1.page-title,
body.woocommerce-account .wp-block-post-title,
body.woocommerce-order-received .fit-main article > h1:first-child,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received h1.page-title{
    display:none !important;
}

.fit-account-orders{
    width:min(1180px, calc(100% - 48px));
    margin:0 auto;
}

.fit-orders-list{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    align-items:start;
}

.fit-order-card{
    min-height:230px;
    padding:26px 28px;
    border:1px solid #d6d6d6;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    background:#fff;
}

.fit-order-card__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}

.fit-order-card__number span,
.fit-order-card__details span{
    display:block;
    margin-bottom:5px;
    color:#999;
    font-size:11px;
    line-height:1.2;
}

.fit-order-card__number strong{
    color:#111;
    font-size:19px;
    font-weight:600;
}

.fit-order-card__status{
    padding:7px 11px;
    border-radius:999px;
    background:#f1f1f1;
    color:#555;
    font-size:10px;
    line-height:1;
}

.fit-order-card__details{
    margin:28px 0 24px;
    display:grid;
    grid-template-columns:1.35fr .75fr 1fr;
    gap:20px;
}

.fit-order-card__details strong{
    display:block;
    color:#222;
    font-size:13px;
    line-height:1.35;
    font-weight:500;
}

.fit-order-card__button{
    width:150px;
    min-height:38px;
    margin-top:auto;
    margin-left:auto;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    font-size:11px;
    line-height:1;
    text-decoration:none;
}

.fit-orders-list > .fit-order-card:only-child{
    grid-column:1/-1;
    width:min(720px,100%);
    justify-self:center;
}

@media(max-width:1200px){
    .fit-page-breadcrumb{
        width:calc(100% - 72px);
    }
}

@media(max-width:767px){
    .fit-page-breadcrumb{
        width:calc(100% - 28px);
        margin:18px auto 15px;
        font-size:11px;
    }

    .fit-account-orders{
        width:100%;
    }

    .fit-orders-list{
        grid-template-columns:1fr;
        gap:12px;
    }

    .fit-order-card,
    .fit-orders-list > .fit-order-card:only-child{
        width:100%;
        min-height:0;
        padding:18px 15px;
        border-radius:11px;
    }

    .fit-order-card__number strong{
        font-size:15px;
    }

    .fit-order-card__status{
        padding:6px 9px;
        font-size:9px;
    }

    .fit-order-card__details{
        margin:22px 0 20px;
        grid-template-columns:1fr 1fr;
        gap:15px 12px;
    }

    .fit-order-card__details > div:last-child{
        grid-column:1/-1;
    }

    .fit-order-card__details span{
        font-size:9px;
    }

    .fit-order-card__details strong{
        font-size:11px;
    }

    .fit-order-card__button{
        width:100%;
        min-height:38px;
        margin-left:0;
        font-size:10px;
    }
}


/* =========================================================
   ACCOUNT: ORDER + ADDRESS FINAL POLISH
   ========================================================= */

/* More breathing room between Woo verification notice and orders */
.fit-account__content > .woocommerce-info,
.fit-account-orders > .woocommerce-info,
.woocommerce-MyAccount-content > .woocommerce-info{
    margin-bottom:34px !important;
    font-size:13px !important;
}

.fit-account__content > .woocommerce-info .button,
.fit-account-orders > .woocommerce-info .button,
.woocommerce-MyAccount-content > .woocommerce-info .button{
    font-size:11px !important;
}

/* Orders list typography */
.fit-order-card__number span,
.fit-order-card__details span{
    font-size:12px;
}

.fit-order-card__number strong{
    font-size:20px;
}

.fit-order-card__details strong{
    font-size:14px;
}

.fit-order-card__status{
    font-size:11px;
}

.fit-order-card__button{
    min-height:42px;
    font-size:12px;
}

/* -------------------------
   Saved addresses
   ------------------------- */
.fit-addresses{
    width:min(920px, calc(100% - 40px));
    margin:0 auto;
}

.fit-addresses__heading{
    margin:10px 0 34px;
}

.fit-addresses__heading h1{
    font-size:22px;
}

.fit-addresses__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.fit-address-card{
    min-height:250px;
    padding:26px;
    border:1px solid #d7d7d7;
    border-radius:14px;
    background:#fff;
}

.fit-address-card__top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:20px;
}

.fit-address-card__top h2{
    margin:0;
    font-size:17px;
    font-weight:500;
}

.fit-address-card__badge{
    padding:6px 9px;
    border-radius:999px;
    background:#f1f1f1;
    color:#777;
    font-size:9px;
}

.fit-address-card address{
    min-height:auto;
    margin:0 0 18px;
    color:#555;
    font-size:13px;
    line-height:1.65;
}

.fit-address-card__contact{
    margin:5px 0 0;
    color:#777;
    font-size:12px;
}

.fit-address-card__actions{
    margin-top:22px;
}

.fit-address-card__actions a{
    color:#111;
    font-size:12px;
}

.fit-addresses__footer{
    margin-top:32px;
    text-align:center;
}

.fit-address-empty{
    min-height:360px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.fit-address-empty__icon{
    width:82px;
    height:82px;
    margin-bottom:26px;
}

.fit-address-empty__icon svg{
    width:82px;
    height:82px;
    fill:none;
    stroke:#111;
    stroke-width:1.8;
    stroke-linejoin:round;
}

.fit-address-empty h2{
    margin:0 0 10px;
    font-size:18px;
    font-weight:500;
}

.fit-address-empty p{
    margin:0 0 28px;
    color:#777;
    font-size:13px;
}

.fit-address-empty .fit-account-primary{
    min-width:190px;
}

/* -------------------------
   Address edit form
   ------------------------- */
.fit-address-inline{
    width:min(920px, calc(100% - 40px));
    margin:0 auto;
    padding:34px 0 56px;
}

.fit-address-inline__header{
    margin-bottom:28px;
}

.fit-address-inline__header h1{
    margin:0 0 8px;
    font-size:22px;
    font-weight:500;
}

.fit-address-inline__header p{
    margin:0;
    color:#777;
    font-size:12px;
}

.fit-address-fields{
    grid-template-columns:1fr 1fr;
    gap:16px 12px;
}

.fit-address-fields label{
    display:none !important;
}

.fit-address-fields input,
.fit-address-fields select,
.fit-address-fields .select2-container .select2-selection--single{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 16px !important;
    border:1px solid #dedede !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#111 !important;
    font-size:14px !important;
    box-shadow:none !important;
}

.fit-address-fields input::placeholder{
    color:#888;
    opacity:1;
}

.fit-address-save{
    width:100%;
    min-height:46px;
    margin-top:26px;
    font-size:12px;
}

/* -------------------------
   View order
   ------------------------- */
.fit-view-order{
    width:min(1180px, calc(100% - 64px));
    margin:0 auto;
    padding:42px 0 72px;
}

.fit-view-order__hero{
    margin-bottom:26px;
    padding:26px 30px;
    border-radius:14px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    background:#f5f4f2;
}

.fit-view-order__eyebrow{
    display:block;
    margin-bottom:5px;
    color:#888;
    font-size:11px;
}

.fit-view-order__hero h1{
    margin:0 0 8px !important;
    display:block !important;
    font-size:28px !important;
    font-weight:600 !important;
}

.fit-view-order__hero p{
    margin:0;
    color:#777;
    font-size:13px;
}

.fit-view-order__status{
    padding:8px 12px;
    border-radius:999px;
    background:#fff;
    color:#555;
    font-size:11px;
}

.fit-view-order__grid{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);
    gap:20px;
    align-items:start;
}

.fit-view-order__card{
    padding:26px;
    border:1px solid #ddd;
    border-radius:14px;
    background:#fff;
}

.fit-view-order__card h2{
    margin:0 0 22px;
    font-size:18px;
    font-weight:500;
}

.fit-view-order__section-title{
    margin-bottom:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.fit-view-order__section-title h2{
    margin:0;
}

.fit-view-order__section-title span{
    color:#888;
    font-size:11px;
}

.fit-view-order__items{
    margin-top:16px;
}

.fit-view-order-item{
    padding:18px 0;
    border-bottom:1px solid #eee;
    display:grid;
    grid-template-columns:76px 1fr auto;
    gap:16px;
    align-items:center;
}

.fit-view-order-item__image{
    width:76px;
    height:92px;
    overflow:hidden;
    border-radius:8px;
    background:#f7f7f7;
}

.fit-view-order-item__image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.fit-view-order-item__info strong{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:500;
}

.fit-view-order-item__info > span{
    color:#777;
    font-size:11px;
}

.fit-view-order-item__meta{
    color:#888;
    font-size:10px;
}

.fit-view-order-item__meta p,
.fit-view-order-item__meta dl{
    margin:0 0 6px;
}

.fit-view-order-item__price{
    font-size:13px;
    font-weight:500;
}

.fit-view-order__totals{
    margin-top:18px;
}

.fit-view-order__total-row{
    padding:9px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#666;
    font-size:12px;
}

.fit-view-order__total-row strong{
    color:#222;
    font-size:12px;
}

.fit-view-order__total-row.is-grand-total{
    margin-top:5px;
    padding-top:16px;
    border-top:1px solid #ddd;
    color:#111;
    font-size:15px;
}

.fit-view-order__total-row.is-grand-total strong{
    font-size:17px;
}

.fit-view-order__side{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.fit-view-order__side address{
    margin:0 0 14px;
    color:#555;
    font-size:13px;
    line-height:1.6;
    font-style:normal;
}

.fit-view-order__side p{
    margin:5px 0 0;
    color:#777;
    font-size:12px;
}

.fit-view-order__back{
    min-height:42px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    font-size:11px;
    text-decoration:none;
}

@media(max-width:767px){
    .fit-account__content > .woocommerce-info,
    .fit-account-orders > .woocommerce-info,
    .woocommerce-MyAccount-content > .woocommerce-info{
        margin-bottom:22px !important;
        font-size:10px !important;
    }

    .fit-order-card__number span,
    .fit-order-card__details span{
        font-size:10px;
    }

    .fit-order-card__number strong{
        font-size:17px;
    }

    .fit-order-card__details strong{
        font-size:12px;
    }

    .fit-addresses,
    .fit-address-inline{
        width:100%;
    }

    .fit-addresses__heading h1,
    .fit-address-inline__header h1{
        font-size:17px;
    }

    .fit-addresses__grid{
        grid-template-columns:1fr;
    }

    .fit-address-card{
        min-height:0;
        padding:18px 15px;
        border-radius:11px;
    }

    .fit-address-card address{
        font-size:11px;
    }

    .fit-address-empty{
        min-height:330px;
        padding:30px 8px;
    }

    .fit-address-empty h2{
        font-size:15px;
    }

    .fit-address-empty p{
        font-size:11px;
    }

    .fit-address-inline{
        padding:26px 4px 40px;
    }

    .fit-address-fields{
        grid-template-columns:1fr 1fr;
        gap:12px 8px;
    }

    .fit-address-fields input,
    .fit-address-fields select,
    .fit-address-fields .select2-container .select2-selection--single{
        height:50px !important;
        min-height:50px !important;
        padding:0 12px !important;
        font-size:12px !important;
    }

    .fit-view-order{
        width:100%;
        padding:24px 0 48px;
    }

    .fit-view-order__hero{
        padding:18px 15px;
        border-radius:11px;
    }

    .fit-view-order__hero h1{
        font-size:21px !important;
    }

    .fit-view-order__hero p{
        font-size:10px;
    }

    .fit-view-order__grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .fit-view-order__card{
        padding:18px 14px;
        border-radius:11px;
    }

    .fit-view-order-item{
        grid-template-columns:64px 1fr;
        gap:12px;
    }

    .fit-view-order-item__image{
        width:64px;
        height:80px;
    }

    .fit-view-order-item__price{
        grid-column:2;
        font-size:12px;
    }

    .fit-view-order__card h2{
        font-size:15px;
    }
}


/* =========================================================
   ACCOUNT READABILITY + ADDRESS ENDPOINT FIX
   ========================================================= */

/* Orders: deliberately larger, readable typography */
.fit-order-card{
    padding:30px 32px;
}

.fit-order-card__number span,
.fit-order-card__details span{
    margin-bottom:8px;
    color:#777;
    font-size:14px !important;
    line-height:1.25;
}

.fit-order-card__number strong{
    font-size:24px !important;
    line-height:1.1;
}

.fit-order-card__details{
    margin:34px 0 28px;
}

.fit-order-card__details strong{
    color:#111;
    font-size:16px !important;
    line-height:1.35;
    font-weight:500;
    white-space:nowrap;
}

.fit-order-card__status{
    padding:8px 13px;
    font-size:12px !important;
}

.fit-order-card__button{
    min-height:44px;
    font-size:13px !important;
}

/* Never allow Woo currency markup to split across lines in the card */
.fit-order-card__details .woocommerce-Price-amount,
.fit-order-card__details .woocommerce-Price-amount bdi,
.fit-order-card__details .woocommerce-Price-currencySymbol{
    display:inline !important;
    white-space:nowrap !important;
}

/* Address form: labels are intentionally visible */
.fit-address-fields label{
    display:block !important;
    margin:0 0 8px !important;
    color:#555 !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:400 !important;
}

.fit-address-fields label .required{
    color:#b51f1f;
}

.fit-address-fields .form-row{
    margin-bottom:0 !important;
}

.fit-address-fields input,
.fit-address-fields select,
.fit-address-fields .select2-container .select2-selection--single{
    font-size:14px !important;
}

/* Give the overview / empty state a proper visual separation */
.fit-addresses{
    padding-top:18px;
}

.fit-address-empty{
    min-height:390px;
}

.fit-address-empty h2{
    font-size:20px;
}

.fit-address-empty p{
    font-size:14px;
}

/* Saved address cards */
.fit-address-card__top h2{
    font-size:18px;
}

.fit-address-card address{
    font-size:14px;
}

.fit-address-card__contact,
.fit-address-card__actions a{
    font-size:13px;
}

@media(max-width:767px){
    .fit-order-card{
        padding:20px 16px;
    }

    .fit-order-card__number span,
    .fit-order-card__details span{
        font-size:11px !important;
    }

    .fit-order-card__number strong{
        font-size:19px !important;
    }

    .fit-order-card__details strong{
        font-size:13px !important;
    }

    .fit-order-card__status{
        font-size:10px !important;
    }

    .fit-order-card__button{
        font-size:11px !important;
    }

    .fit-address-fields label{
        margin-bottom:6px !important;
        font-size:11px !important;
    }

    .fit-address-empty h2{
        font-size:16px;
    }

    .fit-address-empty p{
        font-size:12px;
    }
}


/* =========================================================
   NATIVE WOO ADDRESS OVERVIEW
   ========================================================= */

.fit-address-overview{
    width:min(1040px, calc(100% - 48px));
    margin:0 auto;
    padding:34px 0 68px;
}

.fit-address-overview__head{
    margin-bottom:34px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}

.fit-address-overview__head h1{
    margin:0 0 8px;
    font-size:24px;
    font-weight:500;
}

.fit-address-overview__head p{
    margin:0;
    color:#737373;
    font-size:14px;
    line-height:1.5;
}

.fit-address-overview__count{
    min-width:28px;
    height:28px;
    padding:0 8px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    font-size:11px;
}

.fit-address-overview__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.fit-address-overview-card{
    min-height:310px;
    padding:28px;
    border:1px solid #d7d7d7;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    background:#fff;
}

.fit-address-overview-card__head{
    margin-bottom:24px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}

.fit-address-overview-card__head h2{
    margin:0;
    font-size:20px;
    font-weight:500;
}

.fit-address-overview-card__head span{
    padding:6px 10px;
    border-radius:999px;
    background:#f3f3f3;
    color:#777;
    font-size:10px;
}

.fit-address-overview-card address{
    margin:0 0 18px;
    color:#4f4f4f;
    font-size:14px;
    line-height:1.7;
    font-style:normal;
}

.fit-address-overview-card__contact{
    margin:4px 0 0;
    color:#777;
    font-size:13px;
}

.fit-address-overview-card__edit{
    margin-top:auto;
    color:#111;
    font-size:13px;
    text-decoration:underline;
    text-underline-offset:3px;
}

.fit-address-overview-card__missing{
    margin:auto 0;
    color:#777;
    font-size:13px;
}

.fit-address-overview-card__missing p{
    margin:0 0 14px;
}

.fit-address-overview-card__missing a{
    color:#111;
    font-size:13px;
    text-decoration:underline;
    text-underline-offset:3px;
}

.fit-address-overview__empty{
    min-height:380px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.fit-address-overview__empty-icon{
    width:84px;
    height:84px;
    margin-bottom:26px;
}

.fit-address-overview__empty-icon svg{
    width:84px;
    height:84px;
    fill:none;
    stroke:#111;
    stroke-width:1.8;
    stroke-linejoin:round;
}

.fit-address-overview__empty h2{
    margin:0 0 10px;
    font-size:19px;
    font-weight:500;
}

.fit-address-overview__empty p{
    margin:0 0 28px;
    color:#777;
    font-size:13px;
}

.fit-address-overview__empty .fit-account-primary{
    min-width:190px;
}

@media(max-width:767px){
    .fit-address-overview{
        width:100%;
        padding:26px 8px 48px;
    }

    .fit-address-overview__head{
        margin-bottom:24px;
    }

    .fit-address-overview__head h1{
        font-size:18px;
    }

    .fit-address-overview__head p{
        font-size:11px;
    }

    .fit-address-overview__grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .fit-address-overview-card{
        min-height:240px;
        padding:18px 15px;
        border-radius:12px;
    }

    .fit-address-overview-card__head h2{
        font-size:16px;
    }

    .fit-address-overview-card address{
        font-size:12px;
    }

    .fit-address-overview-card__contact,
    .fit-address-overview-card__edit,
    .fit-address-overview-card__missing,
    .fit-address-overview-card__missing a{
        font-size:11px;
    }

    .fit-address-overview__empty{
        min-height:320px;
    }

    .fit-address-overview__empty h2{
        font-size:16px;
    }

    .fit-address-overview__empty p{
        font-size:11px;
    }
}


/* =========================================================
   MOBILE MENU — IOS LINK COLOR FIX
   ========================================================= */
@media(max-width:767px){
    .fit-mobile-menu a,
    .fit-mobile-menu a:link,
    .fit-mobile-menu a:visited,
    .fit-mobile-menu a:hover,
    .fit-mobile-menu a:active{
        color:#111 !important;
        -webkit-text-fill-color:#111 !important;
        text-decoration:none !important;
    }

    .fit-mobile-submenu__content a,
    .fit-mobile-direct-link,
    .fit-mobile-menu__utility a,
    .fit-mobile-menu__quick a{
        color:#111 !important;
        -webkit-text-fill-color:#111 !important;
    }
}


/* =========================================================
   FITCOIN — HEADER + MY ACCOUNT
   ========================================================= */

.fit-header__account-wrap{
    display:flex;
    align-items:center;
    gap:8px;
}

.fit-header__account-wrap .fit-header__account{
    flex:0 0 30px;
}

.fit-header__fitcoin{
    width:auto !important;
    height:28px !important;
    padding:0 10px !important;
    border:1px solid #dedbd7 !important;
    border-radius:999px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    background:#f8f5f1 !important;
    color:#111;
    font-size:10px;
    line-height:1;
    font-weight:600;
    white-space:nowrap;
    transition:border-color .18s ease,background .18s ease;
}

.fit-header__fitcoin:hover{
    border-color:#111 !important;
    background:#fff !important;
}

.fit-account-dashboard{
    width:min(920px,100%);
    margin:0 auto;
}

.fit-account-fitcoin{
    width:100%;
    padding:28px 30px;
    border-radius:16px;
    background:#f4f1ec;
}

.fit-account-fitcoin__top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}

.fit-account-fitcoin__eyebrow{
    display:block;
    margin-bottom:5px;
    color:#777;
    font-size:11px;
    line-height:1.4;
}

.fit-account-fitcoin h2{
    margin:0;
    color:#111;
    font-size:32px;
    line-height:1.1;
    font-weight:600;
    letter-spacing:-.025em;
}

.fit-account-fitcoin h2 small{
    font-size:15px;
    font-weight:500;
}

.fit-account-fitcoin__leaderboard{
    min-height:38px;
    padding:0 17px;
    border:1px solid #111;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#111;
    font-size:11px;
    font-weight:600;
    white-space:nowrap;
}

.fit-account-fitcoin__leaderboard span{
    font-size:16px;
    line-height:1;
}

.fit-account-fitcoin__progress{
    margin-top:28px;
}

.fit-account-fitcoin__progress-head{
    margin-bottom:9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#555;
    font-size:11px;
    line-height:1.4;
}

.fit-account-fitcoin__progress-head strong{
    color:#111;
    font-weight:600;
}

.fit-account-fitcoin__bar{
    width:100%;
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#ddd8d1;
}

.fit-account-fitcoin__bar span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:#111;
}

.fit-account-fitcoin__progress p{
    margin:9px 0 0;
    color:#777;
    font-size:10px;
    line-height:1.4;
}

.fit-account-empty--dashboard{
    min-height:270px;
}

@media(max-width:1100px){
    .fit-header__fitcoin{
        display:none !important;
    }
}

@media(max-width:767px){
    .fit-account-dashboard{
        width:100%;
    }

    .fit-account-fitcoin{
        padding:22px 18px;
        border-radius:14px;
    }

    .fit-account-fitcoin__top{
        align-items:stretch;
        flex-direction:column;
        gap:18px;
    }

    .fit-account-fitcoin h2{
        font-size:28px;
    }

    .fit-account-fitcoin__leaderboard{
        width:max-content;
    }

    .fit-account-fitcoin__progress{
        margin-top:22px;
    }

    .fit-account-fitcoin__progress-head{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
        font-size:12px;
    }

    .fit-account-fitcoin__progress p{
        font-size:11px;
    }

    .fit-account-empty--dashboard{
        min-height:250px;
    }
}

/* FITCOIN — PRODUCT DETAIL */
.fit-pdp-fitcoin{width:100%;min-height:48px;margin:16px 0 20px;padding:11px 14px;border:1px solid #e7e2dc;border-radius:10px;display:flex;align-items:center;gap:10px;background:#faf8f5;color:#111;font-size:12px;line-height:1.35;text-decoration:none;transition:border-color .18s ease,background .18s ease}
.fit-pdp-fitcoin:hover{border-color:#c9c1b8;background:#f6f2ed}
.fit-pdp-fitcoin__icon{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;font-size:12px;line-height:1}
.fit-pdp-fitcoin strong{font-weight:600}
.fit-pdp-fitcoin__arrow{margin-left:auto;font-size:16px;line-height:1}
@media(max-width:767px){.fit-pdp-fitcoin{min-height:46px;margin:14px 0 18px;padding:10px 12px;font-size:12px}}
/* SEARCH RESULTS SCROLL */
[data-fit-search]{
    overflow:hidden;
}

[data-search-results]{
    max-height:calc(100vh - 150px);
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}

/* Chrome / Edge / Safari */
[data-search-results]::-webkit-scrollbar{
    width:6px;
}

[data-search-results]::-webkit-scrollbar-track{
    background:transparent;
}

[data-search-results]::-webkit-scrollbar-thumb{
    background:#d8d8d8;
    border-radius:10px;
}

@media(max-width:767px){
    [data-search-results]{
        max-height:calc(100dvh - 115px);
        padding-bottom:24px;
    }
}
/* =========================================================
   ELIT'S CHOICE — COMING SOON PAGE
   ========================================================= */

.page-template-page-elits-choice .fit-main{
    margin:0 !important;
    padding:0 !important;
}

.fit-coming-soon{
    position:relative;
    min-height:650px;
    padding:70px 24px;
    background:#fff;
    color:#111;
    overflow:hidden;
}

.fit-coming-soon__center{
    position:absolute;
    left:50%;
    top:50%;
    width:min(1180px, calc(100% - 48px));
    transform:translate(-50%, -50%);
    text-align:center;
}

.fit-coming-soon__ghost{
    position:absolute;
    left:50%;
    top:43%;
    transform:translate(-50%, -50%);
    width:100%;
    color:#f1f0ed;
    font-size:clamp(92px, 10.5vw, 190px);
    line-height:.82;
    font-weight:500;
    letter-spacing:-.055em;
    white-space:nowrap;
    user-select:none;
    pointer-events:none;
}

.fit-coming-soon__content{
    position:relative;
    z-index:2;
}

.fit-coming-soon__eyebrow{
    margin:0 0 24px;
    font-size:12px;
    line-height:1;
    letter-spacing:.22em;
    font-weight:500;
}

.fit-coming-soon__content h1{
    margin:0 0 96px;
    font-size:46px;
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.025em;
}

.fit-coming-soon__copy{
    margin:0 auto 40px;
    max-width:620px;
    font-size:18px;
    line-height:1.6;
    font-weight:400;
    color:#555;
}

.fit-coming-soon__links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}

.fit-coming-soon__links > a{
    color:#555;
    font-size:14px;
    line-height:1.2;
    text-decoration:none;
}

.fit-coming-soon__links > a:first-child{
    padding-bottom:3px;
    border-bottom:1px solid currentColor;
}

.fit-coming-soon__instagram{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
}

.fit-coming-soon__instagram svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}

@media (max-width:991px){
    .fit-coming-soon{
        min-height:590px;
    }

    .fit-coming-soon__content h1{
        margin-bottom:82px;
        font-size:38px;
    }

    .fit-coming-soon__copy{
        font-size:17px;
    }
}

@media (max-width:767px){
    .fit-coming-soon{
        min-height:520px;
        padding:50px 18px;
    }

    .fit-coming-soon__center{
        width:calc(100% - 28px);
    }

    .fit-coming-soon__ghost{
        top:42%;
        font-size:clamp(58px, 18.5vw, 92px);
        white-space:normal;
    }

    .fit-coming-soon__eyebrow{
        margin-bottom:18px;
        font-size:10px;
    }

    .fit-coming-soon__content h1{
        margin-bottom:68px;
        font-size:30px;
    }

    .fit-coming-soon__copy{
        max-width:330px;
        margin-bottom:34px;
        font-size:15px;
        line-height:1.55;
    }

    .fit-coming-soon__copy br{
        display:none;
    }

    .fit-coming-soon__links{
        gap:18px;
    }

    .fit-coming-soon__links > a{
        font-size:13px;
    }
}