/*section:not(.hero-slider){*/
/*  max-width:1100px;*/
/*  margin:18px auto;*/
/*  padding:0 14px;*/
/*}*/



.hero-slider{
    
 width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}


/* slider track */
.hero-slider .slides-container{
  display:flex;
  height:100%;
  transition:transform .5s ease;
}
.hero-slider .slide1{
  flex:0 0 100%;
  height:100%;
  display:block;
}
.hero-slider .slide2{
  flex:0 0 100%;
  height:100%;
  display:block;
}
.hero-slider .slide3{
  flex:0 0 100%;
  height:100%;
  display:block;
}

.hero-slider .slide1 img{
  object-fit:cover;
  display:flex;
       width: 100%;
    height: 100%;
 
}
.hero-slider .slide2 img{
  object-fit:cover;
  display:flex;
        width: 100%;
    height: 100%;
   
}
.hero-slider .slide3 img{
  object-fit:cover;
  display:flex;
      width: 100%;
    height: 100%;
   
}

/* dots over image */
.hero-slider .slider-dots{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:10;
}
.hero-slider .slider-dots span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ccc;
  cursor:pointer;
  opacity:.9;
}
.hero-slider .slider-dots span.active{
  background:#111;
}

.category {
    margin-top: 30px;
    text-align: center;
    padding: 10px;
}

/*@media (min-width: 630px){*/
/*    .category{*/
/*   justify-items: center;*/
/*    }*/
/*}*/


 

.category-grid{
    
  display:flex;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:10px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
/*@media (min-width: 630px){*/
/*    .category-grid{*/
/*    gap: 60px;*/
/*}*/
}
.category-grid::-webkit-scrollbar{ display:none; }

.category-card{
  flex:0 0 auto;
  
  margin-left: 5px;
}
.category-card img{
  width:80px;
  height:80px;
  border-radius:8px;
  object-fit:cover;
  display:block;
  margin:0 auto;
}
.category-name{
  font-size:12px;
  font-weight:400;
  color:#222;
  margin:6px 0 0;
  text-align:center;
}

/* ===========================
   PRODUCTS (MOBILE = HORIZONTAL SCROLL)
   =========================== */
.products{ 
   margin-top: 20px;
    text-align:center;
    padding: 5px;
    
}


.section-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 10px;
  margin-bottom:10px;
}
.section-header h2{
  font-size:15px;
  font-weight:700;
  color:#333;
}
.view-all-link{
  font-size:12px;
  /*color:#d48806;*/
  /*border:1px solid #d48806;*/
  padding:4px 10px;
  transition:.2s;
}
.view-all-link:hover{
  /*background:#d48806;*/
  color:#d48806;
}

.product-grid{
  display:flex;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  margin-left: 5px;
  padding-bottom:10px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  

}

.product-grid::-webkit-scrollbar{ display:none; }

.product-card{
  flex:0 0 auto;
  width:120px;
  /*padding: .5rem;*/
  /*border:1px solid #eee;*/
  border-radius:5px;
  overflow:hidden;
  background-color: #fdf7f1;
 
}

.image-wrapper{
  position:relative;
  width:100%;
  aspect-ratio:1/1;     /* square like your earlier look */
  overflow:hidden;
  background:#f3f0ec;
}
.image-wrapper img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius: 5px;
}

.product-name{
  font-size:12px;
  text-align: left;
  color:#222;
  margin:3px 0 4px;
 
}
.product-price{
  display:flex;
  gap:4px;
  align-items:baseline;
  text-align: left;
  color:#222;
  font-weight:600;
  font-size: 12px;
  margin:0 0 10px;
}
.product-price .mrp{ color:#777; text-decoration:line-through; font-size:10px;  }
.product-price .off{ color:#a14c29; font-size: 10px; }

/* sold out */
.sold-out-badge{
  position:absolute;
  top:8px;
  left:8px;
  background:#f2f2f2;
  color:#000;
  font-size:.75rem;
  padding:4px 8px;
  font-weight:500;
  z-index:2;
}

/* ===========================
   DAZZLE + GIFT
   =========================== */
.price-filter-buttons{
  margin:40px 0;
  padding:0 15px;
  text-align:center;
}
.button-group{
  display:flex;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
}
.filter-btn{
  flex:1 1 30%;
  min-width:150px;
  background:#fff;
  color:#000;
  padding:14px 0;
  font-weight:600;
  font-size:1.1rem;
  border-radius:8px;
  box-shadow:0 6px 15px #dfd1c8;
}

.gift-img{
  width:90%;
  object-fit:cover;
  display:block;
  margin:20px auto;
  border-radius:8px;
}


.why-arneza {
  /*background-color: #FAF9F7;*/
  padding: 50px 20px;
  text-align: center;
}

.why-arneza h2 {
  font-size: 24px;
  color: #111111;
  margin-bottom: 5px;
}

.why-arneza .subtitle {
  font-size: 14px;
  color: #777;
  margin-bottom: 30px;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.why-card {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 20px 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.04);
  transition: transform 0.2s ease;
}

.why-card:hover {
  transform: translateY(-3px);
}

.why-card .icon {
  font-size: 22px;
  margin-bottom: 10px;
}

.why-card h3 {
  font-size: 14px;
  color: #111111;
  margin-bottom: 5px;
}

.why-card p {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}

.about-arneza {
  /*background-color: #FAF9F7;*/
  padding: 30px 20px;
}

.about-container {
  /*max-width: 1100px;*/
  margin: auto;
  display: flex;
  align-items: center;
  gap: 30px;
}

/* IMAGE */
.about-image img {
  width: 100%;
  border-radius: 16px;
  object-fit: cover;
}

/* TEXT */
.about-content {
  flex: 1;
}

.about-content h2 {
  font-size: 26px;
  color: #111111;
  margin-bottom: 15px;
}

.about-content p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 10px;
}

.about-content .highlight {
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
  color: #C9A96E;
}