:root{
  --primary:#f97316;
  --secondary:#fbbf24;
  --dark:#1f2937;
  --light:#ffffff;
  --gradient:linear-gradient(135deg,#f97316,#fb923c,#fbbf24);
  --shadow-sm:0 4px 10px rgba(0,0,0,0.05);
  --shadow-md:0 8px 20px rgba(0,0,0,0.08);
  --shadow-lg:0 12px 25px rgba(0,0,0,0.12);
}

html{scroll-behavior:smooth;}
body{
  font-family:'Inter',sans-serif;
  margin:0;
  color:var(--dark);
  background:radial-gradient(1000px 500px at 20% -10%,rgba(249,115,22,0.18),rgba(248,249,250,0)),radial-gradient(900px 500px at 85% 10%,rgba(251,191,36,0.16),rgba(248,249,250,0)),#f8f9fa;
}

a{text-decoration:none;transition:0.3s;}
section{padding:90px 0;}

.navbar{
  background:#fff !important;
  padding:15px 0;
  box-shadow:var(--shadow-sm);
  position:sticky;
  top:0;
  z-index:2000;
  border-bottom:1px solid rgba(31,41,55,0.06);
}

.navbar-brand img{
  height:74px;
  width:auto;
  transition:transform 0.3s ease;
}
.navbar-brand img:hover{transform:scale(1.03);}

.nav-link{
  font-weight:700;
  font-size:1.02rem;
  color:var(--dark) !important;
  margin:0 15px;
  padding-bottom:6px;
  border-bottom:2px solid transparent;
}
.nav-link:hover{color:var(--primary) !important;border-bottom-color:var(--primary);}
.nav-link.active{color:var(--primary) !important;border-bottom-color:var(--primary);}

.btn-nav{
  background:var(--gradient);
  color:#fff !important;
  padding:10px 16px;
  border-radius:12px;
  font-weight:900;
  box-shadow:0 12px 25px rgba(249,115,22,0.22);
}
.btn-nav:hover{transform:translateY(-1px);filter:brightness(1.02);}

.sparkle-offer{
  border-radius:50px;
  animation:sparkle-glow 2s infinite ease-in-out;
  transition:all 0.3s ease;
}
.sparkle-offer .nav-link{
  color:var(--primary) !important;
  font-weight:800 !important;
}
@keyframes sparkle-glow{
  0%{box-shadow:0 0 5px rgba(249,115,22,0.3),0 0 10px rgba(251,191,36,0.2);transform:scale(1);}
  50%{box-shadow:0 0 20px rgba(249,115,22,0.6),0 0 30px rgba(251,191,36,0.4);transform:scale(1.05);}
  100%{box-shadow:0 0 5px rgba(249,115,22,0.3),0 0 10px rgba(251,191,36,0.2);transform:scale(1);}
}

.card-common,
.product-card,
.blog-card{
  border-radius:18px;
  border:1px solid rgba(31,41,55,0.06);
  box-shadow:var(--shadow-md);
}

.card-common:hover,
.product-card:hover,
.blog-card:hover{
  box-shadow:var(--shadow-lg);
}

footer{
  background:var(--dark);
  color:#e2e8f0;
  padding:70px 0 40px;
}
footer a{color:var(--primary);margin-bottom:10px;display:block;}

@media (max-width: 992px){
  .navbar-brand img{height:60px;}
  .nav-link{margin:8px 0;}
  section{padding:70px 0;}
}

@media (max-width: 576px){
  .nav-link{margin:6px 0;}
}