/* TFS CITY HERO FINAL - no flash / short hero */
.tfs-city-hero-banner{
    position:relative !important;
    display:block !important;
    height:300px !important;
    min-height:300px !important;
    margin:22px auto 0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#111 !important;
    box-shadow:0 18px 46px rgba(0,0,0,.10) !important;
}
.tfs-city-hero-banner:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,
        rgba(0,0,0,.48) 0%,
        rgba(0,0,0,.30) 32%,
        rgba(0,0,0,.10) 62%,
        rgba(0,0,0,0) 100%) !important;
}
.tfs-city-hero-inner{
    position:absolute !important;
    z-index:1 !important;
    left:0 !important;
    bottom:86px !important;
    width:48% !important;
    max-width:680px !important;
    padding:0 38px 0 60px !important;
    margin:0 !important;
}
.tfs-city-hero-text,
.tfs-city-hero-text *{
    color:#fff !important;
    text-shadow:0 3px 14px rgba(0,0,0,.38) !important;
}
.tfs-city-hero-text h1{
    margin:0 0 8px !important;
    font-size:62px !important;
    line-height:.95 !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
}
.tfs-city-hero-text p{
    margin:0 !important;
}
.tfs-city-hero-subtitle{
    display:block !important;
    font-size:28px !important;
    line-height:1.12 !important;
    font-weight:700 !important;
}
.tfs-city-hero-small{
    display:block !important;
    margin-top:10px !important;
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
    opacity:.90 !important;
}
.tfs-city-hero-overlap-trust{
    position:relative !important;
    z-index:8 !important;
    margin:-72px 0 -24px !important;
}
.tfs-city-has-hero .tfs-city-truststrip{
    margin:0 !important;
    background:rgba(255,255,255,.96) !important;
    border-radius:20px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.12) !important;
    border:1px solid rgba(0,0,0,.04) !important;
    overflow:hidden !important;
}
.tfs-city-has-hero .cat_toolbar{
    margin-top:0 !important;
    margin-bottom:-16px !important;
    padding-top:0 !important;
    min-height:34px !important;
}
.nt_section.tfs-city-has-hero{
    padding-top:0 !important;
    margin-top:-22px !important;
}

@media(max-width:991px){
    .tfs-city-hero-inner{
        width:55% !important;
        max-width:55% !important;
        padding-left:42px !important;
    }
    .tfs-city-hero-text h1{font-size:48px !important;}
    .tfs-city-hero-subtitle{font-size:23px !important;}
}

@media(max-width:767px){
    .tfs-city-hero-banner{
        height:250px !important;
        min-height:250px !important;
        margin:14px 0 0 !important;
        border-radius:18px !important;
        background-size:cover !important;
        background-position:center center !important;
        background-color:#111 !important;
        box-shadow:0 16px 38px rgba(0,0,0,.10) !important;
    }
    .tfs-city-hero-banner:before{
        background:linear-gradient(90deg,
            rgba(0,0,0,.52) 0%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.12) 72%,
            rgba(0,0,0,0) 100%) !important;
    }
    .tfs-city-hero-inner{
        position:absolute !important;
        left:0 !important;
        bottom:82px !important;
        width:70% !important;
        max-width:70% !important;
        padding:0 14px 0 24px !important;
        margin:0 !important;
        z-index:1 !important;
    }
    .tfs-city-hero-text h1{
        font-size:34px !important;
        line-height:.95 !important;
        margin-bottom:5px !important;
        letter-spacing:.015em !important;
    }
    .tfs-city-hero-subtitle{
        font-size:17px !important;
        line-height:1.10 !important;
        font-weight:700 !important;
    }
    .tfs-city-hero-small{
        margin-top:5px !important;
        font-size:11px !important;
        line-height:1.18 !important;
        font-weight:500 !important;
        opacity:.90 !important;
    }
    .tfs-city-hero-overlap-trust{
        margin:-72px 0 -12px !important;
        position:relative !important;
        z-index:9 !important;
    }
    .tfs-city-has-hero .tfs-city-truststrip{
        margin:0 !important;
        border-radius:17px !important;
        background:rgba(255,255,255,.97) !important;
        box-shadow:0 16px 38px rgba(0,0,0,.12) !important;
    }
    .tfs-city-has-hero .tfs-city-trustitem{
        min-height:64px !important;
        padding:5px 3px !important;
    }
    .nt_section.tfs-city-has-hero{
        margin-top:-12px !important;
        padding-top:0 !important;
    }
    .tfs-city-has-hero .cat_toolbar{
        margin-top:0 !important;
        margin-bottom:-18px !important;
        min-height:30px !important;
    }
}
@media(max-width:420px){
    .tfs-city-hero-banner{
        height:240px !important;
        min-height:240px !important;
        background-position:center center !important;
    }
    .tfs-city-hero-inner{
        bottom:78px !important;
        width:72% !important;
        max-width:72% !important;
        padding-left:22px !important;
    }
    .tfs-city-hero-text h1{font-size:32px !important;}
    .tfs-city-hero-subtitle{font-size:16px !important;}
    .tfs-city-hero-small{font-size:10.5px !important;}
    .tfs-city-hero-overlap-trust{margin-top:-68px !important;}
}


/* City pages trust strip */
.tfs-city-truststrip{
    margin:0 0 16px;
    border-radius:18px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    border:1px solid rgba(0,0,0,.05);
    overflow:hidden;
}

/* When a city banner image exists, let the trust strip overlap the banner.
   The banner and trust strip use the same 1400px container width. */
.tfs-city-has-hero .cat_toolbar{
    margin-top:0 !important;
    position:relative;
    z-index:3;
}
.tfs-city-has-hero .tfs-city-truststrip{
    margin:0 0 18px !important;
    position:relative;
    z-index:5;
    background:rgba(255,255,255,.94);
    border-radius:20px;
    box-shadow:0 18px 45px rgba(0,0,0,.10);
}
.tfs-city-has-hero .tfs-city-hero-banner{
    margin-bottom:0 !important;
}
.tfs-city-has-hero .cat_toolbar .col{
    padding-left:0;
    padding-right:0;
}


