@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');
        body, h1, h2, h3, h4, h5, h6, p, span, a, button {
            font-family: 'Jost', sans-serif !important;
        }
        
        :root{
    --primary:#C8A19C;        /* Rosy (main brand color) */
    --primary-dark:#9A7B44;   /* Brown (premium hover) */
    
    --text:#1a1a1a;           /* Soft black (pure black nahi) */
    --muted:#8c8c8c;          /* light text */
    
    --line:#ece7e2;           /* border */
    --soft:#F1ECE3;           /* Beige background */
    
    --white:#ffffff;
    
    --gold:#9A7B44;           /* extra luxury tone */
    
    --pad:5.5%;
    --heroH:78vh;
    --catH:420px;
    --productH:520px;
}
    *{
        box-sizing:border-box;
    }


    body{
    background: linear-gradient(180deg,#ffffff,#F1ECE3);
    color:var(--text);
}


    .dw-home{
        width:100%;
        overflow:hidden;
    }

    .dw-container{
        width:100%;
        padding-left:var(--pad);
        padding-right:var(--pad);
    }

    .dw-section{
        padding:80px 0;
    }

    .dw-soft{
        background:var(--soft);
    }

    .dw-head{
        display:flex;
        justify-content:space-between;
        align-items:flex-end;
        gap:20px;
        margin-bottom:36px;
    }

    .dw-head h2{
        margin:0;
        font-size:32px;
        line-height:1.1;
        font-weight:700;
        letter-spacing:.2px;
    }

    .dw-head p{
        margin:10px 0 0;
        font-size:14px;
        line-height:1.8;
        color:var(--muted);
        max-width:700px;
    }

    .dw-link{
        color:var(--primary);
        text-decoration:none;
        font-size:12px;
        letter-spacing:.14em;
        text-transform:uppercase;
        font-weight:700;
        white-space:nowrap;
    }

    .dw-link:hover{
        color:var(--primary-dark);
    }

    /* ================= HERO ================= */
   :root{
    --primary:#C8A19C;        /* Rosy (main brand color) */
    --primary-dark:#9A7B44;   /* Brown (premium hover) */
    --text:#111111;
    --muted:#6f6f6f;
    --line:#ece7e2;
    --soft:#faf8f5;
    --white:#ffffff;
    --pad:5.5%;
    --heroH:78vh;
    --catH:420px;
    --productH:520px;
}

/* ================= HERO MAIN ================= */

/* ===== HERO SLIDER RESPONSIVE ===== */
.hero-slider-wrap{
  width:100%;
}

.hero-container{
  max-width:1300px; /* aap chaho to 1200/1400 kar sakte ho */
}

/* slider outer box */
.hero-slider-wrap .carousel,
.hero-slider-wrap .carousel-inner,
.hero-slider-wrap .carousel-item{
  border-radius:14px;
  overflow:hidden;
}

/* images */
.hero-slider-wrap .carousel-item img{
  width:100%;
  height:420px;              /* desktop height */
  object-fit:cover;
  display:block;
}

/* arrows look (optional) */
.hero-slider-wrap .carousel-control-prev,
.hero-slider-wrap .carousel-control-next{
  width:52px;
  opacity:1;
}
.hero-slider-wrap .carousel-control-prev-icon,
.hero-slider-wrap .carousel-control-next-icon{
  width:38px;height:38px;
  border-radius:999px;
 /* background-color:rgba(0,0,0,.35);*/
  background-size:55% 55%;
}

/* dots (bootstrap indicators) */
.hero-slider-wrap .carousel-indicators{
  margin-bottom:10px;
}
.hero-slider-wrap .carousel-indicators li,
.hero-slider-wrap .carousel-indicators button{
  width:10px;height:10px;
  border-radius:999px;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px){
  .hero-container{
    padding-left:10px;
    padding-right:10px;
  }

  .hero-slider-wrap .carousel-item img{
    height:220px;            /* mobile height */
  }

  .hero-slider-wrap .carousel-control-prev,
  .hero-slider-wrap .carousel-control-next{
    width:44px;
  }

  .hero-slider-wrap .carousel-control-prev-icon,
  .hero-slider-wrap .carousel-control-next-icon{
    width:34px;height:34px;
  }

  .hero-slider-wrap .carousel-indicators{
    margin-bottom:6px;
  }
}

/* ---------- EXTRA SMALL ---------- */
@media (max-width: 420px){
  .hero-slider-wrap .carousel-item img{
    height:190px;
  }
}


@media (max-width:768px){
  .hero-slider-wrap .banner-content h1{font-size:18px !important; line-height:1.2;}
  .hero-slider-wrap .banner-content p{font-size:12px !important;}
  .hero-slider-wrap .banner-content .btn{padding:8px 12px !important; font-size:12px !important;}
}


/* ===== CAROUSEL WRAPPER ===== */
#carouselExampleControls {
    width: 100%;
    overflow: hidden;
}

/* ===== DESKTOP / WEB ===== */
#carouselExampleControls .carousel-item img.tales1 {
    width: 100%;
    height: 710px;              /* ✅ PERFECT WEB HEIGHT */
    object-fit: cover;          /* ✅ FULL WIDTH (NO GAP) */
    object-position: center;    /* balanced crop */
    display: block;
}

/* ===== TABLET ===== */
@media (max-width: 991px) {
    #carouselExampleControls .carousel-item img.tales1 {
        height: 300px;
    }
}

/* ===== MOBILE ===== */
@media (max-width: 576px) {
    #carouselExampleControls .carousel-item img.tales1 {
        height: 220px;
    }
}

/* ===== SMOOTH EFFECT ===== */
.carousel-item {
    transition: transform 0.6s ease-in-out;
}

/* ===== ARROWS ===== */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-size: 36px 36px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.4));
}

/*text section*/


