/* ═══ AURORA — iOS App Store style (light, rounded, floating header) ═══ */
html[data-theme="aurora"]{
  --vx-font:'Plus Jakarta Sans',system-ui,sans-serif;
  --vx-display:'Outfit',system-ui,sans-serif;
  --vx-bg:#eef2ef;
  --vx-surface:#ffffff;
  --vx-surface-2:#f0fdf4;
  --vx-text:#0f172a;
  --vx-muted:#64748b;
  --vx-border:rgba(15,23,42,.08);
  --vx-accent-solid:#059669;
  --vx-accent-text:#fff;
  --vx-shadow:0 20px 50px -24px rgba(5,150,105,.25);
  --vx-radius:1.35rem;
  --vx-radius-btn:999px;
  --vx-picker-bg:rgba(255,255,255,.97);
  --vx-skeleton-mid:#bbf7d0;
}
html[data-theme="aurora"].dark{
  --vx-bg:#071210;
  --vx-surface:#101c19;
  --vx-surface-2:#142822;
  --vx-text:#ecfdf5;
  --vx-muted:#94a3b8;
  --vx-border:rgba(148,163,184,.12);
  --vx-accent-solid:#34d399;
  --vx-picker-bg:rgba(16,28,25,.97);
  --vx-skeleton-mid:#1a3530;
}

html[data-theme="aurora"] .vx-shell-aurora{background:var(--vx-bg);color:var(--vx-text);font-family:var(--vx-font);min-height:100vh;padding-top:4.5rem;padding-bottom:4.5rem}
html[data-theme="aurora"] .vx-theme-picker{background:var(--vx-picker-bg);border-color:var(--vx-border)}

/* Floating header */
.au-top{position:fixed;top:2.15rem;left:0;right:0;z-index:80;padding:0 1rem;pointer-events:none}
.au-top-inner{pointer-events:auto;max-width:960px;margin:0 auto;display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;background:color-mix(in srgb,var(--vx-surface) 92%,transparent);backdrop-filter:blur(16px);border:1px solid var(--vx-border);border-radius:999px;box-shadow:var(--vx-shadow)}
.au-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--vx-display);font-weight:800;font-size:.95rem;color:var(--vx-text)}
.au-logo img{border-radius:.55rem}
.au-nav{display:flex;gap:.15rem;margin-left:auto}
.au-nav a{padding:.4rem .75rem;border-radius:999px;text-decoration:none;font-size:.8125rem;font-weight:600;color:var(--vx-muted)}
.au-nav a.on,.au-nav a:hover{color:var(--vx-text);background:var(--vx-surface-2)}
.au-actions{display:flex;align-items:center;gap:.4rem}
.au-search{display:none;background:var(--vx-surface-2);border-radius:999px;padding:.25rem .65rem;border:1px solid var(--vx-border)}
.au-search input{border:0;background:transparent;outline:0;font:inherit;width:110px;color:var(--vx-text)}
.au-mode{width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid var(--vx-border);background:var(--vx-surface-2);cursor:pointer;color:var(--vx-text)}
.au-wa{padding:.45rem .9rem;border-radius:999px;background:linear-gradient(135deg,#059669,#0891b2);color:#fff;text-decoration:none;font-size:.75rem;font-weight:700}
@media(min-width:768px){.au-search{display:flex}.au-nav{display:flex}}
@media(max-width:767px){.au-nav{display:none}}

.au-main{max-width:1080px;margin:0 auto;padding:0 1rem 2rem}
.au-foot{max-width:1080px;margin:0 auto;padding:1.5rem 1rem 5rem;border-top:1px solid var(--vx-border)}
.au-foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.8125rem;color:var(--vx-muted)}
.au-foot a{display:block;color:var(--vx-text);text-decoration:none;margin-bottom:.2rem;font-weight:600}
.au-tabs{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--vx-surface) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--vx-border);padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom))}
.au-tabs a{text-align:center;text-decoration:none;font-size:.65rem;font-weight:700;color:var(--vx-muted);padding:.35rem}
.au-tabs a.on{color:var(--vx-accent-solid)}
@media(min-width:768px){.au-tabs{display:none}html[data-theme="aurora"] .vx-shell-aurora{padding-bottom:2rem}}

