/* =========================================================
   CustomizedSports - Sport Landing
   Scoped under .cs-sport-landing
========================================================= */

.cs-sport-landing {
    --cs-sport-ink: #0f1417;
    --cs-sport-bg: #0d1117;
    --cs-sport-panel: #171d21;
    --cs-sport-panel-soft: #20272c;
    --cs-sport-line: rgba(255, 255, 255, 0.12);
    --cs-sport-text: #f5f3eb;
    --cs-sport-muted: rgba(245, 243, 235, 0.72);
    --cs-sport-gold: #caa45b;
    --cs-sport-gold-bright: #e4c16d;
    --cs-sport-green: #8dc63f;
    --cs-sport-green-bright: #98bb67;
    --cs-sport-green-dark: #39501ac3;
    --cs-sport-green-darker: #2b3d1497;
    --cs-sport-radius: 8px;
    --cs-sport-shadow: 0 22px 54px rgba(0, 0, 0, 0.22);
    --cs-container: 1180px;
    background:
        radial-gradient(circle at top left, rgba(141, 198, 63, 0.08), transparent 28%),
        linear-gradient(180deg, var(--cs-sport-bg) 0%, #12181f 100%);
    color: var(--cs-sport-text);

    --cs-checkout-bg: #0e1216;
    --cs-checkout-panel: #161c20;
    --cs-checkout-panel-soft: #1f272d;
    --cs-checkout-line: rgba(255,255,255,.12);
    --cs-checkout-text: #f5f2ea;
    --cs-checkout-muted: rgba(245,242,234,.66);
}

.cs-sport-landing.term-flixlar,
.cs-sport-landing.brand-flixlar,
.cs-sport-landing.term-craft,
.cs-sport-landing.brand-craft {
    --cs-sport-ink: #95d8ff;
    --cs-sport-bg: #a0dfff;
    --cs-sport-panel: #87b1ce;
    --cs-sport-panel-soft: #556775;
    --cs-sport-line: rgba(255, 255, 255, 0.12);
    --cs-sport-text: #060605;
    --cs-sport-muted: rgba(108, 106, 102, 0.865);
    --cs-sport-gold: #caa45b;
    --cs-sport-gold-bright: #e4c16d;
    --cs-sport-green: #ff6a00;
    --cs-sport-green-bright: #ff8c42;
    --cs-sport-green-dark: #ff6a0024;
    --cs-sport-green-darker: #ff6a0012;
    --cs-sport-radius: 8px;
    --cs-sport-shadow: 0 22px 54px rgba(0, 0, 0, 0.22);

}

.cs-sport-landing .site-main {
    /*overflow: hidden;*/
    margin-top: 0;
}
.cs-sport-landing .site-main > * {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 920px;*/
}

.cs-sport-landing .inside-article {
    background-color: transparent;
}

.cs-sport-landing a {
    color: var(--cs-sport-gold-bright);
}
.cs-sport-landing .button a {
    color: var(--cs-sport-ink);
    text-decoration: none;
}

.cs-sport-landing :where(h1, h2, h3, h4, p) {
    color: inherit;
}

.cs-sport-landing :where(h1, h2, h3) {
    letter-spacing: 0;
    line-height: 1.02;
}

.cs-sport-landing :where(p, li) {
    color: var(--cs-sport-muted);
}

.cs-sport-landing :where(h1, h2, h3, h4, p, figure, ul) {
    margin-top: 0;
}

.cs-sport-landing :where(h1, h2, h3, h4, p, figure, ul):last-child {
    margin-bottom: 0;
}

/* Header / menu
========================================================= */

.cs-sport-landing .site-header,
.cs-sport-landing .primary-header {
    position: relative;
    z-index: 50;
    background:
        linear-gradient(90deg, rgba(141, 198, 63, 0.12), transparent 22%),
        linear-gradient(180deg, #1b2226 0%, #101518 100%) !important;
    border-bottom: 1px solid rgba(202, 164, 91, 0.3);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
}

.cs-sport-landing .inside-header,
.cs-sport-landing .webko-header-container,
.cs-sport-landing .webko-wrapper.flex-row {
    min-height: 82px;
    align-items: center;
}

.cs-sport-landing .site-logo img,
.cs-sport-landing .navigation-branding img,
.cs-sport-landing .webko-header-1 img {
    max-height: 64px;
    width: auto;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.3));
}

.cs-sport-landing .main-navigation,
.cs-sport-landing .main-navigation ul ul,
.cs-sport-landing .primary-menu,
.cs-sport-landing .webko-header-2 {
    background: transparent !important;
}

