*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins',sans-serif;
  background:#50402c;
  color:#fff;
}

/* TOP BAR */

/* TOP BAR */

/* TOP BAR */

/* TOP BAR */
.topbar{
  width:100%;
  background:#1c1208;
  color:#fff;
  overflow:hidden;
  padding:8px 0;
}

/* TRACK */
.topbar-track{
  display:flex;
  gap:60px;
  white-space:nowrap;

  animation:scroll-left 18s linear infinite;
}

/* TEXT */
.topbar-track span{
  font-size:13px;
  letter-spacing:1px;
}

/* 🔥 CONTINUOUS FLOW */
@keyframes scroll-left{
  0%{
    transform:translateX(90%);
  }
  100%{
    transform:translateX(-100%);
  }
}

/* NAVBAR */

/* NAVBAR */
.navbar{
  position:sticky;
  top:0;
  z-index:1000;
   box-shadow:0 10px 30px rgba(0,0,0,0.05);

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

  padding:10px 80px;
  background:rgba(245,239,230,0.95);
  backdrop-filter:blur(8px);
  /* height:60px; */
   align-items:center;
  border-bottom:1px solid rgba(0,0,0,0.05);
}

/* LOGO */
.logo-section{
  display:flex;
  align-items:center;
  gap:10px;
}


/* LOGO IMAGE */
.logo-img{
  width: 80px;  /* 🔥 pehle 60–70 tha → ab premium */
  /* height:40px; */
  object-fit:contain;
      transform:scale(1.8);  /* 🔥 logo bada */
    transform-origin:center;
}

.logo-section{
  display:flex;
  align-items:center;
  gap:14px;   /* thoda space bada */
}
.logo-text{
  font-family:'Playfair Display',serif;
  font-size:18px;
  letter-spacing:2px;
  color:#1c1208;
}
.logo-link{
  display:flex;
  align-items:center;
}

#products{
  scroll-margin-top:100px;   /* 🔥 navbar ke niche perfect position */
}
.products{
  padding-top:120px;
}

/* NAV LINKS */
.nav-links a{
  margin:0 18px;
  text-decoration:none;
  color:#444;
  font-size:13px;
  letter-spacing:1px;
  position:relative;
  transition:0.3s;
}

/* 🔥 PREMIUM UNDERLINE */
.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:2px;
  background:#c9a96e;
  transition:0.3s;
}

.nav-links a:hover::after{
  width:100%;
}

/* COLOR HOVER */
.nav-links a:hover{
  color:#000;
}

/* for cart and login button */



/* for addtocart option */

/* RIGHT SIDE */
.nav-right{
  display:flex;
  align-items:center;
  gap:12px;
}
/* MY ORDERS BUTTON */
.orders-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #3e2c23, #6b4f3a);
  color: white;
  padding: 10px 10px;
  border-radius: 999px;
  font-size: 10px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: 0.3s;
}

/* ICON */
.orders-btn .icon {
  font-size: 10px;
}

/* HOVER EFFECT */
.orders-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #5a3e2b, #8b6a4f);
}

/* MOBILE */
@media(max-width:600px){
  .orders-btn {
    padding: 8px 10px;
    font-size: 9px;
  }
}


/* 🔥 LOGIN BUTTON */
.login-btn{
  /* login hide kiye h  */
  display:none;
  align-items:center;
  gap:8px;

  background:transparent;
  color:#1c1208;

  padding:10px 20px;
  border-radius:30px;
  border:1px solid rgba(0,0,0,0.1);

  font-size:12px;
  letter-spacing:1px;

  cursor:pointer;
  transition:0.3s;
}

/* ICON */
.login-btn i{
  font-size:14px;
}

/* 🔥 HOVER */
.login-btn:hover{
  background:#1c1208;
  color:#fff;
  border-color:#1c1208;
  transform:translateY(-2px);
}

/* ICON HOVER */
.login-btn:hover i{
  transform:scale(1.1);
}

/* 🔥 CART BUTTON */

/* CART BUTTON */
.login-btn{
  display:flex;
  align-items:center;
  gap:8px;

  background:#1c1208;
  color:#fff;
  padding:9px 25px;
  border:none;
  border-radius:30px;
  font-size:12px;
  letter-spacing:1px;

  transition:0.3s;
}
.login-btn:hover{
  background:#c9a96e;
  color:#000;
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(201,169,110,0.3);
}