/* Hero */
.au-hero{padding:1rem 0 2rem}
.au-hero-box{background:linear-gradient(145deg,var(--vx-surface),var(--vx-surface-2));border:1px solid var(--vx-border);border-radius:calc(var(--vx-radius) + .5rem);padding:1.75rem;box-shadow:var(--vx-shadow)}
.au-hero-box h1{font-family:var(--vx-display);font-size:clamp(2rem,5vw,3rem);line-height:1.08;margin:0 0 .75rem}
.au-hero-box h1 span{color:var(--vx-accent-solid)}
.au-hero-box p{color:var(--vx-muted);margin:0 0 1rem;max-width:28rem}
.au-search-big{display:flex;gap:.5rem;background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:999px;padding:.35rem .35rem .35rem 1rem;margin-bottom:1rem}
.au-search-big input{flex:1;border:0;background:transparent;outline:0;font:inherit;color:var(--vx-text)}
.au-search-big button{padding:.65rem 1.2rem;border:0;border-radius:999px;background:linear-gradient(135deg,#059669,#0891b2);color:#fff;font-weight:700;cursor:pointer}

/* Cards */
.au-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){.au-grid{grid-template-columns:repeat(4,1fr)}}
.au-card{background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:var(--vx-radius);overflow:hidden;box-shadow:0 8px 24px -16px rgba(0,0,0,.12);transition:.25s transform,.25s box-shadow}
.au-card:hover{transform:translateY(-4px);box-shadow:var(--vx-shadow)}
.au-card-link{text-decoration:none;color:inherit;display:block}
.au-card-img{aspect-ratio:1;background:var(--vx-surface-2);position:relative}
.au-card-img .vx-img{padding:.65rem}
.au-tag{position:absolute;top:.5rem;left:.5rem;z-index:4;background:#ef4444;color:#fff;font-size:.6rem;font-weight:800;padding:.2rem .45rem;border-radius:999px}
.au-card-body{padding:.85rem}
.au-card-body h3{margin:0 0 .3rem;font-size:.875rem;line-height:1.35}
.au-card-body p{margin:0 0 .5rem;font-size:.72rem;color:var(--vx-muted)}
.au-price strong{font-family:var(--vx-display);font-size:1rem;color:var(--vx-accent-solid)}
.au-price s{font-size:.7rem;color:var(--vx-muted);margin-left:.35rem}

.au-section{padding:1.75rem 0}
.au-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:1rem}
.au-section-head h2{font-family:var(--vx-display);margin:0;font-size:1.4rem}
.au-section-head a{color:var(--vx-accent-solid);font-weight:700;text-decoration:none;font-size:.875rem}

.au-bento{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){.au-bento{grid-template-columns:repeat(4,1fr)}}
.au-bento a{position:relative;min-height:110px;border-radius:var(--vx-radius);overflow:hidden;text-decoration:none;color:#fff;border:1px solid var(--vx-border)}
.au-bento a.big{grid-column:span 2;min-height:150px}
.au-bento .vx-media{position:absolute;inset:0}
.au-bento img{object-fit:cover;padding:0!important}
.au-bento span{position:absolute;bottom:0;left:0;right:0;padding:.75rem;font-weight:700;font-size:.8125rem;background:linear-gradient(transparent,rgba(0,0,0,.75))}

.au-trust{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin:1rem 0}
@media(min-width:768px){.au-trust{grid-template-columns:repeat(4,1fr)}}
.au-trust div{padding:.55rem .65rem;background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:.85rem;font-size:.68rem;line-height:1.35}
.au-trust strong{display:block;font-size:.75rem;margin-bottom:.1rem}
.au-trust div>span:last-child{color:var(--vx-muted);display:block;font-size:.65rem}
.au-trust-icon svg,.au-trust svg{width:14px!important;height:14px!important;display:inline;vertical-align:-2px;margin-right:.25rem;color:var(--vx-accent-solid)}

/* Shop */
.au-shop-head{padding:1rem 0}
.au-shop-head h1{font-family:var(--vx-display);font-size:clamp(1.5rem,4vw,2.2rem);margin:0}
.au-shop-layout{display:grid;gap:1rem}
@media(min-width:960px){.au-shop-layout{grid-template-columns:220px 1fr}}
.au-side{background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:1rem;height:fit-content;position:sticky;top:6rem}