/* store-themes.css — 10 pro storefront design themes (palette + typography + layout + hero art).
   Loaded after store-home.css / shop.css. Each theme is scoped to [data-theme="…"] on the
   storefront shell, so a creator switches the whole store look with one choice. */

/* ---------- shared theme engine: wire store-home's hard-coded colours to variables ---------- */
.storefront-public-shell[data-theme]{--t-font:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--t-head:var(--t-font);--t-radius:16px;--t-card:#fff;--t-shadow:0 6px 20px rgba(0,0,0,.07);--t-ink:#15171c;--t-muted:#555;--t-line:rgba(0,0,0,.08);--t-hero-h:1500/313;--t-overlay-a:rgba(10,10,12,.78);--t-overlay-b:rgba(10,10,12,.05);--t-hero-img:url('/store-art/home-hero.jpg');font-family:var(--t-font)}
html:has(.sf-shell[data-theme]),body:has(.sf-shell[data-theme]){background:var(--t-page,#f6f3ec)}
.sh-shell[data-theme] .sh-header{background:var(--t-header,#fff);border:1px solid var(--t-line);border-radius:var(--t-radius);color:var(--t-ink)}
.sh-shell[data-theme] .sf-nav-link{color:var(--t-ink)}
.sh-shell[data-theme] .sf-nav-link.active{color:var(--sf-gold)}
.sh-shell[data-theme] .sh-hero{aspect-ratio:var(--t-hero-h);border-radius:var(--t-radius);background:#1b1a17 var(--t-hero-img) center/cover no-repeat}
.sh-shell[data-theme] .sh-hero::before{background:linear-gradient(90deg,var(--t-overlay-a) 0%,var(--t-overlay-a) 40%,var(--t-overlay-b) 72%)}
.sh-shell[data-theme] .sh-hero h2,.sh-shell[data-theme] .sh-section-head h2,.sh-shell[data-theme] .sh-page-head h2,.sh-shell[data-theme] .sh-card h3,.sh-shell[data-theme] .sh-contact-card h3,.sh-shell[data-theme] .sh-contact-form h3{font-family:var(--t-head)}
.sh-shell[data-theme] .sh-section-head h2,.sh-shell[data-theme] .sh-page-head h2,.sh-shell[data-theme] .sh-footer>div,.sh-shell[data-theme] .sh-pill,.sh-shell[data-theme] .sh-view-all,.sh-shell[data-theme] .sh-contact-card,.sh-shell[data-theme] .sh-contact-form{color:var(--t-ink)}
.sh-shell[data-theme] .sh-section-head p,.sh-shell[data-theme] .sh-page-head p,.sh-shell[data-theme] .sh-footer,.sh-shell[data-theme] .sh-contact-card p{color:var(--t-muted)}
.sh-shell[data-theme] .sh-card,.sh-shell[data-theme] .sh-product,.sh-shell[data-theme] .sh-trust,.sh-shell[data-theme] .sh-contact-card,.sh-shell[data-theme] .sh-contact-form,.sh-shell[data-theme] .sh-pill,.sh-shell[data-theme] .sh-view-all{background:var(--t-card);border-radius:var(--t-radius);box-shadow:var(--t-shadow);border:1px solid var(--t-line)}
.sh-shell[data-theme] .sh-card{color:var(--t-ink)}
.sh-shell[data-theme] .sh-way{background:var(--t-card);color:var(--t-ink);border-radius:var(--t-radius);box-shadow:var(--t-shadow);border:1px solid var(--t-line)}.sh-shell[data-theme] .sh-ways h3{color:var(--t-ink)}.sh-shell[data-theme] .sh-way-body span{color:var(--t-ink);opacity:.85}.sh-shell[data-theme] .sh-way-body small{color:var(--t-muted)}
.sh-shell[data-theme] .sh-feature-icon,.sh-shell[data-theme] .sh-badge,.sh-shell[data-theme] .sh-pill.active,.sh-shell[data-theme] .sh-cta{background:linear-gradient(135deg,var(--sf-gold),var(--sf-gold-2))!important;color:var(--t-on-accent,#15171c)!important}
.sh-shell[data-theme] .sh-card-media-empty{background:linear-gradient(135deg,var(--sf-gold-2),var(--sf-gold));color:var(--t-on-accent,#15171c)}
.sh-shell[data-theme] .sh-contact-form input,.sh-shell[data-theme] .sh-contact-form textarea{background:var(--t-page);border-color:var(--t-line);color:var(--t-ink)}

.sh-shell[data-theme] .sh-card-body h3,.sh-shell[data-theme] .sh-product h3,.sh-shell[data-theme] .sh-price,.sh-shell[data-theme] .sf-cart,.sh-shell[data-theme] .sh-burger{color:var(--t-ink)}
.sh-shell[data-theme] .sh-points li,.sh-shell[data-theme] .sh-card-desc,.sh-shell[data-theme] .sh-meta{color:var(--t-muted)}
.sh-shell[data-theme] .sf-nav-link.active{color:var(--t-on-accent,#15171c)}
.sh-shell[data-theme] .sf-search{background:var(--t-page);border-color:var(--t-line);color:var(--t-muted)}.sh-shell[data-theme] .sf-search input{color:var(--t-ink)}
.sh-shell[data-theme] .store-share-btn{color:var(--t-ink);border-color:var(--t-line)}


/* ---------- shop page engine (.sf-shell without .sh-shell) ---------- */
.sf-shell[data-theme]{font-family:var(--t-font);color:var(--t-ink)}
.sf-shell[data-theme] .sf-header{background:var(--t-header,#fff);color:var(--t-ink);border-bottom:1px solid var(--t-line);box-shadow:none}
.sf-shell[data-theme] .storefront-brand h1,.sf-shell[data-theme] .sf-nav-link,.sf-shell[data-theme] .sf-cart,.sf-shell[data-theme] .sf-card-body h3,.sf-shell[data-theme] .sf-card-price,.sf-shell[data-theme] .sf-featured-head h2,.sf-shell[data-theme] .sf-section-head h2,.sf-shell[data-theme] .sf-trust-foot strong,.sf-shell[data-theme] .sf-pill,.sf-shell[data-theme] .sf-sort,.sf-shell[data-theme] .sf-sort select{color:var(--t-ink)}
.sf-shell[data-theme] .sf-featured-head p,.sf-shell[data-theme] .sf-section-head p,.sf-shell[data-theme] .sf-card-body p,.sf-shell[data-theme] .sf-trust-foot span,.sf-shell[data-theme] .sf-empty,.sf-shell[data-theme] .store-footer{color:var(--t-muted)}
.sf-shell[data-theme] .sf-featured-head h2,.sf-shell[data-theme] .sf-section-head h2,.sf-shell[data-theme] .sf-card-body h3,.sf-shell[data-theme] .sf-hero h1,.sf-shell[data-theme] .sf-hero h2{font-family:var(--t-head)}
.sf-shell[data-theme] .sf-card,.sf-shell[data-theme] .sf-pill,.sf-shell[data-theme] .sf-sort,.sf-shell[data-theme] .sf-trust-foot,.sf-shell[data-theme] .sf-empty{background:var(--t-card);border:1px solid var(--t-line);border-radius:var(--t-radius);box-shadow:var(--t-shadow)}
.sf-shell[data-theme] .sf-sort select{background:transparent}
.sf-shell[data-theme] .sf-search{background:var(--t-page);border-color:var(--t-line);color:var(--t-muted)}.sf-shell[data-theme] .sf-search input{color:var(--t-ink)}
.sf-shell[data-theme] .sf-nav-link.active,.sf-shell[data-theme] .sf-pill.active,.sf-shell[data-theme] .sf-card-badge,.sf-shell[data-theme] .sf-add,.sf-shell[data-theme] .sf-trust-icon,.sf-shell[data-theme] .sf-signin{background:linear-gradient(135deg,var(--sf-gold),var(--sf-gold-2))!important;color:var(--t-on-accent,#15171c)!important}
.sf-shell[data-theme] .sf-hero{border-radius:var(--t-radius);background:#1b1a17 var(--t-hero-img) center/cover no-repeat;color:#fff}
.sf-shell[data-theme] .sf-hero::before{background:linear-gradient(180deg,var(--t-overlay-a),var(--t-overlay-a))}
.sf-shell[data-theme] .sf-hero-inner,.sf-shell[data-theme] .sf-hero-inner h1,.sf-shell[data-theme] .sf-hero-inner h2,.sf-shell[data-theme] .sf-hero-inner p,.sf-shell[data-theme] .sf-trust strong,.sf-shell[data-theme] .sf-trust span{color:#fff}
.sf-shell[data-theme] .sf-hero-inner h1 span,.sf-shell[data-theme] .sf-hero-inner h2 span{color:var(--sf-gold-2)}
.sf-shell[data-theme] .sf-hero-box{color:#fff}
.sf-shell[data-theme="studio-white"] .sf-hero,.sf-shell[data-theme="editorial"] .sf-hero,.sf-shell[data-theme="nordic-sage"] .sf-hero{color:var(--t-ink)}
.sf-shell[data-theme="studio-white"] .sf-hero *,.sf-shell[data-theme="editorial"] .sf-hero *,.sf-shell[data-theme="nordic-sage"] .sf-hero *{color:var(--t-ink)!important}
.sf-shell[data-theme="studio-white"] .sf-hero::before,.sf-shell[data-theme="editorial"] .sf-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.55) 60%,transparent)}
.sf-shell[data-theme="nordic-sage"] .sf-hero::before{background:linear-gradient(90deg,rgba(243,244,239,.92),rgba(243,244,239,.7) 60%,rgba(243,244,239,.2))}

/* ---------- 1. Noir Luxe — black marble, champagne gold, serif, centred hero ---------- */
.storefront-public-shell[data-theme="noir-luxe"]{--sf-gold:#c9a96e;--sf-gold-2:#e8d2a0;--t-page:#0d0d0f;--t-header:#141418;--t-card:#17171b;--t-ink:#f3eee3;--t-muted:rgba(243,238,227,.62);--t-line:rgba(201,169,110,.22);--t-shadow:0 10px 30px rgba(0,0,0,.5);--t-radius:6px;--t-head:Georgia,'Times New Roman',serif;--t-hero-img:url('/store-art/themes/noir-luxe.jpg');--t-hero-h:1500/460;--t-overlay-a:rgba(0,0,0,.55);--t-overlay-b:rgba(0,0,0,.55)}
.sh-shell[data-theme="noir-luxe"] .sh-hero{padding:0 12%;justify-content:center;text-align:center}
.sh-shell[data-theme="noir-luxe"] .sh-hero h2{font-weight:500;letter-spacing:.01em;font-size:clamp(2rem,4.4vw,3.6rem)}
.sh-shell[data-theme="noir-luxe"] .sh-hero h2 span{font-style:italic}
.sh-shell[data-theme="noir-luxe"] .sh-hero p{margin:0 auto 18px}
.sh-shell[data-theme="noir-luxe"] .sh-features{justify-content:center}
.sh-shell[data-theme="noir-luxe"] .sh-hero-visual{display:none}
.sh-shell[data-theme="noir-luxe"] .sh-section-head h2{font-weight:500;letter-spacing:.02em;text-transform:uppercase;font-size:1.3rem}
.sh-shell[data-theme="noir-luxe"] .sh-section-head h2 span{font-style:italic;text-transform:none;font-size:1.5rem}
.sh-shell[data-theme="noir-luxe"] .sh-card:hover{border-color:var(--sf-gold)}
.sh-shell[data-theme="noir-luxe"] .sh-footer{border-top:1px solid var(--t-line)}

/* ---------- 2. Studio White — gallery minimalism, split hero, hairline cards ---------- */
.storefront-public-shell[data-theme="studio-white"]{--sf-gold:#111;--sf-gold-2:#333;--t-on-accent:#fff;--t-page:#fff;--t-header:#fff;--t-card:#fff;--t-ink:#111;--t-muted:#777;--t-line:#e6e6e6;--t-shadow:none;--t-radius:0;--t-hero-img:url('/store-art/themes/studio-white.jpg');--t-hero-h:1500/520;--t-overlay-a:transparent;--t-overlay-b:transparent}
.sh-shell[data-theme="studio-white"] .sh-header{border:0;border-bottom:1px solid var(--t-line);border-radius:0}
.sh-shell[data-theme="studio-white"] .sh-hero{display:grid;grid-template-columns:1fr 1fr;padding:0;color:#111;background-color:#fff;background-size:50% 100%;background-position:right center;box-shadow:none;border:1px solid var(--t-line)}
.sh-shell[data-theme="studio-white"] .sh-hero-copy{padding:48px}
.sh-shell[data-theme="studio-white"] .sh-hero h2{font-weight:300;letter-spacing:-.04em;font-size:clamp(2.4rem,5vw,4.2rem)}
.sh-shell[data-theme="studio-white"] .sh-hero h2 span{font-weight:700;color:#111}
.sh-shell[data-theme="studio-white"] .sh-hero p{color:#555}
.sh-shell[data-theme="studio-white"] .sh-feature span:not(.sh-feature-icon){color:#777}
.sh-shell[data-theme="studio-white"] .sh-hero-visual{display:none}
.sh-shell[data-theme="studio-white"] .sh-section-head h2{font-weight:300;letter-spacing:-.03em;font-size:2.2rem}.sh-shell[data-theme="studio-white"] .sh-section-head h2 span{font-weight:700;color:#111}
.sh-shell[data-theme="studio-white"] .sh-card:hover{transform:none;box-shadow:none;border-color:#111}
.sh-shell[data-theme="studio-white"] .sh-badge{border-radius:0}
.sh-shell[data-theme="studio-white"] .sh-pill.active{color:#fff!important}
@media (max-width:760px){.sh-shell[data-theme="studio-white"] .sh-hero{grid-template-columns:1fr;background-size:cover;background-position:center;aspect-ratio:auto}.sh-shell[data-theme="studio-white"] .sh-hero-copy{background:rgba(255,255,255,.9);padding:28px}}

/* ---------- 3. Neon Pulse — midnight glass, violet/cyan glow, tall hero ---------- */
.storefront-public-shell[data-theme="neon-pulse"]{--sf-gold:#7c5cff;--sf-gold-2:#22d3ee;--t-on-accent:#fff;--t-page:#0b0f1f;--t-header:rgba(255,255,255,.05);--t-card:rgba(255,255,255,.06);--t-ink:#f1f3ff;--t-muted:rgba(241,243,255,.6);--t-line:rgba(255,255,255,.1);--t-shadow:0 10px 40px rgba(124,92,255,.15);--t-radius:20px;--t-hero-img:url('/store-art/themes/neon-pulse.jpg');--t-hero-h:1500/520;--t-overlay-a:rgba(11,15,31,.72);--t-overlay-b:rgba(11,15,31,.1)}
body:has(.sf-shell[data-theme="neon-pulse"]){background:radial-gradient(60% 40% at 80% 0%,rgba(124,92,255,.25),transparent 60%),radial-gradient(40% 30% at 10% 90%,rgba(34,211,238,.18),transparent 60%),#0b0f1f}
.sh-shell[data-theme="neon-pulse"] .sh-header,.sh-shell[data-theme="neon-pulse"] .sh-card,.sh-shell[data-theme="neon-pulse"] .sh-trust,.sh-shell[data-theme="neon-pulse"] .sh-contact-card,.sh-shell[data-theme="neon-pulse"] .sh-contact-form,.sh-shell[data-theme="neon-pulse"] .sh-product{backdrop-filter:blur(14px)}
.sh-shell[data-theme="neon-pulse"] .sh-hero{border:1px solid var(--t-line)}
.sh-shell[data-theme="neon-pulse"] .sh-hero h2{font-size:clamp(2.2rem,4.6vw,3.8rem)}
.sh-shell[data-theme="neon-pulse"] .sh-hero h2 span{background:linear-gradient(90deg,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-shell[data-theme="neon-pulse"] .sh-hero-visual img{box-shadow:0 0 0 3px rgba(124,92,255,.6),0 0 30px rgba(34,211,238,.6)}
.sh-shell[data-theme="neon-pulse"] .sh-card:hover{box-shadow:0 0 0 1px #7c5cff,0 14px 40px rgba(124,92,255,.35)}
.sh-shell[data-theme="neon-pulse"] .sh-cta{box-shadow:0 0 24px rgba(124,92,255,.5)}
.sh-shell[data-theme="neon-pulse"] .sh-section-head h2 span{color:#22d3ee}

/* ---------- 4. Terracotta — warm earth, serif, arched hero ---------- */
.storefront-public-shell[data-theme="terracotta"]{--sf-gold:#c2603a;--sf-gold-2:#e0906b;--t-on-accent:#fff;--t-page:#f7efe6;--t-header:#fbf6f0;--t-card:#fffaf5;--t-ink:#3a2418;--t-muted:#8a6a58;--t-line:rgba(120,70,40,.12);--t-shadow:0 8px 24px rgba(120,70,40,.1);--t-radius:28px;--t-head:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--t-hero-img:url('/store-art/themes/terracotta.jpg');--t-hero-h:1500/440;--t-overlay-a:rgba(60,30,15,.6);--t-overlay-b:rgba(60,30,15,0)}
.sh-shell[data-theme="terracotta"] .sh-hero{border-radius:200px 28px 200px 28px;padding-left:72px}
.sh-shell[data-theme="terracotta"] .sh-hero h2{font-weight:600;letter-spacing:-.01em}
.sh-shell[data-theme="terracotta"] .sh-hero h2 span{color:#f3c9a8;font-style:italic}
.sh-shell[data-theme="terracotta"] .sh-hero-visual img{border-radius:40% 60% 55% 45%}
.sh-shell[data-theme="terracotta"] .sh-section-head h2{font-weight:600}
.sh-shell[data-theme="terracotta"] .sh-card-media{border-radius:0 0 28px 0}
.sh-shell[data-theme="terracotta"] .sh-pill{border-radius:999px}
@media (max-width:760px){.sh-shell[data-theme="terracotta"] .sh-hero{border-radius:28px 80px 28px 80px;padding-left:24px}}

/* ---------- 5. Nordic Sage — calm, muted greens, soft two-column hero ---------- */
.storefront-public-shell[data-theme="nordic-sage"]{--sf-gold:#5f7a61;--sf-gold-2:#8aa58c;--t-on-accent:#fff;--t-page:#f3f4ef;--t-header:#fff;--t-card:#fff;--t-ink:#22302a;--t-muted:#6b7a72;--t-line:rgba(34,48,42,.1);--t-shadow:0 4px 14px rgba(34,48,42,.06);--t-radius:14px;--t-hero-img:url('/store-art/themes/nordic-sage.jpg');--t-hero-h:1500/420;--t-overlay-a:rgba(243,244,239,.92);--t-overlay-b:rgba(243,244,239,0)}
.sh-shell[data-theme="nordic-sage"] .sh-hero{color:#22302a;box-shadow:none;border:1px solid var(--t-line)}
.sh-shell[data-theme="nordic-sage"] .sh-hero::before{background:linear-gradient(90deg,var(--t-overlay-a) 0%,var(--t-overlay-a) 48%,var(--t-overlay-b) 75%)}
.sh-shell[data-theme="nordic-sage"] .sh-hero h2{font-weight:600;letter-spacing:-.03em}
.sh-shell[data-theme="nordic-sage"] .sh-hero h2 span{color:#5f7a61}
.sh-shell[data-theme="nordic-sage"] .sh-hero p{color:#4d5b54}
.sh-shell[data-theme="nordic-sage"] .sh-feature span:not(.sh-feature-icon){color:#6b7a72}
.sh-shell[data-theme="nordic-sage"] .sh-hero-visual{color:#22302a;text-shadow:none}
.sh-shell[data-theme="nordic-sage"] .sh-section-head h2{font-weight:600}
.sh-shell[data-theme="nordic-sage"] .sh-card:hover{transform:none;box-shadow:0 10px 24px rgba(34,48,42,.12)}

/* ---------- 6. Editorial — magazine paper, black ink, red accent, type-led hero ---------- */
.storefront-public-shell[data-theme="editorial"]{--sf-gold:#d1242f;--sf-gold-2:#e04a53;--t-on-accent:#fff;--t-page:#f5f1ea;--t-header:transparent;--t-card:#fbf8f3;--t-ink:#111;--t-muted:#5c5852;--t-line:#111;--t-shadow:none;--t-radius:0;--t-head:Georgia,'Times New Roman',serif;--t-hero-img:url('/store-art/themes/editorial.jpg');--t-hero-h:1500/430;--t-overlay-a:transparent;--t-overlay-b:transparent}
.sh-shell[data-theme="editorial"] .sh-header{border:0;border-top:3px solid #111;border-bottom:1px solid #111;border-radius:0}
.sh-shell[data-theme="editorial"] .sh-hero{color:#111;box-shadow:none;border-bottom:1px solid #111;padding-left:0;padding-right:40%}
.sh-shell[data-theme="editorial"] .sh-hero h2{font-weight:400;font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:.98;letter-spacing:-.02em}
.sh-shell[data-theme="editorial"] .sh-hero h2 span{font-style:italic;color:#d1242f}
.sh-shell[data-theme="editorial"] .sh-hero p{color:#333;font-style:italic}
.sh-shell[data-theme="editorial"] .sh-features{border-top:1px solid #111;padding-top:12px}
.sh-shell[data-theme="editorial"] .sh-feature-icon{border-radius:0;background:#111!important;color:#fff!important}
.sh-shell[data-theme="editorial"] .sh-feature span:not(.sh-feature-icon){color:#555}
.sh-shell[data-theme="editorial"] .sh-hero-visual{display:none}
.sh-shell[data-theme="editorial"] .sh-section-head{border-bottom:1px solid #111;padding-bottom:8px}
.sh-shell[data-theme="editorial"] .sh-section-head h2{font-weight:400;font-size:2rem}.sh-shell[data-theme="editorial"] .sh-section-head h2 span{font-style:italic}
.sh-shell[data-theme="editorial"] .sh-card{border:1px solid #111}.sh-shell[data-theme="editorial"] .sh-card:hover{transform:none;box-shadow:4px 4px 0 #111}
.sh-shell[data-theme="editorial"] .sh-badge,.sh-shell[data-theme="editorial"] .sh-pill,.sh-shell[data-theme="editorial"] .sh-view-all,.sh-shell[data-theme="editorial"] .sh-cta{border-radius:0!important}
.sh-shell[data-theme="editorial"] .sh-pill{border:1px solid #111;box-shadow:none}
.sh-shell[data-theme="editorial"] .sh-footer{border-top:3px solid #111}

/* ---------- 7. Coastal Blue — azure and sand, airy, wave-cut hero ---------- */
.storefront-public-shell[data-theme="coastal-blue"]{--sf-gold:#0e7490;--sf-gold-2:#22b8cf;--t-on-accent:#fff;--t-page:#f3f8fa;--t-header:rgba(255,255,255,.85);--t-card:#fff;--t-ink:#0c2b3a;--t-muted:#5a7584;--t-line:rgba(12,43,58,.08);--t-shadow:0 8px 24px rgba(14,116,144,.1);--t-radius:22px;--t-hero-img:url('/store-art/themes/coastal-blue.jpg');--t-hero-h:1500/450;--t-overlay-a:rgba(6,40,56,.62);--t-overlay-b:rgba(6,40,56,0)}
.sh-shell[data-theme="coastal-blue"] .sh-hero{border-radius:22px 22px 60% 22px / 22px 22px 40px 22px;clip-path:ellipse(140% 100% at 50% 0%)}
.sh-shell[data-theme="coastal-blue"] .sh-hero h2 span{color:#9ee8f5}
.sh-shell[data-theme="coastal-blue"] .sh-hero-visual img{box-shadow:0 0 0 4px rgba(255,255,255,.5)}
.sh-shell[data-theme="coastal-blue"] .sh-header{backdrop-filter:blur(10px);border-radius:999px}
.sh-shell[data-theme="coastal-blue"] .sh-card:hover{box-shadow:0 16px 36px rgba(14,116,144,.2)}
.sh-shell[data-theme="coastal-blue"] .sh-section-head h2 span{color:#0e7490}

/* ---------- 8. Royal Plum — plum and brass, academic frames ---------- */
.storefront-public-shell[data-theme="royal-plum"]{--sf-gold:#b8893a;--sf-gold-2:#e2c27a;--t-page:#2a1430;--t-header:#351a3c;--t-card:#3a1e42;--t-ink:#f6eef7;--t-muted:rgba(246,238,247,.62);--t-line:rgba(226,194,122,.3);--t-shadow:0 10px 30px rgba(0,0,0,.35);--t-radius:10px;--t-head:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;--t-hero-img:url('/store-art/themes/royal-plum.jpg');--t-hero-h:1500/440;--t-overlay-a:rgba(42,20,48,.7);--t-overlay-b:rgba(42,20,48,.05)}
.sh-shell[data-theme="royal-plum"] .sh-hero{outline:1px solid var(--t-line);outline-offset:-10px}
.sh-shell[data-theme="royal-plum"] .sh-hero h2{font-weight:600;letter-spacing:.01em}
.sh-shell[data-theme="royal-plum"] .sh-hero h2 span{color:#e2c27a}
.sh-shell[data-theme="royal-plum"] .sh-section-head h2{font-weight:600;letter-spacing:.02em}
.sh-shell[data-theme="royal-plum"] .sh-section-head h2::before{content:'— ';color:var(--sf-gold)}
.sh-shell[data-theme="royal-plum"] .sh-card{outline:1px solid transparent;outline-offset:-6px;transition:outline-color .2s,transform .15s}
.sh-shell[data-theme="royal-plum"] .sh-card:hover{outline-color:var(--sf-gold-2)}
.sh-shell[data-theme="royal-plum"] .sh-contact-form input,.sh-shell[data-theme="royal-plum"] .sh-contact-form textarea{background:#2a1430;color:#f6eef7}

/* ---------- 9. Tech Grid — graphite, lime, monospace labels, boxy ---------- */
.storefront-public-shell[data-theme="tech-grid"]{--sf-gold:#b4f04a;--sf-gold-2:#d4ff7a;--t-on-accent:#0f1411;--t-page:#0f1411;--t-header:#141a16;--t-card:#161d18;--t-ink:#e9f5e3;--t-muted:rgba(233,245,227,.55);--t-line:rgba(180,240,74,.2);--t-shadow:none;--t-radius:4px;--t-font:ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;--t-head:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--t-hero-img:url('/store-art/themes/tech-grid.jpg');--t-hero-h:1500/420;--t-overlay-a:rgba(15,20,17,.8);--t-overlay-b:rgba(15,20,17,.1)}
body:has(.sf-shell[data-theme="tech-grid"]){background:linear-gradient(rgba(180,240,74,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(180,240,74,.05) 1px,transparent 1px) 0 0/32px 32px,#0f1411}
.sh-shell[data-theme="tech-grid"] .sh-hero{border:1px solid var(--t-line);box-shadow:none}
.sh-shell[data-theme="tech-grid"] .sh-hero h2{font-weight:800;letter-spacing:-.03em;text-transform:uppercase}
.sh-shell[data-theme="tech-grid"] .sh-hero h2 span{color:#b4f04a}
.sh-shell[data-theme="tech-grid"] .sh-hero p{font-size:.92rem}
.sh-shell[data-theme="tech-grid"] .sh-feature-icon{border-radius:2px}
.sh-shell[data-theme="tech-grid"] .sh-hero-visual img{border-radius:4px}
.sh-shell[data-theme="tech-grid"] .sh-section-head h2{text-transform:uppercase;letter-spacing:-.02em;font-size:1.5rem}
.sh-shell[data-theme="tech-grid"] .sh-section-head h2::before{content:'// ';color:var(--sf-gold);font-family:var(--t-font);font-weight:400}
.sh-shell[data-theme="tech-grid"] .sh-card:hover{transform:none;border-color:var(--sf-gold);box-shadow:0 0 0 1px var(--sf-gold)}
.sh-shell[data-theme="tech-grid"] .sh-badge,.sh-shell[data-theme="tech-grid"] .sh-pill,.sh-shell[data-theme="tech-grid"] .sh-view-all,.sh-shell[data-theme="tech-grid"] .sh-cta{border-radius:3px!important;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}
.sh-shell[data-theme="tech-grid"] .sh-price{color:#b4f04a}
.sh-shell[data-theme="tech-grid"] .sh-contact-form input,.sh-shell[data-theme="tech-grid"] .sh-contact-form textarea{background:#0f1411;color:#e9f5e3}

/* ---------- 10. Sunrise Pop — playful bold colour, chunky offset shadows ---------- */
.storefront-public-shell[data-theme="sunrise-pop"]{--sf-gold:#ff5e7e;--sf-gold-2:#ffb547;--t-on-accent:#1a1026;--t-page:#fff6e8;--t-header:#fff;--t-card:#fff;--t-ink:#1a1026;--t-muted:#6b5d7a;--t-line:#1a1026;--t-shadow:6px 6px 0 #1a1026;--t-radius:18px;--t-hero-img:url('/store-art/themes/sunrise-pop.jpg');--t-hero-h:1500/460;--t-overlay-a:rgba(26,16,38,.55);--t-overlay-b:rgba(26,16,38,0)}
.sh-shell[data-theme="sunrise-pop"] .sh-header{border:2px solid #1a1026;box-shadow:4px 4px 0 #1a1026}
.sh-shell[data-theme="sunrise-pop"] .sh-hero{border:2px solid #1a1026;box-shadow:10px 10px 0 #ff5e7e}
.sh-shell[data-theme="sunrise-pop"] .sh-hero h2{font-weight:900;letter-spacing:-.04em;font-size:clamp(2.2rem,5vw,4rem)}
.sh-shell[data-theme="sunrise-pop"] .sh-hero h2 span{color:#ffb547;-webkit-text-stroke:1px #1a1026}
.sh-shell[data-theme="sunrise-pop"] .sh-hero-visual img{border:2px solid #1a1026;transform:rotate(-6deg)}
.sh-shell[data-theme="sunrise-pop"] .sh-card,.sh-shell[data-theme="sunrise-pop"] .sh-pill,.sh-shell[data-theme="sunrise-pop"] .sh-view-all,.sh-shell[data-theme="sunrise-pop"] .sh-trust,.sh-shell[data-theme="sunrise-pop"] .sh-product,.sh-shell[data-theme="sunrise-pop"] .sh-contact-card,.sh-shell[data-theme="sunrise-pop"] .sh-contact-form{border:2px solid #1a1026}
.sh-shell[data-theme="sunrise-pop"] .sh-pill,.sh-shell[data-theme="sunrise-pop"] .sh-view-all{box-shadow:3px 3px 0 #1a1026}
.sh-shell[data-theme="sunrise-pop"] .sh-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #1a1026}
.sh-shell[data-theme="sunrise-pop"] .sh-badge{border:2px solid #1a1026;transform:rotate(-4deg)}
.sh-shell[data-theme="sunrise-pop"] .sh-cta{border:2px solid #1a1026!important;box-shadow:3px 3px 0 #1a1026}
.sh-shell[data-theme="sunrise-pop"] .sh-section-head h2{font-weight:900;letter-spacing:-.04em}
.sh-shell[data-theme="sunrise-pop"] .sh-section-head h2 span{background:#ffb547;padding:0 8px;border-radius:8px;color:#1a1026}

/* ---------- theme picker samples (creator editor) ---------- */
.storefront-theme-sample[data-theme]{position:relative}
.storefront-theme-sample[data-theme] .sample-hero{background-size:cover;background-position:center}
.storefront-public-shell[data-theme="noir-luxe"],.storefront-theme-sample[data-theme="noir-luxe"]{--sf-bg:#0d0d0f;--sf-surface:#17171b;--sf-text:#f3eee3;--sf-line:rgba(201,169,110,.3);--sf-accent:#c9a96e;--sf-hero-bg:#111 url('/store-art/themes/noir-luxe.jpg');--sf-hero-text:#f3eee3;--sf-muted:color-mix(in srgb,#f3eee3 58%,transparent);--sf-accent-text:#17171b}
.storefront-public-shell[data-theme="studio-white"],.storefront-theme-sample[data-theme="studio-white"]{--sf-bg:#fff;--sf-surface:#fff;--sf-text:#111;--sf-line:#e6e6e6;--sf-accent:#111;--sf-hero-bg:#fff url('/store-art/themes/studio-white.jpg');--sf-hero-text:#111;--sf-muted:color-mix(in srgb,#111 58%,transparent);--sf-accent-text:#fff}
.storefront-public-shell[data-theme="neon-pulse"],.storefront-theme-sample[data-theme="neon-pulse"]{--sf-bg:#0b0f1f;--sf-surface:rgba(255,255,255,.08);--sf-text:#f1f3ff;--sf-line:rgba(255,255,255,.12);--sf-accent:#7c5cff;--sf-hero-bg:#0b0f1f url('/store-art/themes/neon-pulse.jpg');--sf-hero-text:#fff;--sf-muted:color-mix(in srgb,#f1f3ff 58%,transparent);--sf-accent-text:#fff}
.storefront-public-shell[data-theme="terracotta"],.storefront-theme-sample[data-theme="terracotta"]{--sf-bg:#f7efe6;--sf-surface:#fffaf5;--sf-text:#3a2418;--sf-line:rgba(120,70,40,.15);--sf-accent:#c2603a;--sf-hero-bg:#a8542f url('/store-art/themes/terracotta.jpg');--sf-hero-text:#fff;--sf-muted:color-mix(in srgb,#3a2418 58%,transparent);--sf-accent-text:#fff}
.storefront-public-shell[data-theme="nordic-sage"],.storefront-theme-sample[data-theme="nordic-sage"]{--sf-bg:#f3f4ef;--sf-surface:#fff;--sf-text:#22302a;--sf-line:rgba(34,48,42,.12);--sf-accent:#5f7a61;--sf-hero-bg:#cfd8cf url('/store-art/themes/nordic-sage.jpg');--sf-hero-text:#22302a;--sf-muted:color-mix(in srgb,#22302a 58%,transparent);--sf-accent-text:#fff}
.storefront-public-shell[data-theme="editorial"],.storefront-theme-sample[data-theme="editorial"]{--sf-bg:#f5f1ea;--sf-surface:#fbf8f3;--sf-text:#111;--sf-line:#111;--sf-accent:#d1242f;--sf-hero-bg:#f5f1ea url('/store-art/themes/editorial.jpg');--sf-hero-text:#111;--sf-muted:color-mix(in srgb,#111 58%,transparent);--sf-accent-text:#fff}
.storefront-public-shell[data-theme="coastal-blue"],.storefront-theme-sample[data-theme="coastal-blue"]{--sf-bg:#f3f8fa;--sf-surface:#fff;--sf-text:#0c2b3a;--sf-line:rgba(12,43,58,.1);--sf-accent:#0e7490;--sf-hero-bg:#2aa9c4 url('/store-art/themes/coastal-blue.jpg');--sf-hero-text:#fff;--sf-muted:color-mix(in srgb,#0c2b3a 58%,transparent);--sf-accent-text:#fff}
.storefront-public-shell[data-theme="royal-plum"],.storefront-theme-sample[data-theme="royal-plum"]{--sf-bg:#2a1430;--sf-surface:#3a1e42;--sf-line:rgba(226,194,122,.3);--sf-text:#f6eef7;--sf-accent:#e2c27a;--sf-hero-bg:#2a1430 url('/store-art/themes/royal-plum.jpg');--sf-hero-text:#f6eef7;--sf-muted:color-mix(in srgb,#f6eef7 58%,transparent);--sf-accent-text:#2a1430}
.storefront-public-shell[data-theme="tech-grid"],.storefront-theme-sample[data-theme="tech-grid"]{--sf-bg:#0f1411;--sf-surface:#161d18;--sf-line:rgba(180,240,74,.25);--sf-text:#e9f5e3;--sf-accent:#b4f04a;--sf-hero-bg:#0f1411 url('/store-art/themes/tech-grid.jpg');--sf-hero-text:#e9f5e3;--sf-muted:color-mix(in srgb,#e9f5e3 58%,transparent);--sf-accent-text:#0f1411}
.storefront-public-shell[data-theme="sunrise-pop"],.storefront-theme-sample[data-theme="sunrise-pop"]{--sf-bg:#fff6e8;--sf-surface:#fff;--sf-line:#1a1026;--sf-text:#1a1026;--sf-accent:#ff5e7e;--sf-hero-bg:#ffb547 url('/store-art/themes/sunrise-pop.jpg');--sf-hero-text:#fff;--sf-muted:color-mix(in srgb,#1a1026 58%,transparent);--sf-accent-text:#1a1026}
.storefront-theme-sample[data-theme] .sample-hero b{text-shadow:0 1px 3px rgba(0,0,0,.35)}
.storefront-theme-sample[data-theme="studio-white"] .sample-hero b,.storefront-theme-sample[data-theme="editorial"] .sample-hero b,.storefront-theme-sample[data-theme="nordic-sage"] .sample-hero b{text-shadow:0 0 6px #fff,0 0 2px #fff}
.storefront-theme-group{grid-column:1/-1;margin:14px 0 4px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
/* fallback hero / course cover / picker sample: hero art always covers */
.storefront-hero,.store-course-hero,.storefront-public-shell .course-cover.gold,.storefront-theme-sample .sample-hero{background-size:cover;background-position:center;background-repeat:no-repeat}
.storefront-hero{position:relative;isolation:isolate}
.storefront-public-shell[data-theme="noir-luxe"] .storefront-hero::before,.storefront-public-shell[data-theme="neon-pulse"] .storefront-hero::before,.storefront-public-shell[data-theme="terracotta"] .storefront-hero::before,.storefront-public-shell[data-theme="coastal-blue"] .storefront-hero::before,.storefront-public-shell[data-theme="royal-plum"] .storefront-hero::before,.storefront-public-shell[data-theme="tech-grid"] .storefront-hero::before,.storefront-public-shell[data-theme="sunrise-pop"] .storefront-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:-1}
/* trust strips + muted copy: readable on every theme (dark ones in particular) */
.sh-shell[data-theme] .sh-trust,.sh-shell[data-theme] .sh-trust strong,.sh-shell[data-theme] .sh-product h3,.sh-shell[data-theme] .sh-product-price span,.sh-shell[data-theme] .sh-contact-card li,.sh-shell[data-theme] .sh-contact-form label,.sf-shell[data-theme] .sf-trust-foot,.sf-shell[data-theme] .sf-trust-foot strong,.sf-shell[data-theme] .sf-card-price span{color:var(--t-ink)}
.sh-shell[data-theme] .sh-trust span:not(.sh-feature-icon):not(.sh-trust-icon),.sh-shell[data-theme] .sh-product-body p,.sf-shell[data-theme] .sf-trust-foot span:not(.sf-trust-icon){color:var(--t-muted)}
.storefront-public-shell[data-theme="noir-luxe"],.storefront-public-shell[data-theme="neon-pulse"],.storefront-public-shell[data-theme="royal-plum"],.storefront-public-shell[data-theme="tech-grid"]{--t-muted:color-mix(in srgb,var(--t-ink) 78%,transparent)}
/* phone: themed hero must not keep the desktop aspect ratio; light themes keep a light header */
@media (max-width:760px){
  .sh-shell[data-theme] .sh-hero{aspect-ratio:auto;border-radius:0;clip-path:none;outline:0;border-left:0;border-right:0;padding:26px 18px 86px}
  .sh-shell[data-theme] .sh-hero::before{background:linear-gradient(90deg,var(--t-overlay-a) 0%,var(--t-overlay-a) 48%,var(--t-overlay-b) 100%)}
  .sh-shell[data-theme] .sh-header{margin:0 -16px;border-radius:0;border:0;background:var(--t-m-header,#0c0e13);color:var(--t-m-ink,#fff)}
  .sh-shell[data-theme] .sh-header .storefront-brand h1,.sh-shell[data-theme] .sh-header .sh-burger,.sh-shell[data-theme] .sh-header .sf-cart{color:var(--t-m-ink,#fff)}
  .storefront-public-shell[data-theme="studio-white"],.storefront-public-shell[data-theme="editorial"],.storefront-public-shell[data-theme="nordic-sage"],.storefront-public-shell[data-theme="ivory"],.storefront-public-shell[data-theme="slate"]{--t-m-header:var(--t-header,#fff);--t-m-ink:var(--t-ink,#15171c)}
  .storefront-public-shell[data-theme="studio-white"],.storefront-public-shell[data-theme="editorial"],.storefront-public-shell[data-theme="nordic-sage"]{--t-overlay-a:rgba(255,255,255,.88);--t-overlay-b:rgba(255,255,255,.2)}
  .sh-shell[data-theme="studio-white"] .sh-hero{display:block;background-size:cover;background-position:center;aspect-ratio:auto}
  .sh-shell[data-theme="studio-white"] .sh-hero-copy{padding:0;background:transparent}
  .sh-shell[data-theme="terracotta"] .sh-hero,.sh-shell[data-theme="coastal-blue"] .sh-hero{border-radius:0}
  .sh-shell[data-theme="editorial"] .sh-hero{padding-right:18px}
}