/* ===== IMPORTANT: slide relative so caption positions correctly ===== */
#carouselExampleControls .carousel-item{
  position: relative;
}

/* ===== Banner image height (EDIT HERE) ===== */
#carouselExampleControls img.tales1{
  width:100%;
  height: 420px;              /* <-- CHANGE WEB HEIGHT HERE */
  object-fit: cover;
  display:block;
}

/* ===== Dark overlay for text readability (EDIT HERE) ===== */
#carouselExampleControls .carousel-item::after{
  content:"";
  position:absolute;
  inset:0;
/*  background: linear-gradient(
    90deg,
    rgba(0,0,0,.50),          /* <-- LEFT DARK (CHANGE) *
    
    rgba(0,0,0,.15)           /* <-- RIGHT LIGHT (CHANGE) */
  );*/
  
  pointer-events:none;
}

/* ===== Caption (EDIT HERE FOR INNER SPACE) ===== */
#carouselExampleControls .banner-caption{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  z-index: 2;
  max-width: 520px;           /* <-- TEXT WIDTH (CHANGE) */
  padding: 12px 14px;
  color:#fff;

  /* 🔥 MOBILE NEXT/PREV FIX: caption clicks won't block arrows/swipe */
  pointer-events: none;
}

/* ===== Positions (EDIT HERE FOR IN-SIDE MARGIN) ===== */
#carouselExampleControls .pos-left  { left: 7%;  text-align:left; }   /* <-- CHANGE LEFT SPACE */
#carouselExampleControls .pos-center{ left: 50%; transform: translate(-50%,-50%); text-align:center; }
#carouselExampleControls .pos-right { right: 7%; text-align:right; }  /* <-- CHANGE RIGHT SPACE */

/* ===== Title/Sub Title (EDIT HERE) ===== */
#carouselExampleControls .banner-title{
  font-size: clamp(20px, 3.2vw, 46px);  /* <-- CHANGE SIZE */
  font-weight: 800;
  margin: 0 0 8px;
  line-height: 1.1;
  color: #ffffff;   /* 👈 YAHAN COLOR CHANGE KAREIN */
}
#carouselExampleControls .banner-subtitle{
  font-size: clamp(12px, 1.4vw, 18px);  /* <-- CHANGE SIZE */
  font-weight: 500;
  margin: 0 0 14px;
  opacity: .95;
 /* color: #f1f1f1;  /* 👈 subtitle color */
}

/* ===== Button (clickable even when caption pointer-events none) ===== */
#carouselExampleControls .banner-btn{
  display:inline-block;
  background:#4D0F14;          /* <-- BUTTON COLOR (CHANGE) */
  color:#fff;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 700;
  font-size: 14px;
  

  /* enable click on button only */
  pointer-events: auto;
}

/* ===== Animation (optional) ===== */
#carouselExampleControls .carousel-item .banner-title,
#carouselExampleControls .carousel-item .banner-subtitle,
#carouselExampleControls .carousel-item .banner-btn{
  opacity:0;
  transform: translateY(18px);
}
#carouselExampleControls .carousel-item.active .banner-title{ animation: bannerUp .8s ease forwards; }
#carouselExampleControls .carousel-item.active .banner-subtitle{ animation: bannerUp .9s ease .12s forwards; }
#carouselExampleControls .carousel-item.active .banner-btn{ animation: bannerUp .9s ease .22s forwards; }

@keyframes bannerUp{
  to{ opacity:1; transform: translateY(0); }
}

/* ===== MOBILE SETTINGS (EDIT HERE) ===== */
@media (max-width: 576px){
  #carouselExampleControls img.tales1{
    height: 260px;            /* <-- CHANGE MOBILE HEIGHT HERE */
  }

  /* caption bottom & centered on mobile */
  #carouselExampleControls .banner-caption{
    top:auto;
    bottom: 12%;
    left: 6% !important;      /* <-- MOBILE SIDE PADDING */
    right: 6% !important;
    transform: none !important;
    text-align:center !important;
    max-width: 100%;
  }
}

/* ===== Make arrows always clickable above overlay/caption ===== */
#carouselExampleControls .carousel-control-prev,
#carouselExampleControls .carousel-control-next{
  z-index: 5;
}

/* ===============================
   BANNER TEXT SAFE AREA FIX
   =============================== */

/* Caption common */
#carouselExampleControls .banner-caption{
  max-width: 520px;        /* text ki width */
  padding: 14px 18px;     /* andar ka space */
}

/* LEFT TEXT – aur andar */
#carouselExampleControls .pos-left{
  left: 20% !important;   /* 🔥 yahan % badha/ghata sakte ho */
}

/* CENTER TEXT – safe rahe */
#carouselExampleControls .pos-center{
  left: 50%;
  transform: translate(-50%, -50%);
}

/* RIGHT TEXT – aur andar */
#carouselExampleControls .pos-right{
  right: 20% !important;  /* 🔥 yahan % badha/ghata sakte ho */
}

/* ===============================
   MOBILE FIX – text bilkul center & andar
   =============================== */
@media (max-width: 576px){
  #carouselExampleControls .banner-caption{
    left: 8% !important;
    right: 8% !important;
    max-width: 100%;
    text-align: center !important;
  }
}







.hero-media img {
    width: 100%;  /* Ensure the image fills the container width */
    height: auto; /* Maintain the aspect ratio */
    object-fit: contain; /* Ensures the image is fully visible and scaled correctly */
    display: block; /* Removes any unwanted space below the image */
}


.mini-track .mini-slide img {
    width: 100%;  /* Ensure the image fills the container width */
    height: 100%; /* Ensure the image fills the container height */
    object-fit: cover; /* Makes sure the image fills the container while maintaining its aspect ratio */
    display: block; /* Removes any unwanted space below the image */
}


/* =========================
   HERO IMAGE (all devices)
========================= */
.hero-media{
  width: 100%;
}

