.nan-challenge-showcase{width:100%;max-width:1440px;margin:0 auto;padding:clamp(20px,3vw,40px) 0;box-sizing:border-box}
.nan-challenge-showcase,.nan-challenge-showcase *{box-sizing:border-box}
.nan-challenge-showcase__footer{display:flex;justify-content:center;margin-top:clamp(20px,3vw,34px)}
.nan-challenge-showcase__cta{width:min(100%,320px);text-align:center}
@media(max-width:640px){.nan-challenge-showcase{padding:20px 0;max-width:100%;overflow-x:clip}.nan-challenge-showcase__footer{margin-top:18px}}

/* =========================================================
   CHALLENGE SHOWCASE — CANONICAL DARK SURFACE
   Landing templates are intrinsically dark even when their body element does
   not carry the global .dark-mode class. The modifier is emitted by the
   Showcase preset and uses the same challenge-loop design tokens.
========================================================= */
/* The Showcase is an embedded component, not a catalogue-page background. */
.nan-challenge-showcase,
.nan-challenge-showcase.nan-challenge-showcase--dark,
body.dark-mode .nan-challenge-showcase:not(.nan-challenge-showcase--light){
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
}

.nan-challenge-showcase.nan-challenge-showcase--dark,
body.dark-mode .nan-challenge-showcase:not(.nan-challenge-showcase--light){
    --nan-challenge-primary:#818cf8;
    --nan-challenge-primary-dark:#6366f1;
    --nan-challenge-accent:#f87171;
    --nan-challenge-accent-dark:#b91c1c;
    --nan-challenge-success:#34d399;
    --nan-challenge-success-dark:#059669;
    --nan-challenge-bg:#0b1220;
    --nan-challenge-card:#111827;
    --nan-challenge-card-soft:#020617;
    --nan-challenge-text:#fff;
    --nan-challenge-muted:#9ca3af;
    --nan-challenge-text-inverse:#fff;
    --nan-challenge-highlight:#818cf8;
    --nan-challenge-highlight-contrast:#f87171;
    --nan-challenge-border:#1f2937;
    --nan-challenge-border-strong:rgba(129,140,248,.45);
    color:var(--nan-challenge-text);
}

.nan-challenge-showcase.nan-challenge-showcase--dark.woocommerce ul.products.nan-challenge-showcase__grid>li.product.nan-challenge-showcase__item,
body.dark-mode .nan-challenge-showcase:not(.nan-challenge-showcase--light).woocommerce ul.products.nan-challenge-showcase__grid>li.product.nan-challenge-showcase__item{
    background:var(--nan-challenge-card)!important;
    border-color:var(--nan-challenge-border)!important;
    color:var(--nan-challenge-text)!important;
    box-shadow:0 16px 48px rgba(0,0,0,.42)!important;
}

.nan-challenge-showcase.nan-challenge-showcase--dark.woocommerce ul.products.nan-challenge-showcase__grid>li.product.nan-challenge-showcase__item:hover,
body.dark-mode .nan-challenge-showcase:not(.nan-challenge-showcase--light).woocommerce ul.products.nan-challenge-showcase__grid>li.product.nan-challenge-showcase__item:hover{
    border-color:var(--nan-challenge-border-strong)!important;
}

.nan-challenge-showcase.nan-challenge-showcase--dark.woocommerce ul.products li.product .nan-challenge-loop-image img,
body.dark-mode .nan-challenge-showcase:not(.nan-challenge-showcase--light).woocommerce ul.products li.product .nan-challenge-loop-image img{
    background:var(--nan-challenge-card-soft)!important;
}

.nan-challenge-showcase.nan-challenge-showcase--dark .nan-challenge-loop-title,
.nan-challenge-showcase.nan-challenge-showcase--dark .nan-challenge-loop-price,
body.dark-mode .nan-challenge-showcase:not(.nan-challenge-showcase--light) .nan-challenge-loop-title,
body.dark-mode .nan-challenge-showcase:not(.nan-challenge-showcase--light) .nan-challenge-loop-price{
    color:var(--nan-challenge-text)!important;
}

.nan-challenge-showcase.nan-challenge-showcase--dark .nan-challenge-loop-timing,
body.dark-mode .nan-challenge-showcase:not(.nan-challenge-showcase--light) .nan-challenge-loop-timing{
    color:var(--nan-challenge-muted)!important;
}