/* TFS_CITY_PRODUCT_INTRO_V1 */
.tfs-city-product-intro{
    text-align:center;
    max-width:900px;
    margin:30px auto 10px;
    padding:0 20px;
}
.tfs-city-product-intro h2{
    margin:0 0 7px;
    color:#222;
    font-size:25px;
    line-height:1.25;
    font-weight:700;
}
.tfs-city-product-intro-text{
    margin:0 auto;
    max-width:820px;
    color:#666;
    font-size:14px;
    line-height:1.55;
}
.tfs-city-has-hero .tfs-city-product-intro{
    margin-top:48px;
}
@media(max-width:767px){
    .tfs-city-product-intro{
        margin:22px auto 7px;
        padding:0 14px;
    }
    .tfs-city-has-hero .tfs-city-product-intro{
        margin-top:32px;
    }
    .tfs-city-product-intro h2{
        font-size:21px;
    }
    .tfs-city-product-intro-text{
        font-size:13px;
        line-height:1.45;
    }
}

/* Compact city hero layout: pull products/sort filter closer after floating trust card */
.nt_section.tfs-city-has-hero{
    padding-top:0 !important;
    margin-top:-8px !important;
}
.tfs-city-has-hero .kalles-otp-01__feature{
    padding-top:0 !important;
}
.tfs-city-has-hero .cat_toolbar{
    margin-top:0 !important;
    margin-bottom:6px !important;
}
.tfs-city-trustwrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:center;
}
.tfs-city-trustitem{
    display:flex;
    align-items:center;
    gap:16px;
    min-height:76px;
    padding:8px 22px;
    border-right:1px solid rgba(0,0,0,.10);
}
.tfs-city-trustitem:last-child{border-right:0;}
.tfs-city-trusticon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#e91e63;
    font-size:30px;
    line-height:1;
    font-weight:800;
}
.tfs-city-trusticon svg{
    width:40px;
    height:40px;
    stroke:#e91e63;
    fill:none;
    stroke-width:1.8;
}
.tfs-city-trusttitle{
    display:block;
    font-size:14px;
    line-height:1.18;
    font-weight:700;
    color:#111;
    margin-bottom:3px;
}
.tfs-city-truststars{
    display:block;
    color:#e91e63;
    letter-spacing:3px;
    font-size:18px;
    line-height:1;
    margin-bottom:3px;
}
.tfs-city-trusttext{
    display:block;
    font-size:11px;
    line-height:1.25;
    color:#555;
}
.tfs-city-review-brands{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:4px;
    flex-wrap:wrap;
}
.tfs-city-brand-trustpilot,
.tfs-city-brand-google{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:15px;
    font-weight:600;
    line-height:1;
}
.tfs-city-brand-trustpilot{color:#111;}
.tfs-city-brand-trustpilot .fa{color:#00b67a;font-size:18px;}
.tfs-city-brand-google .g1{color:#4285f4}.tfs-city-brand-google .g2{color:#db4437}.tfs-city-brand-google .g3{color:#f4b400}
.tfs-city-brand-google .g4{color:#4285f4}.tfs-city-brand-google .g5{color:#0f9d58}.tfs-city-brand-google .g6{color:#db4437}

@media(max-width:1199px){
    .tfs-city-trustitem{gap:10px;padding:9px 12px;min-height:74px}
    .tfs-city-trusticon{flex-basis:36px;width:36px;height:36px;font-size:28px}
    .tfs-city-trusticon svg{width:36px;height:36px}
    .tfs-city-trusttitle{font-size:13px}
    .tfs-city-trusttext{font-size:10px}
    .tfs-city-brand-trustpilot,.tfs-city-brand-google{font-size:14px}
}
@media(max-width:767px){

    .cat_toolbar{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
    .nt_section.tfs-city-has-hero{margin-top:-4px !important;}

    .tfs-city-hero-overlap-trust{margin:-38px 0 2px;}
    .tfs-city-truststrip{
        margin:2px 0 8px !important;
        border-radius:12px;
    }
    .tfs-city-has-hero .tfs-city-truststrip{
        margin:-34px 0 2px !important;
        border-radius:14px;
    }
    .tfs-city-trustwrap{grid-template-columns:repeat(4,1fr);}
    .tfs-city-trustitem{
        min-height:72px;padding:8px 4px;gap:3px;justify-content:center;text-align:center;
        border-right:1px solid rgba(0,0,0,.12);flex-direction:column;
    }
    .tfs-city-trusticon{flex:0 0 auto;width:26px;height:26px;font-size:22px;margin:0 auto 2px;}
    .tfs-city-trusticon svg{width:26px;height:26px;}
    .tfs-city-trusttitle{font-size:9px;line-height:1.12;margin-bottom:1px;}
    .tfs-city-truststars{font-size:10px;letter-spacing:0;margin-bottom:2px;}
    .tfs-city-trusttext{font-size:6px;line-height:1.12;max-height:14px;overflow:hidden;}
    .tfs-city-review-brands{gap:4px;margin-top:2px;justify-content:center;}
    .tfs-city-brand-trustpilot,.tfs-city-brand-google{font-size:7px;gap:2px;}
    .tfs-city-brand-trustpilot .fa{font-size:8px}
}

/* Final city hero spacing polish */
.tfs-city-has-hero .tfs-city-hero-overlap-trust{
    margin:-72px 0 -34px !important;
}
.tfs-city-has-hero{
    padding-top:0 !important;
    margin-top:-42px !important;
}
.tfs-city-has-hero .kalles-otp-01__feature{
    padding-top:0 !important;
    margin-top:0 !important;
}
.tfs-city-has-hero .cat_toolbar{
    margin-top:0 !important;
    margin-bottom:-12px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    min-height:40px;
}
.tfs-city-has-hero .nt_products_holder{
    margin-top:0 !important;
}
@media(max-width:767px){
    .tfs-city-has-hero .tfs-city-hero-overlap-trust{
        margin:-34px 0 -18px !important;
    }
    .tfs-city-has-hero{
        margin-top:-18px !important;
    }
    .tfs-city-has-hero .cat_toolbar{
        margin-top:0 !important;
        margin-bottom:-8px !important;
        min-height:32px;
    }
}



/* TFS final rebuilt city hero: stable desktop/mobile layout */
.tfs-city-hero-banner{
    position:relative !important;
    display:block !important;
    margin:22px auto 0 !important;
    min-height:270px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 16px 42px rgba(0,0,0,.08) !important;
    border:1px solid rgba(0,0,0,.05) !important;
}
.tfs-city-hero-banner:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.82) 36%, rgba(255,255,255,.28) 62%, rgba(255,255,255,.04) 100%) !important;
    z-index:0 !important;
    pointer-events:none !important;
}
.tfs-city-hero-inner{
    position:relative !important;
    z-index:1 !important;
    max-width:620px !important;
    padding:46px 54px 108px !important;
}
.tfs-city-hero-text{
    color:#151515 !important;
    font-size:15px !important;
    line-height:1.38 !important;
    font-weight:600 !important;
    max-width:590px !important;
}
.tfs-city-hero-text p{margin:0 0 9px !important;}
.tfs-city-hero-text p:last-child{margin-bottom:0 !important;}
.tfs-city-hero-text h1,
.tfs-city-hero-text h2,
.tfs-city-hero-text h3,
.tfs-city-hero-text strong{
    color:#151515 !important;
    font-weight:800 !important;
}
.tfs-city-hero-overlap-trust{
    position:relative !important;
    z-index:6 !important;
    margin:-58px 0 -30px !important;
}
.tfs-city-has-hero .tfs-city-truststrip{
    margin:0 !important;
    background:rgba(255,255,255,.96) !important;
    border-radius:20px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.10) !important;
}
.tfs-city-has-hero .tfs-city-trustitem{
    min-height:78px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
}
.tfs-city-has-hero .cat_toolbar{
    margin-top:0 !important;
    margin-bottom:-18px !important;
    padding-top:0 !important;
    min-height:34px !important;
}
.tfs-city-has-hero .nt_products_holder{margin-top:0 !important;}
.nt_section.tfs-city-has-hero{padding-top:0 !important;margin-top:-28px !important;}

@media(max-width:767px){
    .tfs-city-hero-banner{
        min-height:355px !important;
        margin:14px 0 0 !important;
        border-radius:18px !important;
        background-size:cover !important;
        background-position:center top !important;
    }
    .tfs-city-hero-banner:before{
        background:linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 55%, rgba(255,255,255,.18) 100%) !important;
    }
    .tfs-city-hero-inner{
        max-width:86% !important;
        padding:54px 22px 112px 22px !important;
    }
    .tfs-city-hero-text{
        font-size:13px !important;
        line-height:1.18 !important;
        font-weight:700 !important;
        max-width:100% !important;
    }
    .tfs-city-hero-text p{
        margin:0 0 9px !important;
    }
    .tfs-city-hero-text h1,
    .tfs-city-hero-text h2{
        font-size:18px !important;
        line-height:1.05 !important;
        margin:0 0 8px !important;
    }
    .tfs-city-hero-overlap-trust{
        margin:-58px 0 -18px !important;
    }
    .tfs-city-has-hero .tfs-city-truststrip{
        border-radius:16px !important;
        overflow:hidden !important;
        margin:0 !important;
    }
    .tfs-city-has-hero .tfs-city-trustitem{
        min-height:70px !important;
        padding:7px 4px !important;
    }
    .nt_section.tfs-city-has-hero{
        margin-top:-10px !important;
        padding-top:0 !important;
    }
    .tfs-city-has-hero .cat_toolbar{
        margin-top:0 !important;
        margin-bottom:-18px !important;
        min-height:28px !important;
    }
}