.cart-btn{
  position:relative;
  display:flex;
  align-items:center;
  gap:6px;
  text-decoration:none;
  color:#1c1208;
}

/* COUNT BADGE */
.cart-count{
  position:absolute;
  top:-8px;
  right:-10px;

  background:#c9a96e;
  color:#000;

  font-size:10px;
  padding:3px 6px;
  border-radius:50%;

  display:none;
}

/* 🔥 ACTIVE CART */
.cart-btn.active i{
  color:#c9a96e;
}

.cart-btn span{
  font-weight:500;
}

/* ICON */

.cart-btn i{
  font-size:22px;

  padding:8px;
  border-radius:50%;

  background:rgba(0,0,0,0.04);

  transition:0.3s;
}

/* 🔥 HOVER */
.cart-btn:hover i{
  background:#c9a96e;
  color:#000;
  transform:scale(1.1);
}

/* ICON HOVER */
.cart-btn:hover i{
  transform:scale(1.1);
}
.cart-count{
  top:-6px;
  right:-8px;
}
/* HERO */

.hero{
  height:95vh;
  display:flex;
  align-items:center;
  padding:80px;
}

.hero-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
}

.hero-text{
  max-width:500px;
}


/* HERO HEADING */
.hero-text h1{
  font-family:'Playfair Display', serif;
  font-size:64px;
  line-height:1.15;
  letter-spacing:-0.5px;
  color:#fff;
  font-weight:500;
   max-width:500px;
}

/* REDEFINED WORD */
.hero-text h1 span{
  font-style:italic;
  color:#c9a96e;
}

.hero-text span{
  color:#c9a96e;
}

.hero-text p{
  margin-top:20px;
  color:#aaa;
}

/* BUTTONS */
.hero-buttons{
  margin-top:30px;
  display:flex;
  gap:15px;
}

/* .btn-primary{
  background:#c9a96e;
  color:#000;
  border:none;
  padding:12px 25px;
}

.btn-secondary{
  background:transparent;
  color:#fff;
  border:1px solid #c9a96e;
  padding:12px 25px;
} */

/* COMMON BUTTON STYLE */
.btn-primary,
.btn-secondary{
  padding:12px 28px;
  border-radius:30px;
  font-size:13px;
  letter-spacing:1px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:0.4s ease;
}

/* 🔥 PRIMARY (SHOP NOW) */
.btn-primary{
  background:#c9a96e;
  color:#000;
  border:none;
}

/* HOVER */
.btn-primary:hover{
  background:#e6c88c;
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(201,169,110,0.3);
}

/* 🔥 SECONDARY (OUR STORY) */
.btn-secondary{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,0.4);
}

/* HOVER */
.btn-secondary:hover{
  border-color:#c9a96e;
  color:#c9a96e;
  transform:translateY(-2px);
}

/* 🔥 LIGHT SWEEP EFFECT (PREMIUM TOUCH) */
.btn-primary::after,
.btn-secondary::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.3),
    transparent
  );
  transition:0.6s;
}

.btn-primary:hover::after,
.btn-secondary:hover::after{
  left:100%;
}


/* IMAGE */
.hero-image img{
  width:420px;
  border-radius:12px;
}

/* MAIN HEADING PRODUCT PAGE */

/* BOX */

/* BOX */
.video-box{
  position:relative;
  overflow:hidden;
  border-radius:12px;
}

/* IMAGE */
.hero-img{
  width:400px;
  transition:0.6s ease;
}

/* VIDEO */
.hero-video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:0.6s ease;
}

/* 🔥 SMOOTH PREMIUM HOVER */
.video-box:hover .hero-video{
  opacity:1;
}

.video-box:hover .hero-img{
  opacity:0.4;   /* ❌ 0 mat karo → 0.4 rakho */
  transform:scale(1.02);
}

/* SOFT DARK TONE */
.video-box::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0);
  transition:0.5s;
}

.video-box:hover::after{
  background:rgba(0,0,0,0.1);
}
.video-box:hover .hero-video{
  transform:scale(1.05);
}
/* 🔥 MAIN HEADING */
.product-heading{
  font-family:'Cormorant Garamond', serif;
  font-size:48px;
  line-height:1.2;
  color:#1c1208;
}

