.tf-section {
    position: relative;
    isolation: isolate;
    display: flow-root;
}

.tf-zone--body:has(.offcanvas.show) {
    z-index: 3000;
}
.tf-section:has(.offcanvas.show) {
    z-index: 3000;
}

.tf-zone--header {
    position: relative !important;
    top: auto !important;
    z-index: 200;
    width: 100%;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
html[data-tf-preview] .tf-zone--header,
body.tf-editable .tf-zone--header {
    z-index: 10100;
}
html[data-tf-preview] .menu-overlay-enabled,
body.tf-editable .menu-overlay-enabled {
    display: none !important;
}

.tf-zone--header .tf-header,
.tf-zone--header header {
    position: relative !important;
    top: auto !important;
}

.tf-zone--header.is-sticky-pinned {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    z-index: 200;
}

.tf-zone--header.is-sticky-pinned:not(.is-sticky-hidden) > .tf-section:not([data-tf-type="layout.header"]):not(:has([data-tf-type="layout.header"])) {
    display: none !important;
}
.tf-zone--header.is-sticky-pinned:not(.is-sticky-hidden) > .tf-section[data-tf-type="structural.row"]:has([data-tf-type="layout.header"]) {
    margin: 0 !important;
    padding: 0 !important;
}
.tf-zone--header.is-sticky-pinned:not(.is-sticky-hidden) > .tf-section[data-tf-type="structural.row"]:has([data-tf-type="layout.header"]) .tf-section__slot:not(:has([data-tf-type="layout.header"])) {
    display: none !important;
}

.tf-zone--header.is-sticky-hidden,
.tf-zone--header.is-sticky-pinned.is-sticky-hidden {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important;
    pointer-events: none !important;
    visibility: hidden;
}

.tf-zone--header .tf-section[data-tf-type="layout.topbar"] {
    position: relative;
    z-index: 2;
    overflow: visible;
}
.tf-zone--header .tf-section[data-tf-type="layout.topbar"] .tf-topbar {
    padding-top: var(--tf-topbar-padding-top, 16px);
    padding-bottom: var(--tf-topbar-padding-bottom, 16px);
}
.tf-zone--header .tf-section[data-tf-type="layout.header"] {
    position: relative;
    z-index: 1;
    overflow: visible;
}

.tf-zone--body {
    position: relative;
    z-index: 1;
}

.tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v2:not(.hd-v2_s2)),
.tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-abs) {
    height: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}


html.tf-overlay-pad-first .tf-zone--body > .tf-section:first-child,
body:has(.tf-zone--header .tf-header.header-abs) .tf-zone--body > .tf-section:first-child:not(
    :is(
        [data-tf-type="home.hero"],
        [data-tf-type="home.hero_banner"],
        [data-tf-type="home.hero_slider"],
        [data-tf-type="home.banner_showcase"],
        [data-tf-type="home.campaign_banner"]
    )
):not(:has(
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_banner"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_slider"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.banner_showcase"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_banner"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_slider"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.banner_showcase"]
)),
body:has(.tf-zone--header .tf-header.header-v2:not(.hd-v2_s2)) .tf-zone--body > .tf-section:first-child:not(
    :is(
        [data-tf-type="home.hero"],
        [data-tf-type="home.hero_banner"],
        [data-tf-type="home.hero_slider"],
        [data-tf-type="home.banner_showcase"],
        [data-tf-type="home.campaign_banner"]
    )
):not(:has(
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_banner"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_slider"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.banner_showcase"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_banner"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_slider"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.banner_showcase"]
)),
body:has(.tf-zone--header .tf-header.header-v4:not(.hd-v4_s2):not(.header-v4--inset)) .tf-zone--body > .tf-section:first-child:not(
    :is(
        [data-tf-type="home.hero"],
        [data-tf-type="home.hero_banner"],
        [data-tf-type="home.hero_slider"],
        [data-tf-type="home.banner_showcase"],
        [data-tf-type="home.campaign_banner"]
    )
):not(:has(
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_banner"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_slider"],
    > .tf-section__inner > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.banner_showcase"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_banner"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.hero_slider"],
    > .tf-section__row > .tf-section__slot > .tf-section[data-tf-type="home.banner_showcase"]
)) {
    margin-top: var(--tf-overlay-header-offset, 76px) !important;
}

.tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v2:not(.hd-v2_s2)) .tf-header.header-v2:not(.hd-v2_s2) {
    margin-bottom: -73px !important;
}
.tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-abs) .tf-header.header-abs {
    margin-bottom: 0 !important;
}
/* Style 4 floating bar — overlay on home; inset (no overlap) on other pages. */
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4:not(.hd-v4_s2):not(.header-v4--inset),
body.tf-editable .tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4:not(.hd-v4_s2):not(.header-v4--inset),
body.tf-storefront .tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4:not(.hd-v4_s2):not(.header-v4--inset) {
    margin-top: 12px !important;
    margin-bottom: -84px !important;
    background: transparent !important;
}
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4.header-v4--inset,
body.tf-editable .tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4.header-v4--inset,
body.tf-storefront .tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4.header-v4--inset {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    background: transparent !important;
}
.tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v3),
.tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v4.hd-v4_s2),
.tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.tf-header.no-boxShadow:not(.header-abs)),
.tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v2.hd-v2_s2) {
    background-color: transparent;
}