/* TFS city hero final mobile rebuild - image fills the card, softer overlay, lower text */
@media (max-width: 767px) {
    .tfs-city-hero-banner{
        min-height:500px !important;
        margin:14px 0 0 !important;
        padding:0 !important;
        border:0 !important;
        outline:0 !important;
        border-radius:18px !important;
        overflow:hidden !important;
        background-size:cover !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;
        background-color:transparent !important;
        box-shadow:0 14px 36px rgba(0,0,0,.08) !important;
    }

    .tfs-city-hero-banner:before{
        content:"" !important;
        position:absolute !important;
        inset:0 !important;
        z-index:0 !important;
        pointer-events:none !important;
        background:linear-gradient(90deg,
            rgba(255,255,255,.82) 0%,
            rgba(255,255,255,.66) 38%,
            rgba(255,255,255,.24) 63%,
            rgba(255,255,255,.02) 100%) !important;
    }

    .tfs-city-hero-inner{
        position:relative !important;
        z-index:1 !important;
        max-width:72% !important;
        padding:96px 22px 150px 26px !important;
        margin:0 !important;
    }

    .tfs-city-hero-text{
        max-width:100% !important;
        color:#111 !important;
        font-size:13px !important;
        line-height:1.22 !important;
        font-weight:700 !important;
        text-shadow:none !important;
    }

    .tfs-city-hero-text p{
        margin:0 0 14px !important;
    }

    .tfs-city-hero-text p:last-child{
        margin-bottom:0 !important;
    }

    .tfs-city-hero-overlap-trust{
        margin:-86px 0 -20px !important;
        position:relative !important;
        z-index:7 !important;
    }

    .tfs-city-has-hero .tfs-city-truststrip{
        margin:0 !important;
        border-radius:17px !important;
        background:rgba(255,255,255,.96) !important;
        box-shadow:0 16px 38px rgba(0,0,0,.10) !important;
        overflow:hidden !important;
    }

    .tfs-city-has-hero .tfs-city-trustitem{
        min-height:74px !important;
        padding:7px 4px !important;
    }

    .tfs-city-has-hero .cat_toolbar{
        margin-top:0 !important;
        margin-bottom:-18px !important;
        padding-top:0 !important;
        min-height:30px !important;
    }

    .nt_section.tfs-city-has-hero{
        margin-top:-12px !important;
        padding-top:0 !important;
    }
}


