/* =========================
   HOME HERO
========================= */

.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  text-align:center;
}

.hero-background,
.hero-slider{
  position:absolute;
  inset:0;
}

.hero::before{
  background:rgba(0,0,0,.28);
}
.hero-bg-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .8s ease;
}

.hero-bg-image.active{
  opacity:1;
}

.hero-overlay{
  position:absolute;
  inset:0;
background: linear-gradient(rgba(0,0,0,.22), rgba(0,0,0,.22));
  z-index:1;
}

.hero .container{
  position:relative;
  z-index:2;
}

.hero-content{
  max-width:860px;
  margin:auto;
}

.hero h1{
  color:#fff;
  font-size:clamp(36px,6vw,72px);
  line-height:1.08;
  margin-bottom:18px;
}

.hero p{
  color:rgba(255,255,255,.88);
  font-size:18px;
  line-height:1.8;
  max-width:760px;
  margin:0 auto;
}

.hero-cta{
  margin-top:30px;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

/* =========================
   TRUST STRIP
========================= */

.trust-strip{
  background:#111;
  padding:26px 0;
}

.trust-strip-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.trust-item{
  text-align:center;
}

.trust-item strong{
  display:block;
  color:#fff;
  font-size:22px;
  margin-bottom:6px;
  font-family:'Playfair Display',serif;
}

.trust-item span{
  color:rgba(255,255,255,.72);
  font-size:14px;
}

/* =========================
   FOUNDER STORY
========================= */

.founder-story{
  padding:90px 0;
  background:#fffdf9;
}

.founder-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}

.founder-content p{
  margin-bottom:18px;
}

.founder-points{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:26px;
}

.founder-point{
  background:#fff;
  padding:14px 16px;
  border-radius:14px;
  box-shadow:var(--shadow-sm);
}

.founder-image img{
  width:100%;
  height:560px;
  object-fit:cover;
  border-radius:24px;
  box-shadow:var(--shadow-md);
}

/* =========================
   VIDEO SECTION
========================= */

.video-section{
  padding:90px 0;
  background:#f8f6f2;
}

.video-section .container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:54px;
  align-items:center;
}

.video-box video{
  width:100%;
  height:620px;
  object-fit:cover;
  border-radius:24px;
  box-shadow:var(--shadow-md);
  background:#000;
}

.content-box .subtitle{
  display:inline-block;
  color:var(--gold);
  letter-spacing:2px;
  font-size:13px;
  margin-bottom:14px;
  font-weight:600;
}

.content-box h2{
  font-size:48px;
  margin-bottom:18px;
}

.content-box p{
  margin-bottom:20px;
}

.content-box ul{
  display:grid;
  gap:12px;
}

.content-box li{
  color:#444;
}

/* =========================
   WHY DARBAR
========================= */

.why-darbar{
  padding:90px 0;
  background:#fff;
}

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

.why-card{
  background:#fff;
  padding:30px;
  border-radius:22px;
  box-shadow:var(--shadow-sm);
  text-align:center;
}

.why-card i{
  width:68px;
  height:68px;
  margin:0 auto 18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(199,161,90,.12);
  color:var(--gold);
  font-size:22px;
}

.why-card h3{
  font-size:28px;
  margin-bottom:10px;
}

/* =========================
   FEATURED PRODUCTS
========================= */

.featured-products{
  padding:90px 0;
  background:#f8f6f2;
}

.home-products-grid{
 display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
  max-width:1100px;
  margin:0 auto;
}
.product-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
}

.product-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md);
}

.product-image{
  position:relative;
}

.product-image img{
  width:100%;
  height:360px;
  object-fit:cover;
}

.product-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:.3s ease;
}

.product-card:hover .product-overlay{
  opacity:1;
}

.product-info{
  padding:24px;
  text-align:center;
}

.product-info h3{
  font-size:28px;
  margin-bottom:8px;
}

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

@media (max-width:1100px){

  .trust-strip-grid,
  .why-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .founder-grid,
  .video-section .container{
    grid-template-columns:1fr;
  }

}

@media (max-width:768px){

  .hero{
    min-height:82vh;
  }

  .hero h1{
    font-size:38px;
  }

  .hero p{
    font-size:15px;
  }

  .hero-cta{
    flex-direction:column;
    align-items:center;
  }

  .hero-cta .btn{
    width:100%;
    max-width:320px;
  }

  .trust-strip-grid,
  .why-grid,
  .founder-points,
  .home-products-grid{
    grid-template-columns:1fr;
  }

  .founder-image img{
    height:320px;
  }

  .video-box video{
    height:440px;
  }

  .content-box h2{
    font-size:34px;
  }

  .product-image img{
    height:280px;
  }

}

@media (max-width:480px){

  .hero h1{
    font-size:32px;
  }

  .video-box video{
    height:360px;
  }

  .product-image img{
    height:240px;
  }

}
.home-products-grid{
  max-width:1100px;
  margin:40px auto 0;
}

.featured-products .section-header{
  max-width:900px;
  margin:0 auto 55px;
}


/* HOME FEATURED PRODUCTS FINAL FIX */

.featured-products .products-grid.home-products-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:34px !important;
    max-width:1120px;
    margin:40px auto 0;
}