.cs-sport-landing .main-navigation .main-nav ul li a,
.cs-sport-landing .main-navigation .menu-toggle,
.cs-sport-landing .primary-header .menu .menu-item .menu-link,
.cs-sport-landing .webko-header-container .menu > li > a {
    color: rgba(245, 243, 235, 0.88) !important;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.cs-sport-landing .main-navigation .main-nav ul li:hover > a,
.cs-sport-landing .main-navigation .main-nav ul li.current-menu-item > a,
.cs-sport-landing .main-navigation .main-nav ul li.current_page_item > a,
.cs-sport-landing .primary-header .menu .menu-item .menu-link:hover,
.cs-sport-landing .primary-header .menu .current_page_item > .menu-link,
.cs-sport-landing .primary-header .current-page-ancestor > .menu-link {
    color: var(--cs-sport-green) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

.cs-sport-landing .main-navigation ul ul,
.cs-sport-landing .primary-header .sub-menu {
    background: #1f272c !important;
    border: 1px solid var(--cs-sport-line);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.cs-sport-landing .menu-cart-container ul.menu li.menu-item,
.cs-sport-landing .webko-header-container .menu > li.shopping-bag-toggle {
    border-left: 1px solid rgba(202, 164, 91, 0.32);
}

/* Primitives
========================================================= */

.cs-sport-landing .cs-container,
.cs-sport-landing :where(.wp-block-cover__inner-container, .wp-block-group__inner-container) {
    width: min(var(--cs-container), calc(100% - 40px));
    margin-inline: auto;
}

.cs-sport-landing .cs-section,
.cs-sport-landing :where(.wp-block-media-text, .cs-template-section),
.cs-sport-landing .entry-content > .wp-block-group {
    padding-block: clamp(56px, 7vw, 104px);
}

.cs-sport-landing .cs-section--tight {
    padding-block: clamp(40px, 5vw, 64px);
}

.cs-sport-landing .cs-section-heading {
    max-width: 920px;
    margin: 0 auto clamp(28px, 4vw, 48px) auto;
}

.cs-sport-landing .cs-section-heading__eyebrow {
    margin: 0 0 12px;
    color: var(--cs-sport-gold-bright);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.cs-sport-landing .cs-section-heading__title,
.cs-sport-landing .cs-section-heading :where(h2, h3) {
    margin: 0;
    color: var(--cs-sport-text);
    font-size: clamp(28px, 2.8vw, 40px);
    font-weight: 800;
    line-height: 1.05;
    text-transform: uppercase;
}

.cs-sport-landing .cs-section-heading__text,
.cs-sport-landing .cs-section-heading p {
    max-width: 720px;
    margin-top: 18px;
    color: var(--cs-sport-muted);
    font-size: 18px;
    line-height: 1.7;
}

.cs-sport-landing .cs-grid {
    display: grid;
    gap: clamp(18px, 2.4vw, 32px);
}

.cs-sport-landing .cs-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cs-sport-landing .cs-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cs-sport-landing .cs-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cs-sport-landing .cs-card,
.cs-sport-landing .cs-category-card,
.cs-sport-landing :where(.wp-block-query .wp-block-post, .wc-block-grid__product, ul.products li.product) {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)),
        linear-gradient(180deg, var(--cs-sport-panel-soft), var(--cs-sport-panel));
    border: 1px solid var(--cs-sport-line);
    border-radius: var(--cs-sport-radius);
    box-shadow: var(--cs-sport-shadow);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.cs-sport-landing .cs-card::before,
.cs-sport-landing .cs-category-card::before,
.cs-sport-landing :where(.wp-block-query .wp-block-post, .wc-block-grid__product, ul.products li.product)::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--cs-sport-green), var(--cs-sport-gold));
    opacity: 0;
    transition: opacity 180ms ease;
}

.cs-sport-landing .cs-card:hover,
.cs-sport-landing .cs-category-card:hover,
.cs-sport-landing :where(.wp-block-query .wp-block-post, .wc-block-grid__product, ul.products li.product):hover {
    border-color: rgba(202, 164, 91, 0.42);
    box-shadow: 0 26px 64px rgba(0, 0, 0, 0.28);
    transform: translateY(-2px);
}

.cs-sport-landing .cs-card:hover::before,
.cs-sport-landing .cs-category-card:hover::before,
.cs-sport-landing :where(.wp-block-query .wp-block-post, .wc-block-grid__product, ul.products li.product):hover::before {
    opacity: 1;
}

.cs-sport-landing .cs-card :where(h2, h3, h4),
.cs-sport-landing .cs-category-card :where(h2, h3, h4),
.cs-sport-landing :where(.wp-block-query .wp-block-post, .wc-block-grid__product, ul.products li.product) :where(h2, h3, .woocommerce-loop-product__title, .wc-block-grid__product-title) {
    color: var(--cs-sport-text);
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 800;
    text-transform: uppercase;
}

