@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');
:root{
  --accent1:#ff7a18; --accent2:#319197; --muted:#6b7280;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial; background:#f5f7fb; color:#0b1530; margin:0; padding:0}
.container{max-width:1120px}

/* Header spacing */
nav.navbar{padding:0.8rem 0}

/* Product Card */
.product-card{
  background:#fff; border-radius:14px; padding:14px; transition:all .25s; border:1px solid #eef2f6;
}
.product-card:hover{transform:translateY(-6px); box-shadow:0 14px 35px rgba(16,24,40,0.06)}
.product-img{width:100%; height:220px; object-fit:contain; background:#fff; border-radius:10px; padding:8px}
.price{font-weight:800; font-size:18px; color:#0b1530}
.old-price{text-decoration:line-through; color:var(--muted); margin-left:8px; font-size:13px}
.buy-btn{background:linear-gradient(90deg,var(--accent1),var(--accent2)); color:#fff; border:none; padding:10px 14px; border-radius:10px; font-weight:700; display:inline-block; text-decoration:none}
.card-ghost{background:linear-gradient(180deg,#ffffff,#fbfdff); border-radius:14px; padding:20px; box-shadow:0 12px 30px rgba(16,24,40,0.06)}
.specs li{margin-bottom:6px}
.small-muted{color:var(--muted);font-size:13px}

/* utilities */
.row-gap-20{row-gap:20px}
.search-input{max-width:360px}

/* responsive */
@media(max-width:767px){
  .product-img{height:180px}
  .container{padding:0 16px}
}