.hero-media img{
  width: 100%;
  height: auto;              /* image stretch na ho */
  display: block;
  object-fit: contain;       /* cut na ho */
  max-width: 100%;
}

/* agar container fixed height de raha ho to bhi cut na ho */
@media (max-width: 991px){
  .hero-media{
    height: auto !important;
  }
  .hero-media img{
    height: auto !important;
  }
}

@media (max-width: 575px){
  .hero-media img{
    object-fit: contain;
  }
}

/* =========================
   MINI SLIDES (all devices)
   (image cut na ho => contain)
========================= */
.mini-track .mini-slide{
  overflow: hidden;
}

.mini-track .mini-slide img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;       /* cut remove */
}

/* Mobile: height auto + proper fit */
@media (max-width: 767px){
  .mini-track .mini-slide img{
    height: auto;            /* mobile me safe */
    object-fit: contain;
  }
}


    /* ================= TRUST ================= */
/* ================= TRUST STRIP ================= */
.dw-trust{
    background:#fbf8f4;
    border-top:1px solid #ece5dd;
    border-bottom:1px solid #ece5dd;
    overflow:hidden;
}

.dw-trust .dw-container{
    position:relative;
    padding-top:0;
    padding-bottom:0;
}

.dw-trust-viewport{
    overflow:hidden;
    width:100%;
}

.dw-trust-track{
    display:flex;
    transition:transform .45s ease;
    will-change:transform;
}

.dw-trust-item{
    position:relative;
    flex:0 0 25%;
    max-width:25%;
    padding:30px 24px 32px;
    text-align:center;
}

.dw-trust-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:24%;
    width:1px;
    height:52%;
    background:#e7ddd3;
}

.dw-trust-item::before{
    content:"";
    display:block;
    width:30px;
    height:2px;
    background:#8b1e2d;
    margin:0 auto 14px;
}

.dw-trust-item b{
    display:block;
    margin:0 0 8px;
    font-size:18px;
    line-height:1.3;
    font-weight:600;
    color:#222;
}

.dw-trust-item span{
    display:block;
    max-width:250px;
    margin:0 auto;
    font-size:13px;
    line-height:1.8;
    color:#6f6a65;
}

.dw-trust-dots{
    display:none;
}

/* ================= TABLET ================= */
@media (max-width: 991px){
    .dw-trust-item{
        flex:0 0 50%;
        max-width:50%;
        padding:26px 18px 28px;
    }

    .dw-trust-item::after{
        display:none !important;
    }

    .dw-trust-item b{
        font-size:17px;
    }

    .dw-trust-item span{
        font-size:12.5px;
        max-width:220px;
    }

    .dw-trust-dots{
        display:flex;
        justify-content:center;
        gap:8px;
        padding:0 0 18px;
    }

    .dw-trust-dots button{
        width:18px;
        height:2px;
        border:none;
        background:#d8cec4;
        padding:0;
        cursor:pointer;
    }

    .dw-trust-dots button.active{
        background:#8b1e2d;
    }
}

