:root{
  --orange: #ff6f00;
  --chelsea: #034694;
  --muted: #666;
}
*{box-sizing:border-box}
body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial; margin:0; color:#222}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.site-header{background:linear-gradient(90deg,var(--chelsea),var(--orange)); color:#fff}
.site-header a{color:#fff;margin-right:1rem;text-decoration:none}
.brand{font-weight:700}

/* preloader */
#preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999;transition:opacity .4s}
#preloader.hidden{opacity:0;pointer-events:none}

/* Product grid: 2 columns on mobile, 3 on desktop */
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:900px){
  .products-grid{grid-template-columns:repeat(3,1fr)}
}
.card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-6px);box-shadow:0 10px 26px rgba(0,0,0,.09)}
.card img{width:100%;height:180px;object-fit:cover;border-radius:8px}
.price{font-weight:700;color:var(--orange)}
.button{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--chelsea);color:#fff;text-decoration:none}

/* small animation for calls to action */
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}
.cta{animation:pulse 4s infinite}