/* COLLECTION */
.product-heading span{
  color:#c9a96e;  /* gold */
  font-style:italic;
}

/* 🔥 HEALS SPECIAL STYLE */
.product-heading .heals{
  color:#3a2412;  /* premium brown */
  position:relative;
}

/* UNDERLINE EFFECT */
.product-heading .heals::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-5px;
  width:100%;
  height:2px;
  background:#c9a96e;
}

/* PRODUCTS */

/* PRODUCTS */
.products{
  background:#f5efe6;
  color:#000;
  padding:120px 80px;
  text-align:center;
}

.products h2{
  font-family:'Playfair Display',serif;
  font-size:42px;
}

/* GRID */
.product-grid{
  display:flex;
  gap:40px;
  justify-content:center;
  margin-top:70px;
}


/* 🔥 CARD */

/* CARD */
/* CARD */
.product-card{
  position:relative;
  overflow:hidden;
  transition:0.5s ease;
}

/* 🔥 DARK OVERLAY */
.product-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0);
  transition:0.4s;
  z-index:2;
}

/* 🔥 HOVER MAIN */
.product-card:hover::before{
  background:rgba(0,0,0,0.08); /* subtle dim */
}

/* IMAGE */
.product-img{
  position:relative;
  z-index:1;
}

.product-img img{
  transition:0.5s ease;
}

/* 🔥 IMAGE FOCUS */
.product-card:hover .product-img img{
  transform:scale(1.08);
}

/* 🔥 CONTENT POP */
.product-content,
.product-bottom{
  position:relative;
  z-index:3;
  transition:0.4s;
}

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

/* 🔥 BUTTON PREMIUM EFFECT */
.add-btn{
  transition:0.3s;
}

.product-card:hover .add-btn{
  background:#c9a96e;
  color:#000;
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

/* 🔥 MAIN HOVER */
.product-card:hover{
  transform:translateY(-15px) scale(1.02);
  box-shadow:0 30px 70px rgba(0,0,0,0.2);
}

/* 🔥 GOLD LIGHT SWEEP */
.product-card::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(201,169,110,0.2),
    transparent
  );
  transition:0.7s;
}

.product-card:hover::after{
  left:100%;
}

/* 🔥 IMAGE ZOOM + SOFT GLOW */
.product-img img{
  transition:0.5s ease;
}

.product-card:hover .product-img img{
  transform:scale(1.1);
  filter:brightness(1.05);
}

/* 🔥 BUTTON SLIDE EFFECT */
.add-btn{
  transition:0.3s;
}

