:root{
  --background:#ffffff;
  --foreground:#111111;
  --brand-yellow:#E9631A;
  --brand-black:#111111;
}
html{box-sizing:border-box;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--background);color:var(--foreground);}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Buttons */
.btn-yellow{background:var(--brand-yellow);color:var(--brand-black);font-weight:700;border-radius:12px;padding:10px 16px;display:inline-block;text-decoration:none}
.btn-secondary{background:#fff;border:1px solid var(--brand-black);color:var(--brand-black);padding:10px 16px;border-radius:12px}

/* Header nav */
.site-header{position:fixed;top:0;left:0;right:0;z-index:40;background:#fff;border-bottom:1px solid #e6e6e6}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.primary-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center;font-weight:700;text-transform:uppercase;font-size:13px}
.primary-nav a{color:inherit;text-decoration:none}

/* Mega menu (simple show on hover) */
.primary-nav li{position:relative}
.mega-menu{display:none;position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 8px);width:880px;background:#fff;border:1px solid #eee;padding:18px;border-radius:18px;z-index:60}
.primary-nav li:hover .mega-menu{display:block}

.category-sidebar{max-width:280px}
.category-sidebar input{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);color:#fff}
.category-sidebar a{display:block;text-decoration:none}

/* Product grid */
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}

/* Slide cart */
#theme-slide-cart{position:fixed;right:0;top:0;bottom:0;width:360px;background:#F3F4F6;color:#111;z-index:9999;box-shadow:-12px 0 30px rgba(0,0,0,0.12);transform:translateX(110%);transition:transform 250ms ease-in-out}
#theme-slide-cart.open{transform:translateX(0)}

/* Mobile drawer */
#mobile-drawer{display:none}
#mobile-drawer.open{display:block}

/* Product card */
.product-card{border:1px solid #eee;padding:12px;border-radius:8px;background:#fff}
.product-card img{max-width:100%;height:auto;display:block}

/* Mobile Drawer & Slide Cart basic behaviour (JS toggles inline styles) */
#mobile-drawer{display:none}
#theme-slide-cart{display:none}

/* Responsive */
@media (max-width:768px){
  .primary-nav{display:none}
  #mobile-menu-toggle{display:inline-block}
}

/* Footer tweaks */
footer{background:#0f1720;color:#fff}
footer a{color:inherit;text-decoration:none}

/* Utility classes used in templates */
.text-muted{color:#6b7280}
.price{color:var(--brand-yellow);font-weight:800}