/* TFS mobile hero final polish: crop source image whitespace and keep text bottom-anchored */
@media (max-width: 767px) {
    .tfs-city-hero-banner{
        height:430px !important;
        min-height:430px !important;
        margin:14px 0 0 !important;
        border-radius:18px !important;
        overflow:hidden !important;
        background-size:auto 168% !important;
        background-position:center 50% !important;
        background-repeat:no-repeat !important;
        background-color:#fff !important;
        border:0 !important;
        outline:0 !important;
        box-shadow:0 16px 38px rgba(0,0,0,.08) !important;
    }
    .tfs-city-hero-banner:before{
        background:
            linear-gradient(90deg,
                rgba(255,255,255,.76) 0%,
                rgba(255,255,255,.56) 40%,
                rgba(255,255,255,.18) 64%,
                rgba(255,255,255,.02) 100%),
            linear-gradient(0deg,
                rgba(255,255,255,.66) 0%,
                rgba(255,255,255,.26) 26%,
                rgba(255,255,255,0) 52%) !important;
    }
    .tfs-city-hero-inner{
        position:absolute !important;
        left:0 !important;
        bottom:108px !important;
        width:72% !important;
        max-width:72% !important;
        padding:0 18px 0 34px !important;
        margin:0 !important;
        z-index:1 !important;
    }
    .tfs-city-hero-text{
        font-size:12.5px !important;
        line-height:1.2 !important;
        font-weight:700 !important;
    }
    .tfs-city-hero-text p{
        margin:0 0 11px !important;
    }
    .tfs-city-hero-overlap-trust{
        margin:-82px 0 -16px !important;
        position:relative !important;
        z-index:8 !important;
    }
}
@media (max-width: 420px) {
    .tfs-city-hero-banner{
        height:420px !important;
        min-height:420px !important;
        background-size:auto 172% !important;
        background-position:center 50% !important;
    }
    .tfs-city-hero-inner{
        bottom:104px !important;
        width:73% !important;
        max-width:73% !important;
        padding-left:30px !important;
    }
    .tfs-city-hero-text{
        font-size:12px !important;
        line-height:1.18 !important;
    }
}

/* =========================================================
   TFS CITY HERO FINAL PRO OVERRIDE
   Desktop + mobile: darker readable overlay, white text,
   image fills card, trust strip overlaps cleanly.
   ========================================================= */
.tfs-city-hero-banner{
    position:relative !important;
    display:block !important;
    height:300px !important;
    min-height:300px !important;
    margin:22px auto 0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#111 !important;
    box-shadow:0 18px 46px rgba(0,0,0,.10) !important;
}
.tfs-city-hero-banner:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg,
            rgba(0,0,0,.54) 0%,
            rgba(0,0,0,.36) 34%,
            rgba(0,0,0,.12) 62%,
            rgba(0,0,0,0) 100%),
        linear-gradient(0deg,
            rgba(0,0,0,.18) 0%,
            rgba(0,0,0,0) 42%) !important;
}
.tfs-city-hero-inner{
    position:absolute !important;
    z-index:1 !important;
    left:0 !important;
    bottom:86px !important;
    width:44% !important;
    max-width:660px !important;
    padding:0 34px 0 58px !important;
    margin:0 !important;
}
.tfs-city-hero-text{
    color:#fff !important;
    font-size:17px !important;
    line-height:1.36 !important;
    font-weight:700 !important;
    max-width:100% !important;
    text-shadow:0 2px 12px rgba(0,0,0,.35) !important;
}
.tfs-city-hero-text,
.tfs-city-hero-text *{
    color:#fff !important;
}
.tfs-city-hero-text p{
    margin:0 0 12px !important;
}
.tfs-city-hero-text p:last-child{
    margin-bottom:0 !important;
}
.tfs-city-hero-text h1,
.tfs-city-hero-text h2,
.tfs-city-hero-text h3,
.tfs-city-hero-text strong{
    color:#fff !important;
    font-weight:800 !important;
}
.tfs-city-hero-overlap-trust{
    position:relative !important;
    z-index:8 !important;
    margin:-64px 0 -28px !important;
}
.tfs-city-has-hero .tfs-city-truststrip{
    margin:0 !important;
    background:rgba(255,255,255,.96) !important;
    border-radius:20px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.12) !important;
    border:1px solid rgba(0,0,0,.04) !important;
    overflow:hidden !important;
}
.tfs-city-has-hero .cat_toolbar{
    margin-top:0 !important;
    margin-bottom:-16px !important;
    padding-top:0 !important;
    min-height:34px !important;
}
.nt_section.tfs-city-has-hero{
    padding-top:0 !important;
    margin-top:-26px !important;
}

@media(max-width:991px){
    .tfs-city-hero-inner{
        width:58% !important;
        padding-left:42px !important;
    }
    .tfs-city-hero-text{
        font-size:15px !important;
    }
}

@media(max-width:767px){
    .tfs-city-hero-banner{
        height:430px !important;
        min-height:430px !important;
        margin:14px 0 0 !important;
        border-radius:18px !important;
        background-size:cover !important;
        background-position:center center !important;
        background-color:#111 !important;
        box-shadow:0 16px 38px rgba(0,0,0,.10) !important;
    }
    .tfs-city-hero-banner:before{
        background:
            linear-gradient(90deg,
                rgba(0,0,0,.48) 0%,
                rgba(0,0,0,.30) 42%,
                rgba(0,0,0,.08) 68%,
                rgba(0,0,0,0) 100%),
            linear-gradient(0deg,
                rgba(0,0,0,.20) 0%,
                rgba(0,0,0,0) 45%) !important;
    }
    .tfs-city-hero-inner{
        position:absolute !important;
        left:0 !important;
        bottom:116px !important;
        width:73% !important;
        max-width:73% !important;
        padding:0 18px 0 28px !important;
        margin:0 !important;
        z-index:1 !important;
    }
    .tfs-city-hero-text{
        color:#fff !important;
        font-size:13px !important;
        line-height:1.20 !important;
        font-weight:800 !important;
        text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
    }
    .tfs-city-hero-text,
    .tfs-city-hero-text *{
        color:#fff !important;
    }
    .tfs-city-hero-text p{
        margin:0 0 12px !important;
    }
    .tfs-city-hero-overlap-trust{
        margin:-72px 0 -18px !important;
        position:relative !important;
        z-index:9 !important;
    }
    .tfs-city-has-hero .tfs-city-truststrip{
        margin:0 !important;
        border-radius:17px !important;
        background:rgba(255,255,255,.97) !important;
        box-shadow:0 16px 38px rgba(0,0,0,.12) !important;
        overflow:hidden !important;
    }
    .tfs-city-has-hero .tfs-city-trustitem{
        min-height:72px !important;
        padding:7px 4px !important;
    }
    .nt_section.tfs-city-has-hero{
        margin-top:-12px !important;
        padding-top:0 !important;
    }
    .tfs-city-has-hero .cat_toolbar{
        margin-top:0 !important;
        margin-bottom:-18px !important;
        min-height:30px !important;
    }
}