/* ================= MOBILE ================= */
@media (max-width: 575px){
    .dw-trust-item{
        flex:0 0 100%;
        max-width:100%;
        padding:22px 16px 26px;
    }

    .dw-trust-item::before{
        width:26px;
        margin-bottom:12px;
    }

    .dw-trust-item b{
        font-size:16px;
        margin-bottom:6px;
    }

    .dw-trust-item span{
        font-size:12px;
        line-height:1.75;
        max-width:260px;
    }

    .dw-trust-dots{
        padding-bottom:14px;
    }
}


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

    body {
      font-family: Arial, sans-serif;
      background: #ffffff;
    }

    .jewellery-section {
      width: 100%;
      background: #ffffff;
      padding-bottom: 40px;
    }

    /* TOP BLACK MOVING STRIP */
    .top-marquee {
      width: 100%;
      background: #C8A19C;
      color: #fff;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      height: 36px;
      display: flex;
      align-items: center;
    }

    .top-marquee-track {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      min-width: max-content;
      animation: marqueeMove 25s linear infinite;
    }

    .top-marquee-track span {
      display: inline-block;
      font-size: 15px;
      font-weight: 400;
      color: #fff;
      padding-right: 90px;
      letter-spacing: 0.2px;
    }

    @keyframes marqueeMove {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }

    .jewellery-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 24px 20px 0;
    }

    .section-heading {
      text-align: center;
      font-size: 20px;
      font-weight: 500;
      color: #111;
      letter-spacing: 0.5px;
      margin-bottom: 24px;
      text-transform: uppercase;
    }

    .category-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 18px;
    }

    .category-card {
      position: relative;
      display: block;
      text-decoration: none;
      overflow: hidden;
      background: #ddd;
      aspect-ratio: 1 / 1.25;
    }

    .category-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.4s ease;
    }

    .category-card:hover img {
      transform: scale(1.05);
    }

    .category-label {
      position: absolute;
      left: 14px;
      bottom: 14px;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
      z-index: 2;
    }

    .category-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.22), rgba(0,0,0,0.02));
      z-index: 1;
      pointer-events: none;
    }

    /* Tablet */
    @media (max-width: 991px) {
      .category-grid {
        grid-template-columns: repeat(3, 1fr);
      }

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

    /* Mobile */
    @media (max-width: 576px) {
      .top-marquee {
        height: 32px;
      }

      .top-marquee-track span {
        font-size: 12px;
        padding-right: 50px;
      }

      .jewellery-container {
        padding: 18px 12px 0;
      }

      .section-heading {
        font-size: 16px;
        margin-bottom: 18px;
      }

      .category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
      }

      .category-label {
        left: 10px;
        bottom: 10px;
        font-size: 11px;
        letter-spacing: 0.8px;
      }
    }
    
    
    
    
    
  /* ================= prodect ================= --*/
  

 /*
 .top-styles-section {
    background: #efefef;
    padding: 38px 0 36px;
}

.top-styles-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 18px;
}

.top-styles-title {
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    color: #111;
    margin: 0 0 36px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.top-styles-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

.style-tab {
    min-width: 76px;
    height: 34px;
    padding: 0 18px;
    border: 1px solid #2f2f2f;
    background: transparent;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.25s ease;
}

.style-tab.active {
    background: #000;
    color: #fff;
    border-color: #000;
}

.style-tab:hover {
    background: #111;
    color: #fff;
    border-color: #111;
}

.top-styles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    align-items: start;
}

.product-card {
    background: transparent;
}

.product-image-wrap {
    position: relative;
    background: #f7f7f7;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.product-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.product-card:hover .product-image-wrap img {
    transform: scale(1.03);
}

.offer-tag {
    position: absolute;
    top: 0;
    left: 0;
    background: #dccbc0;
    color: #8a7a6b;
    font-size: 10px;
    line-height: 1;
    padding: 4px 10px 4px 6px;
    z-index: 3;
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
}

.wishlist-btn {
    position: absolute;
    top: 12px;
    right: 14px;
    border: none;
    background: transparent;
    color: #111;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    z-index: 3;
}

.product-info {
    padding: 14px 12px 0;
}

.product-name {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 400;
    color: #333;
    margin: 0 0 8px;
}

.product-price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.current-price {
    font-size: 28px;
    font-weight: 500;
    color: #222;
}

.old-price {
    font-size: 14px;
    color: #9e9e9e;
    text-decoration: line-through;
}

.discount {
    font-size: 14px;
    color: #5ca37a;
    font-weight: 600;
}

.rating-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.stars {
    color: #f2c531;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 1;
}

.rating-text {
    font-size: 14px;
    color: #333;
}

.cart-btn {
    width: 100%;
    height: 34px;
    border: 1px solid #2a2a2a;
    background: transparent;
    color: #222;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 6px;
    transition: 0.25s ease;
}

.cart-btn:hover {
    background: #111;
    color: #fff;
}

.view-all-wrap {
    text-align: center;
    margin-top: 40px;
}

.view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 122px;
    height: 40px;
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: 0.25s ease;
}

.view-all-btn:hover {
    background: #111;
    color: #fff;
    border-color: #111;
}

/* Large tablet *
@media (max-width: 1199px) {
    .top-styles-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

/* Tablet *
@media (max-width: 767px) {
    .top-styles-section {
        padding: 28px 0 28px;
    }

    .top-styles-title {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .top-styles-tabs {
        gap: 8px;
        margin-bottom: 22px;
    }

    .style-tab {
        min-width: auto;
        padding: 0 14px;
        height: 32px;
        font-size: 12px;
    }

    .top-styles-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px 14px;
    }

    .product-info {
        padding: 12px 6px 0;
    }

    .product-name {
        font-size: 14px;
    }

    .current-price {
        font-size: 20px;
    }

    .old-price,
    .discount,
    .rating-text {
        font-size: 12px;
    }

    .stars {
        font-size: 15px;
    }

    .cart-btn {
        height: 36px;
        font-size: 14px;
        border-radius: 5px;
    }

    .view-all-wrap {
        margin-top: 28px;
    }
}

/* Mobile *
@media (max-width: 575px) {
    .top-styles-container {
        padding: 0 12px;
    }

    .top-styles-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .top-styles-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 6px;
        scrollbar-width: none;
    }

    .top-styles-tabs::-webkit-scrollbar {
        display: none;
    }

    .style-tab {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .wishlist-btn {
        top: 10px;
        right: 10px;
        font-size: 22px;
    }

    .offer-tag {
        font-size: 9px;
        padding: 4px 9px 4px 6px;
    }

    .product-name {
        font-size: 14px;
    }

    .current-price {
        font-size: 18px;
    }

    .cart-btn {
        height: 38px;
    }
}

 */
 


.top-styles-section {
    background: #ffffff; /* Thoda soft white */
    padding: 60px 0;
    font-family: 'Jost', sans-serif; /* Modern Clean Font */
}

.top-styles-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.top-styles-title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Tabs Styling */
.top-styles-tabs {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 35px;
    flex-wrap: wrap;
}

.style-tab {
    padding: 8px 24px;
    border: 1px solid #ddd;
    background: #fff;
    color: #C8A19C;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 0; /* Clean Square Look */
}

.style-tab.active, .style-tab:hover {
    background: #C8A19C;
    color: #fff;
    border-color: #C8A19C;
}

/* Grid aur Card Fix */
.top-styles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.product-card {
    background: #fff;
    display: flex;
    flex-direction: column; /* Isse content vertical align hoga */
    height: 100%; /* Card ki height ek barabar rakhega */
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.product-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    border-color: #C8A19C;
}

.product-image-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1.2; /* Saree ke liye thoda portrait look acha lagta hai */
}

.product-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.product-card:hover .product-image-wrap img {
    transform: scale(1.08);
}

/* Wishlist Icon Fix */
.wishlist-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #C8A19C;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333;
    z-index: 3;
    transition: 0.3s;
}

.wishlist-btn:hover {
    background:#C8A19C;
    color: #fff;
}

/* Product Info Logic */
.product-info {
    padding: 15px;
    flex-grow: 1; /* Ye content ko space lene par majboor karega */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Button ko bottom mein dhakelega */
}

.product-name {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px; /* Naam ke liye fixed space */
}

.product-price-row {
    margin-bottom: 12px;
}

.current-price {
    font-size: 20px; /* Price ko thoda chota kiya balance ke liye */
    font-weight: 600;
    color: #111;
    display: block;
}

.old-price {
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
    margin-right: 5px;
}

.discount {
    font-size: 13px;
    color: #c48b44; /* Saree/Banarasi theme ke liye Golden Brown */
    font-weight: 500;
}

.rating-row {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
}

