:root{
  --primary:#0f766e;
  --accent:#f6ead2;
  --muted:#667085;
  --card-bg:#ffffff;
}

*{box-sizing:border-box}
body{
  font-family: Inter, system-ui, -apple-system, "Helvetica Neue", Arial;
  background: linear-gradient(180deg,#fbfcfd 0%, #f8fafb 100%);
  color:#1f2937;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin:0;
  padding:0;
}

/* brand */
.brand-mark{
  width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#14532d);
  color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:700;
}
.brand-text{font-weight:700;color:var(--primary)}

/* Hero */
.hero-section .hero-slide{
  height:380px;background-size:cover;background-position:center;border-radius:12px;margin-bottom:0;box-shadow:0 10px 30px rgba(15,118,110,0.12);
}
.hero-slide .lead{opacity:0.95}

/* categories */
.category-card{
  display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;background:linear-gradient(180deg,#fff,#fbfbfb);
  border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(15,118,110,0.06);transition:transform .18s ease,box-shadow .18s;
}
.category-card img{width:64px;height:64px;object-fit:contain}
.category-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(15,118,110,0.12)}

/* section titles */
.section-title{font-weight:700;color:var(--primary);margin-bottom:1rem}

/* product card */
.product-card{
  border-radius:14px;padding:14px;background:var(--card-bg);box-shadow:0 8px 24px rgba(16,24,40,0.06);transition:transform .18s,box-shadow .18s;
}
.product-card img{height:160px;object-fit:contain}
.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(16,24,40,0.09)}
.price{font-weight:700;color:var(--primary)}

/* buttons */
.btn-primary{background:var(--primary);border:0}
.btn-primary:hover{background:#0e6b65}

/* soft card background */
.bg-soft{background:linear-gradient(90deg,var(--accent),#fff);border-radius:10px;box-shadow:0 8px 24px rgba(15,118,110,0.04)}

/* small helpers */
.cart-count{position:relative;top:-6px;left:-6px}
#backToTop{position:fixed;right:20px;bottom:20px;background:var(--primary);color:white;border:0;width:44px;height:44px;border-radius:10px;display:none;align-items:center;justify-content:center;font-size:18px;box-shadow:0 6px 18px rgba(15,118,110,0.18);cursor:pointer}

/* product-detail gallery */
.gallery-main{border-radius:12px;overflow:hidden}
.thumb-list{display:flex;gap:8px;margin-top:10px}
.thumb-list img{width:64px;height:64px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent}
.thumb-list img.active{border-color:var(--primary)}

/* toast */
.toast-notice{transition:opacity .4s ease}

/* responsive tweaks */
@media (max-width:767px){
  .hero-section .hero-slide{height:220px}
  .product-card img{height:120px}
  .category-card{padding:12px}
}

.hero-slide{position:relative;color:#fff}
.hero-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.45),rgba(0,0,0,0.35));border-radius:12px;z-index:0}
.hero-slide > .container{position:relative;z-index:1}
.hero-slide .display-5,.hero-slide .lead{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,0.45)}