.product-card:hover .add-btn{
  transform:translateY(-3px);
    box-shadow:
    0 30px 70px rgba(0,0,0,0.2),
    0 0 20px rgba(201,169,110,0.2);
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}
/* TAG HOVER */
.product-card:hover .tag{
  transform:translateY(-2px) scale(1.05);
  box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

/* TAG */

/* TAG */
.tag{
  position:absolute;
  top:15px;
  left:15px;
   z-index:10; 
  background:#1f3d2b;   /* 🔥 dark green */
  color:#d6f5e1;        /* light green text */
  padding:6px 12px;
  font-size:10px;
  letter-spacing:1px;
  border-radius:4px;
}
.tag.pure{
  background:#2e5c3b;
}

.tag.traditional{
  background:#3d2b1f; /* brown tone */
}

/* IMAGE WRAP */
.product-img{
  overflow:hidden;
  border-radius:12px;
    position:relative;
  z-index:1;
}

/* IMAGE */
.product-img img{
  width:100%;
  height:230px;
  object-fit:contain;
  transition:0.4s;
}

/* 🔥 IMAGE ZOOM */
.product-card:hover img{
  transform:scale(1.08);
}

/* TITLE */
.product-card h3{
  margin-top:15px;
  font-family:'Playfair Display',serif;
  font-size:18px;
}

/* PRICE */
.price{
  margin-top:8px;
  font-size:16px;
  font-weight:600;
}

.price span{
  font-size:12px;
  color:#777;
}

/* 🔥 BUTTON */
.add-btn{
  margin-top:15px;
  width:100%;
  padding:12px;
  background:#111;
  color:#fff;
  border:none;
  cursor:pointer;
  letter-spacing:1px;
  transition:0.3s;
  border-radius:8px;
}

/* BUTTON HOVER */
.add-btn:hover{
  background:#c9a96e;
  color:#000;
  transform:translateY(-2px);
}

/* DESCRIPTION */
.desc{
  font-size:13px;
  color:#666;
  margin-top:10px;
  line-height:1.5;
}

/* 🔥 FEATURES BOX */
.features{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

/* MINI BADGE */
.features span{
  font-size:10px;
  padding:6px 10px;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:20px;
  background:#fafafa;
  letter-spacing:0.5px;
  transition:0.3s;
}

/* HOVER */
.features span:hover{
  background:#c9a96e;
  color:#000;
  border:1px solid #c9a96e;
}
/* 🔥 TRUST */

/* 🔥 TRUST SECTION (CREAM PREMIUM) */
.trust{
  padding:120px 80px;
  text-align:center;
  background:#f5efe6;   /* cream */
  color:#000;
}

/* HEADING */
.trust .sub-heading{
  font-size:20px;
  letter-spacing:3px;
  color:#c9a96e;
}

.trust h2{
  font-family:'Playfair Display',serif;
  font-size:40px;
  margin-top:10px;
}

.trust span{
  color:#c9a96e;
}

/* GRID */
.trust-grid{
  display:flex;
  justify-content:center;
  gap:30px;
  margin-top:60px;
  flex-wrap:wrap;
}

/* 🔥 CARD */

/* 🔥 CARD */

/* 🔥 CARD */
.trust-card{
  background:#fff;
  border:1px solid #3a2412;   /* 🔥 premium dark brown */
  padding:35px;
  width:250px;
  border-radius:18px;
  text-align:center;
  transition:0.4s;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(58,36,18,0.8);
}

/* 🔥 HOVER MAIN */

/* 🔥 HOVER MAIN */
.trust-card:hover{
  transform:translateY(-10px) scale(1.03);
  box-shadow:0 25px 60px rgba(0,0,0,0.18);
  border:1px solid #c9a96e;   /* gold on hover */
}

/* 🔥 PREMIUM TOP LINE */
.trust-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:0%;
  height:2px;
  background:#c9a96e;
  transition:0.4s;
}

.trust-card:hover::before{
  width:100%;
}

/* 🔥 NEW GLASS EFFECT (FIXED PREMIUM) */
.trust-card::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(201,169,110,0.25),   /* gold glass shine */
    rgba(0,0,0,0.05),
    transparent
  );
  transition:0.6s;
}

.trust-card:hover::after{
  left:100%;
}

/* ICON */
.trust-card .icon{
  font-size:28px;
  margin-bottom:10px;
  transition:0.3s;
}

/* ICON HOVER */
.trust-card:hover .icon{
  transform:scale(1.2);
}

/* TEXT */

/* 🔥 TITLE (Premium Look) */
.trust-card h3{
  font-family:'Playfair Display',serif;
  font-size:18px;
   text-transform:capitalize;
  letter-spacing:0.5px;
   margin-top:8px;
  color:#111;
}

/* 🔥 DESCRIPTION */
.trust-card p{
  font-family:'Poppins',sans-serif;
  font-size:13px;
  color:#666;
  margin-top:8px;
  line-height:1.6;
}

/* 🔥 ICON SPACE CLEAN */
.trust-card .icon{
  font-size:26px;
  margin-bottom:12px;
}

.trust-card p{
  font-size:13px;
  color:#666;
  margin-top:8px;
}
/* 🔥 STORY */


/* STORY SECTION */
.story{
  background:#f5efe6;
  padding:100px 80px;
  color:#000;
}

.story-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:60px;
}

/* LEFT TEXT */
.story-text{
  max-width:500px;
}

.story-text h2{
  font-family:'Playfair Display',serif;
  font-size:42px;
  line-height:1.3;
}

.story-text span{
  color:#c9a96e;
  font-style:italic;
}

.story-highlight{
  margin-top:20px;
  font-weight:500;
  color:#111;
}

.story-text p{
  margin-top:15px;
  color:#555;
  line-height:1.7;
}

/* RIGHT GRID */

/* CONTAINER */
.story-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:40px;
}

/* CARD */
.stat-box{
  text-align:center;
  padding:30px 20px;

  border-radius:22px;

  background:rgba(255,255,255,0.65);
  backdrop-filter:blur(14px);

  box-shadow:0 15px 40px rgba(0,0,0,0.06);

  transition:all 0.4s cubic-bezier(0.25,1,0.5,1);
}

