/* Copyright (c) Vasa Serafin. All rights reserved. */
/* Above-the-fold critical styles — full theme loads async in storefront.css */
:root{--sf-accent:#f59e0b;--sf-bg:#0f172a;--sf-text:#f8fafc;--sf-chrome-h:4.5rem}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--sf-bg);color:var(--sf-text);line-height:1.5}
.sf-top-chrome{position:sticky;top:0;z-index:50;background:rgba(15,23,42,.96);border-bottom:1px solid #334155}
.sf-header-inner{max-width:1200px;margin:0 auto;padding:.65rem 1rem;display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"logo actions menu" "nav nav nav";align-items:center;gap:.5rem}
.sf-header-actions{grid-area:actions;display:inline-flex;align-items:center;gap:.45rem;justify-self:end}
.sf-lang-select{background:#1e293b;color:#f8fafc;border:1px solid #475569;border-radius:999px;padding:.35rem 1.75rem .35rem .65rem;font-size:.82rem;min-width:6.5rem}
.sf-hero{position:relative;isolation:isolate;overflow:hidden}
.sf-hero img{width:100%;height:clamp(260px,48vh,480px);object-fit:cover;object-position:center 42%;display:block}
.sf-hero-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:1.5rem 1.25rem 2rem;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.55) 35%,rgba(15,23,42,.94) 100%)}
.sf-hero-copy a,.sf-hero-copy button{pointer-events:auto}
.sf-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:1rem}
@media (max-width:768px){.sf-nav{display:none}.sf-nav.sf-nav-open{display:flex;flex-direction:column}}