.cs-sport-landing .cs-card :where(p, li),
.cs-sport-landing .cs-category-card :where(p, li),
.cs-sport-landing :where(.wp-block-query .wp-block-post, .wc-block-grid__product, ul.products li.product) :where(p, .price) {
    color: var(--cs-sport-muted);
}

.cs-sport-landing .cs-card-icon {
    display: inline-flex;
    margin-bottom: 18px;
    font-size: 34px;
    color: var(--cs-sport-gold);
}

.cs-sport-landing .cs-card--category,
.cs-sport-landing .cs-category-card {
    min-height: 100%;
}

.cs-sport-landing .cs-card--category img,
.cs-sport-landing .cs-category-card img {
    transition: transform 500ms ease;
}

.cs-sport-landing .cs-card--category:hover img,
.cs-sport-landing .cs-category-card:hover img {
    transform: scale(1.04);
}

.cs-sport-landing .cs-category-card {
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.cs-sport-landing .cs-category-card:hover {
    transform: translateY(-4px);
    border-color: rgba(141,198,63,.45);
    box-shadow:
        0 30px 70px rgba(0,0,0,.32),
        0 0 24px rgba(141,198,63,.08);
}

.cs-sport-landing .cs-category-card figure {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.cs-sport-landing .cs-category-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cs-sport-landing .cs-category-card h3,
.cs-sport-landing .cs-category-card .cs-category-title {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: .04em;
    margin: 18px 0 14px;
}
.cs-sport-landing .cs-category-card a {
    text-decoration: none;
}
.cs-sport-landing .cs-category-card a .category-title {
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

.cs-sport-landing .cs-category-actions {
    display: flex;
    gap: 10px;
    margin: 16px 8px 8px 8px;
    justify-content: center;
    flex-wrap: wrap;
}

.cs-sport-landing .cs-category-actions a {
    min-height: 30px;
    min-width: 110px;
    padding: 0 16px;
    font-size: 12px;
    border-radius: 999px;
    flex: 1;
}


.cs-sport-landing .cs-category-actions .cs-button {
    min-height: 30px;
    padding: 0 12px;
    font-size: 13px;
}

@media (max-width: 768px) {
    .cs-sport-landing .cs-category-actions .cs-button {
        min-height: 52px;
        padding: 0 24px;
        font-size: 15px;
    }
}




.cs-sport-landing .cs-card--step,
.cs-sport-landing .cs-card--testimonial {
    padding: clamp(24px, 3vw, 34px);
}

.cs-sport-landing .cs-card--step {
    counter-increment: cs-step;
}

.cs-sport-landing .cs-grid--steps {
    counter-reset: cs-step;
}

.cs-sport-landing .cs-card--step::after {
    content: counter(cs-step, decimal-leading-zero);
    position: absolute;
    top: 18px;
    right: 22px;
    color: rgba(228, 193, 109, 0.18);
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 800;
    line-height: 1;
}

.cs-sport-landing .cs-card--step :where(h3, h4),
.cs-sport-landing .cs-card--testimonial :where(h3, h4) {
    max-width: 82%;
    margin-top: 0;
}

.cs-sport-landing .cs-card--testimonial {
    border-color: rgba(141, 198, 63, 0.22);
}

.cs-sport-landing .cs-card--testimonial p:first-child {
    color: var(--cs-sport-text);
    font-size: 18px;
    line-height: 1.65;
}

.cs-sport-landing .cs-card--testimonial cite,
.cs-sport-landing .cs-card--testimonial .cs-card__meta {
    display: block;
    margin-top: 22px;
    color: var(--cs-sport-gold-bright);
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

/* Hero
========================================================= */

.cs-sport-landing > :where(.wp-block-cover, .wp-block-group):first-child,
.cs-sport-landing .entry-content > :where(.wp-block-cover, .wp-block-group):first-child,
.cs-sport-landing .cs-hero {
    position: relative;
    min-height: clamp(560px, 72vh, 780px);
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: clamp(72px, 9vw, 132px) clamp(20px, 5vw, 72px);
    background:
        radial-gradient(circle at 82% 24%, rgba(141, 198, 63, 0.2), transparent 32%),
        linear-gradient(120deg, rgba(15, 20, 23, 0.98), rgba(15, 20, 23, 0.78) 44%, rgba(15, 20, 23, 0.38)),
        #11171a;
    border-bottom: 1px solid var(--cs-sport-line);
}

.cs-sport-landing > :where(.wp-block-cover, .wp-block-group):first-child::after,
.cs-sport-landing .entry-content > :where(.wp-block-cover, .wp-block-group):first-child::after,
.cs-sport-landing .cs-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 6px;
    background: linear-gradient(90deg, var(--cs-sport-green), var(--cs-sport-gold), transparent);
    opacity: 0.9;
}

.cs-sport-landing .cs-hero__inner {
    width: min(1400px, 100%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: clamp(28px, 5vw, 48px);
    align-items: center;
}

.cs-sport-landing .cs-hero__content {
    position: relative;
    z-index: 2;
}

.cs-sport-landing .cs-hero__eyebrow,
.cs-sport-landing .cs-eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 14px;
    border: 1px solid rgba(141, 198, 63, 0.25);
    border-radius: 999px;
    background: rgba(141, 198, 63, 0.12);
    color: var(--cs-sport-green);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.cs-sport-landing .cs-hero__title,
.cs-sport-landing > :where(.wp-block-cover, .wp-block-group):first-child :where(h1, h2),
.cs-sport-landing .entry-content > :where(.wp-block-cover, .wp-block-group):first-child :where(h1, h2) {
    max-width: 780px;
    margin: 0 0 20px;
    color: var(--cs-sport-text);
    font-size: clamp(42px, 6vw, 86px);
    font-weight: 800;
    line-height: 0.98;
    text-transform: uppercase;
}

.cs-sport-landing .cs-hero__text,
.cs-sport-landing > :where(.wp-block-cover, .wp-block-group):first-child p,
.cs-sport-landing .entry-content > :where(.wp-block-cover, .wp-block-group):first-child p {
    max-width: 640px;
    color: var(--cs-sport-muted);
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.45;
}

.cs-sport-landing .cs-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 34px;
}

.cs-sport-landing .cs-hero__actions br {
    display: none;
}

.cs-sport-landing .cs-hero__media img {
    display: block;
    width: 115%;
    margin-left: -10%;
    max-width: 115%;
    border-radius: var(--cs-sport-radius);
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.45), 0 0 60px rgba(202, 164, 91, 0.12);
}
@media (max-width: 767px) {
    .cs-sport-landing .cs-hero__media img {
        width: 100%;
        margin-left: 0%;
        max-width: 100%;
    }
}

/* Buttons
========================================================= */

.cs-sport-landing .wp-block-button__link,
.cs-sport-landing .button,
.cs-sport-landing .cs-button,
.cs-sport-landing button:not(.menu-toggle) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 28px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: var(--cs-sport-radius);
    background: linear-gradient(135deg, var(--cs-sport-gold-bright), var(--cs-sport-gold));
    box-shadow: 0 12px 32px rgba(202, 164, 91, 0.22);
    color: #111 !important;
    font-weight: 800;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: filter 180ms ease, color 180ms ease, transform 180ms ease;
}

.cs-sport-landing .wp-block-button.is-style-outline .wp-block-button__link,
.cs-sport-landing .cs-button--secondary {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(202, 164, 91, 0.55);
    box-shadow: none;
    color: var(--cs-sport-text) !important;
}

.cs-sport-landing .wp-block-button__link:hover,
.cs-sport-landing .button:hover,
.cs-sport-landing .cs-button:hover {
    background: var(--cs-sport-green-dark);
    background: linear-gradient(135deg, var(--cs-sport-green-dark), var(--cs-sport-green-darker));
    color: var(--cs-sport-green-bright) !important;
    border-color: linear-gradient(135deg, var(--cs-sport-green), var(--cs-sport-green-bright));
    transform: translateY(-2px);
}

/* Existing block/grid bridges
========================================================= */

.cs-sport-landing :where(.wp-block-columns, .wp-block-query .wp-block-post-template, .wc-block-grid__products, ul.products) {
    gap: clamp(18px, 2.4vw, 32px);
}

.cs-sport-landing :where(.wp-block-image, .wp-block-post-featured-image, .wc-block-grid__product-image, .product-image-wrap) img {
    display: block;
    width: 100%;
    height: auto;
}

.cs-sport-landing :where(.wp-block-media-text, .cs-template-section--footer-cta) {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
        var(--cs-sport-panel);
    border-top: 1px solid var(--cs-sport-line);
    border-bottom: 1px solid var(--cs-sport-line);
}

.cs-sport-landing :where(.wp-block-media-text__content, .cs-template-section--footer-cta .wp-block-group__inner-container) {
    padding: clamp(28px, 5vw, 64px);
}

.cs-sport-landing :where(.wp-block-separator) {
    border-color: rgba(202, 164, 91, 0.44);
}

/* Generated Gutenberg sport pages
========================================================= */

.cs-sport-landing .site-main.cs-sport-landing {
    width: min(var(--cs-container), calc(100% - 40px));
    margin-inline: auto;
    padding-block: clamp(32px, 5vw, 72px) 0;
}

.cs-sport-landing .site-main.cs-sport-landing > * {
    margin-block: 0;
}

.cs-sport-landing .site-main.cs-sport-landing > * + * {
    margin-top: clamp(44px, 6vw, 84px);
    max-width: 920px;
}

.cs-sport-landing .site-main.cs-sport-landing > p:empty {
    display: none;
}

.cs-sport-landing .site-main.cs-sport-landing > div:first-child {
    max-width: 920px;
}

.cs-sport-landing .site-main.cs-sport-landing > div:first-child p {
    max-width: 920px;
    font-size: 16px;
    line-height: 1.75;
}

.cs-sport-landing .site-main.cs-sport-landing > div:first-child h2:first-child,
.cs-sport-landing .site-main.cs-sport-landing > div > h2:only-child {
    max-width: 920px;
    margin-bottom: 18px;
    color: var(--cs-sport-text);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 800;
    text-transform: uppercase;
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid {
    gap: clamp(20px, 2.8vw, 36px);
    padding-block: 0;
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid > div {
    min-width: 0;
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid > div > .wp-block-group-is-layout-flex {
    gap: 10px;
    align-items: center;
    padding-block: 0;
    margin-bottom: 14px;
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid .gb-shape {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--cs-sport-gold-bright);
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid .gb-shape svg {
    width: 22px;
    height: 22px;
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid > div > .wp-block-group-is-layout-flex h2 {
    margin: 0;
    font-size: clamp(22px, 2.2vw, 30px);
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid > div > p {
    max-width: 36em;
    line-height: 1.7;
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid figure {
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: var(--cs-sport-radius);
    background: var(--cs-sport-panel-soft);
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid > div > h2 {
    margin-bottom: 14px;
    font-size: clamp(24px, 2.8vw, 36px);
    line-height: 1.05;
}

.cs-sport-landing .site-main.cs-sport-landing > .cs-model-grid.cs-model-grid {
    max-width: none;
    align-items: start;
}

.cs-sport-landing .cs-model-card {
    min-height: 100%;
    padding: clamp(14px, 2vw, 20px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)),
        var(--cs-sport-panel);
    border: 1px solid var(--cs-sport-line);
    border-radius: var(--cs-sport-radius);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.cs-sport-landing .cs-model-card:hover,
.cs-sport-landing .cs-model-card:focus-within {
    border-color: rgba(202, 164, 91, 0.48);
    box-shadow: 0 26px 64px rgba(0, 0, 0, 0.26), 0 0 34px rgba(141, 198, 63, 0.08);
    transform: translateY(-3px);
}

.cs-sport-landing .cs-model-card__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.cs-sport-landing .cs-model-card__link:focus-visible {
    outline: 2px solid var(--cs-sport-gold-bright);
    outline-offset: 5px;
}

.cs-sport-landing .cs-model-card figure {
    margin: 0 0 14px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

.cs-sport-landing .cs-model-card figure img {
    transition: transform 420ms ease, filter 420ms ease;
}

.cs-sport-landing .cs-model-card:hover figure img,
.cs-sport-landing .cs-model-card:focus-within figure img {
    filter: saturate(1.06) drop-shadow(0 0 18px rgba(141, 198, 63, 0.22));
    transform: scale(1.025);
}

.cs-sport-landing .cs-model-card__cta {
    margin: 0 0 18px;
}

.cs-sport-landing .cs-model-card__cta,
.cs-sport-landing .cs-model-card:hover .cs-model-card__cta,
.cs-sport-landing .cs-model-card:focus-within .cs-model-card__cta {
    background: linear-gradient(135deg, var(--cs-sport-gold-bright), var(--cs-sport-gold));
    color: #101510 !important;
}

.cs-sport-landing .cs-model-card:hover .cs-model-card__cta {
    background: var(--cs-sport-green-dark);
    color: var(--cs-sport-green-bright) !important;
}

.cs-sport-landing .cs-model-card h2 {
    margin-bottom: 10px;
    font-size: clamp(24px, 2.4vw, 34px);
}

.cs-sport-landing .cs-model-card p {
    max-width: none;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.65;
}

.cs-sport-landing .cs-model-card p strong,
.cs-sport-landing .cs-model-card li strong {
    color: rgba(245, 243, 235, 0.9);
    font-weight: 700;
}

.cs-sport-landing .cs-model-card__details {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--cs-sport-line);
    color: var(--cs-sport-muted);
}

.cs-sport-landing .cs-model-card__details summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--cs-sport-gold-bright);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.cs-sport-landing .cs-model-card__details summary::-webkit-details-marker {
    display: none;
}

.cs-sport-landing .cs-model-card__details summary::after {
    content: "+";
    color: var(--cs-sport-text);
    font-size: 18px;
    line-height: 1;
}

.cs-sport-landing .cs-model-card__details[open] summary::after {
    content: "-";
}

.cs-sport-landing .site-main.cs-sport-landing .cs-model-card__details ul {
    margin-top: 14px;
    margin-bottom: 0;
}

.cs-sport-landing .cs-model-card__details li {
    font-size: 14px;
    line-height: 1.55;
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid ul,
.cs-sport-landing .site-main.cs-sport-landing > div > ul {
    padding-left: 1.2em;
    margin-bottom: 20px;
}

.cs-sport-landing .site-main.cs-sport-landing > .wp-block-group-is-layout-grid li,
.cs-sport-landing .site-main.cs-sport-landing > div li {
    margin-bottom: 6px;
}

.cs-sport-landing .site-main.cs-sport-landing > div:not(:first-child):not(:has(> h2:only-child)) {
    max-width: 920px;
}

.cs-sport-landing .wp-block-accordion {
    display: grid;
    gap: 10px;
}

.cs-sport-landing .wp-block-accordion-heading {
    margin: 0;
}

.cs-sport-landing .wp-block-accordion-heading__toggle {
    min-height: 54px;
    padding: 12px 22px;
    border-radius: calc(var(--cs-sport-radius) - 2px);
    background: linear-gradient(135deg, var(--cs-sport-gold-bright), var(--cs-sport-gold));
    color: #101510;
    font-size: clamp(18px, 2vw, 26px);
    font-weight: 800;
    text-transform: uppercase;
}

.cs-sport-landing .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

.cs-sport-landing .wp-block-accordion-panel {
    padding: 18px 22px 8px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--cs-sport-line);
    border-top: 0;
}

/* Utilities
========================================================= */

.cs-sport-landing .cs-text-gold {
    color: var(--cs-sport-gold);
}
.cs-sport-landing .cs-text-gold-bright {
    color: var(--cs-sport-gold-bright);
}

.cs-sport-landing .cs-text-green {
    color: var(--cs-sport-green);
}
.cs-sport-landing .cs-text-green-bright {
    color: var(--cs-sport-green-bright);
}

.cs-sport-landing .cs-text-soft {
    color: var(--cs-sport-muted);
}

.cs-sport-landing .cs-uppercase {
    text-transform: uppercase;
}

.cs-sport-landing .cs-fw-700 {
    font-weight: 700;
}

.cs-sport-landing .cs-fw-800 {
    font-weight: 800;
}

.cs-sport-landing .cs-center {
    text-align: center;
}

.cs-sport-landing .d-none {
    display: none !important;
}

/* =========================================
   SPACING UTILITIES
========================================= */

.cs-sport-landing .cs-p-0 { padding: 0; }
.cs-sport-landing .cs-pt-0 { padding-top: 0!important; }
.cs-sport-landing .cs-pl-0 { padding-left: 0!important; }
.cs-sport-landing .cs-pr-0 { padding-right: 0!important; }
.cs-sport-landing .cs-pb-0 { padding-bottom: 0!important; }
.cs-sport-landing .cs-py-0 { padding-top: 0!important; padding-bottom: 0!important; }
.cs-sport-landing .cs-px-0 { padding-left: 0!important; padding-right: 0!important; }

.cs-sport-landing .cs-m-0 { margin: 0; }
.cs-sport-landing .cs-mt-0 { margin-top: 0!important; }
.cs-sport-landing .cs-ml-0 { margin-left: 0!important; }
.cs-sport-landing .cs-mr-0 { margin-right: 0!important; }
.cs-sport-landing .cs-mb-0 { margin-bottom: 0!important; }
.cs-sport-landing .cs-my-0 { margin-top: 0!important; margin-bottom: 0!important; }
.cs-sport-landing .cs-mx-0 { margin-left: 0!important; margin-right: 0!important; }

.cs-sport-landing .cs-p-sm { padding: 16px; }
.cs-sport-landing .cs-p-md { padding: 24px; }
.cs-sport-landing .cs-p-lg { padding: 40px; }
.cs-sport-landing .cs-p-xl { padding: 64px; }

/* Y axis */

.cs-py-sm {
    padding-top: 16px;
    padding-bottom: 16px;
}

.cs-py-md {
    padding-top: 24px;
    padding-bottom: 24px;
}

.cs-py-lg {
    padding-top: 40px;
    padding-bottom: 40px;
}

.cs-py-xl {
    padding-top: 64px;
    padding-bottom: 64px;
}

/* X axis */

.cs-px-sm {
    padding-left: 16px;
    padding-right: 16px;
}

.cs-px-md {
    padding-left: 24px;
    padding-right: 24px;
}

.cs-px-lg {
    padding-left: 40px;
    padding-right: 40px;
}

.cs-px-xl {
    padding-left: 64px;
    padding-right: 64px;
}

/* Top */

.cs-pt-sm { padding-top: 16px; }
.cs-pt-md { padding-top: 24px; }
.cs-pt-lg { padding-top: 40px; }
.cs-pt-xl { padding-top: 64px; }

/* Bottom */

.cs-pb-sm { padding-bottom: 16px; }
.cs-pb-md { padding-bottom: 24px; }
.cs-pb-lg { padding-bottom: 40px; }
.cs-pb-xl { padding-bottom: 64px; }

.cs-sport-landing .cs-align-left { text-align: left; }
.cs-sport-landing .cs-align-right { text-align: right; }
.cs-sport-landing .cs-align-center { text-align: center; }

.cs-sport-landing .cs-bold { font-weight: bold; }

/* Mobile
========================================================= */

@media (min-width: 980px) {
    .cs-sport-landing .webko-header-container .header-item:not(.mobile-only) .menu > li > a {
        height: 82px;
        border-color: rgba(255, 255, 255, 0.1);
    }

    .cs-sport-landing .webko-header-2 .menu li:not(.current-menu-item, .sub-menu)::before {
        background: var(--cs-sport-gold);
    }
}

@media (max-width: 979px) {
    .cs-sport-landing .main-navigation.toggled .main-nav,
    .cs-sport-landing .primary-header .menu {
        background: #151b1f !important;
        border-top: 1px solid var(--cs-sport-line);
    }

    .cs-sport-landing .main-navigation .main-nav ul li a,
    .cs-sport-landing .primary-header .menu .menu-item .menu-link {
        padding-inline: 22px;
    }

    .cs-sport-landing .cs-hero__inner,
    .cs-sport-landing .cs-grid--2,
    .cs-sport-landing .cs-grid--3,
    .cs-sport-landing .cs-grid--4 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .cs-sport-landing > :where(.wp-block-cover, .wp-block-group):first-child,
    .cs-sport-landing .entry-content > :where(.wp-block-cover, .wp-block-group):first-child,
    .cs-sport-landing .cs-hero {
        min-height: 520px;
        padding-block: 64px;
    }

    .cs-sport-landing .cs-container,
    .cs-sport-landing :where(.wp-block-cover__inner-container, .wp-block-group__inner-container) {
        width: min(var(--cs-container), calc(100% - 32px));
    }

    .cs-sport-landing .cs-hero__actions {
        flex-direction: column;
    }

    .cs-sport-landing :where(.wp-block-columns, .wp-block-query .wp-block-post-template, .wc-block-grid__products, ul.products) {
        display: grid;
        grid-template-columns: 1fr;
    }
}








.cs-sport-landing .cs-story-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.4vw, 32px);
}

.cs-sport-landing .cs-story-card {
    overflow: hidden;
    background: linear-gradient(180deg, var(--cs-sport-panel-soft), var(--cs-sport-panel));
    border: 1px solid rgba(141, 198, 63, 0.22);
    border-radius: var(--cs-sport-radius);
    box-shadow: var(--cs-sport-shadow);
}

.cs-sport-landing .cs-story-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.cs-sport-landing .cs-story-card blockquote {
    margin: 0;
    padding: 24px 24px 10px;
    color: var(--cs-sport-text);
    font-size: 18px;
    line-height: 1.5;
}

.cs-sport-landing .cs-story-card cite {
    display: block;
    padding: 0 24px 24px;
    color: var(--cs-sport-gold-bright);
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 979px) {
    .cs-sport-landing .cs-story-grid {
        grid-template-columns: 1fr;
    }
}



.cs-story-card blockquote {
    font-size: 20px;
    font-weight: 700;
}

.cs-story-card {
    transition:
        transform 180ms ease,
        border-color 180ms ease;
}

.cs-story-card:hover {
    transform: translateY(-4px);
    border-color: rgba(141, 198, 63, 0.45);
}


.cs-sport-landing .cs-rich-text {
    max-width: 920px;
}

.cs-sport-landing .cs-rich-text h2 {
    margin-bottom: 24px;
    /*font-size: clamp(42px, 5vw, 72px);
    line-height: 1;*/
    text-transform: uppercase;
}

.cs-sport-landing .cs-rich-text p {
    max-width: 780px;
    margin-bottom: 28px;
    font-size: 20px;
    line-height: 1.9;
    color: var(--cs-sport-muted);
}








.cs-sport-landing .cs-benefit-panel {
    position: relative;
    margin-block: clamp(56px, 7vw, 96px);
    padding: clamp(28px, 5vw, 56px);
    border: 1px solid rgba(141, 198, 63, 0.34);
    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 0%, rgba(141, 198, 63, 0.12), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01)),
        rgba(13, 17, 23, 0.72);
    box-shadow: 0 28px 80px rgba(0,0,0,0.34);
}

.cs-sport-landing .cs-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    overflow: hidden;
    gap: clamp(5px, 0.8vw, 10px);
}

.cs-sport-landing .cs-benefit-card {
    min-height: 360px;
    padding: clamp(10px, 1.8vw, 15px);
    background: rgba(255,255,255,0.018);
    border-right: 1px dashed rgba(255,255,255,0.16);
    text-align: center;
}

.cs-sport-landing .cs-benefit-card:last-child {
    border-right: 0;
}

.cs-sport-landing .cs-benefit-card .cs-card-icon {
    color: var(--cs-sport-gold-bright);
    font-size: 44px;
    margin-bottom: 26px;
}

.cs-sport-landing .cs-benefit-card h2,
.cs-sport-landing .cs-benefit-card h3 {
    margin: 0 0 18px;
    font-size: clamp(18px, 1.8vw, 20px);
    font-weight: 800;
    line-height: 1.02;
    text-transform: uppercase;
}

.cs-sport-landing .cs-benefit-card h2::after,
.cs-sport-landing .cs-benefit-card h3::after {
    content: "";
    display: block;
    width: 44px;
    height: 2px;
    margin-top: 18px;
    background: var(--cs-sport-green);
}

.cs-sport-landing .cs-benefit-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.75;
    text-align: left;
}

@media (max-width: 979px) {
    .cs-sport-landing .cs-benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cs-sport-landing .cs-benefit-card:nth-child(2) {
        border-right: 0;
    }
}

@media (max-width: 640px) {
    .cs-sport-landing .cs-benefit-grid {
        grid-template-columns: 1fr;
    }

    .cs-sport-landing .cs-benefit-card {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px dashed rgba(255,255,255,0.16);
    }

    .cs-sport-landing .cs-benefit-card:last-child {
        border-bottom: 0;
    }
}



.cs-benefit-panel h2:first-child {
    margin-bottom: 12px;
    font-size: clamp(44px, 5vw, 82px);
    line-height: .95;
    text-transform: uppercase;
}

.cs-benefit-panel > p:first-of-type {
    max-width: 720px;
    margin-bottom: 42px;
    font-size: 20px;
}

.cs-benefit-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow:
        inset 0 0 80px rgba(141,198,63,.04),
        inset 0 0 140px rgba(202,164,91,.03);
}


.header-widget #nav_menu-4.widget ul li {
    margin-bottom: 0px !important;
}