.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v3:not(.header-sticky) {
    background: var(--tf-header-bg, var(--surface, #f7f6f1)) !important;
}
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v2.hd-v2_s2:not(.header-sticky),
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4.hd-v4_s2:not(.header-sticky),
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.no-boxShadow:not(.header-abs):not(.header-sticky) {
    background: var(--tf-header-bg, var(--white, #fff)) !important;
}
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4:not(.hd-v4_s2):not(.header-sticky) .header-inner {
    background: var(--tf-header-bg, var(--white, #fff)) !important;
}
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-abs[style*="--tf-header-bg"]:not(.header-sticky),
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v2[style*="--tf-header-bg"]:not(.hd-v2_s2):not(.header-sticky) {
    background: var(--tf-header-bg) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Sticky header background (Theme Studio sticky_bg → --tf-header-sticky-bg) */
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-sticky:not([data-tf-header-bg-mode="inner"]),
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v3.header-sticky,
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v2.hd-v2_s2.header-sticky,
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4.hd-v4_s2.header-sticky,
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.no-boxShadow.header-sticky:not(.header-abs),
.tf-section[data-tf-type="layout.header"] .tf-header.header-sticky:not([data-tf-header-bg-mode="inner"]) {
    background: var(--tf-header-sticky-bg, var(--tf-header-bg, var(--white, #fff))) !important;
    background-color: var(--tf-header-sticky-bg, var(--tf-header-bg, var(--white, #fff))) !important;
}
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-abs.header-sticky,
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v2.header-sticky:not(.hd-v2_s2),
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-sticky.scr-black,
.tf-section[data-tf-type="layout.header"] .tf-header.header-abs.header-sticky,
.tf-section[data-tf-type="layout.header"] .tf-header.header-v2.header-sticky:not(.hd-v2_s2),
.tf-section[data-tf-type="layout.header"] .tf-header.header-sticky.scr-black {
    background: var(--tf-header-sticky-bg, var(--black, #000)) !important;
    background-color: var(--tf-header-sticky-bg, var(--black, #000)) !important;
}
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header.header-v4:not(.hd-v4_s2).header-sticky .header-inner,
.tf-zone--header .tf-section[data-tf-type="layout.header"] .tf-header[data-tf-header-bg-mode="inner"].header-sticky .header-inner,
.tf-section[data-tf-type="layout.header"] .tf-header[data-tf-header-bg-mode="inner"].header-sticky .header-inner {
    background: var(--tf-header-sticky-bg, var(--tf-header-bg, var(--white, #fff))) !important;
    background-color: var(--tf-header-sticky-bg, var(--tf-header-bg, var(--white, #fff))) !important;
}

body.tf-editable .tf-zone--header .tf-header.header-abs {
    margin-bottom: 0 !important;
}
body.tf-editable .tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v2:not(.hd-v2_s2)).is-section-active > .tf-header,
body.tf-editable .tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v2:not(.hd-v2_s2)).is-toolbar-hover > .tf-header,
body.tf-editable .tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-abs).is-section-active > .tf-header,
body.tf-editable .tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-abs).is-toolbar-hover > .tf-header,
body.tf-editable .tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v4:not(.hd-v4_s2)).is-section-active > .tf-header,
body.tf-editable .tf-zone--header .tf-section[data-tf-type="layout.header"]:has(.header-v4:not(.hd-v4_s2)).is-toolbar-hover > .tf-header {
    outline: 1.5px solid #6d28d9;
    outline-offset: -1.5px;
}

/* Hero slider containment — keep absolute media/CTA inside the section */
.tf-section:not([data-tf-type="home.hero"]) .tf-section__row > .tf-section__slot.is-filled:first-child .tf-slideshow,
.tf-section:not([data-tf-type="home.hero"]) .tf-section__row > .tf-section__slot.is-filled:first-child .tf-slideshow .sw-slide-show {
    min-height: 100%;
}

.tf-section[data-tf-type="structural.row"] .tf-section__row > .tf-section__slot.is-filled:has(> .tf-section[data-tf-type="home.hero"]),
body.tf-editable .tf-section[data-tf-type="structural.row"] .tf-section__row > .tf-section__slot.is-filled:has(> .tf-section[data-tf-type="home.hero"]) {
    overflow: hidden !important;
}

.tf-section[data-tf-type="structural.row"] .tf-section__row > .tf-section__slot.is-filled > .tf-section[data-tf-type="home.hero"] {
    width: 100%;
    height: auto;
    min-height: min(450px, 70vh);
    flex: 0 0 auto;
    overflow: hidden;
}
.tf-section[data-tf-type="structural.row"] .tf-section__row > .tf-section__slot.is-filled > .tf-section[data-tf-type="home.hero"] .tf-slideshow:not(.style-split):not(.style-collection) {
    width: 100%;
    height: auto;
    min-height: min(450px, 70vh);
    overflow: hidden;
}
.tf-section[data-tf-type="structural.row"] .tf-section__row > .tf-section__slot.is-filled > .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: hidden;
}

.tf-section[data-tf-type="structural.row"] .tf-section__row:not(.tf-section__row--single) > .tf-section__slot.is-filled:not(:has(> .tf-section[data-tf-type] ~ .tf-section[data-tf-type])) > .tf-section[data-tf-type="home.hero"] {
    height: 100%;
    min-height: min(450px, 70vh);
    align-self: stretch;
}
.tf-section[data-tf-type="structural.row"] .tf-section__row:not(.tf-section__row--single) > .tf-section__slot.is-filled:not(:has(> .tf-section[data-tf-type] ~ .tf-section[data-tf-type])) > .tf-section[data-tf-type="home.hero"] :is(
    .tf-slideshow,
    .tf-swiper,
    .swiper-wrapper,
    .swiper-slide,
    .slideshow-v01,
    .slideshow-v02,
    .slideshow-v03,
    .slideshow-v04
) {
    height: 100%;
    min-height: 100%;
}
.tf-section[data-tf-type="structural.row"] .tf-section__row:not(.tf-section__row--single) > .tf-section__slot.is-filled:not(:has(> .tf-section[data-tf-type] ~ .tf-section[data-tf-type])) > .tf-section[data-tf-type="home.hero"] :is(
    .slideshow-v02 .sld-image,
    .slideshow-v03 .sld-image,
    .slideshow-v04 .sld-image
) {
    position: absolute;
    inset: 0;
}
.tf-section[data-tf-type="structural.row"] .tf-section__row:not(.tf-section__row--single) > .tf-section__slot.is-filled:not(:has(> .tf-section[data-tf-type] ~ .tf-section[data-tf-type])) > .tf-section[data-tf-type="home.hero"] .sld-image img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: center;
}

.tf-section[data-tf-type="home.hero"] {
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    overflow-anchor: none;
    overscroll-behavior-y: auto;
}
.tf-zone--body > .tf-section[data-tf-type="home.hero"] .tf-slideshow:not(.style-split):not(.style-collection) {
    width: 100%;
    max-width: none;
    min-height: min(450px, 70vh);
    overflow: hidden;
}
.tf-section[data-tf-type="home.hero"].tf-section--width-full .tf-slideshow:not(.style-split):not(.style-collection) {
    width: 100%;
    max-width: none;
    min-height: min(450px, 70vh);
    overflow: hidden;
}
.tf-section[data-tf-type="home.hero"].tf-section--width-full .tf-slideshow :is(.swiper.tf-swiper, .swiper-wrapper, .swiper-slide) {
    width: 100%;
    max-width: none;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow,
.tf-section[data-tf-type="home.hero"] .slideshow-v01,
.tf-section[data-tf-type="home.hero"] .slideshow-v02,
.tf-section[data-tf-type="home.hero"] .slideshow-v03,
.tf-section[data-tf-type="home.hero"] .slideshow-v04 {
    position: relative;
    overflow: hidden;
}

.tf-section[data-tf-type="home.hero"] .sld-image {
    background-color: var(--tf-background, transparent);
}
.tf-section[data-tf-type="home.hero"] .sld-image.sld-image--color,
.tf-section[data-tf-type="home.hero"] .sld-image[data-tf-bg-mode="color"] {
    background-color: var(--tf-bg-color, transparent);
}
.tf-section[data-tf-type="home.hero"] .sld-image .tf-hero-media-ph,
.tf-section[data-tf-type="home.hero"] .sld-image .tf-card__ph,
.tf-section[data-tf-type="home.hero"] .sld-image .tf-hero-media-color {
    min-height: 100%;
    background: transparent;
}
.tf-section[data-tf-type="home.hero"] .sld-image.sld-image--color .tf-hero-media-color {
    min-height: min(450px, 70vh);
}

/* Style 2 must be full-bleed like other hero slider styles */
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-2 {
    padding: 0 !important;
    border-radius: 0 !important;
}
.tf-section[data-tf-type="home.hero"] .slideshow-v01 a.tf-btn-line[style*="background"] {
    height: auto;
    min-height: 0;
    box-sizing: border-box;
}
.tf-section[data-tf-type="home.hero"] .slideshow-v01 a.tf-btn-line[style*="background"]::before,
.tf-section[data-tf-type="home.hero"] .slideshow-v01 a.tf-btn-line[style*="background"]::after {
    display: none;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-2 .group-nav_wrap {
    left: 0;
    right: 0;
}

/* Style 5 — collection carousel (portrait cards, no hero min-height) */
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-collection {
    min-height: 0;
    overflow: visible;
}
.tf-section[data-tf-type="home.hero"].tf-section--width-full .tf-slideshow.style-collection :is(.swiper.tf-swiper, .swiper-wrapper) {
    width: 100%;
    max-width: none;
}
.tf-section[data-tf-type="home.hero"].tf-section--width-full .tf-slideshow.style-collection .swiper-slide {
    width: auto;
    max-width: none;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-collection .collection-v04 .cls-image {
    display: block;
    width: 100%;
    aspect-ratio: 600 / 800;
    overflow: hidden;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-collection .collection-v04 .cls-image.cls-image--color {
    background-color: var(--tf-bg-color, #6e7a63);
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-collection .collection-v04 .cls-image img,
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-collection .collection-v04 .cls-image .tf-hero-media-ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-collection .collection-v04 .cls-image .tf-hero-media-ph {
    min-height: 100%;
    background: #e8e4dc;
}

/* Style 6 — split hero (left panel + right image)
   Theme demo images are 960×820; side-by-side band ≈ 1920×820.
   Keep enough height + left padding so absolute .box-pag never covers the CTA. */
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split {
    min-height: 0;
    overflow: hidden;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split :is(.swiper.tf-swiper, .swiper-wrapper, .swiper-slide) {
    height: auto;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .tf-hero-banner-v2 {
    height: auto;
    min-height: 0;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content {
    align-items: stretch;
    gap: 0;
    height: auto;
    min-height: 640px;
}
@media (min-width: 768px) and (max-width: 1199px) {
    /* Theme Studio iframe / tablet: prefer height floor over narrow aspect shrink */
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content {
        flex-direction: row;
        aspect-ratio: auto;
        min-height: max(640px, min(820px, 75vh));
        width: 100%;
    }
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content > * {
        width: 50%;
        flex: 1 1 50%;
        max-width: 50%;
        min-width: 0;
        min-height: 0;
        height: auto;
        align-self: stretch;
    }
}
@media (min-width: 1200px) {
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content {
        flex-direction: row;
        aspect-ratio: 1920 / 820;
        min-height: max(640px, min(820px, 75vh));
        width: 100%;
    }
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content > * {
        width: 50%;
        flex: 1 1 50%;
        max-width: 50%;
        min-width: 0;
        min-height: 0;
        height: auto;
        align-self: stretch;
    }
}
@media (max-width: 767px) {
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content {
        flex-direction: column;
        min-height: 0;
    }
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left,
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_right {
        width: 100%;
        min-height: 440px;
    }
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left,
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_right {
    position: relative;
    min-width: 0;
    overflow: hidden;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background: transparent;
    /* !important beats Bootstrap .p-* and theme .hero-content_left padding */
    padding: 40px 40px 104px !important;
    box-sizing: border-box;
}
@media (max-width: 1199px) {
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left {
        padding: 32px 28px 96px !important;
    }
}
@media (max-width: 767px) {
    .tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left {
        padding: 28px 20px 88px !important;
    }
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    color: #fff;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left--color {
    background-color: var(--tf-left-bg-color, #6e7a63);
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-media {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-media img,
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-media .tf-hero-media-ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-media .tf-hero-media-ph {
    min-height: 100%;
    background: #e8e4dc;
}
/* Keep white copy readable over arbitrary left images */
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left--image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.42) 0%, rgba(17, 17, 17, 0.58) 100%);
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-inner :is(h1, p, .hero__desc) {
    color: #fff;
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.35);
}
/* btn-white: black label by default, white on hover (ignore editor text color) */
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-inner .tf-btn.btn-white {
    color: #111 !important;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-inner .tf-btn.btn-white :is(span, .bi, [data-tf-text]) {
    color: inherit !important;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_left-inner .tf-btn.btn-white:hover {
    color: #fff !important;
    background: var(--main, #111) !important;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_right .image {
    position: absolute;
    inset: 0;
    height: 100%;
    overflow: hidden;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_right .image img,
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_right .image .tf-hero-media-ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_right .image .tf-hero-media-ph {
    background: #e8e4dc;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .hero-content_right .image.image--color {
    background-color: var(--tf-bg-color, #6e7a63);
}
/* Keep pagination below CTA — style-3 defaults (64/30/24) sit too high on short bands */
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .box-pag,
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .sw-slide-show .box-pag {
    z-index: 3;
    bottom: 20px !important;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow.style-split .box-pag .sw-line-default {
    margin-top: 0;
}

/* Style 2 product card CTA — black hover must keep white label/icon */
.tf-section[data-tf-type="home.hero"] .slideshow-v02 .card-product.card-s2 .product-action_bot > .tf-btn.hv-black:hover,
.tf-section[data-tf-type="home.hero"] .slideshow-v02 .card-product.card-s2 .product-action_bot > .tf-btn.btn-white:hover {
    background: var(--black, #111) !important;
    background-color: var(--black, #111) !important;
    color: #fff !important;
}
.tf-section[data-tf-type="home.hero"] .slideshow-v02 .card-product.card-s2 .product-action_bot > .tf-btn.hv-black:hover .bi,
.tf-section[data-tf-type="home.hero"] .slideshow-v02 .card-product.card-s2 .product-action_bot > .tf-btn.btn-white:hover .bi {
    color: #fff !important;
}

.tf-section[data-tf-type="layout.header"] .box-nav-menu,
.tf-section[data-tf-type="layout.header"] .tf-header__nav {
    gap: var(--tf-header-menu-gap, 24px);
}
.tf-section[data-tf-type="layout.header"] .box-nav-menu .item-link,
.tf-section[data-tf-type="layout.header"] .box-nav-menu .item-link .text,
.tf-section[data-tf-type="layout.header"] .tf-header__link {
    font-family: var(--tf-header-menu-font, inherit);
    font-size: var(--tf-header-menu-size, inherit);
    font-weight: var(--tf-header-menu-weight, inherit);
}
/* Only override color when merchant set menu_color (var present on section). */
.tf-section[data-tf-type="layout.header"][style*="--tf-header-menu-color"] .box-nav-menu .item-link,
.tf-section[data-tf-type="layout.header"][style*="--tf-header-menu-color"] .box-nav-menu .item-link .text,
.tf-section[data-tf-type="layout.header"][style*="--tf-header-menu-color"] .box-nav-menu .item-link .bi,
.tf-section[data-tf-type="layout.header"][style*="--tf-header-menu-color"] .tf-header__link {
    color: var(--tf-header-menu-color) !important;
}

/* Header height — menu link padding must shrink with --tf-header-min-height */
.tf-section[data-tf-type="layout.header"] .box-nav-menu .item-link,
.tf-section[data-tf-type="layout.header"] .tf-header__link {
    padding-top: max(8px, calc((var(--tf-header-min-height, 72px) - 1.2em) / 2));
    padding-bottom: max(8px, calc((var(--tf-header-min-height, 72px) - 1.2em) / 2));
}
.tf-section[data-tf-type="layout.header"] .header-inner,
.tf-section[data-tf-type="layout.header"] .tf-header__inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: var(--tf-header-min-height, 72px);
}
.tf-section[data-tf-type="layout.header"] .header-v3 .header-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Header logo/menu/icons align — single flex row, never overlap */
.tf-header-layout {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    width: 100%;
    gap: 0;
    min-height: var(--tf-header-min-height, 72px);
    height: auto;
    overflow: visible;
}
.tf-header-layout__spacer {
    flex: 1 1 0;
    min-width: 8px;
    pointer-events: none;
}
.tf-header-layout__zone {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: var(--tf-header-menu-gap, 24px);
    flex: 0 0 auto;
    min-width: min-content;
    max-width: none;
    position: relative;
    z-index: 1;
}
.tf-header-layout__zone--left { justify-content: flex-start; }
.tf-header-layout__zone--center { justify-content: center; }
.tf-header-layout__zone--right { justify-content: flex-end; }

.tf-header-layout[data-tf-logo-align="center"] > .tf-header-layout__spacer {
    display: none;
}
.tf-header-layout[data-tf-logo-align="center"] > .tf-header-layout__zone--left,
.tf-header-layout[data-tf-logo-align="center"] > .tf-header-layout__zone--right {
    flex: 1 1 0;
    min-width: min-content;
}
.tf-header-layout[data-tf-logo-align="center"] > .tf-header-layout__zone--center {
    flex: 0 0 auto;
    justify-content: center;
    text-align: center;
}
.tf-header-layout__zone > .box-navigation:not(:has(.menu-item)) {
    min-width: 0 !important;
    width: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    flex: 0 0 0 !important;
}
.tf-header-layout__zone > .logo-site,
.tf-header-layout__zone > .box-navigation,
.tf-header-layout__zone > .nav-icon-list,
.tf-header-layout__zone > .box-btn-open-menu {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    min-width: max-content;
    max-width: none;
    float: none !important;
    margin: 0 !important;
}
.tf-header-layout__zone .logo-site {
    z-index: 2;
    max-width: none;
}
.tf-header-layout__zone .logo-site img,
.tf-header-layout__zone .logo-site__fallback {
    display: block;
    width: var(--tf-logo-image-width, 200px) !important;
    max-width: var(--tf-logo-image-width, 200px) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
}
.tf-header-layout__zone .box-nav-menu,
.tf-header-layout__zone .nav-icon-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    width: max-content;
    max-width: none;
}
.tf-header-layout__zone .nav-icon-list > li,
.tf-header-layout__zone .box-nav-menu > .menu-item {
    flex: 0 0 auto;
    position: relative;
}
.tf-header-layout__zone .box-nav-menu > .menu-item.menu-cus {
    position: unset !important;
}
.tf-header:has(.menu-item.menu-cus),
.tf-zone--header .tf-header:has(.menu-item.menu-cus) {
    position: relative;
}
.tf-header .header-inner:has(.menu-item.menu-cus),
.tf-header .header-inner > .container:has(.menu-item.menu-cus),
.tf-header .header-inner > .container-full:has(.menu-item.menu-cus),
.tf-header .tf-header-layout:has(.menu-item.menu-cus),
.tf-header .header-inner_wrap.tf-header-layout:has(.menu-item.menu-cus),
.tf-header-layout__zone:has(.menu-item.menu-cus),
.tf-header-layout__zone > .box-navigation:has(.menu-item.menu-cus),
.tf-header-layout__zone .box-nav-menu:has(.menu-item.menu-cus) {
    position: static !important;
}
.tf-header .sub-menu {
    z-index: 200;
}
.tf-header .sub-menu.mega-menu {
    left: 0 !important;
    right: 0 !important;
    width: auto;
    max-width: none;
}
.tf-header .sub-menu.mega-menu .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.tf-header .sub-menu.mega-menu .mega-menu-other {
    min-width: 0;
    width: 100%;
}
/* Search-canvas card size: ~4-up in a full container ≈ 228–240px */
.tf-header .sub-menu.mega-menu .mega-menu-products {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}
.tf-header .sub-menu.mega-menu .mega-menu-products > .tf-search-canvas__result {
    flex: 0 0 228px;
    width: 228px;
    max-width: 100%;
}
/* Mega featured products — same card as Nordia search canvas */
.tf-header .sub-menu.mega-menu .tf-search-canvas__result {
    display: flex;
    flex-direction: column;
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-media {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--tf-card-radius, 12px);
    background: var(--tf-color-surface-muted, #f2f2f2);
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-ph {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tf-color-text-muted, #999);
    background: var(--tf-color-surface-muted, #f2f2f2);
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-ph .bi {
    font-size: 28px;
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 8px;
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-name {
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-prices {
    display: flex;
    align-items: center;
    gap: 8px;
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-compare {
    text-decoration: line-through;
    color: var(--tf-color-text-muted, #999);
    font-size: 13px;
}
.tf-header .sub-menu.mega-menu .tf-search-canvas__result-price {
    font-size: 14px;
    font-weight: 500;
}
/* Collection image card — same size as Nordia mega demo (≈469×300) */
.tf-header .sub-menu.mega-menu .mega-menu-collections {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}
.tf-header .sub-menu.mega-menu .mega-menu-collections > .collection-v01 {
    flex: 0 0 469px;
    width: 469px;
    max-width: 100%;
}
.tf-header .sub-menu.mega-menu .mega-menu-collections .cls-image {
    display: block;
    width: 100%;
    aspect-ratio: 469 / 300;
    margin-bottom: 16px;
    border-radius: 8px;
    overflow: hidden;
}
.tf-header .sub-menu.mega-menu .mega-menu-collections .cls-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tf-header-layout--v2,
.header-v2 .header-inner_wrap.tf-header-layout {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
}
.tf-header-layout--v2 > .tf-header-layout__spacer {
    display: none;
}
.header-v2 .header-inner_wrap.tf-header-layout > .tf-header-layout__zone--left,
.header-v2 .header-inner_wrap.tf-header-layout > .tf-header-layout__zone--right,
.tf-header-layout--v2 > .tf-header-layout__zone--left,
.tf-header-layout--v2 > .tf-header-layout__zone--right {
    flex: 1 1 0;
    min-width: min-content;
}
.header-v2 .header-inner_wrap.tf-header-layout > .tf-header-layout__zone--center,
.tf-header-layout--v2 > .tf-header-layout__zone--center {
    flex: 0 0 auto;
    justify-content: center;
    text-align: center;
}
.tf-header-layout--v2 > .br-line {
    align-self: stretch;
    flex: 0 0 auto;
}
.header-v2 .header-inner_wrap.tf-header-layout:not(:has(.tf-header-layout__zone--left .menu-item)) > .header-left {
    padding-right: 0;
}
.header-v2 .header-inner_wrap.tf-header-layout:not(:has(.tf-header-layout__zone--left .menu-item)) > .header-center {
    padding-left: 0;
    padding-right: 0;
}
.header-v2 .header-inner_wrap.tf-header-layout:not(:has(.tf-header-layout__zone--left .menu-item)) > .header-right {
    padding-left: 0;
}
@media (min-width: 1200px) {
    .tf-header-layout__zone .box-btn-open-menu:not(:has(a:not(.d-xl-none))) {
        display: none;
    }
}
@media (max-width: 1199.98px) {
    .tf-header-layout__zone { gap: 12px; }
    .tf-header-layout__spacer { min-width: 8px; }
}

/* Icon + label share the same color token (beats .text-white on labels) */
.tf-header .nav-icon-list .nav-icon-item > span,
.tf-header .nav-icon-list .nav-icon-item > span span {
    color: var(--tf-nav-icon-color, inherit);
}
.tf-header .nav-icon-list .nav-icon-item.is-text::before {
    background: var(--tf-nav-icon-color, currentColor) !important;
}

html[data-tf-preview-chrome="native"] body:not(:has(.section-product-single.style-full)):not(:has(.section-product-single.style-full-3)) .tf-zone--header .tf-topbar > .container,
html[data-tf-preview-chrome="native"] body:not(:has(.section-product-single.style-full)):not(:has(.section-product-single.style-full-3)) .tf-zone--header .tf-header .header-inner > .container,
html[data-tf-preview-chrome="native"] body:not(:has(.section-product-single.style-full)):not(:has(.section-product-single.style-full-3)) .tf-zone--body .container:not(.tf-brands__width):not(.tf-brand-detail__width):not(.tf-icon-box-width),
body.tf-storefront:not(:has(.section-product-single.style-full)):not(:has(.section-product-single.style-full-3)) .tf-zone--header .tf-topbar > .container,
body.tf-storefront:not(:has(.section-product-single.style-full)):not(:has(.section-product-single.style-full-3)) .tf-zone--header .tf-header .header-inner > .container,
body.tf-storefront:not(:has(.section-product-single.style-full)):not(:has(.section-product-single.style-full-3)) .tf-zone--body .container:not(.tf-brands__width):not(.tf-brand-detail__width):not(.tf-icon-box-width) {
    width: 1470px !important;
    max-width: min(1470px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* Brands / brand detail — honor section content_width (container / fluid / full) */
.tf-zone--body .tf-section[data-tf-type="brands.index"] .tf-brands__width,
.tf-zone--body .tf-section[data-tf-type="manufacturer.detail"] .tf-brand-detail__width {
    width: 1470px !important;
    max-width: min(1470px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

.tf-zone--body .tf-section[data-tf-type="brands.index"].tf-section--width-full .tf-brands__width,
.tf-zone--body .tf-section[data-tf-type="manufacturer.detail"].tf-section--width-full .tf-brand-detail__width {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tf-zone--body .tf-section[data-tf-type="brands.index"].tf-section--width-fluid .tf-brands__width,
.tf-zone--body .tf-section[data-tf-type="manufacturer.detail"].tf-section--width-fluid .tf-brand-detail__width {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(16px, 4vw, 32px) !important;
    padding-right: clamp(16px, 4vw, 32px) !important;
}

.tf-zone--body .tf-section[data-tf-type="brands.index"].tf-section--width-container .tf-brands__width,
.tf-zone--body .tf-section[data-tf-type="manufacturer.detail"].tf-section--width-container .tf-brand-detail__width {
    width: 1470px !important;
    max-width: min(1470px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Icon boxes — own .container.tf-icon-box-width; honor content_width like brands */
.tf-zone--body .tf-section[data-tf-type="home.icon_box"] .tf-icon-box-width,
.tf-zone--body .tf-section[data-tf-type="structural.row"] .tf-icon-box-width {
    width: 1470px !important;
    max-width: min(1470px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

.tf-zone--body .tf-section[data-tf-type="home.icon_box"].tf-section--width-full .tf-icon-box-width,
.tf-zone--body .tf-section[data-tf-type="structural.row"].tf-section--width-full .tf-icon-box-width {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tf-zone--body .tf-section[data-tf-type="home.icon_box"].tf-section--width-fluid .tf-icon-box-width,
.tf-zone--body .tf-section[data-tf-type="structural.row"].tf-section--width-fluid .tf-icon-box-width {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(16px, 4vw, 32px) !important;
    padding-right: clamp(16px, 4vw, 32px) !important;
}

.tf-zone--body .tf-section[data-tf-type="home.icon_box"].tf-section--width-container .tf-icon-box-width,
.tf-zone--body .tf-section[data-tf-type="structural.row"].tf-section--width-container .tf-icon-box-width {
    width: 1470px !important;
    max-width: min(1470px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Home product tabs — preserve Nordia's original 4-up portrait showcase. */
[data-tf-product-tabs] .list-tab-btn-2-wrap {
    width: 100%;
    min-width: 0;
}
@media (max-width: 767px) {
    [data-tf-product-tabs] .list-tab-btn-2 {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}
[data-tf-product-tabs] .tf-products,
[data-tf-product-tabs] .tf-swiper {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}
[data-tf-product-tabs] .tf-swiper .swiper-wrapper {
    display: flex;
    box-sizing: content-box;
}
[data-tf-product-tabs] .tf-swiper .swiper-slide {
    flex-shrink: 0;
    min-width: 0;
    box-sizing: border-box;
}
[data-tf-product-tabs] .tf-swiper .swiper-slide.tf-products__empty-wrap {
    width: 100% !important;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 80px 24px;
    text-align: center;
}
[data-tf-product-tabs] .tf-swiper .swiper-slide.tf-products__empty-wrap .tf-empty,
[data-tf-product-tabs] .tf-swiper .swiper-slide.tf-products__empty-wrap .tf-products__empty {
    padding: 0;
    margin: 0;
}
[data-tf-product-tabs] .card-product {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}
[data-tf-product-tabs] .card-product_wrapper.square {
    aspect-ratio: 348 / 420;
}
[data-tf-product-tabs] .card-product_wrapper.square img,
.tf-storefront .card-product_wrapper.square img,
[data-tf-product] .card-product_wrapper.square img {
    aspect-ratio: auto !important;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center;
}
[data-tf-product-tabs] .card-product .card-product_wrapper .product-img,
.tf-storefront .card-product .card-product_wrapper .product-img,
[data-tf-product] .card-product_wrapper .product-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
[data-tf-product-tabs] .card-product.card-s2 .card-product_wrapper,
.tf-storefront .card-product.card-s2 .card-product_wrapper,
[data-tf-product].card-s2 .card-product_wrapper {
    margin: 8px 8px 0 8px;
}

[data-tf-product-tabs] .card-product[data-tf-native-card].border,
.tf-storefront .card-product[data-tf-native-card].border,
[data-tf-product][data-tf-native-card].border {
    overflow: hidden;
}
[data-tf-product-tabs] .card-product[data-tf-native-card].border:not(.card-s4):not([data-tf-native-card="card_4"]),
.tf-storefront .card-product[data-tf-native-card].border:not(.card-s4):not([data-tf-native-card="card_4"]),
[data-tf-product][data-tf-native-card].border:not(.card-s4):not([data-tf-native-card="card_4"]) {
    border-radius: 14px;
}
[data-tf-product-tabs] .card-product[data-tf-native-card="card_4"].border,
[data-tf-product-tabs] .card-product.card-s4.border,
.tf-storefront .card-product[data-tf-native-card="card_4"].border,
.tf-storefront .card-product.card-s4.border,
[data-tf-product][data-tf-native-card="card_4"].border,
[data-tf-product].card-s4.border {
    border-radius: 0;
}
[data-tf-product-tabs] .card-product[data-tf-native-card].border:not(.product-style_list) .card-product_wrapper,
.tf-storefront .card-product[data-tf-native-card].border:not(.product-style_list) .card-product_wrapper,
[data-tf-product][data-tf-native-card].border:not(.product-style_list) .card-product_wrapper {
    margin: 8px 8px 0 8px;
}
[data-tf-product-tabs] .card-product[data-tf-native-card].border:not(.product-style_list) .card-product_info,
.tf-storefront .card-product[data-tf-native-card].border:not(.product-style_list) .card-product_info,
[data-tf-product][data-tf-native-card].border:not(.product-style_list) .card-product_info {
    padding: 0 8px 8px 8px;
    width: 100%;
    box-sizing: border-box;
}
[data-tf-product-tabs] .card-product[data-tf-native-card].border.product-style_list .card-product_wrapper,
.tf-storefront .card-product[data-tf-native-card].border.product-style_list .card-product_wrapper,
[data-tf-product][data-tf-native-card].border.product-style_list .card-product_wrapper {
    margin: 8px;
}
[data-tf-product-tabs] .card-product[data-tf-native-card].border.product-style_list .card-product_info,
.tf-storefront .card-product[data-tf-native-card].border.product-style_list .card-product_info,
[data-tf-product][data-tf-native-card].border.product-style_list .card-product_info {
    padding: 8px 8px 8px 0;
}

body.tf-storefront .tf-zone--body .container-2 {
    width: 1774px !important;
    max-width: min(1774px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}
body.tf-storefront .tf-zone--body .container-3 {
    width: 1790px !important;
    max-width: min(1790px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}
body.tf-storefront .tf-zone--body .container-4 {
    width: 1662px !important;
    max-width: min(1662px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

body.tf-storefront .tf-slideshow .sw-circle-prg,
html[data-tf-preview-chrome="native"] .tf-slideshow .sw-circle-prg {
    right: max(15px, calc((100% - min(1790px, 100%)) / 2 + 15px));
    bottom: 30px;
}
@media (min-width: 768px) {
    body.tf-storefront .tf-slideshow .sw-circle-prg,
    html[data-tf-preview-chrome="native"] .tf-slideshow .sw-circle-prg {
        bottom: 40px;
    }
}
@media (min-width: 1440px) {
    body.tf-storefront .tf-slideshow .sw-circle-prg,
    html[data-tf-preview-chrome="native"] .tf-slideshow .sw-circle-prg {
        right: max(80px, calc((100% - 1790px) / 2 + 15px));
        bottom: 80px;
    }
}


.tf-section[data-tf-type="home.hero"] .tf-slideshow[style*="height"] > .tf-swiper,
.tf-section[data-tf-type="home.hero"] .tf-slideshow[style*="--tf-hero-height"] > .tf-swiper,
.tf-section[data-tf-type="home.hero"] .tf-slideshow[style*="height"] > .tf-swiper > .swiper-wrapper,
.tf-section[data-tf-type="home.hero"] .tf-slideshow[style*="--tf-hero-height"] > .tf-swiper > .swiper-wrapper,
.tf-section[data-tf-type="home.hero"] .tf-slideshow[style*="height"] > .tf-swiper > .swiper-wrapper > .swiper-slide,
.tf-section[data-tf-type="home.hero"] .tf-slideshow[style*="--tf-hero-height"] > .tf-swiper > .swiper-wrapper > .swiper-slide {
    height: 100%;
}
.tf-section[data-tf-type="home.hero"] .tf-slideshow[style*="height"] .slideshow-v01,
.tf-section[data-tf-type="home.hero"] .tf-slideshow[style*="--tf-hero-height"] .slideshow-v01 {
    height: 100%;
    min-height: 100%;
    aspect-ratio: auto;
}
.tf-section[data-tf-type="home.hero"] .slideshow-v01 .sld-content {
    left: 0;
    right: 0;
}

/* Testimonials section heading — keep readable on narrow screens. */
@media (max-width: 767.98px) {
    .tf-section[data-tf-type="home.testimonials"] .sect-heading [data-tf-field="heading"],
    .tf-section[data-tf-type="home.testimonials"] .sect-heading [data-tf-editable="heading"],
    .tf-section[data-tf-type="home.testimonials"] .sect-heading-v2 [data-tf-field="heading"],
    .tf-section[data-tf-type="home.testimonials"] .sect-heading-v2 [data-tf-editable="heading"] {
        font-size: min(var(--tf-heading-font-size, 26px), 22px) !important;
        line-height: 1.25 !important;
    }
}

/* Testimonial carousels — keep slides from flex-shrinking into unreadable columns */
.tf-section[data-tf-type="home.testimonials"] .tf-testimonials-width {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.tf-section[data-tf-type="home.testimonials"].tf-section--width-container .tf-testimonials-width {
    max-width: 1470px;
    margin-inline: auto;
    padding-inline: var(--tf-section-space-x, clamp(16px, 3vw, 24px));
}

.tf-section[data-tf-type="home.testimonials"].tf-section--width-fluid .tf-testimonials-width {
    max-width: none;
    margin-inline: 0;
    padding-inline: clamp(16px, 4vw, 32px);
}

.tf-section[data-tf-type="home.testimonials"].tf-section--width-full .tf-testimonials-width {
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
}

.tf-testimonials-swiper,
.tf-section[data-tf-type="home.testimonials"] .tf-swiper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.tf-testimonials-swiper .swiper-wrapper,
.tf-section[data-tf-type="home.testimonials"] .tf-swiper .swiper-wrapper {
    display: flex;
    box-sizing: content-box;
}
.tf-testimonials-swiper .swiper-slide,
.tf-section[data-tf-type="home.testimonials"] .tf-swiper .swiper-slide {
    flex-shrink: 0;
    box-sizing: border-box;
    height: auto;
}
.tf-testimonials-swiper .swiper-slide > *,
.tf-section[data-tf-type="home.testimonials"] .tf-swiper .swiper-slide > * {
    max-width: 100%;
    min-width: 0;
}

/* Override theme `.tf-swiper .swiper-slide > * { height:100% }` — collapses testimonial cards */
.tf-testimonials-swiper .swiper-slide > .testimonial-v02,
.tf-section[data-tf-type="home.testimonials"] .tf-swiper .swiper-slide > .testimonial-v02 {
    height: auto !important;
    width: 100%;
}

.tf-testimonials-swiper .testimonial-v02 .tes-image,
.tf-section[data-tf-type="home.testimonials"] .testimonial-v02 .tes-image {
    flex-shrink: 0;
}

.tf-testimonials-swiper .testimonial-v02 .tes-content,
.tf-section[data-tf-type="home.testimonials"] .testimonial-v02 .tes-content {
    flex: 1 1 0;
    min-width: 0;
}
.tf-testimonials-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child),
.tf-section[data-tf-type="home.testimonials"] .tf-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
    display: none;
}

.tf-section[data-tf-type="home.testimonials"] .swiper-testimonial,
.tf-section[data-tf-type="home.testimonials"] .section-testimonial-3 {
    background: transparent;
}
.tf-section[data-tf-type="home.testimonials"] .testimonial-v01,
.tf-section[data-tf-type="home.testimonials"] .testimonial-v04 {
    background: transparent !important;
}

.tf-section[data-tf-type="home.testimonials"] .testimonial-v04__heading-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
}

.tf-section[data-tf-type="home.testimonials"] .testimonial-v04__heading-copy .s-title {
    margin: 0;
}

/* Style 4: modest bottom padding (demo used 594px for image-compare overlap) */
.tf-section[data-tf-type="home.testimonials"] .section-testimonial-3 {
    padding-bottom: 140px;
}
@media (max-width: 1439px) {
    .tf-section[data-tf-type="home.testimonials"] .section-testimonial-3 {
        padding-bottom: 112px;
    }
}
@media (max-width: 991px) {
    .tf-section[data-tf-type="home.testimonials"] .section-testimonial-3 {
        padding-bottom: 80px;
    }
}
@media (max-width: 425px) {
    .tf-section[data-tf-type="home.testimonials"] .section-testimonial-3 {
        padding-bottom: 56px;
    }
}

/* Fade slides visible before Swiper marks active */
.tf-slideshow .tf-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
    visibility: hidden;
    pointer-events: none;
}
.tf-slideshow .tf-swiper:not(.swiper-initialized) .swiper-slide:first-child {
    opacity: 1;
}
.slider_effect_fade .tf-swiper:not(.swiper-initialized) .swiper-slide .sld-image {
    opacity: 1;
}
.slider_effect_fade .tf-swiper:not(.swiper-initialized) .swiper-slide:first-child .fade-item {
    transform: none;
    opacity: 1;
    visibility: visible;
}

html[data-tf-preview] .tf-section[data-tf-type="home.hero"].tf-section--width-full > .tf-section__row--bleed,
body.tf-editable .tf-section[data-tf-type="home.hero"].tf-section--width-full > .tf-section__row--bleed {
    padding: 0 !important;
    margin-inline: 0 !important;
    --bs-gutter-x: 0 !important;
}

/* Thumbs stagger starts hidden (GSAP); keep visible in studio preview. */
html[data-tf-preview] .tf-product-media-thumbs .stagger-item,
html[data-device] .tf-product-media-thumbs .stagger-item,
body.tf-editable .tf-product-media-thumbs .stagger-item,
body.tf-preview .tf-product-media-thumbs .stagger-item {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
}

/*
 * PDP tam genişlik galeri: topbar + header + breadcrumb + galeri = container-full (studio preview).
 * Beats @layer theme so iframe layout matches storefront.
 */
html[data-tf-preview] body:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
html[data-tf-preview] body:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
html[data-tf-preview] body:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
html[data-tf-preview] body:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
body.tf-storefront:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
body.tf-storefront:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
body.tf-storefront:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
body.tf-storefront:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
body.tf-storefront:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
body.tf-storefront:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
body.tf-storefront:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
body.tf-preview:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
body.tf-preview:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
body.tf-preview:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
body.tf-preview:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
body.tf-preview:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
body.tf-preview:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
body.tf-preview:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
body.tf-editable:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
body.tf-editable:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
body.tf-editable:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
body.tf-editable:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
body.tf-editable:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
body.tf-editable:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
body.tf-editable:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
html[data-device]:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
html[data-device]:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
html[data-device]:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
html[data-device]:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
html[data-device]:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
html[data-device]:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
html[data-device]:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full) {
    width: 1920px !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
html[data-tf-preview] body:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row,
body.tf-storefront:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row,
body.tf-preview:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row,
body.tf-editable:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row,
html[data-device]:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
}
html[data-tf-preview] body:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row > *,
body.tf-storefront:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row > *,
body.tf-preview:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row > *,
body.tf-editable:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row > *,
html[data-device]:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full) > .row > * {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
body.tf-editable:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
html[data-device]:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full) {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
@media (min-width: 1440px) {
    html[data-tf-preview] body:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
    html[data-tf-preview] body:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
    html[data-tf-preview] body:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
    html[data-tf-preview] body:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
    html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
    html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
    html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
    body.tf-storefront:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
    body.tf-storefront:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
    body.tf-storefront:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
    body.tf-storefront:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
    body.tf-storefront:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
    body.tf-storefront:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
    body.tf-storefront:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
    body.tf-preview:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
    body.tf-preview:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
    body.tf-preview:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
    body.tf-preview:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
    body.tf-preview:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
    body.tf-preview:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
    body.tf-preview:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full) .tf-topbar > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full) .tf-header .header-inner > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full) .tf-page-heading.style-single > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full) .section-product-single.style-full > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full-3) .tf-topbar > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full-3) .tf-header .header-inner > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full) {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full) {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
@media (min-width: 1600px) {
    html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
    body.tf-editable:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full),
    html[data-device]:has(.section-product-single.style-full-3) .tf-page-heading.style-single > :is(.container, .container-full) {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
}
@media (min-width: 1200px) {
    html[data-tf-preview] body:has(.section-product-single.style-full-3) .tf-page-heading.style-single,
    body.tf-editable:has(.section-product-single.style-full-3) .tf-page-heading.style-single,
    html[data-device]:has(.section-product-single.style-full-3) .tf-page-heading.style-single {
        display: none !important;
    }
}

/*
 * Product gallery desktop layouts (Themesflat @media min-width: 1200px).
 * Studio preview iframes are often < 1200px even on device=desktop — mirror
 * those rules via data-device so Stil 4 (iç sol thumb) and row thumbs render.
 * Do NOT set inline thumb heights in JS; overlay height comes from absolute inset.
 */
html[data-device="desktop"] .product-thumbs-slider,
body[data-device="desktop"] .product-thumbs-slider {
    display: flex !important;
    flex-direction: column;
    gap: 16px;
}
html[data-device="desktop"] .product-thumbs-slider > *:not(:last-child),
body[data-device="desktop"] .product-thumbs-slider > *:not(:last-child) {
    margin-bottom: 0 !important;
}

/* Stil 1–2: yan thumbs */
html[data-device="desktop"] .product-thumbs-slider.style-row,
body[data-device="desktop"] .product-thumbs-slider.style-row {
    flex-direction: row !important;
    aspect-ratio: 0.9971988796;
}
html[data-device="desktop"] .product-thumbs-slider.style-row .flat-wrap-media-product,
body[data-device="desktop"] .product-thumbs-slider.style-row .flat-wrap-media-product {
    width: calc(100% - 121px);
}
html[data-device="desktop"] .product-thumbs-slider.style-row .tf-product-media-thumbs,
body[data-device="desktop"] .product-thumbs-slider.style-row .tf-product-media-thumbs {
    width: 105px;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    opacity: 1 !important;
    visibility: visible !important;
}
html[data-device="desktop"] .product-thumbs-slider.style-row .tf-product-media-thumbs .swiper-slide,
body[data-device="desktop"] .product-thumbs-slider.style-row .tf-product-media-thumbs .swiper-slide {
    max-height: 130px;
}
html[data-device="desktop"] .product-thumbs-slider.style-row .tf-product-media-main,
body[data-device="desktop"] .product-thumbs-slider.style-row .tf-product-media-main {
    height: 100%;
}
html[data-device="desktop"] .product-thumbs-slider.style-row.row_left .flat-wrap-media-product,
body[data-device="desktop"] .product-thumbs-slider.style-row.row_left .flat-wrap-media-product {
    order: 1;
}

/* Stil 6: tam genişlik sol thumb */
html[data-device="desktop"] .product-thumbs-slider.style-row.full,
body[data-device="desktop"] .product-thumbs-slider.style-row.full {
    gap: 12px;
    aspect-ratio: 1.2017167382;
}
html[data-device="desktop"] .product-thumbs-slider.style-row.full .flat-wrap-media-product,
body[data-device="desktop"] .product-thumbs-slider.style-row.full .flat-wrap-media-product {
    width: 68.8392857%;
}
html[data-device="desktop"] .product-thumbs-slider.style-row.full .tf-product-media-thumbs,
body[data-device="desktop"] .product-thumbs-slider.style-row.full .tf-product-media-thumbs {
    width: calc(31.1607143% - 12px);
}
html[data-device="desktop"] .product-thumbs-slider.style-row.full .tf-product-media-thumbs .swiper-slide,
body[data-device="desktop"] .product-thumbs-slider.style-row.full .tf-product-media-thumbs .swiper-slide {
    max-height: 407px;
}

/* Tek görsel: preview iframe'de row thumb genişliğini kaldır (< 1200px desktop sim.) */
html[data-device="desktop"] .product-thumbs-slider.is-single-image.style-row .flat-wrap-media-product,
body[data-device="desktop"] .product-thumbs-slider.is-single-image.style-row .flat-wrap-media-product {
    width: 100%;
    height: 100%;
}
html[data-device="desktop"] .product-thumbs-slider.is-single-image.style-row .tf-product-media-main,
body[data-device="desktop"] .product-thumbs-slider.is-single-image.style-row .tf-product-media-main {
    height: 100%;
}
html[data-device="desktop"] .product-thumbs-slider.is-single-image.style-row .tf-product-media-main .item,
body[data-device="desktop"] .product-thumbs-slider.is-single-image.style-row .tf-product-media-main .item {
    height: 100%;
}

/* Stil 4: tam genişlik — iç sol thumb (overlay) */
html[data-device="desktop"] .section-product-single.style-full-3,
body[data-device="desktop"] .section-product-single.style-full-3 {
    padding-left: 0;
    padding-right: 0;
}
html[data-device="desktop"] .section-product-single.style-full-3 .flat-wrap-media-product,
body[data-device="desktop"] .section-product-single.style-full-3 .flat-wrap-media-product {
    width: 100%;
    aspect-ratio: auto;
}
html[data-device="desktop"] .section-product-single.style-full-3 .tf-product-info-wrap,
body[data-device="desktop"] .section-product-single.style-full-3 .tf-product-info-wrap {
    max-width: 100%;
    padding: 40px 40px 0;
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left {
    position: relative;
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .thumb-wrap,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .thumb-wrap {
    position: absolute;
    top: 16px;
    left: 16px;
    bottom: 16px;
    display: flex;
    align-items: center;
    z-index: 2;
    pointer-events: none;
}
@media (min-width: 1600px) {
    html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .thumb-wrap,
    body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .thumb-wrap {
        left: 64px;
    }
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .thumb-wrap .tf-product-media-thumbs,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .thumb-wrap .tf-product-media-thumbs {
    pointer-events: auto;
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-thumbs,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-thumbs {
    width: 88px;
    max-height: 472px;
    height: 100%;
    overflow: hidden;
    opacity: 1 !important;
    visibility: visible !important;
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-thumbs .swiper-slide,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-thumbs .swiper-slide {
    min-height: 88px !important;
    transition: unset;
    transform: unset;
    opacity: 1;
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-thumbs .swiper-slide .item img,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-thumbs .swiper-slide .item img {
    aspect-ratio: 1;
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-main,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-main {
    border-radius: 0;
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-main .item img,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .tf-product-media-main .item img {
    aspect-ratio: 1.0355987055;
}
html[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .flat-wrap-media-product,
body[data-device="desktop"] .product-thumbs-slider.style-thumb-inner-left .flat-wrap-media-product {
    width: 100%;
}

/* fw_grid: Studio iframe < 768px iken @media grid devreye girmez — yalnızca grid aç */
html[data-device="desktop"] .product-grid-img .swiper-wrapper,
body[data-device="desktop"] .product-grid-img .swiper-wrapper,
html[data-device="tablet"] .product-grid-img .swiper-wrapper,
body[data-device="tablet"] .product-grid-img .swiper-wrapper {
    transform: none !important;
    display: grid !important;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
}
html[data-device="desktop"] .product-grid-img .tf-product-media-main,
body[data-device="desktop"] .product-grid-img .tf-product-media-main,
html[data-device="tablet"] .product-grid-img .tf-product-media-main,
body[data-device="tablet"] .product-grid-img .tf-product-media-main {
    overflow: visible;
    height: auto;
}
html[data-device="desktop"] .product-grid-img .tf-product-media-main .item,
body[data-device="desktop"] .product-grid-img .tf-product-media-main .item,
html[data-device="tablet"] .product-grid-img .tf-product-media-main .item,
body[data-device="tablet"] .product-grid-img .tf-product-media-main .item {
    display: block;
    height: auto;
    overflow: hidden;
    /* Same ratio as .card-product_wrapper / product cards (348×420) */
    aspect-ratio: 348 / 420;
}
html[data-device="desktop"] .product-grid-img .tf-product-media-main .item img,
body[data-device="desktop"] .product-grid-img .tf-product-media-main .item img,
html[data-device="tablet"] .product-grid-img .tf-product-media-main .item img,
body[data-device="tablet"] .product-grid-img .tf-product-media-main .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

html[data-device="desktop"] .product-grid-img.grid-img_single .swiper-wrapper,
body[data-device="desktop"] .product-grid-img.grid-img_single .swiper-wrapper,
html[data-device="tablet"] .product-grid-img.grid-img_single .swiper-wrapper,
body[data-device="tablet"] .product-grid-img.grid-img_single .swiper-wrapper {
    grid-template-columns: minmax(0, 1fr);
}
html[data-device="desktop"] .product-grid-img.grid-img_single .tf-product-media-main .item,
body[data-device="desktop"] .product-grid-img.grid-img_single .tf-product-media-main .item,
html[data-device="tablet"] .product-grid-img.grid-img_single .tf-product-media-main .item,
body[data-device="tablet"] .product-grid-img.grid-img_single .tf-product-media-main .item {
    aspect-ratio: 1 / 1;
}
html[data-device="desktop"] .section-product-single.style-stack > .container > .row,
body[data-device="desktop"] .section-product-single.style-stack > .container > .row,
html[data-device="tablet"] .section-product-single.style-stack > .container > .row,
body[data-device="tablet"] .section-product-single.style-stack > .container > .row {
    align-items: stretch;
}
html[data-device="desktop"] .section-product-single.style-stack .tf-product-stack-info,
body[data-device="desktop"] .section-product-single.style-stack .tf-product-stack-info,
html[data-device="tablet"] .section-product-single.style-stack .tf-product-stack-info,
body[data-device="tablet"] .section-product-single.style-stack .tf-product-stack-info {
    align-self: stretch;
}
html[data-device="desktop"] .section-product-single.style-stack .tf-product-stack-info > .tf-product-info-wrap,
body[data-device="desktop"] .section-product-single.style-stack .tf-product-stack-info > .tf-product-info-wrap,
html[data-device="tablet"] .section-product-single.style-stack .tf-product-stack-info > .tf-product-info-wrap,
body[data-device="tablet"] .section-product-single.style-stack .tf-product-stack-info > .tf-product-info-wrap {
    position: sticky !important;
    top: 15px;
}

/*
 * Product/sidebar sticky: keep a fixed top. main.js used to raise .sticky-top
 * by header height on scroll-up; with .tf-zone--header that offset is empty space.
 */
.tf-zone--body .sticky-top {
    top: 15px !important;
    transition: none !important;
}
.tf-zone--body .sticky-top.no-offset {
    top: 0 !important;
}

/* Product info — brand + short description */
.tf-product-info-wrap .product-infor-brand {
    display: flex;
    align-items: center;
}
.tf-product-info-wrap .product-infor-brand__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}
.tf-product-info-wrap .product-infor-brand__link:hover {
    opacity: 0.85;
}
.tf-product-info-wrap .product-infor-brand__logo {
    display: block;
    height: 28px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
}
.tf-product-info-wrap .product-infor-brand__name {
    letter-spacing: -0.01em;
}
.tf-product-info-wrap .product-infor-desc {
    margin: 0;
    line-height: 1.7;
}
.tf-product-info-wrap .product-infor-desc-row .product-infor-desc {
    max-width: none;
}

/* Product title + unframed labels */
.tf-product-info-wrap .tf-product-info-heading .product-infor-title .product-infor-name {
    margin: 0;
}
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #6b6b6b;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.4;
}
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs li + li::before {
    content: "·";
    margin: 0 12px;
    color: #c4c4c4;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
}
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs li i {
    font-size: 14px;
    line-height: 1;
}
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="best_seller"] { color: #e85d04; }
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="new"] { color: #d4a017; }
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="online_only"] { color: #0284c7; }
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="discount"],
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="deal"] { color: #dc2626; }
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="free_shipping"],
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="same_day"] { color: #0d9488; }
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="express"] { color: #ca8a04; }
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="limited_stock"] { color: #ea580c; }
.tf-product-info-wrap .tf-product-info-heading .product-infor-attrs__label[data-code="preorder"] { color: #7c3aed; }

/* Category listing — empty state (do not use .wd-full; shop.js hides those) */
.tf-nordia-listing .tf-category-listing-empty,
.tf-grid-layout > .tf-category-listing-empty,
.tf-list-layout > .tf-category-listing-empty {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 80px 24px;
    text-align: center;
    box-sizing: border-box;
}
.tf-nordia-listing .tf-category-listing-empty .tf-empty {
    padding: 0;
    margin: 0;
}

/* Blog list — empty state */
.tf-nordia-blog-list .tf-blog-list__grid > .tf-blog-list__empty,
.tf-nordia-blog-list .tf-blog-list__rows > .tf-blog-list__empty {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 80px 24px;
    text-align: center;
    box-sizing: border-box;
}
.tf-nordia-blog-list .tf-blog-list__empty .tf-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    color: var(--text-2, #666);
    font-size: 1rem;
}
.tf-nordia-blog-list .tf-blog-list__empty .tf-empty i {
    font-size: 28px;
    opacity: 0.55;
}

.tf-category-shop .tf-grid-layout > .tf-category-shop__pagination,
.tf-category-shop .tf-list-layout > .tf-category-shop__pagination {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tf-category-shop .tf-page-pagination {
    width: 100%;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .tf-category-shop .tf-grid-layout.tf-col-3,
    .tf-category-shop .tf-grid-layout.tf-col-4,
    .tf-category-shop .tf-grid-layout.tf-col-5,
    .tf-category-shop .tf-grid-layout.tf-col-6,
    .tf-category-shop .tf-grid-layout.tf-col-7 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


@media (max-width: 1199px) {
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: clamp(32px, 3.5vw, 64px) !important;
    }
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-left,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-left {
        flex: 0.9 1 140px !important;
        min-width: 0 !important;
        max-width: 220px !important;
        width: auto !important;
    }
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-left:has(> .logo-site.d-none),
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-left:has(> .logo-site[style*="display:none"]),
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-left:has(> .logo-site[style*="display: none"]),
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-left:has(> .logo-site.d-none),
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-left:has(> .logo-site[style*="display:none"]),
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-left:has(> .logo-site[style*="display: none"]) {
        flex: 0 0 auto !important;
        max-width: max-content !important;
        width: auto !important;
    }
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-menus,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-menus {
        display: flex !important;
        flex: 2.6 1 0 !important;
        flex-wrap: nowrap !important;
        gap: clamp(20px, 2.5vw, 40px) !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-center,
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-right,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-center,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-right {
        flex: 1.1 1 180px !important;
        min-width: 0 !important;
        max-width: none !important;
        width: auto !important;
    }
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap:not(:has(.col-menus)) .col-left,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap:not(:has(.col-menus)) .col-left {
        flex: 1.2 1 0 !important;
        max-width: none !important;
    }
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap:not(:has(.col-menus)) .col-center,
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap:not(:has(.col-menus)) .col-right,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap:not(:has(.col-menus)) .col-center,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap:not(:has(.col-menus)) .col-right {
        flex: 1 1 0 !important;
    }
    html[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-menus .footer-col-block,
    body[data-device="desktop"] .footer-v3 .footer-inner_wrap .col-menus .footer-col-block {
        flex: 1 1 0 !important;
        max-width: none !important;
        min-width: 0;
    }
}

.tf-section[data-tf-type="layout.footer"] footer.tf-footer {
    min-height: auto;
}

.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer {
    --tf-footer-pad-y: clamp(8px, calc(var(--tf-footer-height, 320px) * 0.1), 80px);
    --tf-footer-gap-y: clamp(6px, calc(var(--tf-footer-height, 320px) * 0.045), 24px);
    min-height: var(--tf-footer-height);
    height: auto;
    max-height: none;
    box-sizing: border-box;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer .footer-inner,
.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer .footer_wrap {
    flex: 1 1 auto;
    min-height: 0;
    padding-top: var(--tf-footer-pad-y) !important;
    padding-bottom: var(--tf-footer-pad-y) !important;
}

.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer > .flat-spacing:empty {
    flex: 0 0 auto;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer .footer-bottom {
    flex: 0 0 auto;
}

.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer .row.gy-24,
.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer .gy-24 {
    --bs-gutter-y: var(--tf-footer-gap-y);
}

.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer .mb-24 {
    margin-bottom: var(--tf-footer-gap-y) !important;
}

.tf-section.tf-has-section-height[data-tf-type="layout.footer"] footer.tf-footer .mb-16 {
    margin-bottom: clamp(4px, calc(var(--tf-footer-gap-y) * 0.75), 16px) !important;
}

.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-card {
    position: relative;
    border-width: var(--tf-newsletter-card-border-width, 0px);
    border-style: solid;
    border-color: var(--tf-newsletter-card-border-color, #e4e4e7);
    box-sizing: border-box;
    overflow: hidden;
}

.tf-section.tf-has-section-height[data-tf-type="home.newsletter"] .tf-newsletter-card {
    height: var(--tf-newsletter-height);
    min-height: 0 !important;
    max-height: var(--tf-newsletter-height);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-card > .container {
    width: 100%;
    flex: 0 0 auto;
}

.tf-section.tf-has-section-height[data-tf-type="home.icon_box"] .tf-features-section {
    height: var(--tf-icon-box-height);
    min-height: 0 !important;
    max-height: var(--tf-icon-box-height);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.tf-section.tf-has-section-height[data-tf-type="home.icon_box"] .tf-features-section > .flat-spacing {
    width: 100%;
    flex: 0 0 auto;
}

[style*="--tf-newsletter-text-color"] .tf-newsletter-text,
[style*="--tf-newsletter-text-color"] .tf-newsletter-text-icon,
[style*="--tf-newsletter-text-color"] .tf-newsletter-text-input {
    color: var(--tf-newsletter-text-color) !important;
}
[style*="--tf-newsletter-text-color"] .tf-newsletter-text-input::placeholder,
[style*="--tf-newsletter-text-color"] .tf-newsletter-text .tf-newsletter-text-input::placeholder,
[style*="--tf-newsletter-text-color"] .tf-newsletter-text-input::-webkit-input-placeholder,
[style*="--tf-newsletter-text-color"] .tf-newsletter-text .tf-newsletter-text-input::-webkit-input-placeholder {
    color: var(--tf-newsletter-text-color) !important;
    opacity: 1;
}

/* Newsletter fields linked to the theme must render the same token shown by
   the editor. Explicit field colors still win through inline !important vars. */
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-subheading,
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-heading,
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-desc,
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-note,
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-button-text,
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-placeholder-icon,
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-text-input {
    color: var(--tf-color-text, var(--text, #1a1a18));
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-text-input::placeholder,
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-text-input::-webkit-input-placeholder {
    color: var(--tf-color-text, var(--text, #1a1a18));
    opacity: 1;
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-note-link {
    color: inherit !important;
}

.tf-newsletter-text-input[style*="--tf-placeholder-color"]::placeholder,
.tf-newsletter-text-input[style*="--tf-placeholder-color"]::-webkit-input-placeholder {
    color: var(--tf-placeholder-color) !important;
    opacity: 1;
}

.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-card.tf-newsletter-card--no-border {
    border-width: 0 !important;
}
.tf-section[data-tf-type="home.newsletter"] .cta-subscribe-v01.tf-newsletter-card {
    border-radius: var(--tf-newsletter-card-radius, 8px) !important;
}
.tf-section[data-tf-type="home.newsletter"] .cta-subscribe-v01.tf-newsletter-card.tf-newsletter--bg-image {
    clip-path: inset(0 round var(--tf-newsletter-card-radius, 8px));
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic.tf-newsletter-card {
    display: grid;
    min-height: 420px;
    place-items: center;
    border-radius: var(--tf-newsletter-card-radius, 16px) !important;
    background-position: center;
    background-size: cover;
}
.tf-section.tf-has-section-height[data-tf-type="home.newsletter"] .tf-newsletter-classic.tf-newsletter-card {
    display: flex;
    min-height: 0 !important;
    place-items: unset;
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic.tf-newsletter--bg-image::before {
    position: absolute;
    z-index: 0;
    content: "";
    inset: 0;
    background: rgba(0, 0, 0, 0.28);
    pointer-events: none;
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__content {
    display: flex;
    width: min(100%, 760px);
    margin-inline: auto;
    align-items: center;
    flex-direction: column;
    gap: 18px;
    text-align: center;
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__content > * {
    margin-block: 0;
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__form {
    display: flex;
    width: min(100%, 600px);
    align-items: center;
    gap: 6px;
    padding: 6px;
    border: 1px solid #d4e8df;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(56, 101, 82, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__form:focus-within {
    border-color: #8cb8a5;
    box-shadow: 0 14px 36px rgba(56, 101, 82, 0.14);
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__form > input {
    width: auto;
    min-width: 0;
    min-height: 48px;
    flex: 1 1 auto;
    padding: 0 18px;
    border: 0 !important;
    border-radius: 10px !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__form > button {
    width: auto;
    min-width: 164px;
    min-height: 48px;
    flex: 0 0 auto;
    padding-inline: 28px;
    border-radius: 10px !important;
}
@media (max-width: 575px) {
    .tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic.tf-newsletter-card {
        min-height: 0;
    }
    .tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__content {
        gap: 14px;
    }
    .tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__form {
        align-items: stretch;
        flex-direction: column;
        border-radius: 14px;
    }
    .tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__form > input,
    .tf-section[data-tf-type="home.newsletter"] .tf-newsletter-classic__form > button {
        width: 100%;
    }
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-card > .s-bg-img {
    border-radius: inherit;
    overflow: hidden;
}
.tf-section[data-tf-type="home.newsletter"] .tf-newsletter-card > .s-bg-img > img {
    display: block;
}
.tf-section[data-tf-type="home.newsletter"] .cta-subscribe-v02 .content.tf-newsletter-card {
    border-radius: var(--tf-newsletter-card-radius, 12px) !important;
}
.tf-section[data-tf-type="home.newsletter"] .tf-hero-banner-v2.tf-newsletter-card {
    border-radius: var(--tf-newsletter-card-radius, 16px) !important;
}
.tf-section[data-tf-type="home.newsletter"] .tf-hero-banner-v2.tf-newsletter-card > .hero-content {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
@media (min-width: 768px) {
    .tf-section[data-tf-type="home.newsletter"] .tf-hero-banner-v2.tf-newsletter-card > .hero-content > * {
        flex: 0 0 50%;
        width: 50%;
        min-width: 0;
    }
}

[style*="--tf-newsletter-btn-bg"] .tf-newsletter-btn {
    background: var(--tf-newsletter-btn-bg) !important;
    background-color: var(--tf-newsletter-btn-bg) !important;
}
[style*="--tf-newsletter-btn-text"] .tf-newsletter-btn,
[style*="--tf-newsletter-btn-text"] .tf-newsletter-btn .tf-newsletter-btn__text,
[style*="--tf-newsletter-btn-text"] .tf-newsletter-btn .tf-newsletter-btn__icon {
    color: var(--tf-newsletter-btn-text) !important;
}

/* E-bülten içeren tam/fluid bölüm: container inset'ini kaldır. */
.tf-section[data-tf-type="structural.row"].tf-section--width-full:has([data-tf-type="home.newsletter"]) > .tf-section__inner,
.tf-section[data-tf-type="structural.row"].tf-section--width-full:has(.tf-newsletter-slot) > .tf-section__inner,
.tf-section[data-tf-type="structural.row"].tf-section--width-fluid:has([data-tf-type="home.newsletter"]) > .tf-section__inner,
.tf-section[data-tf-type="structural.row"].tf-section--width-fluid:has(.tf-newsletter-slot) > .tf-section__inner {
    max-width: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
    box-sizing: border-box;
}
.tf-section[data-tf-type="structural.row"]:has([data-tf-type="home.newsletter"]) .cta-subscribe-v01.tf-newsletter-slot,
.tf-section[data-tf-type="structural.row"]:has(.tf-newsletter-slot) .cta-subscribe-v01.tf-newsletter-slot {
    max-width: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
}

/* Newsletter split (.container-3, style 4/1) — honor content_width on the live storefront.
   .container-3 is otherwise hardcoded to 1790px above and ignores the width setting entirely. */
.tf-section[data-tf-type="home.newsletter"].tf-section--width-full > .container-3,
.tf-section[data-tf-type="home.newsletter"].tf-section--width-full > div > .container-3 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.tf-section[data-tf-type="home.newsletter"].tf-section--width-fluid > .container-3,
.tf-section[data-tf-type="home.newsletter"].tf-section--width-fluid > div > .container-3 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(16px, 4vw, 32px) !important;
    padding-right: clamp(16px, 4vw, 32px) !important;
}
.tf-section[data-tf-type="home.newsletter"].tf-section--width-container > .container-3,
.tf-section[data-tf-type="home.newsletter"].tf-section--width-container > div > .container-3 {
    width: 100% !important;
    max-width: min(1790px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:has(#forsidWaBtn:not(.fsd-wa-hidden):not(.fsd-wa-pos-left):not(.fsd-wa-pos-top)) #goTop {
    bottom: calc(var(--fsd-wa-my, 20px) + var(--fsd-wa-size, 60px) + 16px);
}
@media (min-width: 769px) {
    body:has(#forsidWaBtn.fsd-hide-desktop) #goTop {
        bottom: 40px;
    }
}
@media (max-width: 768px) {
    body:has(#forsidWaBtn.fsd-hide-mobile) #goTop {
        bottom: 30px;
    }
}

/* Global theme tokens (Theme Studio → Genel tema ayarları) */
body.tf-storefront {
    font-family: var(--tf-typography-fontFamily, "Poppins", sans-serif) !important;
    color: var(--tf-color-text, var(--black));
    background-color: var(--tf-color-surface, var(--white));
}
body.tf-storefront .font-main {
    font-family: var(--tf-typography-fontFamily, "Poppins", sans-serif) !important;
}
body.tf-storefront :is(
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6,
    .font-instrument_serif,
    .s-title,
    .page-title,
    .tf-cats__title,
    .tf-cats__name,
    .tf-category-products__title
) {
    font-family: var(--tf-typography-headingFontFamily, "Instrument Serif", serif) !important;
}

.tf-section h1, .tf-section .h1 { line-height: 1.15; }
.tf-section h2, .tf-section .h2 { line-height: 1.2; }
.tf-section h2.font-oswald, .tf-section .h2.font-oswald { line-height: 1.25; }
.tf-section h2.font-instrument_serif, .tf-section .h2.font-instrument_serif { line-height: 1.16; }
.tf-section h2.font-anton, .tf-section .h2.font-anton { line-height: 1.1; }
.tf-section h3, .tf-section .h3,
.tf-section h4, .tf-section .h4,
.tf-section h5, .tf-section .h5 { line-height: 1.3; }
.tf-section h6, .tf-section .h6 { line-height: 1.25; }
.tf-section .text-display-xl { line-height: 1; }
.tf-section .text-display-1 { line-height: 1.2; }
.tf-section [class*="lh-xl-"],
.tf-section [class*="lh-lg-"],
.tf-section [class*="lh-xxl-"] {
    line-height: 1.25 !important;
}
body.tf-storefront .tf-zone--body a:hover:not([class]),
body.tf-storefront .tf-zone--body a:hover.tf-link,
body.tf-storefront .link:hover {
    color: var(--tf-color-primaryHover, var(--primary));
}
body.tf-storefront .tf-btn:hover,
body.tf-storefront .tf-newsletter-btn:hover {
    background-color: var(--tf-color-primaryHover, var(--tf-color-primary, var(--primary)));
}