:root{--bg:#0e2a24;--card:#b7a57a;--card-2:#cbb892;--text:#fff;--muted:#dfe7e4;--accent:#88c0a8;--accent-2:#b4d7c7;--ink:#132018;--shadow:0 10px 25px rgba(0,0,0,.35);--radius:18px;--gap:1.25rem;--maxw:1180px}.storefront html,body{height:100%}.storefront body{margin:0;background:radial-gradient(1200px 800px at 10% 0%,#10342b,var(--bg));color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,helvetica neue,Arial,noto sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.storefront .wrap{max-width:var(--maxw);margin:0 auto;padding:2rem 1rem 4rem}.storefront header.site{display:grid;grid-template-columns:auto 1fr;gap:var(--gap);align-items:center;margin-bottom:1.25rem}.storefront .brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--text)}.storefront .brand img{width:44px;height:44px;object-fit:contain;border-radius:12px}.storefront .brand b{font-size:1.15rem;letter-spacing:.04em}.storefront .nav{justify-self:end;display:flex;gap:.6rem;flex-wrap:wrap}.storefront .nav a{color:var(--text);text-decoration:none;opacity:.86;padding:.4rem .7rem;border-radius:10px}.storefront .nav a:hover{background:rgba(255,255,255,6%);opacity:1}.storefront .hero{background:linear-gradient(135deg,rgba(255,255,255,6%),rgba(255,255,255,2%));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1rem,2vw,1.5rem);display:grid;gap:.6rem;margin-bottom:1.2rem}.storefront .hero h1{margin:0;font-size:clamp(1.3rem,2.5vw,1.8rem);letter-spacing:.02em}.storefront .hero p{margin:0;color:var(--muted);max-width:70ch}.storefront .toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1rem 0 1.25rem}.storefront .chip{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,6%);color:var(--text);padding:.5rem .75rem;border-radius:999px;cursor:pointer;user-select:none}.storefront .chip:hover{background:rgba(255,255,255,.1)}.storefront .chip[data-active=true]{background:var(--accent);color:#06281f;border-color:transparent}.storefront .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}.storefront .col{grid-column:span 12}.storefront @media(min-width:580px){.col{grid-column:span 6}}.storefront @media(min-width:980px){.col{grid-column:span 4}}.storefront .card{background:linear-gradient(180deg,var(--card),var(--card-2));border-radius:var(--radius);box-shadow:var(--shadow);overflow:clip;display:grid;grid-template-rows:auto 1fr auto;min-height:100%;border:1px solid rgba(0,0,0,.25);color:var(--ink)}.storefront .thumb{aspect-ratio:4/3;background:#0f1a16;position:relative}.storefront .thumb img{width:100%;height:100%;object-fit:cover;display:block}.storefront .badge{position:absolute;top:.6rem;left:.6rem;background:rgba(255,255,255,.92);color:#0f1714;font-weight:600;padding:.25rem .5rem;border-radius:.6rem;font-size:.78rem;letter-spacing:.02em}.storefront .body{padding:1rem .9rem .4rem;display:grid;gap:.4rem}.storefront .title{font-weight:800;letter-spacing:.02em}.storefront .blurb{font-size:.95rem;color:#0d1a15;opacity:.9}.storefront .meta{font-size:.86rem;color:#13271f;opacity:.9;display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.storefront .price{font-weight:800}.storefront .foot{display:flex;gap:.6rem;padding:.8rem .9rem 1rem}.storefront .pill{flex:1;text-align:center;text-decoration:none;font-weight:700;border-radius:12px;padding:.65rem .75rem;border:1px solid rgba(0,0,0,.25)}.storefront .pill.primary{background:#183c31;color:var(--muted)}.storefront .pill.primary:hover{filter:brightness(1.06)}.storefront .pill.ghost{background:0 0;color:#1a3027}.storefront .pill.ghost:hover{background:rgba(0,0,0,8%)}.storefront dialog.preview{border:none;background:#0f1f1a;color:var(--text);width:min(680px,92vw);padding:1rem;border-radius:14px}.storefront dialog::backdrop{background:rgba(0,0,0,.6)}.storefront .preview header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.storefront .close{background:0 0;border:1px solid rgba(255,255,255,.2);color:var(--text);border-radius:10px;padding:.3rem .55rem;cursor:pointer}@media(min-width:580px){.storefront .col{grid-column:span 6}}.storefront .col{grid-column:span 12}@media(min-width:580px){.storefront .col{grid-column:span 6}}.storefront .brevo-embed{color:var(--ink)}.storefront .brevo-embed .sib-form .input,.storefront .brevo-embed .sib-form input[type=email],.storefront .brevo-embed .sib-form input[type=text],.storefront .brevo-embed .sib-form textarea{color:var(--ink)!important;background:#fff!important;border:1px solid rgba(0,0,0,.25)}.storefront .brevo-embed .sib-form input::placeholder,.storefront .brevo-embed .sib-form textarea::placeholder{color:#687484!important;opacity:1}.storefront .brevo-embed .sib-form input:-webkit-autofill{-webkit-text-fill-color:var(--ink)!important;box-shadow:0 0 0 1e3px #fff inset!important}