.stars {
    color: #f2c531;
    font-size: 14px;
}

.rating-text {
    font-size: 12px;
    color: #888;
}

/* Button Fix: Alignment aur Look */
.cart-btn {
    width: 100%;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #111;
    color: #111;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
    margin-top: auto; /* Bottom mein chipak jayega */
}

.cart-btn:hover {
    background: #C8A19C;
    color: #fff;
}

/* Responsive Fixes */
@media (max-width: 1024px) {
    .top-styles-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .top-styles-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .product-name { font-size: 12px; }
    .current-price { font-size: 18px; }
}

@media (max-width: 480px) {
    .top-styles-grid { grid-template-columns: 1fr; }
}
    
    



  /* View All Section Wrapper */
.view-all-wrap {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    clear: both;
}

/* Premium Button Styling */
.view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 35px;
    background-color: transparent;
    color: #C8A19C;
    border: 1px solid #111;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Hover Effect: Black Background */
.view-all-btn:hover {
    background-color: #C8A19C;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Arrow Animation */
.view-all-btn i {
    transition: transform 0.4s ease;
    display: inline-block;
}

.view-all-btn:hover i {
    transform: translateX(8px); /* Arrow thoda aage move hoga */
    color: #fff;
}

/* Active/Click Effect */
.view-all-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .view-all-btn {
        width: 80%; /* Mobile par button thoda bada dikhega */
        padding: 10px 20px;
        font-size: 13px;
    }
}  




/* CSS to hide products beyond the first 4 */
   .product-card.d-none-custom { display: none !important; }

 /* ================= Feature prodect ================= */

.dw-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:42px 30px;
}

.dw-product{
    text-decoration:none;
    color:var(--text);
    display:block;
}

.dw-product-media{
    width:100%;
    aspect-ratio: 0.88 / 1;
    overflow:hidden;
    background:#f3f1ee;
}

.dw-product-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .55s ease;
}

.dw-product:hover .dw-product-media img{
    transform:scale(1.02);
}

.dw-product-body{
    padding-top:18px;
}

.dw-product-name{
    font-size:20px;
    line-height:1.5;
    font-weight:600;
    margin:0 0 10px;
}

.dw-product-price{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin-bottom:12px;
}

.dw-price{
    font-size:18px;
    font-weight:700;
}

.dw-mrp{
    font-size:14px;
    color:#777;
    text-decoration:line-through;
}

.dw-off{
    font-size:12px;
    color:#8b1e2d;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.dw-product-link{
    font-size:12px;
    color:#8b1e2d;
    text-transform:uppercase;
    letter-spacing:.14em;
    font-weight:700;
}
    /* ================= PRODUCT GRID ================= */
    .dw-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:34px 28px;
    }

    .dw-product{
        text-decoration:none;
        color:var(--text);
        display:block;
    }

    .dw-product-media{
        width:100%;
        height:var(--productH);
        overflow:hidden;
        background:#f5f5f5;
    }

    .dw-product-media img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        transition:transform .55s ease;
    }

    .dw-product:hover .dw-product-media img{
        transform:scale(1.03);
    }

    .dw-product-body{
        padding-top:18px;
    }

    .dw-product-name{
        font-size:18px;
        line-height:1.5;
        font-weight:600;
        margin:0 0 10px;
    }

    .dw-product-price{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        align-items:center;
        margin-bottom:10px;
    }

    .dw-price{
        font-size:18px;
        font-weight:700;
    }

    .dw-mrp{
        font-size:14px;
        color:var(--muted);
        text-decoration:line-through;
    }

    .dw-off{
        font-size:12px;
        color:var(--primary);
        font-weight:700;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    .dw-product-link{
        font-size:12px;
        color:var(--primary);
        text-transform:uppercase;
        letter-spacing:.14em;
        font-weight:700;
    }
    
    
      /* ================= Gift banner ================= --*/
      
     /*normal banner*/
.gift-banner{
    width:100%;
    position:relative;
    overflow:hidden;
}

/* image responsive */

.gift-banner-img{
    width:100%;
    height:auto;
    display:block;
}

/* text */

.gift-banner-content{
    position:absolute;
    right:8%;
    top:50%;
    transform:translateY(-50%);
    text-align:center;
    color:#fff;
}

.gift-small{
    font-size:34px;
    margin-bottom:15px;
}

.gift-big{
    font-size:78px;
    font-weight:700;
    margin-bottom:60px;
}

.gift-btn{
    font-size:22px;
    text-decoration:none;
    color:#fff;
    letter-spacing:2px;
}

/* tablet */

@media(max-width:1024px){

.gift-small{
    font-size:24px;
}

.gift-big{
    font-size:50px;
}

}

/* mobile */

@media(max-width:768px){

.gift-banner-content{
    right:50%;
    transform:translate(50%,-50%);
}

.gift-small{
    font-size:20px;
}

.gift-big{
    font-size:32px;
}

.gift-btn{
    font-size:16px;
}

}







 /* ================= 2 card images banner ================= */



*{
    box-sizing: border-box;
}

.recipient-section{
    width: 100%;
    background: #e6dfd7;  
    padding: 28px 0 40px;
}

.recipient-container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.recipient-title{
    margin: 0 0 28px;
    text-align: center;
    color: #f5f5f5;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 400;
}

.recipient-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: stretch;
}

.recipient-card{
    display: block;
    text-decoration: none;
    background: #fff;
    border-radius: 12px;
    padding: 12px 12px 24px;
    overflow: hidden;
}

.recipient-image-wrap{
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: #222;
    aspect-ratio: 1.16 / 1;
}