@media(max-width:420px){
    .tfs-city-hero-banner{
        height:420px !important;
        min-height:420px !important;
        background-position:center center !important;
    }
    .tfs-city-hero-inner{
        bottom:110px !important;
        width:74% !important;
        max-width:74% !important;
        padding-left:26px !important;
    }
    .tfs-city-hero-text{
        font-size:12.5px !important;
        line-height:1.18 !important;
    }
}


/* =========================================================
   TFS CITY HERO - FINAL SHORT PREMIUM VERSION
   Short city headline, dark overlay, trust card fully on image
   ========================================================= */
.tfs-city-hero-banner{
    position:relative !important;
    display:block !important;
    height:280px !important;
    min-height:280px !important;
    margin:22px auto 0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#111 !important;
    box-shadow:0 18px 46px rgba(0,0,0,.10) !important;
}
.tfs-city-hero-banner:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg,
            rgba(0,0,0,.52) 0%,
            rgba(0,0,0,.34) 34%,
            rgba(0,0,0,.10) 62%,
            rgba(0,0,0,0) 100%),
        linear-gradient(0deg,
            rgba(0,0,0,.18) 0%,
            rgba(0,0,0,0) 42%) !important;
}
.tfs-city-hero-inner{
    position:absolute !important;
    z-index:1 !important;
    left:0 !important;
    bottom:102px !important;
    width:46% !important;
    max-width:680px !important;
    padding:0 34px 0 58px !important;
    margin:0 !important;
}
.tfs-city-hero-text,
.tfs-city-hero-text *{
    color:#fff !important;
    text-shadow:0 2px 14px rgba(0,0,0,.38) !important;
}
.tfs-city-hero-text{
    font-size:16px !important;
    line-height:1.22 !important;
    font-weight:600 !important;
    max-width:100% !important;
}
.tfs-city-hero-text h1{
    margin:0 0 8px !important;
    font-size:58px !important;
    line-height:.96 !important;
    letter-spacing:.04em !important;
    font-weight:900 !important;
}
.tfs-city-hero-text .tfs-city-hero-subtitle{
    margin:0 0 3px !important;
    font-size:24px !important;
    line-height:1.05 !important;
    font-weight:800 !important;
}
.tfs-city-hero-text .tfs-city-hero-small{
    margin:0 !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    opacity:.96 !important;
}
.tfs-city-hero-overlap-trust{
    position:relative !important;
    z-index:8 !important;
    margin:-92px 0 -54px !important; /* pull whole trust strip onto hero image */
}
.tfs-city-has-hero .tfs-city-truststrip{
    margin:0 !important;
    background:rgba(255,255,255,.94) !important;
    border-radius:20px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.13) !important;
    border:1px solid rgba(0,0,0,.04) !important;
    overflow:hidden !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
}
.tfs-city-has-hero .tfs-city-trustitem{
    min-height:76px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
}
.tfs-city-has-hero .cat_toolbar{
    margin-top:0 !important;
    margin-bottom:-18px !important;
    padding-top:0 !important;
    min-height:34px !important;
}
.nt_section.tfs-city-has-hero{
    padding-top:0 !important;
    margin-top:-18px !important;
}
.tfs-city-has-hero .nt_products_holder{
    margin-top:0 !important;
}

@media(max-width:991px){
    .tfs-city-hero-inner{
        width:60% !important;
        padding-left:42px !important;
    }
    .tfs-city-hero-text h1{
        font-size:48px !important;
    }
    .tfs-city-hero-text .tfs-city-hero-subtitle{
        font-size:21px !important;
    }
}

@media(max-width:767px){
    .tfs-city-hero-banner{
        height:300px !important;
        min-height:300px !important;
        margin:14px 0 0 !important;
        border-radius:18px !important;
        background-size:cover !important;
        background-position:center center !important;
        background-color:#111 !important;
        box-shadow:0 16px 38px rgba(0,0,0,.10) !important;
    }
    .tfs-city-hero-banner:before{
        background:
            linear-gradient(90deg,
                rgba(0,0,0,.50) 0%,
                rgba(0,0,0,.32) 44%,
                rgba(0,0,0,.08) 70%,
                rgba(0,0,0,0) 100%),
            linear-gradient(0deg,
                rgba(0,0,0,.18) 0%,
                rgba(0,0,0,0) 45%) !important;
    }
    .tfs-city-hero-inner{
        left:0 !important;
        bottom:88px !important;
        width:78% !important;
        max-width:78% !important;
        padding:0 18px 0 28px !important;
        margin:0 !important;
    }
    .tfs-city-hero-text{
        line-height:1.1 !important;
    }
    .tfs-city-hero-text h1{
        font-size:42px !important;
        line-height:.92 !important;
        letter-spacing:.03em !important;
        margin:0 0 6px !important;
    }
    .tfs-city-hero-text .tfs-city-hero-subtitle{
        font-size:18px !important;
        line-height:1.05 !important;
        margin:0 0 2px !important;
        font-weight:800 !important;
    }
    .tfs-city-hero-text .tfs-city-hero-small{
        font-size:12px !important;
        line-height:1.15 !important;
        margin:0 !important;
        font-weight:600 !important;
    }
    .tfs-city-hero-overlap-trust{
        margin:-74px 0 -22px !important; /* trust strip sits fully on image */
        position:relative !important;
        z-index:9 !important;
    }
    .tfs-city-has-hero .tfs-city-truststrip{
        margin:0 !important;
        border-radius:17px !important;
        background:rgba(255,255,255,.96) !important;
        box-shadow:0 16px 38px rgba(0,0,0,.13) !important;
        overflow:hidden !important;
    }
    .tfs-city-has-hero .tfs-city-trustitem{
        min-height:68px !important;
        padding:6px 4px !important;
    }
    .tfs-city-trusttitle{
        font-size:9px !important;
        line-height:1.08 !important;
    }
    .tfs-city-trusttext{
        font-size:6px !important;
        line-height:1.05 !important;
        max-height:13px !important;
        overflow:hidden !important;
    }
    .tfs-city-truststars{
        font-size:10px !important;
        letter-spacing:0 !important;
    }
    .nt_section.tfs-city-has-hero{
        margin-top:-8px !important;
        padding-top:0 !important;
    }
    .tfs-city-has-hero .cat_toolbar{
        margin-top:0 !important;
        margin-bottom:-18px !important;
        min-height:30px !important;
    }
}
@media(max-width:420px){
    .tfs-city-hero-banner{
        height:288px !important;
        min-height:288px !important;
        background-position:center center !important;
    }
    .tfs-city-hero-inner{
        bottom:84px !important;
        width:80% !important;
        max-width:80% !important;
        padding-left:26px !important;
    }
    .tfs-city-hero-text h1{
        font-size:38px !important;
    }
    .tfs-city-hero-text .tfs-city-hero-subtitle{
        font-size:17px !important;
    }
    .tfs-city-hero-text .tfs-city-hero-small{
        font-size:11.5px !important;
    }
    .tfs-city-hero-overlap-trust{
        margin-top:-70px !important;
    }
}


