:root{
  --store-bg:#f4f9f8;
  --store-panel:#ffffff;
  --store-panel-soft:#edf8f6;
  --store-ink:#102f38;
  --store-muted:#647b82;
  --store-line:#d7e7e4;
  --store-accent:#27c9b8;
  --store-accent-dark:#078f82;
  --store-purple:#7167df;
  --store-shadow:0 24px 70px rgba(16,47,56,.1);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --store-bg:#03090e;
  --store-panel:#09151e;
  --store-panel-soft:#0d2027;
  --store-ink:#f2fafb;
  --store-muted:#a6bac1;
  --store-line:#1d3540;
  --store-accent:#3be0cf;
  --store-accent-dark:#24b9aa;
  --store-purple:#9b92ff;
  --store-shadow:0 28px 90px rgba(0,0,0,.36);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.store-body{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 7% 5%,rgba(39,201,184,.14),transparent 30rem),
    radial-gradient(circle at 94% 12%,rgba(113,103,223,.12),transparent 30rem),
    var(--store-bg)!important;
  color:var(--store-ink)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{text-decoration:none}
.store-header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  width:100%;
  min-height:78px;
  align-items:center;
  gap:24px;
  padding:0 max(24px,calc((100vw - 1220px)/2));
  border-bottom:1px solid color-mix(in srgb,var(--store-line) 85%,transparent);
  background:color-mix(in srgb,var(--store-bg) 88%,transparent);
  backdrop-filter:blur(18px);
}
.store-brand{display:flex;align-items:center;gap:11px;color:var(--store-ink)}
.store-brand img{width:43px;height:43px;object-fit:contain}
.store-brand strong,.store-brand small{display:block}
.store-brand strong{font-size:22px;line-height:1;letter-spacing:-.04em}
.store-brand strong i{color:var(--store-accent);font-style:normal}
.store-brand small{margin-top:4px;color:var(--store-muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.store-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
.store-nav a{padding:9px 11px;border-radius:10px;color:var(--store-muted);font-size:12px;font-weight:850}
.store-nav a:hover,.store-nav a.active{background:var(--store-panel-soft);color:var(--store-ink)}
.store-header-action{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:0 14px;border-radius:999px;background:var(--store-accent);color:#073b38!important;font-size:12px;font-weight:950;box-shadow:0 10px 22px rgba(39,201,184,.2)}
.store-main{overflow:hidden}
.store-hero{
  display:grid;
  width:min(calc(100% - 40px),1220px);
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:48px;
  align-items:center;
  margin:auto;
  padding:74px 0 54px;
}
.store-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--store-accent) 35%,var(--store-line));border-radius:999px;background:color-mix(in srgb,var(--store-panel) 76%,transparent);color:var(--store-accent-dark);font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.store-hero h1{max-width:760px;margin:20px 0 18px;color:var(--store-ink);font-size:clamp(46px,6.5vw,78px);line-height:.98;letter-spacing:-.06em}
.store-hero h1 em{color:var(--store-accent-dark);font-style:normal}
.store-hero-copy>p{max-width:700px;margin:0;color:var(--store-muted);font-size:17px;line-height:1.72}
.store-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.store-button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid var(--store-line);border-radius:13px;background:var(--store-panel);color:var(--store-ink);font-size:12px;font-weight:950;cursor:pointer}
.store-button.primary{border-color:var(--store-accent);background:var(--store-accent);color:#073b38}
.store-button:hover{transform:translateY(-1px)}
.store-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.store-trust span{padding:7px 10px;border:1px solid var(--store-line);border-radius:999px;background:color-mix(in srgb,var(--store-panel) 72%,transparent);color:var(--store-muted);font-size:9px;font-weight:800}
.store-hero-visual{position:relative;min-height:430px}
.store-visual-orb{position:absolute;inset:20px;border-radius:48% 52% 55% 45%/49% 43% 57% 51%;background:linear-gradient(145deg,rgba(39,201,184,.22),rgba(113,103,223,.18));filter:blur(.2px);transform:rotate(-4deg)}
.store-showcase-card{position:absolute;z-index:2;border:1px solid var(--store-line);border-radius:22px;background:color-mix(in srgb,var(--store-panel) 94%,transparent);box-shadow:var(--store-shadow);backdrop-filter:blur(16px)}
.store-showcase-card.main{inset:52px 34px 72px 52px;padding:26px}
.store-showcase-card.main>span{display:inline-grid;width:54px;height:54px;place-items:center;border-radius:17px;background:var(--store-panel-soft);color:var(--store-accent-dark);font-size:27px}
.store-showcase-card.main h2{margin:22px 0 9px;color:var(--store-ink);font-size:28px;letter-spacing:-.04em}
.store-showcase-card.main p{margin:0;color:var(--store-muted);font-size:12px;line-height:1.65}
.store-showcase-list{display:grid;gap:9px;margin-top:22px}
.store-showcase-list div{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:12px;background:var(--store-panel-soft);color:var(--store-muted);font-size:10px;font-weight:800}
.store-showcase-list b{color:var(--store-ink)}
.store-showcase-card.mini{right:0;bottom:32px;width:190px;padding:15px}
.store-showcase-card.mini small,.store-showcase-card.mini b{display:block}
.store-showcase-card.mini small{color:var(--store-muted);font-size:8px;font-weight:850;text-transform:uppercase}
.store-showcase-card.mini b{margin-top:5px;color:var(--store-accent-dark);font-size:18px}
.store-section{width:min(calc(100% - 40px),1220px);margin:auto;padding:58px 0}
.store-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:27px}
.store-section-heading h2{margin:9px 0 8px;color:var(--store-ink);font-size:clamp(31px,4vw,48px);line-height:1.05;letter-spacing:-.045em}
.store-section-heading p{max-width:680px;margin:0;color:var(--store-muted);font-size:13px;line-height:1.65}
.store-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:13px;align-items:center;margin-bottom:22px}
.store-search{display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--store-line);border-radius:14px;background:var(--store-panel)}
.store-search input{width:100%;min-height:48px;border:0;background:transparent;color:var(--store-ink);font:inherit;font-size:13px;outline:none}
.store-search span{color:var(--store-muted)}
.store-filter-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.store-filter-list button{min-height:39px;padding:0 12px;border:1px solid var(--store-line);border-radius:999px;background:var(--store-panel);color:var(--store-muted);font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.store-filter-list button.active{border-color:var(--store-accent);background:var(--store-panel-soft);color:var(--store-accent-dark)}
.store-results-note{margin:0 0 15px;color:var(--store-muted);font-size:10px}
.store-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.store-product-card{display:flex;min-height:360px;flex-direction:column;overflow:hidden;border:1px solid var(--store-line);border-radius:22px;background:var(--store-panel);box-shadow:0 13px 35px rgba(16,47,56,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.store-product-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--store-accent) 55%,var(--store-line));box-shadow:0 20px 48px rgba(16,47,56,.1)}
.store-product-art{position:relative;display:grid;min-height:145px;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--store-panel-soft),color-mix(in srgb,var(--store-purple) 13%,var(--store-panel)))}
.store-product-art:before,.store-product-art:after{content:"";position:absolute;border-radius:50%;background:rgba(39,201,184,.15)}
.store-product-art:before{width:130px;height:130px;left:-25px;top:-45px}
.store-product-art:after{width:90px;height:90px;right:-18px;bottom:-28px;background:rgba(113,103,223,.13)}
.store-product-art span{position:relative;z-index:1;display:grid;width:66px;height:66px;place-items:center;border:1px solid color-mix(in srgb,var(--store-line) 65%,transparent);border-radius:20px;background:color-mix(in srgb,var(--store-panel) 82%,transparent);color:var(--store-accent-dark);font-size:30px;box-shadow:0 14px 30px rgba(16,47,56,.1)}
.store-product-body{display:flex;flex:1;flex-direction:column;padding:20px}
.store-product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.store-product-category{color:var(--store-accent-dark);font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.store-product-status{padding:5px 7px;border-radius:999px;background:var(--store-panel-soft);color:var(--store-muted);font-size:8px;font-weight:850}
.store-product-card h3{margin:13px 0 8px;color:var(--store-ink);font-size:20px;line-height:1.17;letter-spacing:-.035em}
.store-product-card p{margin:0;color:var(--store-muted);font-size:11px;line-height:1.65}
.store-product-features{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.store-product-features span{padding:5px 7px;border:1px solid var(--store-line);border-radius:999px;color:var(--store-muted);font-size:8px;font-weight:750}
.store-product-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--store-line)}
.store-product-footer small{color:var(--store-muted);font-size:8px;line-height:1.4}
.store-product-footer button{flex:0 0 auto;min-height:39px;padding:0 11px;border:0;border-radius:11px;background:var(--store-accent);color:#073b38;font:inherit;font-size:9px;font-weight:950;cursor:pointer}
.store-empty{grid-column:1/-1;padding:44px;border:1px dashed var(--store-line);border-radius:20px;text-align:center;color:var(--store-muted)}
.store-empty b{display:block;margin-bottom:5px;color:var(--store-ink)}
.store-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.store-category-card{padding:20px;border:1px solid var(--store-line);border-radius:18px;background:var(--store-panel)}
.store-category-card span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:var(--store-panel-soft);color:var(--store-accent-dark);font-size:20px}
.store-category-card h3{margin:15px 0 6px;color:var(--store-ink);font-size:16px}
.store-category-card p{margin:0;color:var(--store-muted);font-size:10px;line-height:1.55}
.store-callout{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:32px;border:1px solid color-mix(in srgb,var(--store-accent) 34%,var(--store-line));border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--store-accent) 10%,var(--store-panel)),color-mix(in srgb,var(--store-purple) 8%,var(--store-panel)));box-shadow:var(--store-shadow)}
.store-callout h2{margin:7px 0 8px;color:var(--store-ink);font-size:30px;letter-spacing:-.04em}
.store-callout p{max-width:730px;margin:0;color:var(--store-muted);font-size:12px;line-height:1.65}
.store-footer{margin-top:50px;border-top:1px solid var(--store-line);background:color-mix(in srgb,var(--store-panel) 70%,transparent)}
.store-footer-inner{display:flex;width:min(calc(100% - 40px),1220px);min-height:120px;align-items:center;justify-content:space-between;gap:24px;margin:auto}
.store-footer-brand{display:flex;align-items:center;gap:10px;color:var(--store-ink);font-size:13px;font-weight:900}
.store-footer-brand img{width:34px;height:34px}
.store-footer p{margin:0;color:var(--store-muted);font-size:9px}
.store-footer-links{display:flex;gap:14px}
.store-footer-links a{color:var(--store-muted);font-size:9px;font-weight:850}
.store-toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:360px;padding:14px 16px;border:1px solid var(--store-line);border-left:5px solid var(--store-accent);border-radius:14px;background:var(--store-panel);color:var(--store-ink);font-size:11px;font-weight:750;box-shadow:var(--store-shadow)}
.store-toast[hidden]{display:none}
@media(max-width:1030px){
  .store-nav{display:none}
  .store-hero{grid-template-columns:1fr;gap:20px}
  .store-hero-visual{min-height:390px;max-width:620px;width:100%;margin:auto}
  .store-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-controls{grid-template-columns:1fr}
  .store-filter-list{justify-content:flex-start}
}
@media(max-width:650px){
  .store-header{min-height:70px;padding-inline:14px;gap:10px}
  .store-brand small{display:none}
  .store-header-action{padding:0 11px;font-size:10px}
  .store-hero,.store-section,.store-footer-inner{width:min(calc(100% - 26px),1220px)}
  .store-hero{padding:48px 0 35px}
  .store-hero h1{font-size:44px}
  .store-hero-copy>p{font-size:14px}
  .store-hero-visual{min-height:340px}
  .store-showcase-card.main{inset:35px 12px 60px 12px}
  .store-showcase-card.mini{right:4px;bottom:8px;width:170px}
  .store-section{padding:43px 0}
  .store-section-heading{align-items:flex-start;flex-direction:column}
  .store-product-grid,.store-categories{grid-template-columns:1fr}
  .store-callout{grid-template-columns:1fr;padding:24px}
  .store-callout .store-button{width:100%}
  .store-footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:28px 0}
  .store-footer-links{flex-wrap:wrap}
}
