/** Shopify CDN: Minification failed

Line 1504:0 Unexpected "}"

**/
.vaidyaco-products {
  background: #f7f5ef;
  padding: 80px 20px;
}

.vaidyaco-products-header {
  text-align: center;
  margin-bottom: 50px;
}

.vaidyaco-products-header h2 {
  font-size: 48px;
  color: #1f6b43;
  margin-bottom: 12px;
}

.vaidyaco-products-header p {
  font-size: 18px;
  color: #666;
}


.vaidyaco-hero{
  background:#f7f5ef;
  padding:80px 20px 100px;
}

.vaidyaco-hero-inner{
  max-width:1200px;
  margin:0 auto;
  text-align:center;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.vaidyaco-hero h1{
  font-size:52px;
  line-height:1.1;
  color:#1f6b45;
  font-weight:700;
  margin-bottom:24px;
}

.hero-subtitle{
  font-size:28px;
  color:#666;
  max-width:800px;
  margin:0 auto 40px;
}

.vaidyaco-badges{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:10px;
}
.shopify-section-header{
  border-bottom:none !important;
}

header{
  border-bottom:none !important;
}

.header-wrapper{
  border-bottom:none !important;
}
/* ===== RESPONSIVE HERO ===== */

@media (max-width: 991px){

  .vaidyaco-hero{
    padding: 70px 20px 80px !important;
  }

  .vaidyaco-hero h1{
    font-size: 35px !important;
  }

  .hero-subtitle{
    font-size: 22px !important;
  }

}

@media (max-width: 768px){

  .vaidyaco-hero{
    padding: 60px 16px 70px !important;
  }

  .vaidyaco-hero h1{
    font-size: 38px !important;
    line-height: 1.2 !important;
  }

  .hero-subtitle{
    font-size: 18px !important;
    margin-bottom: 30px !important;
  }

  .vaidyaco-badges{
    gap: 12px !important;
  }

  .badge{
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }

}
.vaidyaco-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.vaidyaco-hero{
  min-height: 100px;
}
.vaidyaco-hero{
  height:auto !important;
  min-height:auto !important;
  padding:40px 20px 40px !important;
}

.vaidyaco-hero-inner{
  height:auto !important;
  min-height:auto !important;
}
.badge{
  background:#ffffff;
  padding:14px 24px;
  border-radius:999px;
  box-shadow:0 5px 15px rgba(0,0,0,.05);
  font-weight:600;
}

.vaidyaco-products-header h2{
  font-size:72px;
  color:#1f6b45;
  text-align:center;
  margin-bottom:15px;
}

.vaidyaco-products-header p{
  text-align:center;
  font-size:24px;
  color:#666;
  margin-bottom:70px;
}

.vaidyaco-product-showcase{
  display:grid;
  grid-template-columns:0.75fr 1.25fr;
  gap:40px;
  align-items:center;
  max-width:1200px;
  margin:0 auto;
  margin-bottom:120px;
}
.vaidyaco-product-image{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.vaidyaco-product-image img{
  width:85%;
  max-width:500px;
  height:auto;
  display:block;
  border-radius:24px;
}


.vaidyaco-product-info{
  background:white;
  padding:35px;
  border-radius:28px;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.vaidyaco-product-info h3{
  font-size:48px;
  color:#1f6b45;
  margin-bottom:30px;
}

.vaidyaco-benefits{
  list-style:none;
  padding:0;
  margin:0 0 30px;
}

.vaidyaco-benefits li{
  margin-bottom:16px;
  font-size:20px;
}
.vaidyaco-product-info h3{
  margin-bottom:20px;
}

.vaidyaco-benefits{
  margin-bottom:20px;
}

.vaidyaco-pricing{
  margin-bottom:20px;
}
.price-box{
  flex:1;
  border:2px solid #dce9df;
  border-radius:18px;
  padding:20px;
  text-align:center;
  transition:.3s;
}

.price-box.active{
  background:#eef8f1;
  border-color:#1f6b45;
}

.price-box h4{
  font-size:18px;
  margin-bottom:10px;
  color:#222;
}

.price-box span{
  font-size:24px;
  color:#1f6b45;
  font-weight:700;
  display:block;
  margin-bottom:6px;
}

.price-box small{
  color:#777;
  font-size:14px;
}
.vaidyaco-pricing{
  display:flex;
  gap:20px;
  margin-bottom:25px;
}
.vaidyaco-order-btn{
  display:block;
  text-align:center;
  background:#1f6b45;
  color:white;
  padding:20px;
  border-radius:16px;
  text-decoration:none;
  font-size:24px;
  font-weight:700;

  box-shadow:
  0 0 20px rgba(31,107,69,.35);

  margin-top:20px;
}

@media(max-width:768px){

  .vaidyaco-product-showcase{
    grid-template-columns:1fr;
    gap:30px;
  }

  .vaidyaco-products-header h2{
    font-size:42px;
  }

  .vaidyaco-product-info h3{
    font-size:32px;
  }

}
.price-box{
  flex:1;
  min-height:160px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.vaidyaco-product-image{
  max-width:650px;
  margin:auto;
}

.vaidyaco-product-image img{
  width:100%;
  height:auto;
}
.price-box small{
  margin-top:8px;
  color:#777;
}
.cod-strip{
  margin-top:15px;
  text-align:center;
  font-weight:600;
  color:#1f6b45;
}
.product-two-image img{
  width:90% !important;
  max-width:500px !important;
  height:auto;
  display:block;
  margin:0 auto;
}
@media (max-width: 768px){

  .vaidyaco-product-showcase{
    grid-template-columns:1fr !important;
    gap:30px !important;
    text-align:center;
  }

  .vaidyaco-product-info{
    padding:25px !important;
  }

  .vaidyaco-product-info h3{
    font-size:30px !important;
  }

  .vaidyaco-pricing{
    flex-direction:column;
    gap:15px;
  }

  .price-box{
    width:100%;
  }

  .vaidyaco-order-btn{
    width:100%;
  }

}
@media (max-width: 768px){

  /* HERO */

  .vaidyaco-hero{
    padding:50px 20px 60px !important;
  }

  .vaidyaco-hero h1{
    font-size:42px !important;
    line-height:1.15 !important;
    max-width:100% !important;
  }

  .hero-subtitle{
    font-size:20px !important;
    max-width:100% !important;
  }

  .badge{
    padding:12px 20px !important;
    font-size:15px !important;
  }

  /* PRODUCTS */

  .vaidyaco-product-showcase{
    grid-template-columns:1fr !important;
    gap:35px !important;
    margin-bottom:80px !important;
  }

  .vaidyaco-product-image img{
    width:100% !important;
    max-width:320px !important;
  }

  .product-two-image img{
    width:100% !important;
    max-width:320px !important;
  }

  .vaidyaco-product-info{
    padding:28px !important;
  }

  .vaidyaco-product-info h3{
    font-size:34px !important;
    line-height:1.2;
  }

  .vaidyaco-benefits li{
    font-size:18px !important;
  }

  .vaidyaco-pricing{
    gap:12px !important;
  }

  .price-box h4{
    font-size:18px !important;
  }

  .price-box span{
    font-size:26px !important;
  }

  .vaidyaco-order-btn{
    font-size:20px !important;
    padding:18px !important;
  }

}
/* ===== MOBILE FIX ONLY ===== */

@media (max-width:768px){

  .vaidyaco-products-header h2{
    font-size:36px !important;
  }

  .vaidyaco-products-header p{
    font-size:16px !important;
    margin-bottom:40px !important;
  }

  .vaidyaco-product-showcase{
    margin-bottom:60px !important;
    gap:20px !important;
  }

  .vaidyaco-product-image img,
  .product-two-image img{
    max-width:260px !important;
  }

  .vaidyaco-product-info{
    padding:20px !important;
  }

  .vaidyaco-product-info h3{
    font-size:26px !important;
    line-height:1.15 !important;
    margin-bottom:12px !important;
  }

  .vaidyaco-benefits{
    margin-bottom:15px !important;
  }

  .vaidyaco-benefits li{
    font-size:15px !important;
    margin-bottom:8px !important;
  }

  .price-box{
    min-height:90px !important;
    padding:12px !important;
  }

  .price-box h4{
    font-size:16px !important;
    margin-bottom:4px !important;
  }

  .price-box span{
    font-size:20px !important;
  }

  .price-box small{
    font-size:12px !important;
  }

  .vaidyaco-order-btn{
    padding:14px !important;
    font-size:16px !important;
    margin-top:12px !important;
  }

  .cod-strip{
    margin-top:10px !important;
    font-size:14px !important;
  }

}
/* REMOVE HEADER DIVIDER */

.shopify-section-header,
.header-wrapper,
.header,
.header__wrapper,
.section-header,
.shopify-section-group-header-group,
.header-border-bottom{
  border-bottom: none !important;
  box-shadow: none !important;
}

/* REMOVE GAP BETWEEN HEADER & HERO */

.shopify-section-group-header-group{
  margin-bottom: 0 !important;
}

.shopify-section:has(.vaidyaco-hero){
  margin-top: 0 !important;
}

.vaidyaco-delivery{
  background:#f7f5ef;
  padding:80px 20px;
}

.delivery-timeline{
  max-width:1200px;
  margin:0 auto 60px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:25px;
}

.delivery-step{
  text-align:center;
  flex:1;
}

.delivery-icon{
  width:90px;
  height:90px;
  border-radius:50%;
  background:#19a34a;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:30px;
  margin:0 auto 15px;

  box-shadow:0 0 25px rgba(25,163,74,.25);
}

.delivery-step h3{
  font-size:26px;
  margin-bottom:6px;
}

.delivery-step p{
  font-size:16px;
}



.delivery-line{
  height:3px;
  width:80px;
  background:#1f6b45;
  border-radius:999px;
}

.delivery-trust{
  max-width:1300px;
  margin:auto;

  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.trust-card{
  background:white;
  padding:25px;

  border-radius:18px;

  text-align:center;

  font-size:24px;
  font-weight:600;

  box-shadow:0 8px 20px rgba(0,0,0,.05);
}

@media(max-width:768px){

  .delivery-timeline{
    display:flex;
    flex-direction:row !important;
    justify-content:center;
    align-items:flex-start;
    gap:10px;
    overflow-x:auto;
    padding-bottom:10px;
  }

  .delivery-line{
    width:40px !important;
    height:3px !important;
    margin-top:40px;
  }

  .delivery-icon{
    width:60px;
    height:60px;
    font-size:22px;
  }

  .delivery-step h3{
    font-size:16px;
  }

  .delivery-step p{
    font-size:12px;
  }

  .delivery-trust{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .trust-card{
    padding:14px;
    font-size:14px;
  }

}

.vaidyaco-trust-section{
  background:#f7f5ef;
  padding:80px 20px;
}

.trust-heading{
  text-align:center;
  margin-bottom:50px;
}

.trust-heading h2{
  font-size:56px;
  color:#1f6b45;
  margin-bottom:12px;
}

.trust-heading p{
  font-size:20px;
  color:#666;
}
.trust-grid{
  width:100%;
  max-width:1400px;
  margin:auto;

  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.trust-box{
  background:white;
  padding:35px 20px;
  border-radius:24px;
  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,.05);

  min-width:0;
}

.trust-box h3{
  margin:15px 0 10px;
  color:#1f6b45;
  font-size:24px;
}

.trust-box p{
  color:#666;
  line-height:1.6;
}

@media(max-width:768px){

  .trust-heading h2{
    font-size:34px;
  }

  .trust-heading p{
    font-size:16px;
  }

  .trust-grid{
    grid-template-columns:1fr 1fr;
    gap:15px;
  }

  .trust-box{
    padding:20px;
  }

  .trust-box h3{
    font-size:18px;
  }

  .trust-box p{
    font-size:14px;
  }

}

.vaidyaco-faq{
  background:#f7f5ef;
  padding:80px 30px;
  width:100%;
}

.vaidyaco-faq h2{
  text-align:center;
  font-size:64px;
  color:#1f6b45;
  margin-bottom:50px;
  line-height:1.1;
}

.vaidyaco-faq details{
  background:white;
  margin-bottom:20px;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.vaidyaco-faq summary{
  cursor:pointer;
  font-size:24px;
  font-weight:600;
  list-style:none;

  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:28px 32px;
}

/* Hide default arrow */

.vaidyaco-faq summary::-webkit-details-marker{
  display:none;
}

/* Custom + icon */

.vaidyaco-faq summary::after{
  content:"+";
  font-size:34px;
  font-weight:700;
  color:#1f6b45;
  transition:.3s ease;
}

/* Rotate when open */

.vaidyaco-faq details[open] summary::after{
  transform:rotate(45deg);
}

.vaidyaco-faq p{
  padding:0 32px 28px;
  margin:0;
  color:#666;
  font-size:18px;
  line-height:1.8;
}

/* MOBILE */

@media(max-width:768px){

  .vaidyaco-faq{
    width:100%;
    padding:60px 20px;
  }

  .vaidyaco-faq h2{
    font-size:40px;
    margin-bottom:35px;
  }

  .vaidyaco-faq summary{
    font-size:18px;
    padding:22px;
  }

  .vaidyaco-faq summary::after{
    font-size:28px;
  }

  .vaidyaco-faq p{
    font-size:16px;
    padding:0 22px 22px;
  }

}
/* ===== VAIDYACO FOOTER ===== */

.vaidyaco-footer{
  background:#1f6b45;
  color:#fff;
  padding:70px 30px 30px;
}

.vaidyaco-footer-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:60px;
}

.vaidyaco-footer-logo{
  font-size:42px;
  font-weight:700;
  margin-bottom:15px;
}

.vaidyaco-footer-desc{
  color:rgba(255,255,255,.8);
  line-height:1.8;
  max-width:350px;
}

.vaidyaco-footer h4{
  margin-bottom:20px;
  font-size:22px;
}

.vaidyaco-footer ul{
  list-style:none;
  padding:0;
  margin:0;
}

.vaidyaco-footer li{
  margin-bottom:12px;
}

.vaidyaco-footer a{
  color:rgba(255,255,255,.85);
  text-decoration:none;
  transition:.3s ease;
  position:relative;
}

.vaidyaco-footer a:hover{
  color:white;
  padding-left:6px;
}

.vaidyaco-trust{
  margin-top:30px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.vaidyaco-trust span{
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.12);
  padding:12px 18px;
  border-radius:999px;
  font-weight:600;
  min-height:48px;
}

.vaidyaco-copyright{
  text-align:center;
  margin-top:50px;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.7);
}

@media(max-width:768px){

  .vaidyaco-footer-container{
    grid-template-columns:1fr;
    text-align:center;
    gap:40px;
  }

  .vaidyaco-footer-desc{
    margin:auto;
  }

  .vaidyaco-trust{
    justify-content:center;
  }

  .vaidyaco-footer-logo{
    font-size:34px;
  }

}
/* ===== CONTACT PAGE ===== */

.vaidyaco-contact{
  background:#f7f5ef;
  padding:80px 20px;
}

.contact-header{
  text-align:center;
  margin-bottom:60px;
}

.contact-header h1{
  font-size:64px;
  color:#1f6b45;
  margin-bottom:15px;
}

.contact-header p{
  font-size:22px;
  color:#666;
}

.contact-grid{
  max-width:1200px;
  margin:auto;

  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.contact-card{
  background:white;
  border-radius:24px;
  padding:40px 30px;

  text-align:center;
  text-decoration:none;

  box-shadow:0 10px 30px rgba(0,0,0,.05);

  transition:.3s ease;
}

.contact-card:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 35px rgba(0,0,0,.1);
}

.contact-icon{
  font-size:50px;
  margin-bottom:20px;
}

.contact-card h3{
  color:#1f6b45;
  font-size:28px;
  margin-bottom:10px;
}

.contact-card p{
  color:#666;
}

@media(max-width:768px){

  .contact-header h1{
    font-size:40px;
  }

  .contact-header p{
    font-size:16px;
  }

  .contact-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

}

/* =========================
   CATALOG
========================= */

.vaidyaco-catalog{
  background:#f7f5ef;
  padding:80px 20px;
}

/* HERO */

.catalog-hero{
  text-align:center;
  max-width:900px;
  margin:0 auto 100px;
}

.catalog-hero h1{
  font-size:72px;
  color:#1f6b45;
  margin-bottom:20px;
}

.catalog-hero p{
  font-size:24px;
  color:#666;
}

/* =========================
   PRODUCT SHOWCASE
========================= */

.catalog-showcase{
  max-width:1300px;
  margin:0 auto 120px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.catalog-image{
  display:flex;
  justify-content:center;
}

.catalog-image img{
  width:100%;
  max-width:500px;
  border-radius:24px;
}

.catalog-info{
  background:white;
  padding:40px;
  border-radius:28px;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.catalog-info h2{
  font-size:52px;
  color:#1f6b45;
  margin-bottom:25px;
  line-height:1.1;
}

.catalog-benefits-list{
  list-style:none;
  padding:0;
  margin:0 0 30px;
}

.catalog-benefits-list li{
  font-size:20px;
  margin-bottom:18px;
}

.catalog-pricing{
  display:flex;
  gap:20px;
  margin-bottom:25px;
}

.catalog-pricing .price-box{
  flex:1;
  border:2px solid #dce9df;
  border-radius:18px;
  padding:20px;
  text-align:center;
}

.catalog-pricing .active{
  background:#eef8f1;
  border-color:#1f6b45;
}

.catalog-pricing h4{
  font-size:20px;
  margin-bottom:10px;
}

.catalog-pricing span{
  font-size:34px;
  color:#1f6b45;
  font-weight:700;
}

.catalog-order-btn{
  display:block;
  text-align:center;
  background:#1f6b45;
  color:white;
  text-decoration:none;
  padding:18px;
  border-radius:18px;
  font-size:22px;
  font-weight:700;
}

/* =========================
   BENEFITS LAYOUT
========================= */

.catalog-features{
  max-width:1300px;
  margin:0 auto 140px;
  display:grid;
  grid-template-columns:1fr 320px 1fr;
  gap:60px;
  align-items:center;
}

.feature-col{
  display:flex;
  flex-direction:column;
  gap:40px;
}

.feature-item h3{
  font-size:34px;
  color:#1f6b45;
  margin-bottom:12px;
}

.feature-item p{
  font-size:18px;
  color:#666;
  line-height:1.7;
}

.feature-product{
  display:flex;
  justify-content:center;
}

.feature-product img{
  width:100%;
  max-width:280px;
  border-radius:20px;
}

/* =========================
   CTA
========================= */

.catalog-cta{
  max-width:1000px;
  margin:100px auto 0;
  background:#1f6b45;
  color:white;
  padding:70px 40px;
  border-radius:30px;
  text-align:center;
}

.catalog-cta h2{
  font-size:54px;
  margin-bottom:15px;
}

.catalog-cta p{
  font-size:22px;
  opacity:.9;
  margin-bottom:30px;
}

.catalog-whatsapp-btn{
  display:inline-block;
  background:white;
  color:#1f6b45;
  text-decoration:none;
  padding:18px 40px;
  border-radius:999px;
  font-size:20px;
  font-weight:700;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  .catalog-hero h1{
    font-size:42px;
  }

  .catalog-hero p{
    font-size:18px;
  }

  .catalog-showcase{
    grid-template-columns:1fr;
    gap:30px;
    margin-bottom:80px;
  }

  .catalog-image img{
    max-width:320px;
  }

  .catalog-info{
    padding:25px;
  }

  .catalog-info h2{
    font-size:34px;
    text-align:center;
  }

  .catalog-pricing{
    flex-direction:column;
  }

  .catalog-features{
    grid-template-columns:1fr;
    text-align:center;
    gap:40px;
    margin-bottom:100px;
  }

  .feature-product{
    order:-1;
  }

  .feature-product img{
    max-width:220px;
  }

  .feature-item h3{
    font-size:26px;
  }

  .catalog-cta{
    padding:50px 25px;
  }

  .catalog-cta h2{
    font-size:34px;
  }

  .catalog-cta p{
    font-size:18px;
  }
}



.product-price-main{
font-size:42px;
font-weight:700;
color:#166534;
margin-bottom:20px;
}

.old-price{
text-decoration:line-through;
font-size:24px;
color:#666;
margin-left:10px;
}

.save-badge{
background:#166534;
color:white;
padding:6px 12px;
border-radius:8px;
font-size:14px;
margin-left:10px;
}

.offer-box{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
border:2px solid #166534;
border-radius:16px;
margin-bottom:25px;
background:#f7faf7;
}

.offer-price{
font-size:30px;
font-weight:700;
color:#166534;
}
@media screen and (max-width: 768px){

  .save-badge{
    font-size:12px;
    padding:4px 8px;
    white-space:nowrap;
  }

  .product-price-main{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }

}
@media screen and (max-width: 768px){

  .vaidyaco-product-showcase{
    margin-bottom: 20px !important;
  }

  .vaidyaco-delivery,
  .delivery-section,
  .delivery-badges{
    margin-top: 0 !important;
  }

}
@media screen and (max-width: 768px){

  .vaidyaco-products{
    padding-bottom: 20px !important;
  }

}
.premium-products{
padding:100px 0;
background:white;
}

.section-heading{
text-align:center;
margin-bottom:70px;
}

.section-heading h2{
font-size:58px;
font-weight:500;
}

.section-heading span{
font-style:italic;
font-weight:300;
color:#9c8a5b;
}

.section-heading p{
margin-top:20px;
font-size:22px;
color:#666;
}
.products-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
max-width:1400px;
margin:auto;
align-items:stretch;
}

.product-card a{
text-decoration:none;
color:inherit;
}

.product-image-wrapper{
position:relative;
overflow:hidden;
background:#f7f7f2;
}
.product-image-wrapper img{
width:100%;
max-width:100%;
height:450px !important;
object-fit:contain !important;
display:block;
transition:.5s;
margin:0;
}
/* ONLY MOBILE */
@media(max-width:768px){

.product-image-wrapper{
padding:10px;
}

.product-image-wrapper img{
width:100%;
height:280px !important;
object-fit:contain !important;
display:block;
margin:auto;
}

.hover-btn{
position:static;

display:block;

width:85%;

margin:20px auto 0;

padding:16px 20px;

font-size:18px;

border-radius:16px;

text-align:center;

white-space:nowrap;
}

.product-card:hover .hover-btn{
bottom:auto;
}

.product-card h3{
font-size:26px;
}

.price{
font-size:24px;
}

}

.price s{
color:#888;
margin-right:10px;
}

.price span{
color:#c26c14;
}

.product-card{
transition:.4s;
display:flex;
flex-direction:column;
height:100%;
}

.product-card:hover{
transform:translateY(-8px);
}

/* Mobile */

@media(max-width:768px){

.products-grid{
grid-template-columns:1fr;
gap:60px;
padding:0 20px;
}

.section-heading h2{
font-size:38px;
}

.section-heading p{
font-size:18px;
}

.product-card h3{
font-size:24px;
}

.price{
font-size:24px;
}

.hover-btn{
position:relative;
left:auto;
right:auto;
bottom:auto;
transform:none;
}
}

}
.premium-product-main{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
padding:80px 30px;
align-items:center;
}

.product-gallery{
display:flex;
gap:20px;
}

.thumbnail-images{
display:flex;
flex-direction:column;
gap:15px;
}

.thumbnail-images img{
width:90px;
border-radius:12px;
cursor:pointer;
}

.main-product-image{
flex:1;
background:#f5f6ef;
padding:40px;
border-radius:20px;
position:relative;
}

.main-product-image img{
width:100%;
max-height:650px;
object-fit:contain;
display:block;
margin:auto;
}

.discount-badge{
position:absolute;
top:25px;
left:25px;
background:#238636;
color:white;
padding:12px 20px;
border-radius:12px;
font-weight:700;
}

.product-content{
display:flex;
flex-direction:column;
justify-content:center;
gap:5px;
}

.product-content h1{
font-size:40px;
line-height:1.1;
margin:0;
}

.rating{
font-size:18px;
color:#ff9800;
margin:0;
}

.rating span{
color:#666;
}

.short-desc{
font-size:16px;
line-height:1.5;
color:#555;
margin:5px 0;
}

.benefits-row{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin:5px 0;
font-size:15px;
}

.price-box-main{
margin:5px 0;
}

.price-box-main s{
font-size:32px;
color:#888;
margin-right:15px;
}

.current-price{
font-size:42px;
font-weight:700;
color:#b87333;
}

.pack-box{
background:#222;
color:white;
padding:14px;
width:260px;
text-align:center;
border-radius:12px;
font-size:20px;
}

.main-order-btn{
display:block;
margin-top:15px;
text-align:center;
padding:16px;
background:#b87333;
color:white;
font-size:22px;
font-weight:700;
text-decoration:none;
border-radius:14px;
width:320px;
transition:.3s;
}

.main-order-btn:hover{
background:#9a5f2a;
}

@media(max-width:768px){

.premium-product-main{
grid-template-columns:1fr;
gap:40px;
}

.product-gallery{
flex-direction:column;
}

.thumbnail-images{
flex-direction:row;
justify-content:center;
}

.product-content h1{
font-size:34px;
}

.benefits-row{
grid-template-columns:1fr;
}

.main-order-btn{
width:100%;
}

.pack-box{
width:100%;
}
.main-product-image{
padding:20px;
}

.main-product-image img{
max-height:350px;
object-fit:contain;
}
}

.eye-benefits{
padding:120px 30px;
max-width:1400px;
margin:auto;
}

.section-heading{
text-align:center;
margin-bottom:80px;
}

.section-heading h2{
font-size:52px;
margin-bottom:20px;
}

.section-heading p{
font-size:20px;
color:#666;
}

.benefits-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
}

.benefit-card{
text-align:center;
}

.benefit-card img{
width:220px;
height:220px;
border-radius:50%;
object-fit:cover;
margin-bottom:25px;
}

.benefit-card h3{
font-size:28px;
margin-bottom:15px;
}

.benefit-card p{
font-size:17px;
line-height:1.8;
color:#666;
}

@media(max-width:768px){

.benefits-grid{
grid-template-columns:1fr;
gap:70px;
}

.section-heading h2{
font-size:36px;
}

.benefit-card img{
width:180px;
height:180px;
}

}

.eye-ingredients{
padding:120px 30px;
background:#fafaf5;
}

.ingredients-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
max-width:1400px;
margin:auto;
}

.ingredient-card{
text-align:center;
}

.ingredient-card img{
width:220px;
height:220px;
border-radius:50%;
object-fit:cover;
margin-bottom:25px;
}

.ingredient-card h3{
font-size:30px;
margin-bottom:15px;
}

.ingredient-card p{
font-size:17px;
line-height:1.8;
color:#666;
}

@media(max-width:768px){

.ingredients-grid{
grid-template-columns:1fr;
gap:70px;
}

.ingredient-card img{
width:180px;
height:180px;
}

}

.eye-how-to-use{
padding:120px 30px;
}

.steps-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
max-width:1400px;
margin:auto;
}

.step-card{
text-align:center;
}

.step-card img{
width:220px;
height:220px;
border-radius:50%;
object-fit:cover;
margin-bottom:25px;
}

.step-card span{
color:#b87333;
font-size:14px;
font-weight:700;
letter-spacing:2px;
}

.step-card h3{
font-size:28px;
margin:15px 0;
}

.step-card p{
font-size:17px;
line-height:1.8;
color:#666;
}

@media(max-width:768px){

.steps-grid{
grid-template-columns:1fr;
gap:70px;
}

.step-card img{
width:180px;
height:180px;
}

}

.eye-why-choose{
padding:120px 30px;
background:#fafaf5;
}

.trust-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
max-width:1400px;
margin:auto;
}

.trust-card{
background:white;
padding:40px;
border-radius:20px;
text-align:center;
transition:.4s;
}

.trust-card:hover{
transform:translateY(-10px);
}

.icon{
font-size:55px;
margin-bottom:20px;
}

.trust-card h3{
font-size:28px;
margin-bottom:20px;
}

.trust-card p{
font-size:17px;
line-height:1.8;
color:#666;
}

@media(max-width:768px){

.trust-grid{
grid-template-columns:1fr;
}

}

.eye-story{
padding:120px 30px;
}

.story-container{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.story-image img{
width:100%;
border-radius:25px;
}

.small-heading{
color:#b87333;
font-weight:700;
letter-spacing:2px;
font-size:14px;
}

.story-content h2{
font-size:52px;
line-height:1.2;
margin:20px 0;
}

.story-content p{
font-size:18px;
line-height:1.9;
color:#666;
margin-bottom:25px;
}

.story-btn{
display:inline-block;
padding:18px 45px;
background:#b87333;
color:white;
text-decoration:none;
border-radius:14px;
font-size:20px;
font-weight:700;
}

@media(max-width:768px){

.story-container{
grid-template-columns:1fr;
gap:50px;
}

.story-content h2{
font-size:36px;
}

.story-content p{
font-size:16px;
}

}
.story-image video{
width:100%;
height:100%;
object-fit:cover;
border-radius:20px;
display:block;
}