.recipient-image{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.recipient-name{
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 26px;
}

/* desktop large */
@media (min-width: 1200px){
    .recipient-container{
        max-width: 1400px;
    }

    .recipient-grid{
        gap: 20px;
    }

    .recipient-card{
        padding: 12px 12px 26px;
        border-radius: 12px;
    }

    .recipient-name{
        font-size: 19px;
        margin-top: 26px;
    }
}

/* tablet */
@media (max-width: 991px){
    .recipient-section{
        padding: 24px 0 34px;
    }

    .recipient-container{
        padding: 0 14px;
    }

    .recipient-title{
        font-size: 24px;
        margin-bottom: 20px;
    }

    .recipient-grid{
        gap: 10px;
    }

    .recipient-card{
        padding: 8px 8px 18px;
        border-radius: 12px;
    }

    .recipient-image-wrap{
        border-radius: 8px;
        aspect-ratio: 1 / 1;
    }

    .recipient-name{
        font-size: 16px;
        margin-top: 16px;
    }
}

/* mobile */
@media (max-width: 767px){
    .recipient-section{
        padding: 22px 0 28px;
    }

    .recipient-container{
        padding: 0 6px;
    }

    .recipient-title{
        font-size: 24px;
        margin-bottom: 16px;
    }

    .recipient-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .recipient-card{
        padding: 6px 6px 14px;
        border-radius: 12px;
    }

    .recipient-image-wrap{
        aspect-ratio: 1 / 1;
        border-radius: 8px;
    }

    .recipient-name{
        font-size: 12px;
        margin-top: 12px;
    }
}

/* very small mobile */
@media (max-width: 420px){
    .recipient-container{
        padding: 0 5px;
    }

    .recipient-title{
        font-size: 22px;
    }

    .recipient-grid{
        gap: 8px;
    }

    .recipient-card{
        padding: 5px 5px 12px;
        border-radius: 12px;
    }

    .recipient-name{
        font-size: 11px;
        margin-top: 11px;
    }
}





    /* ================= 2 slider banner ================= */

/*slider*/

*{
    box-sizing:border-box;
}

.for-you-section{
    width:100%;
    background:#efefef;
    padding:24px 0 30px;
    overflow:hidden;
}

.for-you-container{
    width:100%;
    max-width:1800px;
    margin:0 auto;
}

.for-you-title{
    margin:0 0 26px;
    text-align:center;
    font-size:22px;
    line-height:1.2;
    font-weight:400;
    color:#111;
    text-transform:uppercase;
}

.for-you-slider{
    position:relative;
    width:100%;
}

.for-you-track-wrap{
    overflow:hidden;
    width:100%;
    padding:20px 0 10px;
}

.for-you-track{
    display:flex;
    align-items:center;
    gap:26px;
    transition:transform 0.45s ease;
    will-change:transform;
}

.for-you-card{
    position:relative;
    flex:0 0 33.333%;
    text-decoration:none;
    transform:scale(.88);
    opacity:.72;
    transition:transform .45s ease, opacity .45s ease;
}

.for-you-card img{
    width:100%;
    height:740px;
    object-fit:cover;
    display:block;
    box-shadow:0 8px 18px rgba(0,0,0,0.10);
}

.for-you-card span{
    position:absolute;
    left:50%;
    bottom:26px;
    transform:translateX(-50%);
    color:#fff;
    font-size:22px;
    font-weight:400;
    letter-spacing:.8px;
    text-transform:uppercase;
    white-space:nowrap;
    z-index:2;
}

.for-you-card span::after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:rgba(255,255,255,0.9);
    margin-top:6px;
}

.for-you-card.active{
    transform:scale(1);
    opacity:1;
    z-index:2;
}

.for-you-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:52px;
    height:52px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#111;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    z-index:5;
    box-shadow:0 4px 12px rgba(0,0,0,.10);
    display:flex;
    align-items:center;
    justify-content:center;
}

.for-you-arrow.prev{
    left:18px;
}

.for-you-arrow.next{
    right:18px;
}

/* large */
@media (max-width:1600px){
    .for-you-card img{
        height:650px;
    }
}

/* laptop */
@media (max-width:1200px){
    .for-you-track{
        gap:18px;
    }

    .for-you-card{
        flex:0 0 38%;
    }

    .for-you-card img{
        height:560px;
    }

    .for-you-card span{
        font-size:18px;
        bottom:20px;
    }
}

/* tablet */
@media (max-width:991px){
    .for-you-title{
        font-size:20px;
        margin-bottom:18px;
    }

    .for-you-track-wrap{
        padding:10px 0 6px;
    }

    .for-you-track{
        gap:12px;
    }

    .for-you-card{
        flex:0 0 52%;
    }

    .for-you-card img{
        height:470px;
    }

    .for-you-card span{
        font-size:16px;
        bottom:16px;
    }

    .for-you-arrow{
        width:42px;
        height:42px;
        font-size:22px;
    }

    .for-you-arrow.prev{
        left:8px;
    }

    .for-you-arrow.next{
        right:8px;
    }
}

/* mobile same style like screenshot */
@media (max-width:767px){
    .for-you-section{
        padding:18px 0 20px;
    }

    .for-you-title{
        font-size:18px;
        margin-bottom:14px;
    }

    .for-you-track{
        gap:10px;
    }

    .for-you-card{
        flex:0 0 58%;
        transform:scale(.84);
        opacity:.72;
    }

    .for-you-card img{
        height:320px;
    }

    .for-you-card.active{
        transform:scale(1);
    }

    .for-you-card span{
        font-size:11px;
        bottom:12px;
    }

    .for-you-arrow{
        width:36px;
        height:36px;
        font-size:20px;
    }

    .for-you-arrow.prev{
        left:6px;
    }

    .for-you-arrow.next{
        right:6px;
    }
}

/* very small mobile */
@media (max-width:480px){
    .for-you-card{
        flex:0 0 62%;
    }

    .for-you-card img{
        height:285px;
    }

    .for-you-card span{
        font-size:10px;
        bottom:10px;
    }

    .for-you-arrow{
        width:34px;
        height:34px;
        font-size:18px;
    }
}