@media (max-width: 1130px) {
    .header-widget {
        display: none;
    }
}





.accept-terms {
    margin-bottom: 25px;
}

.accept-terms-input:checked + .accept-terms span::before {
    background-color: var(--cs-sport-green-darker);
}

.accept-terms-input:checked + .accept-terms span::after {
    left: 4px;
    width: 9px;
    height: 9px;
    background-color: var(--cs-sport-green);
}





#shop-categories {
    grid-template-columns: repeat(
        auto-fill, 
        minmax(max(min(14rem, 100%), (100% - (24px * (4 - 1))) / 4), 
        1fr));
    container-type: inline-size;
}

.site-logo a {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cs-header-brand-name {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.no-brand .cs-brand-reset {
  display: none;
}


.footer-bar-align-right .copyright-bar {
    display: none;
}




.sw__identitybox-wrapper .sw__identitybox-container .sw__identitybox-text .sw__identitybox-text-wrapper h1 {
    color: var(--cs-checkout-text);
}
.sw__identitybox-wrapper .sw__identitybox-container .sw__identitybox-text .sw__identitybox-text-wrapper ul li {
    color: var(--cs-checkout-text);
}

.sw__identitybox-wrapper .sw__identitybox-container .sw__identitybox-create-account .sw__identitybox-read-more a, .sw__identitybox-wrapper .sw__identitybox-container .sw__identitybox-create-account .sw__identitybox-read-more a:active 
{
    color: var(--cs-checkout-text);
    margin-top: 10px;
}


.sw__identitybox-wrapper .sw__identitybox-container .sw__identitybox-logo {
    width: 143px;
    text-align: center;
    margin: auto 0;
    background: silver;
    border: 10px solid silver;
    /* margin-left: -16px; */
}

.sw__identitybox-wrapper .sw__identitybox-container .sw__identitybox-text .sw__identitybox-text-wrapper h1 {
    color: var(--cs-checkout-text) !important;
}


/* Fjern duplikeret (optional) tekst på telefon felt */
#billing_phone_field .optional,
#shipping_phone_field .optional,
.woocommerce-checkout .form-row .optional {
    display: none !important;
}

/* Sikr at "påkrævet" står rent */
.woocommerce-checkout .form-row label[for="billing_phone"] .optional,
.woocommerce-checkout .form-row label[for="shipping_phone"] .optional {
    display: none !important;
}