/* TFS_CITY_INTRO_NO_FLICKER_V1
 * Final intro/toolbar layout is loaded in the initial CSS,
 * preventing narrow-to-wide layout shift during page load.
 */
/* TFS_CITY_PRODUCT_INTRO_LAYOUT_V2 */
.tfs-city-has-hero .tfs-city-product-intro{
    width:100% !important;
    max-width:none !important;
    margin:32px 0 2px !important;
    padding:0 !important;
    text-align:left !important;
}

.tfs-city-has-hero .tfs-city-product-intro h2{
    margin:0 0 6px !important;
    padding:0 !important;
    font-size:24px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    color:#222 !important;
}

.tfs-city-has-hero .tfs-city-product-intro-text{
    max-width:1050px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#666 !important;
}

.tfs-city-has-hero .cat_toolbar{
    margin-top:4px !important;
    margin-bottom:2px !important;
    min-height:42px !important;
}

@media(max-width:767px){
    .tfs-city-has-hero .tfs-city-product-intro{
        margin:22px 0 4px !important;
        padding:0 4px !important;
        text-align:left !important;
    }

    .tfs-city-has-hero .tfs-city-product-intro h2{
        font-size:20px !important;
        margin-bottom:5px !important;
    }

    .tfs-city-has-hero .tfs-city-product-intro-text{
        font-size:13px !important;
        line-height:1.45 !important;
    }
}
/* /TFS_CITY_PRODUCT_INTRO_LAYOUT_V2 */

/* TFS_CITY_TOOLBAR_LAYOUT_V3 */

.tfs-city-has-hero .cat_toolbar{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:8px 0 !important;
    margin-top:20px !important;
    margin-bottom:14px !important;
    min-height:0 !important;
}

/*
 * TFS_CITY_SORT_BELOW_INTRO_V1
 * Baslik/aciklama ustte, siralama filtresi altta.
 */
.tfs-city-toolbar-intro{
    order:1 !important;
    flex:0 0 100% !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    padding:0 !important;
}

.tfs-city-toolbar-intro .tfs-city-product-intro{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
}

.tfs-city-toolbar-intro .tfs-city-product-intro h2{
    margin:0 0 6px !important;
    padding:0 !important;
    font-size:24px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    color:#222 !important;
}

.tfs-city-toolbar-intro .tfs-city-product-intro-text{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#666 !important;
}

.tfs-city-has-hero .cat_sortby{
    order:2 !important;
    flex:0 0 190px !important;
    width:190px !important;
    max-width:190px !important;
    margin:4px 0 0 auto !important;
    align-self:flex-end !important;
}

.tfs-city-has-hero .sortby_pick{
    min-height:44px !important;
}

@media(max-width:767px){

    .tfs-city-has-hero .cat_toolbar{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:12px !important;
        margin-top:20px !important;
        margin-bottom:12px !important;
        min-height:0 !important;
    }

    .tfs-city-toolbar-intro{
        order:1 !important;
        flex:0 0 auto !important;
        width:100% !important;
        max-width:none !important;
    }

    .tfs-city-toolbar-intro .tfs-city-product-intro h2{
        font-size:20px !important;
    }

    .tfs-city-toolbar-intro .tfs-city-product-intro-text{
        font-size:13px !important;
        line-height:1.45 !important;
    }

    .tfs-city-has-hero .cat_sortby{
        order:2 !important;
        flex:0 0 auto !important;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
    }
}

/* /TFS_CITY_TOOLBAR_LAYOUT_V3 */
/* /TFS_CITY_INTRO_NO_FLICKER_V1 */

.tfs-hero-text-wrap { pointer-events: auto !important; }
.tfs-hero-btn {
    display: inline-flex;
    align-items: center;
    margin-top: 14px;
    padding: 10px 22px;
    background: #e91e63;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    border-radius: 50px;
    text-shadow: none !important;
    box-shadow: 0 4px 14px rgba(233,30,99,.45);
    transition: all .25s ease;
    text-decoration: none !important;
    pointer-events: auto !important;
    cursor: pointer;
}
.tfs-hero-btn:hover {
    background: #d81557;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(233,30,99,.6);
    color: #fff !important;
}
@media (max-width: 767px) {
    .tfs-hero-btn {
        margin-top: 10px;
        padding: 8px 18px;
        font-size: 12px;
    }
}

/* Shared homepage hero + trust styles for plain city landing */

.tfs-hero-with-trust{
    position:relative;
}

/* TRUST BAR */
.tfs-hero-trustbar{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:6;
    background:rgba(255,255,255,.78);
    color:#111;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border-top:1px solid rgba(255,255,255,.35);
    box-shadow:0 6px 22px rgba(0,0,0,.05);
}

.tfs-hero-trustbar .container{
    max-width:1400px;
}

.tfs-hero-trustwrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:center;
}

.tfs-hero-trustitem{
    display:flex;
    align-items:center;
    gap:16px;
    min-height:118px;
    padding:16px 24px;
    border-right:1px solid rgba(0,0,0,.08);
}

.tfs-hero-trustitem:last-child{
    border-right:0;
}

.tfs-hero-trusticon{
    flex:0 0 58px;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ff5ca8;
    font-size:42px;
    line-height:1;
    font-weight:800;
}

/* Kritik: dev siyah kalkani engeller */
.tfs-hero-trusticon svg{
    display:block !important;
    width:58px !important;
    height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
    stroke:#ff5ca8 !important;
    fill:none !important;
    stroke-width:1.8;
}

.tfs-hero-trusticon .fa{
    color:#ff5ca8;
}

.tfs-hero-trustcontent{
    min-width:0;
}