/* secand banner*/
.for-every-you-section {
        padding: 50px 0;
        background: #fff;
        font-family: 'Jost', sans-serif;
        text-align: center;
        overflow: hidden;
    }

    .slider-main-title {
        font-size: 16px;
        letter-spacing: 2px;
        margin-bottom: 30px;
        text-transform: uppercase;
        font-weight: 500;
    }

    /* Container setup */
    .jewelry-slider {
        width: 100%;
        margin: 0 auto;
    }

    .slider-item {
        outline: none;
        padding: 60px 0; /* Beech wali image ko zoom hone ke liye space */
        position: relative;
    }

    /* Image Wrapper Design */
    .slider-img-wrap {
        position: relative;
        height: 500px; /* Reference image ke hisaab se height */
        margin: 0 -30px; /* Images ko overlap karne ke liye negative margin */
        transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        transform: scale(0.8); /* Default scale chota rahega */
        opacity: 0.8;
        z-index: 1;
        overflow: hidden;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }

    .slider-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* ✅ Central Active Slide (The Shraddha Kapoor Look) */
    .slick-center .slider-img-wrap {
        transform: scale(1.15); /* Beech wali image badi ho jayegi */
        opacity: 1;
        z-index: 10; /* Beech wali image sabke upar dikhegi */
        box-shadow: 0 25px 50px rgba(0,0,0,0.2);
    }

    /* Bottom Text Animation */
    .slider-caption {
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 1px;
        text-shadow: 0 2px 10px rgba(0,0,0,0.6);
        z-index: 11;
        opacity: 0;
        transition: 0.4s;
        text-decoration: underline;
        text-underline-offset: 8px;
    }

    /* Sirf beech wali image ka text dikhega */
    .slick-center .slider-caption {
        opacity: 1;
    }

    /* ✅ Custom Navigation Arrows */
    .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 15;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background: #fff !important;
        border: none !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        font-size: 0;
        cursor: pointer;
    }

    .slick-prev { left: 30px; }
    .slick-next { right: 30px; }

    .slick-prev::before { content: '❮'; font-size: 18px; color: #000; }
    .slick-next::before { content: '❯'; font-size: 18px; color: #000; }

    /* Responsive */
    @media (max-width: 768px) {
        .slider-img-wrap { height: 350px; margin: 0 -10px; }
        .slider-caption { font-size: 14px; }
        .slick-prev { left: 10px; }
        .slick-next { right: 10px; }
    }
    
    
    /* Slider Container ko relative karein taaki arrows iske andar rahein */
.jewelry-slider {
    position: relative;
    padding: 0 40px; /* Arrows ke liye side mein space */
}

/* Common Arrow Styling */
.jewelry-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: #fff !important; /* White background */
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

/* Hover effect */
.jewelry-slider .slick-arrow:hover {
    background: #000 !important;
}

.jewelry-slider .slick-arrow:hover::before {
    color: #fff;
}

/* Position Left Arrow */
.jewelry-slider .slick-prev {
    left: 10px;
}

/* Position Right Arrow */
.jewelry-slider .slick-next {
    right: 10px;
}

/* Arrow Icons (Font Awesome ki zarurat nahi, content se banayein) */
.jewelry-slider .slick-prev::before {
    content: '❮';
    font-size: 20px;
    color: #111;
    font-weight: bold;
}

.jewelry-slider .slick-next::before {
    content: '❯';
    font-size: 20px;
    color: #111;
    font-weight: bold;
}

/* Mobile par arrows chote karein */
@media (max-width: 768px) {
    .jewelry-slider .slick-arrow {
        width: 35px;
        height: 35px;
    }
    .jewelry-slider .slick-prev::before, 
    .jewelry-slider .slick-next::before {
        font-size: 16px;
    }
}
 
 
 /* about front*/
 
 .brand-story-section {
    padding: 80px 0;
    background: #fff;
    font-family: 'Jost', sans-serif;
    color: #111;
}

.brand-story-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Top Intro Text */
.brand-intro {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 40px;
}

.brand-intro p {
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    font-weight: 300;
}

.brand-intro strong {
    font-weight: 500;
    color: #000;
}

/* Section Title */
.brand-tagline {
    text-align: center;
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 60px;
    text-transform: uppercase;
    font-weight: 500;
}

/* Grid Layout */
.brand-content-grid {
    display: flex;
    align-items: center;
    gap: 60px;
}

/* Image Styling */
.brand-image-wrap {
    flex: 1;
    position: relative;
    text-align: center;
}

.shraddha-img {
    width: 100%;
    max-width: 450px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.signature-wrap {
    margin-top: 20px;
}

.signature-img {
    width: 180px; /* Signature size */
    height: auto;
}

/* Quote Section */
.brand-quote-wrap {
    flex: 1.2;
}

.quote-text p {
    font-size: 18px;
    line-height: 2;
    color: #222;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .brand-content-grid {
        flex-direction: column;
        gap: 40px;
    }
    
    .quote-text p {
        text-align: center;
        padding-left: 0;
        font-size: 16px;
    }

    .brand-intro p {
        font-size: 14px;
    }
}
    /* ================= HERITAGE ================= */
    .dw-heritage{
        position:relative;
        width:100%;
        height:72vh;
        min-height:480px;
        overflow:hidden;
    }

    .dw-heritage video{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        object-fit:cover;
        z-index:-2;
    }

    .dw-heritage::after{
        content:"";
        position:absolute;
        inset:0;
        background:rgba(0,0,0,.42);
        z-index:-1;
    }

    .dw-heritage-inner{
        height:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        color:#fff;
        padding-left:var(--pad);
        padding-right:var(--pad);
    }

    .dw-heritage-content{
        max-width:820px;
    }

    .dw-heritage-content h2{
        margin:0 0 16px;
        font-size:clamp(28px,3.5vw,46px);
        font-weight:700;
    }

    .dw-heritage-content p{
        margin:0 auto 22px;
        max-width:740px;
        font-size:14px;
        line-height:1.9;
        color:rgba(255,255,255,.92);
    }

    .dw-heritage-btns{
        display:flex;
        justify-content:center;
        gap:12px;
        flex-wrap:wrap;
    }

    /* ================= MODAL ================= */
    .dw-modal{
        position:fixed;
        inset:0;
        display:none;
        align-items:center;
        justify-content:center;
        background:rgba(0,0,0,.68);
        z-index:9999;
        padding:18px;
    }

    .dw-modal.is-open{
        display:flex;
    }

    .dw-modal-box{
        width:min(980px,96vw);
        background:#000;
        position:relative;
    }

    .dw-modal-close{
        position:absolute;
        top:10px;
        right:10px;
        width:40px;
        height:40px;
        border:none;
        background:rgba(255,255,255,.14);
        color:#fff;
        font-size:22px;
        cursor:pointer;
        z-index:2;
    }

    .dw-modal-box iframe{
        width:100%;
        height:min(60vh,560px);
        border:0;
        display:block;
    }

    /* ================= RESPONSIVE ================= */
   @media (max-width: 1399px){
    .dw-head h2{
        font-size:36px;
    }

    .dw-cat-grid{
        grid-template-columns:repeat(5, minmax(0, 1fr));
        gap:18px;
    }
}

@media (max-width: 1199px){
    .dw-cat-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .dw-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .dw-hero-content{
        padding-left:4.5%;
        padding-right:5.5%;
    }
}

@media (max-width: 991px){
    :root{
        --heroH:64vh;
    }

    .dw-section{
        padding:60px 0;
    }

    .dw-head{
        margin-bottom:26px;
    }

    .dw-head h2{
        font-size:30px;
    }

    .dw-cat-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:18px;
    }

    .dw-grid{
        grid-template-columns:1fr;
        gap:34px;
    }

    .dw-hero-content{
        padding-left:5%;
        padding-right:5%;
    }

    .dw-hero-title{
        font-size:42px;
    }

    .dw-hero-text{
        font-size:13px;
        max-width:500px;
    }
}

@media (max-width: 767px){
    .dw-hero{
        min-height:460px;
    }

    .dw-hero-overlay{
        background:linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,.08) 100%);
    }

    .dw-hero-content{
        padding-left:18px;
        padding-right:18px;
    }

    .dw-hero-content-inner{
        max-width:100%;
    }

    .dw-hero-title{
        font-size:34px;
        line-height:1.08;
    }

    .dw-hero-text{
        font-size:13px;
        line-height:1.8;
        margin-bottom:20px;
    }

    .dw-btn{
        height:42px;
        padding:0 16px;
        font-size:11px;
        min-width:auto;
    }

    .dw-head{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .dw-head h2{
        font-size:28px;
    }

    .dw-cat-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:14px;
    }

    .dw-cat-body-new h3{
        font-size:16px;
        margin-bottom:10px;
    }

    .dw-product-name{
        font-size:18px;
    }
}