/* 🔥 HOVER */
.stat-box:hover{
  transform:translateY(-10px) scale(1.04);

  background:linear-gradient(to bottom,#ffffff,#f6fff6);

  box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* NUMBER */
.stat-box h3{
  font-family:'Playfair Display',serif;
  font-size:34px;
  color:#1c1208;
  margin-bottom:8px;

  letter-spacing:1px;
  transition:0.3s;
}

/* TEXT */
.stat-box p{
  font-size:13px;
  color:#666;
  letter-spacing:1px;
}

/* 🔥 HOVER TEXT EFFECT */
.stat-box:hover h3{
  color:#c9a96e;
}

/* ===== TABLET ===== */
@media(max-width:1024px){
  .story-stats{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ===== MOBILE ===== */
@media(max-width:480px){
  .story-stats{
    grid-template-columns:1fr;
  }
}


/* 🔥 TESTIMONIAL */

/* SECTION */
.testimonial{
  padding:120px 80px;
  text-align:center;
  background:#f5efe6;
  color:#000;
}

/* HEADING */
.sub-heading{
  font-size:12px;
  letter-spacing:3px;
  color:#c9a96e;
}

.testimonial h2{
  font-family:'Playfair Display',serif;
  font-size:44px;
  margin-top:10px;
}

.testimonial span{
  color:#c9a96e;
}

/* GRID */
.testimonial-grid{
  display:flex;
  gap:40px;
  justify-content:center;
  margin-top:70px;
}

/* CARD */
/* CARD */
.test-card{
     background:linear-gradient(#ffffff,#fafafa);
  background:#fff;
  padding:40px;
  width:330px;
  text-align:left;
  border-left:4px solid #c9a96e;
  position:relative;
  overflow:hidden;
  cursor:pointer;

  transition:all 0.5s ease;
}

/* 🔥 GRADIENT GLOW BACKGROUND */
.test-card::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(120deg,transparent,rgba(201,169,110,0.2),transparent);
  transition:0.6s;
}

/* 🔥 HOVER EFFECT */
.test-card:hover{
  transform:translateY(-15px) scale(1.03);
  box-shadow:0 30px 70px rgba(0,0,0,0.2);
  border-left:4px solid #000;
}

/* 🔥 LIGHT SWEEP EFFECT */
.test-card:hover::after{
  left:100%;
}

/* 🔥 TEXT SMOOTH TRANSITION */
.test-card p,
.test-card h4,
.test-card span{
  transition:0.4s;
}

/* TEXT ENHANCE */
.test-card:hover p{
  color:#111;
}

.test-card:hover h4{
  letter-spacing:1.5px;
}

/* 🔥 STAR GLOW BOOST */
.test-card:hover .stars{
  text-shadow:0 0 10px rgba(201,169,110,0.8);
  transform:scale(1.1);
}

/* HOVER */
.test-card:hover{
  transform:translateY(-12px) scale(1.02);
  box-shadow:0 25px 50px rgba(0,0,0,0.15);
}

/* GOLD GLOW LINE */
.test-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(to right,transparent,#c9a96e,transparent);
}

/* STARS */
.stars{
  color:#c9a96e;
  font-size:18px;
  margin-bottom:10px;
  letter-spacing:3px;
  animation:shine 2s infinite alternate;
}

/* SHINE ANIMATION */
@keyframes shine{
  from{opacity:0.7;}
  to{opacity:1;}
}

/* TEXT */
.test-card p{
  font-family:'Playfair Display',serif;
  font-size:16px;
  line-height:1.7;
  color:#333;
}

/* NAME */
.test-card h4{
  margin-top:25px;
  font-size:14px;
  letter-spacing:1px;
}

/* LOCATION */
.test-card span{
  font-size:12px;
  color:#777;
}

/* SCROLL ACTIVE */
.test-card.show{
  opacity:1;
  transform:translateY(0);
}

/* 🔥 FOOTER */
.footer{
  background:#111;
  padding:60px 80px;
}

.footer-grid{
  display:flex;
  justify-content:space-between;
}

/* 🔥 FOOTER */
.footer{
  /* background:#0f0c0a; */
  background: #50402c;
  color:#c9a96e;
  padding:40px 80px;
}

/* TOP BAR */
/* 🔥 FOOTER TOP (BROWN LUXURY) */
.footer-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 20px;
  
  background:linear-gradient(
    to right,
    #2b1a0e,
    #3a2412,
    #2b1a0e
  );

  border-bottom:1px solid rgba(201,169,110,0.3);
}
.footer-top p{
  color:#e0c28a;
  font-size:12px;
}

.footer-top span{
  color:#c9a96e;
  font-size:11px;
}

.footer-payments span{
  border:1px solid rgba(201,169,110,0.5);
  padding:6px 14px;
  margin-left:10px;
  font-size:12px;
  color:#c9a96e;
  background:rgba(106, 33, 33, 0.05);
  transition:0.3s;
}

.footer-payments span:hover{
  background:#c9a96e;
  color:#000;
}

/* GRID */
.footer-grid{
  display:flex;
  justify-content:space-between;
  margin-top:40px;
}

/* BRAND */
.footer-brand h2{
  font-family:'Playfair Display',serif;
  color:#fff;
}

.footer-brand .desc{
  margin-top:10px;
  color:#aaa;
  max-width:250px;
}

/* CONTACT */
.contact-info{
  margin-top:15px;
}

.contact-info p{
  font-size:13px;
  color:#aaa;
}


/* SOCIAL ICONS */
.social-icons{
  margin-top:15px;
  display:flex;
  gap:12px;
}

.social-icons a{
  color:#c9a96e;   /* gold visible */
  font-size:16px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(201,169,110,0.4);
  border-radius:50%;
  color:#c9a96e;
  transition:0.3s;
}

/* HOVER EFFECT */
.social-icons a:hover{
  background:#c9a96e;
  color:#000;
  transform:translateY(-3px);
}

/* ICON SIZE */
.social-icons i{
  font-size:16px;
}

/* HEADINGS */
.footer h4{
  color:#c9a96e;
  margin-bottom:10px;
  font-size:13px;
  letter-spacing:1px;
}

/* LINKS */
.footer p{
  font-size:13px;
  color:#aaa;
  margin:5px 0;
  cursor:pointer;
}
a {
  text-decoration: none;
  color: inherit;
}
.footer p:hover{
  color:#fff;
}

/* BOTTOM */
.footer-bottom{
  display:flex;
  justify-content:space-between;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(201,169,110,0.2);
  font-size:12px;
}

.footer-bottom span{
  margin-left:20px;
  cursor:pointer;
}

/* responsive ke liye  */

@media(max-width:768px){

  body{
    overflow-x:hidden;
  }

  section{
    padding:60px 20px !important;
  }

}

/* navbar */

@media(max-width:768px){

  .navbar{
    flex-direction:column;
    gap:15px;
    padding:15px 20px;
  }

  .nav-links{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center;
  }

  .cart-btn{
    width:100%;
    justify-content:center;
  }

}

/* hero section  */


@media(max-width:768px){

  .hero-container{
    flex-direction:column;
    text-align:center;
  }

  .hero-text h1{
    font-size:36px;
  }

  .hero-text p{
    margin:auto;
  }

  .hero-image{
    margin-top:30px;
    width:100%;
    height:auto;
  }

  .hero-img{
    width:100%;
  }

}


@media(max-width:768px){

  .product-grid{
    flex-direction:column;
    align-items:center;
  }

  .product-card{
    width:100%;
    max-width:320px;
  }

}


@media(max-width:768px){

  .trust-grid{
    flex-direction:column;
    align-items:center;
  }

}


@media(max-width:768px){

  .story-container{
    flex-direction:column;
    text-align:center;
  }

  .story-text{
    max-width:100%;
  }

}


@media(max-width:768px){

  .testimonial-grid{
    flex-direction:column;
    align-items:center;
  }

}


@media(max-width:768px){

  .footer-grid{
    grid-template-columns:1fr;
    text-align:center;
  }

  .footer-top{
    flex-direction:column;
    gap:10px;
    text-align:center;
  }

}


@media(max-width:768px){

  .hero-buttons{
    justify-content:center;
    display:flex;
  }

}
 
/* scrooling */
html{
  scroll-behavior:smooth;
}



/* 🔥 PREMIUM DARK PROFILE */
.profile{
  display:flex;
  align-items:center;
  gap:8px;

  padding:8px 16px;
  border-radius:30px;

  background:linear-gradient(135deg,#1c1208,#3a2412);
  color:#fff;

  font-size:13px;
  font-weight:500;

  cursor:pointer;

  box-shadow:0 6px 20px rgba(0,0,0,0.15);
  transition:all 0.3s ease;
}

/* ICON */
.profile i{
  font-size:14px;
}

/* HOVER */
.profile:hover{
  background:linear-gradient(135deg,#c9a96e,#e0c28a);
  color:#000;

  transform:translateY(-2px);

  box-shadow:0 10px 25px rgba(0,0,0,0.2);
}


/* WRAPPER */
.profile-wrapper{
  position:relative;
  display:inline-block;
}

/* DROPDOWN */
.dropdown{
  position:absolute;

  top:110%;       /* profile ke niche */
  left:0;         /* 🔥 RIGHT hata diya */

  width:100%;     /* profile ke jitna width */

  background:rgba(19,7,7,0.95);
  backdrop-filter:blur(10px);

  border-radius:12px;
  padding:6px 0;

  box-shadow:0 15px 35px rgba(0,0,0,0.2);

  display:none;
  z-index:999;
}

/* ITEM */
.dropdown p{
  padding:8px 10px;
  margin:0;

  font-size:12px;
  text-align:center;

  color:#e0c28a;
  cursor:pointer;

  transition:0.3s;
}

/* HOVER */
.dropdown p:hover{
  background:linear-gradient(135deg,#c9a96e,#e0c28a);
  color:#000;
}


/* menu toggle changes  */


/* DEFAULT (DESKTOP) */
/* 🔥 DESKTOP DEFAULT */
.menu-icon{
  display:none; /* ❌ desktop pe hide */
}

.nav-links{
  display:flex; /* ✅ desktop pe menu show */
  gap:25px;
}


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

  /* ☰ ICON LEFT SIDE */
  .menu-icon{
    display:block;

    position:absolute;   /* 🔥 fix position */
    left:10px;           /* 🔥 left corner */
    top:15px;

    background:rgb(48, 40, 25);
    color:#fff;

    padding:6px 10px;    /* ❗ tera padding incomplete tha */
    border-radius:8px;

    cursor:pointer;
    z-index:1000;
  }

  /* MENU HIDE DEFAULT */
  .nav-links{
    display:none;

    position:absolute;
    top:60px;
    left:10px;

    width:220px;

    flex-direction:column;

    background:#fff;
    padding:20px;

    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,0,0,0.15);
  }

  /* CLICK PE SHOW */
  .nav-links.active{
    display:flex;
  }

}

/* for footer responsive ke liye */

@media(max-width:768px){

  .footer{
    padding:30px 20px;
  }

  /* TOP BAR STACK */
  .footer-top{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .footer-payments{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:10px;
  }

  /* 🔥 MAIN GRID → COLUMN */
  .footer-grid{
    flex-direction:column;
    gap:25px;
  }

  /* BRAND CENTER */
  .footer-brand{
    text-align:center;
  }

  .footer-brand .desc{
    max-width:100%;
  }

  /* CONTACT CENTER */
  .contact-info{
    text-align:center;
  }

  /* SOCIAL CENTER */
  .social-icons{
    justify-content:center;
  }

  /* 🔥 SHOP / LEARN / HELP */
  .footer-col{
    text-align:center;
  }

  /* 🔥 HEADINGS */
  .footer h4{
    margin-top:10px;
    font-size:14px;
  }

  /* 🔥 LINKS */
  .footer p{
    font-size:13px;
  }

  /* 🔥 BOTTOM */
  .footer-bottom{
    flex-direction:column;
    gap:10px;
    text-align:center;
  }

}








.popup{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  display:none;
  justify-content:center;
  align-items:center;
}

.popup-box{
  background:#fff;
  padding:25px;
  border-radius:12px;
  text-align:center;
  width:280px;
}

.size-options button{
  margin:5px;
  padding:8px 12px;
  border:1px solid #c9a96e;
  border-radius:20px;
  cursor:pointer;
}

.size-options .active{
  background:#c9a96e;
  color:#fff;
}

.confirm-btn{
  margin-top:15px;
  width:100%;
  padding:10px;
  background:black;
  color:white;
  border-radius:8px;
}

.close{
  position:absolute;
  right:15px;
  top:10px;
  cursor:pointer;
}