.tfs-hero-trusttitle{
    display:block;
    font-size:18px;
    line-height:1.25;
    font-weight:700;
    color:#111;
    margin-bottom:7px;
}

.tfs-hero-truststars{
    display:block;
    color:#ff5ca8;
    letter-spacing:2px;
    font-size:17px;
    line-height:1;
    margin-bottom:5px;
}

.tfs-hero-trusttext{
    display:block;
    font-size:14px;
    line-height:1.45;
    color:#555;
}

.tfs-hero-review-brands{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:8px;
    flex-wrap:wrap;
}

.tfs-brand-trustpilot,
.tfs-brand-google{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:18px;
    font-weight:600;
    line-height:1;
}

.tfs-brand-trustpilot{
    color:#111;
}

.tfs-brand-trustpilot .fa{
    color:#00b67a;
    font-size:20px;
}

.tfs-brand-google .g1{color:#4285f4}
.tfs-brand-google .g2{color:#db4437}
.tfs-brand-google .g3{color:#f4b400}
.tfs-brand-google .g4{color:#4285f4}
.tfs-brand-google .g5{color:#0f9d58}
.tfs-brand-google .g6{color:#db4437}


/* HERO TEXT */
.tfs-hero-with-trust .slideshow__slide .nt_img_txt{
    position:relative;
}

.tfs-hero-with-trust .tfs-hero-text-wrap{
    position:absolute;
    z-index:6;
    left:6.5%;
    top:17%;
    max-width:560px;
    color:#fff;
    text-shadow:0 3px 14px rgba(0,0,0,.45);
    pointer-events:none;
}

.tfs-hero-with-trust .tfs-hero-title{
    margin:0 0 18px;
    color:#fff;
    font-size:clamp(40px,4.5vw,72px);
    line-height:1.02;
    font-weight:900;
    letter-spacing:-1.5px;
}

.tfs-hero-with-trust .tfs-hero-desc{
    margin:0;
    max-width:570px;
    color:#fff;
    font-size:clamp(17px,1.4vw,23px);
    line-height:1.35;
    font-weight:600;
}

/* City hero */
.tfs-hero-with-trust .tfs-hero-city-short{
    top:auto !important;
    bottom:23% !important;
    left:7% !important;
    max-width:720px !important;
}

.tfs-hero-with-trust .tfs-hero-city-short .tfs-hero-title{
    margin:0 0 8px !important;
    color:#fff !important;
    font-size:clamp(54px,5.6vw,88px) !important;
    line-height:.92 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;
    text-transform:uppercase !important;
}

.tfs-hero-with-trust .tfs-hero-city-line{
    display:block;
    color:#fff !important;
    font-size:clamp(22px,2.2vw,34px) !important;
    line-height:1.08 !important;
    font-weight:850 !important;
    text-shadow:0 3px 14px rgba(0,0,0,.45) !important;
}

.tfs-hero-with-trust .tfs-hero-city-short .tfs-hero-desc{
    margin:4px 0 0 !important;
    color:#fff !important;
    font-size:clamp(15px,1.15vw,20px) !important;
    line-height:1.2 !important;
    font-weight:700 !important;
}


/* TABLET */
@media(max-width:1199px){

    .tfs-hero-trustitem{
        gap:12px;
        padding:14px;
        min-height:104px;
    }

    .tfs-hero-trusticon{
        flex-basis:46px;
        width:46px;
        height:46px;
        font-size:34px;
    }

    .tfs-hero-trusticon svg{
        width:46px !important;
        height:46px !important;
        max-width:46px !important;
        max-height:46px !important;
    }

    .tfs-hero-trusttitle{font-size:15px;}
    .tfs-hero-trusttext{font-size:12px;}
}


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

    .tfs-hero-trustbar{
        position:relative;
    }

    .tfs-hero-trustwrap{
        grid-template-columns:repeat(4,1fr);
    }

    .tfs-hero-trustitem{
        min-height:74px;
        padding:8px 4px;
        gap:3px;
        justify-content:center;
        text-align:center;
        flex-direction:column;
    }

    .tfs-hero-trusticon{
        flex:0 0 auto;
        width:28px;
        height:28px;
        font-size:23px;
        margin:0 auto 2px;
    }

    .tfs-hero-trusticon svg{
        width:28px !important;
        height:28px !important;
        max-width:28px !important;
        max-height:28px !important;
    }

    .tfs-hero-trusttitle{
        font-size:10px;
        line-height:1.12;
        margin-bottom:2px;
    }

    .tfs-hero-truststars{
        font-size:11px;
        letter-spacing:1px;
        margin-bottom:2px;
    }

    .tfs-hero-trusttext{
        font-size:6px;
        line-height:1.12;
        max-height:15px;
        overflow:hidden;
    }

    .tfs-hero-review-brands{
        gap:5px;
        margin-top:2px;
        justify-content:center;
    }

    .tfs-brand-trustpilot,
    .tfs-brand-google{
        font-size:8px;
    }

    .tfs-hero-with-trust .tfs-hero-city-short{
        left:22px !important;
        right:22px !important;
        bottom:27% !important;
        max-width:82% !important;
    }

    .tfs-hero-with-trust .tfs-hero-city-short .tfs-hero-title{
        font-size:43px !important;
    }

    .tfs-hero-with-trust .tfs-hero-city-line{
        font-size:23px !important;
    }

    .tfs-hero-with-trust .tfs-hero-city-short .tfs-hero-desc{
        font-size:14px !important;
    }
}

.tfs-hero-text-wrap { pointer-events: auto !important; }
.tfs-hero-btn {
    display: inline-flex;
    align-items: center;
    margin-top: 14px;
    padding: 10px 22px;
    background: #e91e63;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    border-radius: 50px;
    text-shadow: none !important;
    box-shadow: 0 4px 14px rgba(233,30,99,.45);
    transition: all .25s ease;
    text-decoration: none !important;
    pointer-events: auto !important;
    cursor: pointer;
}
.tfs-hero-btn:hover {
    background: #d81557;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(233,30,99,.6);
    color: #fff !important;
}
@media (max-width: 767px) {
    .tfs-hero-btn {
        margin-top: 10px;
        padding: 8px 18px;
        font-size: 12px;
    }
}

/*
 * TFS_CITY_SHARED_HOME_MINISPOT_CSS_V2
 * index.php mini banner gorunumu - city.php icin izole.
 */

/* Temel */
.tfs-mini-spot-link{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    min-height:220px;
    overflow:hidden;
    border-radius:0;
}

.cat_grid_item_1 .tfs-mini-spot-link,
.cat_grid_item_4 .tfs-mini-spot-link{
    min-height:520px;
}

.tfs-mini-spot-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transition:transform .35s ease;
}

.tfs-mini-spot-link:hover .tfs-mini-spot-bg{
    transform:scale(1.04);
}

.tfs-mini-spot-shade{
    position:absolute;
    inset:0;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

.tfs-mini-spot-text{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:2;
    color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.35);
}

.tfs-mini-spot-title{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.1px;
    color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.45);
}

.tfs-mini-spot-subtitle{
    display:block;
    margin-bottom:14px;
    font-size:11px;
    line-height:1.4;
    font-weight:500;
    color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.45);
}

.tfs-mini-spot-button{
    display:inline-block;
    padding:10px 18px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:2px;
    background:rgba(0,0,0,.45);
    color:#fff;
    font-size:11px;
    line-height:1.2;
    font-weight:600;
    text-shadow:none;
}

.cat_grid_item_2 .tfs-mini-spot-link,
.cat_grid_item_3 .tfs-mini-spot-link{
    min-height:245px;
}

.cat_grid_item_2 .tfs-mini-spot-title,
.cat_grid_item_3 .tfs-mini-spot-title,
.cat_grid_item_3 .tfs-mini-spot-title{
    font-size:14px;
    line-height:1.2;
}

/* Desktop: orta iki banner ayni yuksekligi paylasir */
@media (min-width:768px){

    .nt_cats_holder{
        align-items:stretch !important;
    }

    .nt_cats_holder > .col-lg-3.col-md-3.col-6{
        display:flex !important;
    }

    .nt_cats_holder > .col-lg-3.col-md-3.col-6 > .row{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        height:100% !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    .cat_grid_item_2,
    .cat_grid_item_3{
        flex:1 1 0 !important;
        max-width:100% !important;
        display:flex !important;
    }

    .cat_grid_item_2 .cat_grid_item__content,
    .cat_grid_item_3 .cat_grid_item__content,
    .cat_grid_item_2 .tfs-mini-spot-link,
    .cat_grid_item_3 .tfs-mini-spot-link{
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
    }
}

/* Ana sayfadaki urun alani genisligi */
@media (min-width:1200px){
    .tfs-mini-spot-container{
        max-width:1400px !important;
        width:100% !important;
    }
}

@media (min-width:768px) and (max-width:1199px){
    .tfs-mini-spot-container{
        max-width:100% !important;
    }
}

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

    .nt_cats_holder{
        display:flex;
        flex-wrap:wrap;
        align-items:stretch;
        margin-left:-4px !important;
        margin-right:-4px !important;
    }

    .nt_cats_holder > div{
        padding-left:4px !important;
        padding-right:4px !important;
    }

    .cat_space_item{
        padding-bottom:8px !important;
    }

    .cat_grid_item_1{
        flex:0 0 100%;
        max-width:100%;
    }

    .cat_grid_item_1 .tfs-mini-spot-link{
        min-height:320px !important;
    }

    .nt_cats_holder > .col-lg-3.col-md-3.col-6{
        flex:0 0 50%;
        max-width:50%;
        display:flex;
    }

    .nt_cats_holder > .col-lg-3.col-md-3.col-6 > .row{
        display:flex;
        flex-direction:column;
        width:100%;
        height:100%;
    }

    .cat_grid_item_2,
    .cat_grid_item_3{
        flex:1 1 0;
        max-width:100%;
        display:flex;
    }

    .cat_grid_item_2 .cat_grid_item__content,
    .cat_grid_item_3 .cat_grid_item__content{
        width:100%;
    }

    .cat_grid_item_2 .tfs-mini-spot-link,
    .cat_grid_item_3 .tfs-mini-spot-link{
        min-height:260px !important;
        height:100%;
    }

    .cat_grid_item_4{
        flex:0 0 50% !important;
        max-width:50% !important;
        display:flex;
    }

    .cat_grid_item_4 .cat_grid_item__content,
    .cat_grid_item_4 .tfs-mini-spot-link{
        width:100%;
        height:100%;
        min-height:540px !important;
    }

    .tfs-mini-spot-title{
        font-size:14px;
        line-height:1.2;
    }

    .tfs-mini-spot-subtitle{
        font-size:11px;
        line-height:1.35;
    }

    .tfs-mini-spot-button{
        font-size:11px;
        padding:9px 16px;
    }

    /* Mobil zoom/geri cekilme etkisini engelle */
    .tfs-mini-spot-bg{
        transition:none !important;
        transform:none !important;
        will-change:auto !important;
        background-attachment:scroll !important;
    }

    .tfs-mini-spot-link:hover .tfs-mini-spot-bg,
    .tfs-mini-spot-link:active .tfs-mini-spot-bg,
    .tfs-mini-spot-link:focus .tfs-mini-spot-bg{
        transform:none !important;
    }

    .nt_section.type_collection_list,
    .tfs-mini-spot-container,
    .nt_cats_holder{
        overflow:visible !important;
    }
}
.tfs-hero-text-wrap { pointer-events: auto !important; }
.tfs-hero-btn {
    display: inline-flex;
    align-items: center;
    margin-top: 14px;
    padding: 10px 22px;
    background: #e91e63;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    border-radius: 50px;
    text-shadow: none !important;
    box-shadow: 0 4px 14px rgba(233,30,99,.45);
    transition: all .25s ease;
    text-decoration: none !important;
    pointer-events: auto !important;
    cursor: pointer;
}
.tfs-hero-btn:hover {
    background: #d81557;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(233,30,99,.6);
    color: #fff !important;
}
@media (max-width: 767px) {
    .tfs-hero-btn {
        margin-top: 10px;
        padding: 8px 18px;
        font-size: 12px;
    }
}

/* TFS_CITY_NO_PRODUCT_IMAGE_FADE_V1 */
/* Urun gorsellerindeki 1.25 saniyelik fade animasyonunu kapat */
#tfs-homepage-products .pr_lazy_img.main-img.lazyloaded,
#tfs-homepage-products .nt_bg_lz.pr_lazy_img.lazyloaded,
#tfs-homepage-products img.lz_op_ef.lazyloaded {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
}