/* 3D "lost cart comes home" stage, shared by the landing and the platform pages */
.j3-sec{--j-accent:#ff7a2f}
.j3-sec[data-variant="woo"]{--j-accent:#a77bff}
.j3-sec[data-variant="shopify"]{--j-accent:#a6d65a}
.j-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,236,214,.1);margin:0 0 18px}
.j-tabs button{appearance:none;border:0;background:transparent;color:#c9bcae;font:600 14px/1 Inter,system-ui,sans-serif;padding:10px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .25s,color .25s}
.j-tabs button[aria-selected="true"]{background:#f6efe6;color:#14100c}
.j-tabs button:focus-visible{outline:2px solid var(--j-accent);outline-offset:2px}
.j-stage{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:radial-gradient(70% 80% at 50% 45%,rgba(255,150,70,.10),transparent 70%),#0d0a08;border:1px solid rgba(255,236,214,.09);box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.j-stage::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 -80px 120px -60px rgba(11,9,8,.9)}
.j-stage canvas{position:absolute;inset:0}
.j-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.j-stage.is-video video{display:block}
.j-stage .j-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .6s}
.j-stage.is-live .j-poster,.j-stage.is-video .j-poster{opacity:0}
.j-caps{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:jc}
.j-caps li{counter-increment:jc;position:relative;padding:14px 14px 14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,236,214,.08);color:#9a8e82;font-size:14px;line-height:1.45;transition:color .35s,border-color .35s,background .35s}
.j-caps li::before{content:counter(jc);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin:0 0 8px;font:700 12px/1 Inter,sans-serif;background:rgba(255,255,255,.08);color:#c9bcae;transition:background .35s,color .35s}
.j-caps li b{display:block;color:#f6efe6;font-weight:600;margin-bottom:2px}
.j-caps li.on{color:#e9dfd3;border-color:color-mix(in srgb,var(--j-accent) 55%,transparent);background:color-mix(in srgb,var(--j-accent) 9%,rgba(255,255,255,.03))}
.j-caps li.on::before{background:var(--j-accent);color:#14100c}
.j-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;font-size:15px}
.j-links a{color:#ffb27f;text-decoration:none;font-weight:600}.j-links a:hover{color:#ffd2b0}
@media (max-width:860px){.j-caps{grid-template-columns:1fr 1fr}.j-caps li:last-child{grid-column:1/-1}}
@media (max-width:560px){.j-stage{aspect-ratio:4/3;border-radius:22px}.j-caps{grid-template-columns:1fr}.j-caps li{padding-left:48px}.j-caps li::before{position:absolute;left:14px;top:14px;margin:0}}
@media (prefers-reduced-motion:reduce){.j-caps li{transition:none}}
.j-tabs .ico-shop{width:15px;height:15px}

.j-promo{margin:34px 0 0}.j-promo h3{font-size:22px;margin:0 0 6px}.j-promo p{color:#b5a99d;margin:0 0 14px;font-size:15px}
.j-promo video{display:block;width:100%;aspect-ratio:16/9;border-radius:18px;background:#0b0908;border:1px solid rgba(255,236,214,.1)}
.j-promo small{display:block;color:#7d7268;font-size:12.5px;margin-top:8px}