/* Storefront starter theme */
:root{
  --sf-primary:#0d6efd;
  --sf-secondary:#0bb;
  --sf-text:#212529;
  --sf-bg:#ffffff;
  --sf-font:"system-ui", -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
html,body{background:var(--sf-bg);color:var(--sf-text);font-family:var(--sf-font);}
.container-sf{max-width:1418px;margin:0 auto;padding:0 16px;}
.sf-header{border-bottom:1px solid #e9ecef;background:#fff;}
.sf-header .sf-top{display:grid;grid-template-columns:260px 1fr auto;gap:16px;align-items:center;min-height:72px;}
.sf-logo img{max-height:56px;display:block;}
.sf-search{position:relative;}
.sf-search-form{display:flex;gap:8px;}
.sf-search-form input[type="search"]{flex:1 1 auto;border:1px solid #ced4da;border-radius:6px;padding:10px 12px;min-width:200px;}
.sf-search-form button{border:1px solid var(--sf-primary);background:var(--sf-primary);color:#fff;border-radius:6px;padding:10px 14px;}
.sf-typeahead{position:absolute;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.08);width:auto;max-height:420px;overflow:auto;z-index:1000;}
.sf-ta-item{display:flex;gap:10px;padding:8px 10px;align-items:center;color:#0f172a;text-decoration:none;border-bottom:1px solid #f1f3f5;}
.sf-ta-item:hover{background:#f8f9fa;}
.sf-ta-item img{width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid #f1f3f5;border-radius:6px;}
.sf-ta-item .n{font-weight:600;}
.sf-ta-item .m{font-size:.85rem;color:#6c757d;}
.sf-actions{display:flex;gap:16px;align-items:center;}
.sf-actions a{color:var(--sf-primary);text-decoration:none;font-weight:600;}
.sf-menu{border-top:1px solid #f1f3f5;background:#fff;}
.sf-menu .sf-menu-list{display:flex;gap:18px;list-style:none;margin:0;padding:10px 0;}
.sf-menu .sf-menu-list a{text-decoration:none;color:#0f172a;font-weight:600;}
.sf-menu .sf-contact a{color:#0b7285;}
.sf-customer-band{height:40px;display:none;background:#f8f9fa;border-bottom:1px solid #eef1f4;}
main.container-sf{padding:24px 16px;}
.sf-hero{padding:24px 0 8px 0;border-bottom:1px solid #f1f3f5;margin-bottom:16px;}
.sf-hero h1{font-size:1.75rem;margin:0 0 8px 0;}
.sf-hero p{color:#495057;margin:0;}
.sf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:1200px){.sf-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:900px){.sf-header .sf-top{grid-template-columns:1fr;} .sf-actions{justify-content:flex-end;} .sf-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){.sf-grid{grid-template-columns:1fr;} }
.sf-card{border:1px solid #e9ecef;border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.sf-card .imgwrap{aspect-ratio:1/1;background:#f8f9fa;display:flex;align-items:center;justify-content:center;}
.sf-card img{max-width:100%;max-height:100%;}
.sf-card .body{padding:12px;}
.sf-card .name{font-weight:600;margin-bottom:6px;}
.sf-card .sku{color:#6c757d;font-size:.9rem;margin-bottom:6px;}
.sf-card .desc{color:#495057;font-size:.95rem;margin-bottom:10px;}
.sf-card .price{font-weight:700;margin-bottom:8px;}
.sf-card .avail{font-size:.9rem;color:#237b3a;margin-bottom:10px;}
.sf-footer{border-top:1px solid #eceff3;background:#fff;margin-top:24px;}
.sf-footer .inner{padding:24px 0;color:#495057;font-size:.95rem;}