.featured-products .product-card{
    height:100%;
}

.featured-products .product-image img{
    height:360px;
    object-fit:cover;
}

@media(max-width:768px){
   .featured-products .products-grid.home-products-grid{
      grid-template-columns:1fr !important;
   }
}

/* HOME CTA CENTER FIX */

.custom-cta{
   text-align:center;
   padding:90px 0;
   background:linear-gradient(180deg,#f8f6f2,#ffffff);
}

.custom-cta h2{
   font-size:52px;
   margin-bottom:14px;
}

.custom-cta p{
   max-width:760px;
   margin:0 auto 26px;
}

.custom-cta .cta-buttons{
   display:flex;
   justify-content:center;
   align-items:center;
   gap:16px;
   flex-wrap:wrap;
}

@media(max-width:768px){
   .custom-cta .cta-buttons{
      flex-direction:column;
   }

   .custom-cta .btn{
      width:100%;
      max-width:320px;
   }

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

/* SEO CONTENT PREMIUM */

.seo-content{
   padding:90px 0;
   background:#ffffff;
}

.seo-content .container{
   max-width:1050px;
}

.seo-content h2{
   text-align:center;
   font-size:54px;
   margin-bottom:26px;
}

.seo-content h3{
   font-size:34px;
   margin-top:28px;
   margin-bottom:12px;
}

.seo-content p{
   font-size:18px;
   line-height:1.9;
   color:#555;
   margin-bottom:16px;
}

@media(max-width:768px){
   .seo-content h2{
      font-size:34px;
   }

   .seo-content h3{
      font-size:26px;
   }

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


/* ==========================
TRUST STRIP FINAL FIX
========================== */

.trust-strip{
   background:#111;
   color:#fff;
   padding:26px 0;
}

.trust-strip-grid{
   display:grid;
   grid-template-columns:repeat(4,1fr);
   gap:22px;
   align-items:center;
}

.trust-item{
   text-align:center;
}

.trust-item strong{
   display:block;
   font-size:22px;
   margin-bottom:6px;
}

.trust-item span{
   font-size:14px;
   opacity:.85;
}

/* MOBILE */
@media(max-width:768px){

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

.trust-item{
   background:rgba(255,255,255,.04);
   padding:14px;
   border-radius:14px;
}

.trust-item strong{
   font-size:18px;
}

}
/* HERO BUTTON ALIGN */

.hero-cta{
   display:flex;
   justify-content:center;
   align-items:center;
   gap:16px;
   flex-wrap:wrap;
   margin-top:28px;
}

.hero-cta .btn{
   min-width:250px;
   text-align:center;
}

@media(max-width:768px){

.hero-cta{
   flex-direction:column;
}

.hero-cta .btn{
   width:100%;
   max-width:320px;
   min-width:auto;
}
/* LOWER CTA CENTER */

.custom-cta .cta-buttons{
   display:flex;
   justify-content:center;
   gap:16px;
   flex-wrap:wrap;
}

@media(max-width:768px){

.custom-cta .cta-buttons{
   flex-direction:column;
   align-items:center;
}

.custom-cta .btn{
   width:100%;
   max-width:320px;
}

}
}
/* =========================
REMOVE HERO SCROLL ZOOM
========================= */

.hero,
.page-hero,
.page-hero2,
.products-hero{
    background-attachment: scroll !important;
}

.hero img,
.hero-bg-image,
.hero-slider img,
.hero-bg-image.active,
.page-hero img,
.page-hero2 img,
.products-hero img{
    transform: none !important;
    scale: 1 !important;
    animation: none !important;
    transition: none !important;
}

.hero-background,
.hero-slider{
    transform: none !important;
}
/* =========================
CTA BUTTON CENTER FIX
========================= */

/* Lower CTA section */
.custom-cta .container{
    text-align:center !important;
}

.custom-cta .cta-buttons{
    width:100%;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:16px;
    flex-wrap:wrap;
    margin-top:25px;
}

.custom-cta .cta-buttons a{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-width:240px;
}

/* View all products button */
.section-cta{
    width:100%;
    display:flex !important;
    justify-content:center !important;
    margin-top:30px;
}

.section-cta a{
    min-width:230px;
    text-align:center;
}

@media(max-width:768px){

.custom-cta .cta-buttons{
    flex-direction:column;
}

.custom-cta .cta-buttons a,
.section-cta a{
    width:100%;
    max-width:320px;
}

}


/* ===============================
HOME PRODUCT IMAGES FULL SHOW MOBILE
=============================== */

.product-image{
    overflow:hidden;
    background:#f8f8f8;
}

.product-image img{
    width:100%;
    height:100%;
    object-fit:cover;   /* desktop */
    object-position:center;
}

/* ===============================
HOME PRODUCT IMAGE MOBILE FULL WIDTH
=============================== */

@media(max-width:768px){

.home-products-grid .product-card{
    padding:0 !important;
    overflow:hidden;
}

.home-products-grid .product-image{
    width:100%;
    height:260px !important;
    padding:0 !important;
    margin:0 !important;
    background:none !important;
    overflow:hidden;
}

.home-products-grid .product-image img{
    width:100%;
    height:100%;
    object-fit:cover !important;
    object-position:center center;
    display:block;
}

}