/* Header Logo */
.header-logo {
  max-width: 250px; height: auto; margin: 0 auto; display: block; padding: 0.25rem 0;
}
@media (max-width: 768px){.header-logo{max-width:180px;}}
@media (max-width:480px){.header-logo{max-width:180px;}}

/* Mobile Menu */
.mobile-menu{
  position:fixed; top:0; left:0; width:50%; height:100%; background:#111; color:white;
  transform:translateX(-100%); transition:transform 0.4s ease-in-out; z-index:40; padding:1.5rem;
  display:flex; flex-direction:column; gap:1.5rem;
}
.mobile-menu.active{transform:translateX(0);}
.mobile-menu a{color:white; font-size:1rem;}
.close-btn{align-self:flex-end;}

/* Hero Section */
.hero-section{position:relative;width:100%;height:70vh;overflow:hidden;}
.hero-slider{display:flex;height:100%;transition:transform 1s ease;}
.slide{position:relative;width:100%;flex-shrink:0;}
.slide-img{width:100%;height:70vh;object-fit:cover;}


/* Slide Text above Shop Now */
.slide-text{
  position:absolute; top:30%; left:50%; transform:translateX(-50%);
  color:white; font-size:2rem; font-weight:700; text-align:center;
  text-shadow:2px 2px 6px rgba(0,0,0,0.7); z-index:3; opacity:0; transition:opacity 1s ease;
}
.slide.active .slide-text{opacity:1;}

/* Hero button container */
.hero-text-container{position:absolute; bottom:15%; left:50%; transform:translateX(-50%); z-index:2;}

/* Buttons */
.btn-yellow{background:#fbbf24; color:white; padding:0.75rem 1.5rem; border-radius:0.75rem; font-weight:600; transition: background 0.3s;}
.btn-yellow:hover{background:#d97706;}

/* Features */
.feature-box{padding:1.5rem; border-radius:1rem; background:#f9fafb; box-shadow:0 2px 6px rgba(0,0,0,0.1); transition: all 0.3s;}
.feature-box:hover{box-shadow:0 4px 12px rgba(0,0,0,0.2);}

/* Products */
.product-card{border:1px solid #e5e7eb; border-radius:1rem; padding:1rem; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.05); transition: box-shadow 0.3s;}
.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.product-img{margin:0 auto 1rem; border-radius:0.5rem;}
.price{color:#fbbf24; font-weight:600; margin-bottom:0.5rem;}

/* Feedback */
.feedback-slider{display:flex; transition: transform 0.7s ease;}
.feedback-card{width:100%; flex-shrink:0; padding:1.5rem; text-align:center;}
.feedback-img{width:5rem; height:5rem; border-radius:50%; margin:0 auto 1rem; border:4px solid #fbbf24;}
.stars{color:#fbbf24; margin-bottom:0.5rem;}

/* Footer */
.footer{background:#111827; color:white; padding:2.5rem 1rem; margin-top:3rem;}
.footer-title{font-size:1.25rem; font-weight:700; color:#fbbf24; margin-bottom:1rem;}
.footer-sub{font-size:1.1rem; font-weight:600; margin-bottom:1rem;}
.footer-text{color:#9ca3af; font-size:0.9rem;}
.footer-bottom{border-top:1px solid #374151; margin-top:2rem; padding-top:1rem; text-align:center; color:#9ca3af; font-size:0.85rem;}

/* Scroll Animation */
.fade-in{opacity:0; transform:translateY(20px); transition: all 0.8s ease;}
.fade-in.show{opacity:1; transform:translateY(0);}