/* MOTOKITDECO — section Stickers (chargée seulement quand la section est active) */
@font-face{font-family:"MKD Anton";src:url(../fonts/stickers/anton-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MKD Bungee";src:url(../fonts/stickers/bungee-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MKD Russo One";src:url(../fonts/stickers/russo-one-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MKD Permanent Marker";src:url(../fonts/stickers/permanent-marker-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MKD Pacifico";src:url(../fonts/stickers/pacifico-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MKD Lalezar";src:url(../fonts/stickers/lalezar-latin-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:"MKD Lalezar";src:url(../fonts/stickers/lalezar-arabic-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}

/* ---------- en-tête ---------- */
.stk-hero{position:relative;overflow:hidden}
.stk-hero-bg{position:absolute;inset:0;z-index:-1;opacity:.55;background:
  radial-gradient(28% 40% at 82% 30%,color-mix(in srgb,var(--saffron) 40%,transparent),transparent 70%),
  radial-gradient(24% 36% at 68% 78%,color-mix(in srgb,var(--red) 38%,transparent),transparent 70%),
  radial-gradient(20% 30% at 92% 82%,color-mix(in srgb,var(--violet) 40%,transparent),transparent 70%)}
.stk-demo{display:flex;gap:.6rem;align-items:center;margin-bottom:1.2rem}
.stk-demo svg{width:20px;height:20px;flex:none}
.stk-min{display:flex;gap:.55rem;align-items:center;font-weight:800;margin:.6rem 0 0;color:var(--text)}
.stk-min svg{width:20px;height:20px;flex:none;color:var(--teal-ink)}
.stk-delay{margin:.35rem 0 0;font-size:.9rem}
.stk-num-cta{margin:.2rem 0 .4rem}
/* lien mesuré vers les stickers (accueil, catalogue des kits) */
.stk-link-band{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:1.6rem 0 0;padding:1rem 1.2rem;border:1px dashed color-mix(in srgb,var(--text) 25%,transparent);border-radius:14px;font-weight:700}
.stk-link-band>svg{width:22px;height:22px;flex:none;color:var(--teal-ink)}
.stk-link-band>span{flex:1 1 16rem;min-width:0}
.stk-min-band{padding:.8rem 1rem;border-radius:var(--r-sm);background:var(--card);border:1.5px dashed var(--line2);margin-bottom:1.4rem}
.stk-soon{font-weight:800;color:var(--muted);font-size:.9rem}

/* ---------- filtres ---------- */
.stk-filters{display:grid;grid-template-columns:1fr minmax(220px,320px);gap:1rem;align-items:end;padding:1rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line);margin:1rem 0 1.2rem}
.stk-filters .chip{display:inline-flex;align-items:center;gap:.45rem}
.stk-holo-chip{margin-top:.6rem;border-image:none;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(115deg,#ff6ad5,#ad8cff,#7afcff,#c8ff1a,#ffd36a) border-box;border-color:transparent}
.stk-holo-chip[aria-pressed="true"]{background:linear-gradient(115deg,#ff6ad5,#ad8cff,#7afcff,#c8ff1a,#ffd36a);color:#0a0a0d}
.stk-holo-badge{position:absolute;top:.55rem;inset-inline-end:.55rem;z-index:1;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.04em;color:#0a0a0d;background:linear-gradient(115deg,#ffb3e6,#cdbaff,#a9f6ff,#e9ff9e,#ffe39a);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.stk-filters .chip[data-col]:not([data-col=""])::before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--accent,var(--red));box-shadow:0 0 0 1px var(--line2)}
@media (max-width:760px){.stk-filters{grid-template-columns:1fr}}

/* ---------- cartes ---------- */
.stk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:1.1rem}
.stk-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.2rem}
.stk-card{position:relative;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.stk-card:hover{transform:translateY(-5px);border-color:var(--line2);box-shadow:var(--shadow)}
.stk-media{position:relative;aspect-ratio:1;background:var(--card2);overflow:hidden}
/* chargement : léger reflet qui passe tant que l'image n'est pas prête (plus de halo coloré vide), puis fondu */
.stk-media::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--text) 7%,transparent) 50%,transparent 70%);background-size:220% 100%;animation:stkShimmer 1.4s linear infinite}
.stk-media.ok::before{content:none}
.stk-media.ok{background:radial-gradient(65% 65% at 50% 50%,color-mix(in srgb,var(--accent,var(--red)) 20%,transparent),transparent 72%),var(--card2)}
.js .stk-media img.main:not(.ld){opacity:0}
@keyframes stkShimmer{from{background-position:120% 0}to{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.stk-media::before{animation:none}}
:root[data-motion="reduce"] .stk-media::before{animation:none}
.stk-pack-card .stk-media{aspect-ratio:4/3;background:var(--paper)}
.stk-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.stk-media img.main{filter:drop-shadow(0 10px 14px rgba(0,0,0,.35));transform:rotate(-3deg)}
.stk-media img.alt{opacity:0;object-fit:cover;padding:0}
.stk-card:hover .stk-media img.alt,.stk-card:has(:focus-visible) .stk-media img.alt{opacity:1}
.stk-card:hover .stk-media img.main,.stk-card:has(:focus-visible) .stk-media img.main{opacity:0}
.stk-card .body{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.stk-card .stk-col{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.stk-card .stk-name{margin:0;font-weight:900;font-stretch:120%;font-style:italic;font-size:1.15rem;line-height:1.1;text-transform:uppercase}
:lang(ar) .stk-card .stk-name,:lang(ary) .stk-card .stk-name{font-style:normal;text-transform:none}
.stk-card .price{margin-top:auto;font-size:1.1rem}
.stk-card .muted{margin:.2rem 0;font-size:.92rem}
.stk-card a.cover{position:absolute;inset:0;z-index:2;border-radius:inherit}
.stk-card a.cover:focus-visible{outline-offset:-3px}

/* ---------- fiche ---------- */
.stk-stage{position:relative;aspect-ratio:1;border-radius:calc(var(--r) + 6px);overflow:hidden;border:1px solid var(--line);background:radial-gradient(60% 55% at 50% 50%,color-mix(in srgb,var(--accent,var(--red)) 30%,transparent),transparent 75%),linear-gradient(180deg,var(--card2),var(--bg2));--hx:30%;--hy:20%}
.stk-sheet{aspect-ratio:4/5;background:var(--paper)}
.stk-view{position:absolute;inset:0;margin:0}
.stk-view picture,.stk-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.stk-view:not(.stk-art) img{object-fit:cover}
.stk-sheet .stk-view img{object-fit:contain;padding:4%}
.stk-art{inset:9%}
.stk-art img{filter:drop-shadow(0 18px 22px rgba(0,0,0,.4))}
/* simulation des finitions (aperçu indicatif) : le reflet est découpé à la forme du sticker par un masque */
.stk-fx{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.fin-standard .stk-fx{background:radial-gradient(40% 30% at var(--hx) var(--hy),rgba(255,255,255,.42),transparent 70%),linear-gradient(115deg,transparent 38%,rgba(255,255,255,.28) 48%,transparent 58%);mix-blend-mode:screen}
.fin-mat .stk-art img{filter:drop-shadow(0 18px 22px rgba(0,0,0,.4)) saturate(.88) contrast(.94) brightness(.97)}
.fin-mat .stk-fx{background:rgba(255,255,255,.07);mix-blend-mode:screen}
/* holo : aperçu calculé avec la vraie carte du blanc (film nu / teinté / opaque) quand il existe, reflet animé atténué */
.stk-art img.stk-holo-img{display:none}
.has-holo.fin-holo .stk-art img.stk-std{display:none}
.has-holo.fin-holo .stk-art img.stk-holo-img{display:block}
.has-holo.fin-holo .stk-fx{opacity:.22}
.stk-no-holo{font-size:.85rem;margin:.55rem 0 0}
.fin-holo .stk-fx{background:
  radial-gradient(45% 35% at var(--hx) var(--hy),rgba(255,255,255,.55),transparent 70%),
  linear-gradient(115deg,#ff6ad5,#c774e8,#ad8cff,#8795e8,#94d0ff,#7afcff,#c8ff1a,#ffd36a,#ff6ad5) 0 0/300% 300%;
  mix-blend-mode:hard-light;opacity:.55}
@media (prefers-reduced-motion:no-preference){
  :root:not([data-motion="reduce"]) .fin-holo .stk-fx{animation:stkHolo 7s linear infinite}
}
@keyframes stkHolo{to{background-position:0 0,300% 300%}}
.stk-note{display:flex;align-items:center;gap:.5rem;margin:.7rem 0 0;color:var(--muted);font-weight:700;font-size:.9rem}
.stk-note svg{width:18px;height:18px;flex:none}
.stk-thumbs{display:flex;gap:.6rem;margin-top:.9rem;flex-wrap:wrap}
.stk-thumbs button{width:84px;height:84px;padding:0;border-radius:12px;border:2px solid var(--line2);background:var(--card2);overflow:hidden;cursor:pointer}
.stk-thumbs button[aria-pressed="true"]{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
.stk-thumbs img{width:100%;height:100%;object-fit:cover}
.stk-sizes span,.stk-fins span{display:flex!important;flex-direction:column;gap:.1rem;min-width:7.5rem}
.stk-sizes b{font-size:1.25rem;font-stretch:120%}
.stk-sizes small,.stk-fins small{font-weight:600;color:var(--muted);font-size:.82rem}
.stk-fins span{max-width:15rem}
.stk-scale-box{display:flex;align-items:center;gap:1rem;margin-top:.9rem;font-size:.85rem}
.stk-scale{width:150px;flex:none}
.stk-scale rect{fill:none;stroke:var(--line2);stroke-width:2}
.stk-scale rect.on{fill:color-mix(in srgb,var(--red) 22%,transparent);stroke:var(--red)}
.stk-scale text{font:800 13px var(--font);fill:var(--muted)}
.stk-info h2{margin:0 0 .3rem}
.stk-product .moto-line{font-weight:600}

/* ---------- panier : minimum de commande ---------- */
.min-box{margin:1rem 0;padding:1rem;border-radius:var(--r-sm);background:var(--card);border:1.5px solid var(--line2)}
.min-left{margin:0 0 .5rem}
.min-track{height:10px;border-radius:99px;background:var(--line);overflow:hidden}
.min-track span{display:block;height:100%;border-radius:inherit;background:var(--flame)}
.min-why{font-size:.88rem;color:var(--muted);margin:.6rem 0 0}
.min-sug{font-weight:800;margin:.9rem 0 .4rem;font-size:.92rem}
.min-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.min-list li{display:grid;grid-template-columns:56px 1fr auto;gap:.6rem;align-items:center}
.min-list img{width:56px;height:56px;object-fit:contain;background:var(--card2);border-radius:8px}
.min-list .t{display:block;font-weight:800;line-height:1.2;font-size:.92rem}
.min-list .s{display:block;font-size:.8rem;color:var(--muted)}
.min-list .btn{min-height:40px;padding:.4rem .7rem}
button[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* ---------- outil « Crée ton sticker » ---------- */
.cts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.2rem,1rem + 2vw,2.5rem);align-items:start}
.cts-preview{position:sticky;top:calc(var(--hdr) + 16px)}
.cts-stage{position:relative;aspect-ratio:4/3;border-radius:var(--r);border:1px solid var(--line);background:repeating-conic-gradient(var(--card2) 0 25%,var(--card) 0 50%) 0 0/28px 28px;display:grid;place-items:center;overflow:hidden;--hx:30%;--hy:25%}
.cts-stage svg{width:88%;height:82%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.4))}
.cts-stage [data-fx] rect{display:none}
.cts-stage[data-fin="holo"] .cts-sheen-holo{display:block;mix-blend-mode:overlay;opacity:.75;transform-box:fill-box}
.cts-stage[data-fin="standard"] .cts-sheen-gloss{display:block;mix-blend-mode:screen}
.cts-stage[data-fin="mat"] svg{filter:drop-shadow(0 14px 18px rgba(0,0,0,.4)) saturate(.88) contrast(.94)}
@media (prefers-reduced-motion:no-preference){:root:not([data-motion="reduce"]) .cts-stage[data-fin="holo"] .cts-sheen-holo{animation:ctsHolo 9s linear infinite alternate}}
@keyframes ctsHolo{to{transform:translateX(-66.6%)}}
.cts-sample{font-style:normal;font-size:1.35rem;line-height:1.1}
.cts-summary{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.cts-summary .price{font-size:2rem;margin:0}
.cts form{display:grid;gap:1.1rem}
.cts fieldset{border:0;padding:0;margin:0}
.cts legend{font-weight:800;font-size:.85rem;color:var(--muted);margin-bottom:.45rem}
.cts-fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}
.cts-opt{position:relative}
.cts-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.cts-opt span{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.4rem .7rem;border-radius:12px;border:2px solid var(--line2);font-size:1.15rem;cursor:pointer;text-align:center;line-height:1.1}
.cts-opt input:checked+span{border-color:var(--red);background:color-mix(in srgb,var(--red) 14%,transparent)}
.cts-opt input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}
.cts-opt small{display:block;font-size:.72rem;font-family:var(--font);color:var(--muted);font-weight:700}
.cts-colors{display:flex;flex-wrap:wrap;gap:.45rem}
.cts-colors .cts-opt span{width:42px;min-height:42px;height:42px;padding:0;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px rgba(127,127,127,.45)}
.cts-colors .cts-opt input:checked+span{border-color:var(--text);box-shadow:inset 0 0 0 2px rgba(127,127,127,.45),0 0 0 3px var(--bg),0 0 0 5px var(--red);background:var(--c)}
.cts-shapes,.cts-sizes,.cts-fins{display:flex;flex-wrap:wrap;gap:.5rem}
.cts-shapes .cts-opt span,.cts-sizes .cts-opt span,.cts-fins .cts-opt span{font-size:.92rem;font-weight:800;flex-direction:column}
.cts-fins .cts-opt.is-off{opacity:.45;cursor:not-allowed}
.cts-holo-hint{font-size:.85rem;margin:.5rem 0 0}
.cts .check{display:flex;gap:.6rem;align-items:center;font-weight:700}
.cts .check input{width:22px;height:22px;accent-color:var(--red)}
.cts-warn{color:var(--red-ink);font-weight:700;font-size:.9rem;margin:0}
.cts-actions{display:grid;gap:.6rem}
@media (max-width:900px){.cts{grid-template-columns:1fr}.cts-preview{position:static}}
.stk-min-live{margin:.3rem 0 0;font-size:.9rem;color:var(--muted);font-weight:700}
.stk-min-live:empty{display:none}
.price small{font-size:.5em;color:var(--muted);font-weight:700}
.qty-line{margin-top:.4rem;border-width:1.5px;border-radius:10px}
.qty-line button{width:36px;height:34px;font-size:1.1rem}
.qty-line output{min-width:2.2rem;text-align:center;font-weight:900}

/* ---------- menu : une entrée de plus (Stickers) → menu plus compact, et menu repliable jusqu'à 1280 px ---------- */
@media (min-width:1281px){.nav{gap:0}.nav a{padding:.55rem .55rem;font-size:.92rem}.nav a[aria-current="page"]::after{inset-inline:.55rem}}
@media (max-width:1280px){
  .nav{position:fixed;inset:var(--hdr) 0 auto 0;flex-direction:column;align-items:stretch;background:var(--bg);padding:1rem 1.25rem 2rem;border-bottom:1px solid var(--line);display:none;max-height:calc(100dvh - var(--hdr));overflow:auto}
  .nav.open{display:flex}
  .nav a{font-size:1.25rem;padding:.9rem .6rem;border-bottom:1px solid var(--line);border-radius:0}
  .nav a[aria-current="page"]::after{display:none}
  .burger{display:grid}
  .tools{margin-inline-start:auto}
}
.stk-hero-art{position:absolute;inset:0;pointer-events:none;z-index:0}
.stk-hero .wrap{position:relative;z-index:1}
.stk-hero-art span{position:absolute;width:clamp(140px,14vw,230px);filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.stk-hero-art .s0{inset-inline-end:3%;top:9%;transform:rotate(-9deg)}
.stk-hero-art .s1{inset-inline-end:15%;top:50%;transform:rotate(7deg)}
.stk-hero-art .s2{inset-inline-end:2%;top:60%;transform:rotate(-4deg)}
@media (max-width:1100px){.stk-hero-art{display:none}}
.stk-product .num-field{max-width:440px}
/* ---------- fiche urgence casque ---------- */
.ur-stage{aspect-ratio:4/3;background:var(--card)}
.ur-stage svg{width:92%;height:86%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.ur-formes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}
.ur-formes .cts-opt span{flex-direction:column;gap:.3rem;padding:.5rem;min-height:110px;font-size:.9rem}
.ur-formes img{width:64px;height:64px;object-fit:contain}
.ur-safety{margin-top:1rem;border-inline-start:4px solid #c8102e}
.ur-safety p{margin:0}
.ur-consent{padding:.9rem 1rem;border:2px solid var(--line2);border-radius:var(--r-sm);margin:1rem 0}
.ur-consent .check{align-items:flex-start;font-weight:700}
.ur-consent .hint{margin:.5rem 0 0}
.ur form fieldset{margin-block:1rem}
.ur textarea{resize:vertical}
[data-ur-full][hidden]{display:none}
/* ---------- ligne Signature (palier de prix) et coffrets ---------- */
.stk-sig-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:900;font-style:italic;font-stretch:120%;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0d;background:linear-gradient(135deg,#fff3b8,#e8c15a 45%,#c2901f);box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.6)}
.stk-sig-badge::before{content:"★";font-style:normal;font-size:.8em}
.stk-media .stk-sig-badge{position:absolute;top:.55rem;inset-inline-start:.55rem;z-index:1}
.stk-chips2{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.stk-chips2 .stk-holo-chip{margin-top:0}
.stk-sig-chip{border-color:#c2901f}
.stk-sig-chip[aria-pressed="true"]{background:linear-gradient(135deg,#fff3b8,#e8c15a 45%,#c2901f);color:#0a0a0d;border-color:#c2901f}
.stk-sig{background:radial-gradient(50% 60% at 15% 0%,color-mix(in srgb,#e8c15a 14%,transparent),transparent 70%)}
.stk-sig-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.2rem}
.stk-sig-col{display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-width:0;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;position:relative}
.stk-sig-col::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--accent)}
.stk-sig-art{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;gap:.2rem;padding:1.3rem .9rem .5rem;background:radial-gradient(70% 80% at 50% 60%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 72%),var(--card2)}
.stk-sig-art span{display:block;aspect-ratio:1;min-width:0}
.stk-sig-art picture{display:block;width:100%;height:100%}
.stk-sig-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.stk-sig-art .a0{transform:rotate(-5deg)}.stk-sig-art .a1{transform:rotate(3deg) translateY(6px)}.stk-sig-art .a2{transform:rotate(-2deg)}.stk-sig-art .a3{transform:rotate(5deg) translateY(4px)}
.stk-sig-body{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem 1.1rem 1.2rem}
.stk-sig-body h3{margin:0;font-weight:900;font-style:italic;font-stretch:120%;text-transform:uppercase;font-size:1.3rem;line-height:1.1}
:lang(ar) .stk-sig-body h3,:lang(ary) .stk-sig-body h3{font-style:normal;text-transform:none}
.stk-sig-body .muted{margin:0;font-size:.92rem}
.stk-sig-facts{margin:auto 0 0;font-weight:800}
.stk-sig-facts .price{font-size:1.05rem}
.stk-sig-body .cta-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}
.stk-sig-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.1rem 0 .4rem;font-weight:700;font-size:.92rem;color:var(--muted)}
.stk-cf-band a.stk-cf-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(.8rem,.5rem + 2vw,2rem);padding:clamp(.9rem,.6rem + 1vw,1.4rem);border-radius:var(--r);border:1.5px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:radial-gradient(60% 90% at 20% 50%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),var(--card);color:var(--text);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s}
.stk-cf-band a.stk-cf-link:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.stk-cf-img img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 16px rgba(0,0,0,.35))}
.stk-cf-txt{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}
.stk-cf-txt .kicker{margin:0}
.stk-cf-txt strong{font-size:clamp(1.3rem,1rem + 1.2vw,2rem);line-height:1.05}
.stk-cf-txt .price{font-size:1.25rem}
@media (max-width:640px){.stk-cf-band a.stk-cf-link{grid-template-columns:1fr}}
.stk-cf-stage{aspect-ratio:4/3}
.stk-cf-stage .stk-cf-art{inset:3%}
.stk-cf-save{margin:.2rem 0 0;font-weight:800;color:var(--teal-ink)}
.stk-cf-save:empty{display:none}
.stk-cf-card .stk-media img.main{transform:none;padding:5%}