@media (max-width: 575px){
    .dw-container{
        padding-left:18px;
        padding-right:18px;
    }

    .dw-section{
        padding:48px 0;
    }

    .dw-head h2{
        font-size:24px;
    }

    .dw-cat-grid{
        grid-template-columns:1fr 1fr;
        gap:12px;
    }

    .dw-cat-media-new{
        aspect-ratio: 0.76 / 1;
    }

    .dw-cat-body-new{
        padding-top:12px;
    }

    .dw-cat-body-new h3{
        font-size:15px;
        line-height:1.35;
        margin-bottom:8px;
    }

    .dw-cat-body-new span{
        font-size:10px;
        letter-spacing:.12em;
    }

    .dw-product-media{
        aspect-ratio: 0.82 / 1;
    }

    .dw-hero-title{
        font-size:28px;
    }

    .dw-hero-text{
        font-size:12px;
    }

    .dw-hero-prev,
    .dw-hero-next{
        width:38px;
        height:38px;
        font-size:20px;
    }
}

/* free delevery */
.weaving-info-section {
    background-color: #fff; /* Off-white premium background  fdfaf7*/
    padding: 60px 0;
    width: 100%;
}

.info-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

.info-card {
    flex: 1;
    text-align: center;
    padding: 0 15px;
    position: relative;
}

/* Vertical Separator Lines */
.info-card:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #e0dcd0;
}

/* Icon Styling */
.info-icon-wrap {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-icon-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: brightness(0.2); /* Makes icons dark charcoal/black */
}

.info-card h4 {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    color: #1a1a1a;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: capitalize;
}

.info-card p {
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* --- Responsive Drive (All Devices) --- */

@media (max-width: 991px) {
    .info-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 items per row on tablets */
        gap: 40px 0;
    }
    .info-card:nth-child(2)::after {
        display: none; /* Hide separator for 2nd item on tablet */
    }
}

@media (max-width: 576px) {
    .info-row {
        grid-template-columns: 1fr; /* 1 item per row on mobile */
        gap: 35px 0;
    }
    .info-card::after {
        display: none; /* Hide all separators on mobile */
    }
    .info-icon-wrap {
        width: 45px;
        height: 45px;
        margin-bottom: 15px;
    }
}




.logo-info-slider-section {
    background: #fff;
    padding: 30px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.logo-info-slider {
    display: flex;
    align-items: center;
}

.info-slide {
    outline: none;
}

.info-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.info-content img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin-bottom: 10px;
    filter: brightness(0.2); /* Premium Dark Look */
}

.info-content span {
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}

/* Slick default button hide karne ke liye */
.slick-prev, .slick-next { display: none !important; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .logo-info-slider-section { padding: 20px 0; }
    .info-content img { width: 35px; height: 35px; }
    .info-content span { font-size: 11px; }
}


.img-profile {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
}