/* Edge-to-edge track; first card aligns with .container content inset */
.tf-section[data-tf-type="home.banner_showcase"] .tf-banner-showcase__bleed {
    width: 100%;
    max-width: 100%;
}

.tf-section[data-tf-type="home.banner_showcase"] .tf-banner-showcase__bleed .gsap-horizontal-track,
.tf-section[data-tf-type="home.banner_showcase"] .tf-banner-showcase__bleed .swiper {
    padding-inline: max(15px, calc((100vw - 1470px) / 2 + 15px)) 15px;
}

@media (max-width: 767.98px) {
    .tf-section[data-tf-type="home.banner_showcase"] .gsap-horizontal-item {
        flex: 0 0 min(400px, calc(100vw - 48px));
        max-width: min(400px, calc(100vw - 48px));
        min-width: 0;
    }
}

.tf-section[data-tf-type="home.banner_showcase"] .cls-content,
.tf-section[data-tf-type="home.banner_showcase"] .card-content {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.tf-section[data-tf-type="home.banner_showcase"] .cls_name,
.tf-section[data-tf-type="home.banner_showcase"] .cls_name span,
.tf-section[data-tf-type="home.banner_showcase"] .cls_desc,
.tf-section[data-tf-type="home.banner_showcase"] .cls_desc span,
.tf-section[data-tf-type="home.banner_showcase"] .cls_link,
.tf-section[data-tf-type="home.banner_showcase"] .cls_link a,
.tf-section[data-tf-type="home.banner_showcase"] .cls_link a span,
.tf-section[data-tf-type="home.banner_showcase"] .tf-btn-icon,
.tf-section[data-tf-type="home.banner_showcase"] .tf-btn-icon span,
.tf-section[data-tf-type="home.banner_showcase"] .tf-list a,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .name,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .name span,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .desc,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .desc span,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-content > a.h5,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-content > a.h5 span {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-content {
    gap: 12px;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-content > a.h5 {
    flex: 1 1 auto;
    min-width: 0;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .tf-btn-rounded {
    flex: 0 0 auto;
}

.tf-section[data-tf-type="home.banner_showcase"] .sect-heading,
.tf-section[data-tf-type="home.banner_showcase"] .sect-heading .s-title,
.tf-section[data-tf-type="home.banner_showcase"] .sect-heading .desc {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tf-section[data-tf-type="home.banner_showcase"] .gsap-horizontal-item img,
.tf-section[data-tf-type="home.banner_showcase"] .tf-banner-showcase__mobile .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls-image,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .cls-image,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v07 .cls-image,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-image,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .card-image {
    display: block;
    width: 100%;
    overflow: hidden;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls-image { aspect-ratio: 590 / 650; }
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .cls-image { aspect-ratio: 613 / 800; }
.tf-section[data-tf-type="home.banner_showcase"] .collection-v07 .cls-image { aspect-ratio: 700 / 816; }
.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-image { aspect-ratio: 872 / 630; }
.tf-section[data-tf-type="home.banner_showcase"] .our-card .card-image { aspect-ratio: 1 / 1; }

.tf-section[data-tf-type="home.banner_showcase"] .cls-image .tf-card__ph,
.tf-section[data-tf-type="home.banner_showcase"] .card-image .tf-card__ph {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.tf-section[data-tf-type="home.banner_showcase"] .tf-card__ph--color {
    background: var(--tf-bg-color, #6e7a63) !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .tf-category__label,
.tf-section[data-tf-type="home.banner_showcase"] .tf-category__label span {
    color: var(--tf-cat-title-color, #fff) !important;
    font-size: var(--tf-cat-title-size, 18px) !important;
    font-weight: var(--tf-cat-title-weight, 800) !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .tf-category__sub,
.tf-section[data-tf-type="home.banner_showcase"] .tf-category__sub span {
    color: var(--tf-cat-subtitle-color, rgba(255, 255, 255, .85)) !important;
    font-size: var(--tf-cat-subtitle-size, 13px) !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_name,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v07 .cls_name,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .cls_name,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-content > a.h5,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .name {
    color: var(--tf-cat-title-color, #fff) !important;
    font-size: var(--tf-cat-title-size, clamp(22px, 2.6vw, 32px)) !important;
    font-weight: var(--tf-cat-title-weight, 300) !important;
    /* Unitless so wrapped lines stay proportional to font-size (beats lh-*-px utilities). */
    line-height: 1.3 !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_name span,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v07 .cls_name span,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .cls_name span,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-content > a.h5 span,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .name span {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 767.98px) {
    .tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_name,
    .tf-section[data-tf-type="home.banner_showcase"] .collection-v07 .cls_name,
    .tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .cls_name,
    .tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .cls-content > a.h5,
    .tf-section[data-tf-type="home.banner_showcase"] .our-card .name {
        font-size: min(var(--tf-cat-title-size, 28px), 28px) !important;
    }
}

/* Stil 3 (our-card): text sits below the image on a light surface — dark defaults */
.tf-section[data-tf-type="home.banner_showcase"] .our-card .name {
    color: var(--tf-cat-title-color, var(--black, #000)) !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_desc,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v07 .cls_desc,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .cls_desc,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .desc {
    color: var(--tf-cat-subtitle-color, rgba(255, 255, 255, .85)) !important;
    font-size: var(--tf-cat-subtitle-size, inherit) !important;
    line-height: 1.45 !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_desc span,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v07 .cls_desc span,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .cls_desc span,
.tf-section[data-tf-type="home.banner_showcase"] .our-card .desc span {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .our-card .desc {
    color: var(--tf-cat-subtitle-color, var(--text-5, #737373)) !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a span,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a.tf-btn-line,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a.tf-btn-line.style-white,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .tf-btn-icon,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .tf-btn-icon span,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v07 .tf-list a,
.tf-section[data-tf-type="home.banner_showcase"] [data-tf-region="card_button_color"],
.tf-section[data-tf-type="home.banner_showcase"] [data-tf-region="card_button_color"] span {
    /* Never fall back to #fff — that looked like a "reset" after save/refresh when the var lagged. */
    color: var(--tf-cat-button-color, currentColor) !important;
    font-size: var(--tf-cat-button-size, inherit) !important;
    font-weight: var(--tf-cat-button-weight, 400) !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a {
    text-transform: uppercase;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a.tf-btn-line::before,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a.tf-btn-line::after,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a.tf-btn-line.style-white::before,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v05 .cls_link a.tf-btn-line.style-white::after,
.tf-section[data-tf-type="home.banner_showcase"] [data-tf-region="card_button_color"].tf-btn-line::before,
.tf-section[data-tf-type="home.banner_showcase"] [data-tf-region="card_button_color"].tf-btn-line::after,
.tf-section[data-tf-type="home.banner_showcase"] .collection-v04 .tf-btn-icon::before {
    background-color: currentColor !important;
}

.tf-section[data-tf-type="home.banner_showcase"] .collection-v09 .tf-btn-rounded {
    background: var(--tf-cat-button-background, var(--white, #fff)) !important;
    color: var(--tf-cat-button-color, inherit) !important;
}