*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Arial, sans-serif;
}

body{
  background:#f5f5f5;
  font-family: 'Poppins', sans-serif;
}

/* GLOBAL FONT */


/* MAIN CONTAINER */

.container{
  max-width:1920px;
  margin:auto;
  padding:0 15px;
}

/* Apply container to sections */
a{
  text-decoration: none;
}
header,
nav,
.products,
.features,
footer{
  padding-left:15px;
  padding-right:15px;
  box-sizing:border-box;
}


/*pagination start*/

/* CENTER ALIGNMENT */
.product__pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 40px 0;
    width: 100%;
}

/* CIRCLE + BASE STYLE */
.product__pagination a{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #444;
    background: #f2f2f2;
    border: 1px solid #ddd;
    transition: all 0.35s ease;
    position: relative;
}

/* GRADIENT ACTIVE */
.product__pagination a.active{
    background: linear-gradient(135deg, #7b2ff7, #f107a3);
    color: #fff;
    border: none;
    box-shadow: 0 6px 15px rgba(123,47,247,0.4);
    cursor: default;
}

/* HOVER GRADIENT */
.product__pagination a:hover:not(.active):not(.disabled){
    background: linear-gradient(135deg, #7b2ff7, #f107a3);
    color: #fff;
    border: none;
    transform: translateY(-2px);
}

/* LEFT–RIGHT ARROW ANIMATION */
.product__pagination a.prev:hover{
    transform: translateX(-5px);
}
.product__pagination a.next:hover{
    transform: translateX(5px);
}

/* DISABLED */
.product__pagination a.disabled{
    opacity: 0.35;
    pointer-events: none;
}

/* 🔥 MOBILE COMPACT VERSION */
@media (max-width: 576px){
    .product__pagination{
        gap: 8px;
        margin: 25px 0;
    }

    .product__pagination a{
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
}

/*pagination end*/

/* Desktop Spacing */

@media(min-width:992px){

  header,
  nav,
  .products,
  .features,
  footer{
    padding-left:40px;
    padding-right:40px;
  }

}

.underlineremove{
  text-decoration: none;
}

/* Mobile Spacing */

@media(max-width:600px){

  header,
  nav,
  .products,
  .features,
  footer{
    padding-left:12px;
    padding-right:12px;
  }

}


/* HEADER */

header{
  background:#fff;
  padding:12px 15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #ddd;
  flex-wrap:wrap;
}

/* Hamburger */
.menu-btn {
    font-size: 20px;
    cursor: pointer;
    display: none;
    top: -4px;
    position: relative;
}

/* Logo */
.logo{
  font-size:26px;
  font-weight:bold;
  color:#9f2089;
}

/* Icons */
.header-icons{
  display:flex;
  gap:15px;
}

.header-icons i{
  font-size:18px;
  cursor:pointer;
}

/* Search */
.search-box{
  flex:1;
  margin:0 20px;
  position:relative;
}

.search-box input {
    width: 100%;
    padding: 16px 14px;
    border: 1px solid rgb(139, 139, 163);
    border-radius: 5px;
}

.search-box i{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#777;
}

/* NAVBAR */

nav{
  background:#fff;
  padding:10px 15px;
  border-bottom:1px solid #ddd;
  overflow-x:auto;
}

nav ul{
  display:flex;
  list-style:none;
  gap:25px;
  white-space:nowrap;
}

nav li{
  font-size:14px;
  cursor:pointer;
}



/* SIDEBAR */

.sidebar{
  position:fixed;
  top:0;
  left:-260px;
  width:250px;
  height:100%;
  background:#fff;
  box-shadow:2px 0 10px rgba(0,0,0,0.3);
  z-index:1000;
  padding:15px;
  transition:.3s;
  overflow:auto;
}

.sidebar.active{
  left:0;
}

.sidebar h3{
  margin:15px 0;
  color:#9f2089;
}

.sidebar a{
  display:block;
  padding:8px 0;
  color:#333;
  text-decoration:none;
}

.sidebar a:hover{
  color:#9f2089;
}

/* OVERLAY */

.overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.4);
  display:none;
  z-index:999;
}

.overlay.show{
  display:block;
}

/* PRODUCTS */

.products{
  padding:20px;
}

.products h2{
  margin-bottom:15px;
}

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

.card{
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 5px rgba(0,0,0,.1);
}

.card img{
  width:100%;
  height:230px;
  object-fit:cover;
}

.card div{
  padding:10px;
}

.card p {
    color: #747474;
    font-weight: bold;
}

/* FOOTER */

footer{
  background:#111;
  color:#fff;
  padding:30px 15px;
  margin-top:40px;
  text-align:center;
}

/* RESPONSIVE */

@media(max-width:992px){
  .product-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:768px){
  .product-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* MOBILE COLLAPSE FIX */

@media(max-width:600px){

  /* Hide Navbar */
  nav{
    display:none;
  }

  /* Show Menu Button */
  .menu-btn{
    display:block !important;
  }

  header{
    padding:10px;
  }

  .logo{
    font-size:22px;
  }

  /* Search Full Width */
  .search-box{
    width:100%;
    margin:8px 0 0;
    order:3;
  }

  .header-icons i{
    font-size:20px;
  }

}

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

/* HEADER STRUCTURE */

.left-box{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Menu button default */
.menu-btn {
    display: none;
    font-size: 19px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    line-height: 1;
    z-index: 9999;
    margin-top: 7px;
}

/* Mobile view */
@media (max-width: 768px){
  nav{
    display:none;
  }

  .menu-btn{
    display:block !important;
  }
}

/* Desktop Layout */

header{
  flex-wrap:nowrap;
}

.search-box{
  max-width:500px;
}

/* MOBILE FIX */
/* MOBILE SEARCH FIX */

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

  header{
    display:flex;
    flex-wrap:wrap;
  }

 
  .left-box{
    width:auto;
    order:1;
  }

 
  .header-icons{
    order:2;
  }

  
  .search-box{
    width:100% !important;
    flex:0 0 100%;
    order:3;
    margin-top:8px;
  }

}*/


/* MOBILE FIX */

@media(max-width:600px){

  header{
    display:flex;
    flex-wrap:wrap;
  }

  .left-box{
    order:1;
  }

  .header-icons{
    order:2;
  }

  /* Search Below */
  .search-box{
    width:100% !important;
    flex:0 0 100%;
    order:3;
    margin-top:8px;
  }

}


/* DESKTOP FIX */

@media(min-width:601px){

  header{
    display:flex;
    align-items:center;
  }

  /* Search center */
  .search-box{
    flex:1;
    max-width:500px;
    margin:0 20px;
  }

  /* Icons Right */
  .header-icons{
    margin-left:auto;
  }

}

/* OFFER SLIDER */

.offer-slider{
  padding:20px 0;
  background:#fff;
  margin:20px 0;
}

.offer-slider h3{
  margin-bottom:15px;
  padding-left:15px;
}

.slider-container{
  position:relative;
  overflow:hidden;
  width: 100%;
}

.slider-track{
  display:flex;
  transition:0.4s ease;
}

.slide{
  min-width:250px;
  margin-right:15px;
  border-radius:10px;
  overflow:hidden;
  flex-shrink:0;
}

.slide img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:10px;
}

/* Arrows */

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #4e3c3c;
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    padding: 6px 10px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 5;
    width: 28px;
}

.slider-btn.prev{ left:5px; }
.slider-btn.next{ right:5px; }

/* Mobile */

@media(max-width:600px){

  .slide{
    min-width:200px;
  }

  .slide img{
    height:123px !important;
  }

}

/* SLIDER TEXT */

.slide p{
  text-align:center;
  font-size:14px;
  margin-top:6px;
  color:#333;
  font-weight:500;
}

/* Disable image drag */
.slide img{
  width:100%;
  height:160px;
  object-fit:cover;
  pointer-events:none;
}



/* HERO SLIDER */

.hero-slider{
  margin:0px 0;
  background:#fff;
}

.hero-container{
  position:relative;
  width:100%;
  height:380px;
  overflow:hidden;
  /*border-radius:12px;*/
}

.best-card a{
  text-decoration: none;
}

/* Slide */

.hero-slide{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transform:scale(1.05);
  transition:all 0.8s ease;
}

.hero-slide.active{
  opacity:1;
  transform:scale(1);
  z-index:1;
}

.hero-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Content */
/*
.hero-content{
  position:absolute;
  right:40px;
  top:50%;
  transform:translateY(-50%);
  background:rgba(255,255,255,0.9);
  padding:25px 30px;
  border-radius:10px;
  text-align:center;
}

.hero-content h2{
  font-size:28px;
  margin-bottom:8px;
}

.hero-content p{
  font-size:18px;
  color:#9f2089;
  margin-bottom:12px;
}

.hero-content button{
  background:#ff6a00;
  border:none;
  color:#fff;
  padding:8px 20px;
  border-radius:20px;
  cursor:pointer;
}*/

/* Arrows */

.hero-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:#957009;
  padding:8px 12px;
  border-radius:50%;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  z-index:5;
}

.hero-btn.prev{ left:15px; }
.hero-btn.next{ right:15px; }

/* Dots */

.hero-dots{
  position:absolute;
  bottom:15px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
}

.hero-dots span{
  width:10px;
  height:10px;
  background:#ccc;
  border-radius:50%;
  cursor:pointer;
}

.hero-dots span.active{
  background:#ff6a00;
}

/* Mobile */

@media(max-width:600px){

  .hero-container{
    height:240px;
  }

  .hero-content{
    right:15px;
    padding:15px;
  }

  .hero-content h2{
    font-size:20px;
  }

}

/* HERO SLIDER MOBILE FULL IMAGE FIX */

@media(max-width:600px){

  .hero-slide img{
    object-fit: contain !important;
    background:#000; /* black padding for empty space */
  }

    .hero-container {
        height: auto;
        aspect-ratio: 27 / 9;
    }
}

/*best seller*/

/* BEST SELLER */

.best-seller{
  background:#F8F7FC;
  padding:20px 0;
  margin:25px 0;
}

.best-seller h2{
  margin-bottom:60px;
  /*font-size:22px;*/
  padding-left:15px;
}

/* Grid */

.best-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:15px;
  padding:0 15px;
}

/* Card */

.best-card{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  transition:.3s;
  cursor:pointer;
}

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

/* Image */

.best-card img {
    width: 181px;
    height: 269px;
    object-fit: contain;
    background: #f9f9f9;
    margin: auto;
    display: block;
    border-radius: 12px;
}



/* Text */

.best-card h4{
  font-size:14px;
  padding:8px 10px 4px;
  height:40px;
  overflow:hidden;
}

/* Price */

.price{
  padding:0 10px;
  font-weight:600;
}

.price span{
  text-decoration:line-through;
  color:#777;
  font-size:12px;
  margin-left:5px;
}

.price b{
  color:#ff6a00;
  font-size:12px;
  margin-left:5px;
}

/* Rating */

.rating{
  padding:5px 10px 10px;
  font-size:12px;
  color:#388e3c;
}

/* RESPONSIVE */

@media(max-width:992px){
  .best-grid{
    grid-template-columns:repeat(3,1fr);
    gap: 2px !important;
  }
}

@media(max-width:600px){
  .best-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .best-card img{
    width:100%;
    height:265px;
  }
}


/* IMAGE BOX */

.img-box{
  position:relative;
  overflow:hidden;
  border-radius:10px 10px 0 0;
}

/* Fixed Icons Bottom Right */

.card-icons{
  position:absolute;
  right:16px;
  bottom:8px;
  display:flex;
  flex-direction:column;
  gap:8px;
  z-index:2;
}

/* Icon Style */

.card-icons span{
  background:#fff;
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 2px 5px rgba(0,0,0,.2);
  transition:.2s;
}

.card-icons span:hover{
  background:#ff6a00;
  color:#fff;
}

/* STICKY HEADER + NAVBAR */

header{
  position:sticky;
  top:0;
  z-index:1000;
  background:#fff;
}

nav{
  position:sticky;
  top:73px; /* header ki height */
  z-index:999;
  background:#fff;
}


/*new add*/

/* =========================
   PREMIUM BLACK GOLD THEME
========================= */

/* Body Background */

/*body{
  background:#0b0b0b !important;
  color:#ffffff;
}*/

/* Main Sections */

/*header,
nav,
.products,
.features,
footer,
.offer-slider,
.hero-slider,
.best-seller{
  background:#111111 !important;
  color:#ffffff;
  border-color:#222 !important;
}
*/
/* Logo */

.logo{
  color:#d4af37 !important; /* Gold */
}

/* Navbar Text */

nav li,
nav a{
  color:#ffffff !important;
}

nav li:hover{
  color:#d4af37 !important;
}

/* Sidebar */

.sidebar{
  background:#111111 !important;
}

.sidebar h3 {
    color: #d4af37 !important;
    margin-top: 130px;
}

.sidebar a{
  color:#ffffff !important;
}

.sidebar a:hover{
  color:#d4af37 !important;
}

/* Search Box */

.search-box input{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #d4af37 !important;
}

.search-box input::placeholder{
  color:#aaa;
}

.search-box i{
  color:#d4af37 !important;
}

/* Header Icons */

.header-icons i{
  color:#ffffff;
}

.fa-box{
  color:#333 !important;
}

.header-icons i:hover{
  color:#d4af37;
}

/* Product Cards */

.card,
.best-card{
  background:#161616 !important;
  box-shadow:0 4px 12px rgba(212,175,55,0.15);
}

/* Product Titles */

.best-card h4, .card h4 {
    color: #4e4e4e;
}

/* Price */

.price{
  color:#000 !important;
}

.price span{
  color:#888 !important;
}

.price b{
  color:#000 !important;
}

/* Rating */

.rating {
    color: #00701a !important;
}

/* Slider Background */

/*.slide,
.hero-container{
  background:#000;
}*/

/* Slider Text */

.slide p{
  color:#000000 !important;
}

/* Buttons / Icons */

.card-icons span{
  background:#000 !important;
  border:1px solid #d4af37;
  color:#d4af37;
}

.card-icons span:hover{
  background:#d4af37 !important;
  color:#000 !important;
}

/* Footer */

footer{
  /*background:#000 !important;*/
  color:#ffffff;
}

footer a{
  color:#d4af37;
}

/* Scrollbar (Chrome Only) */

::-webkit-scrollbar{
  width:8px;
}

::-webkit-scrollbar-track{
  background:#000;
}

::-webkit-scrollbar-thumb{
  background:#d4af37;
  border-radius:5px;
}


/* ===============================
   PREMIUM UI EXTENSIONS
=============================== */

/* 🌟 GOLDEN BUTTONS */

button,
.btn,
.btn-primary{
    background: linear-gradient(135deg, #d4af37, #ffcc33);
    color: #ffffff !important;
    border: none !important;
    border-radius: 0px;
    padding: 10px 22px;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(212, 175, 55, 0.4);
    transition: 0.3s;
    width: 100%;
    text-align: left;
}

.login-box button{
  text-align: center;
}

button:hover,
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(212,175,55,0.7);
}

/* 🌈 GRADIENT HEADER */

header{
  background:linear-gradient(135deg,#000,#1a1a1a,#000) !important;
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(212,175,55,0.4);
}

/* 💎 GLASSMORPHISM CARDS */

.card,
.best-card,
.product-card{
  background:rgba(255,255,255,0.05) !important;
  backdrop-filter:blur(12px);
  border:1px solid rgba(212,175,55,0.2);
  border-radius:14px;
}

/* ✨ CARD HOVER GLOW */

.card:hover,
.best-card:hover{
  box-shadow:0 0 20px rgba(212,175,55,0.6);
}

/* 🌑 DARK CHECKOUT PAGE */

.checkout-page,
.checkout-box,
.checkout-form{
  background:#0f0f0f !important;
  color:#fff;
  border:1px solid rgba(212,175,55,0.3);
  border-radius:15px;
  padding:20px;
}

/* Checkout Inputs */

.checkout-page input,
.checkout-page select,
.checkout-page textarea{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #d4af37;
  border-radius:6px;
}

/* 🌟 SECTION HEADINGS */

h1,h2,h3{
  /*color:#000000 !important;*/
  letter-spacing:0.5px;
  margin-top: 20px;
}

/* 🔥 PREMIUM LINKS */

a{
  transition:0.3s;
}

a:hover{
  color:#ffcc33 !important;
}

/* 📱 MOBILE SOFT LOOK */

@media(max-width:600px){

  header{
    backdrop-filter:blur(4px);
  }

  .card,
  .best-card{
    border-radius:10px;
  }

}


/*gold section start*/

/* ===========================
   GOLD COLLECTION SECTION
=========================== */

.gold-section {
    background: linear-gradient(14deg, #140c02, #0e0a04, #585858);
    padding: 50px 20px;
    margin: 40px 0;
}

.gold-container{
  max-width:1920px;
  margin:auto;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:30px;
  align-items:center;
}

/* Left Banner */

.gold-banner{
  background:url('https://picsum.photos/900/500?gold') center/cover;
  border-radius:20px;
  padding:60px 40px;
  color:#fff;
  position:relative;
  overflow:hidden;
}

/* Dark Overlay */

.gold-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.55);
}

.gold-banner *{
  position:relative;
  z-index:2;
}

.gold-banner h1{
  font-size:48px;
  color:#ffcc33;
  margin-bottom:10px;
}

.gold-banner p{
  font-size:18px;
  margin-bottom:20px;
  color:#f5e6b8;
}

/* Button */

.gold-btn{
  background:linear-gradient(135deg,#d4af37,#ffcc33);
  color:#000;
  padding:10px 26px;
  border-radius:25px;
  border:none;
  font-weight:600;
  width: auto;
}

.place-order-btn{
  text-align: center !important;
}

.continue-btn{
  text-align: center !important;
}

.deliver-btn{
  text-align: center !important;
}

.btn-outline.danger {
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

.btn-outline-danger{
  width: auto !important;
  text-align: center !important;
}

/* Right Grid */

.gold-categories{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.gold-card{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(212,175,55,.3);
  border-radius:16px;
  text-align:center;
  padding:12px;
  backdrop-filter:blur(6px);
  transition:.3s;
  cursor:pointer;
}

.gold-card:hover{
  transform:translateY(-5px);
  box-shadow:0 0 15px rgba(212,175,55,.6);
}

.gold-card img{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:12px;
}

.gold-card span{
  display:block;
  margin-top:8px;
  color:#ffcc33;
  font-weight:500;
}

/* Mobile */

@media(max-width:768px){

  .gold-container{
    grid-template-columns:1fr;
  }

  .gold-banner{
    padding:40px 25px;
  }

  .gold-banner h1{
    font-size:36px;
  }

}
  
.navv li:hover{
  color:#000000 !important;
}

.navv {
    background: #C0A432 !important;
    border-color: #C0A432 !important;
}

/*gold section end*/

/*footer section start*/

/* =============================
   PREMIUM FOOTER FIXED
============================= */

.premium-footer{
  background:#050505;
  color:#fff;
  padding:50px 20px 0;
  margin-top:40px;
}

/* Container */

.footer-wrap{
  max-width:1920px;
  margin:auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:40px;
  align-items:flex-start;
}




/* =============================
   PREMIUM FOOTER BACKGROUND
============================= */

.premium-footer {
    background: linear-gradient(356deg, #140c02, #0e0a04, #44340f);
    position: relative;
    overflow: hidden;
}
/* Soft Gold Shine */

.premium-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:
    linear-gradient(120deg,
      transparent 40%,
      rgba(212,175,55,0.08),
      transparent 60%);
  pointer-events:none;
}

/* Footer Border Glow */

.premium-footer::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,transparent,#d4af37,transparent);
}

.imgfooter img {
    width: 206px;
}

.logohead{
  width: 150px;
}

/* Content On Top */

.footer-wrap,
.footer-bottom{
  position:relative;
  z-index:2;
}


/* Boxes */

.footer-box{
  display:flex;
  flex-direction:column;
}

/* Headings */

.footer-box h2{
  color:#d4af37;
  font-size:28px;
  margin-bottom:5px;
}

.footer-box h3{
  color:#d4af37;
  margin-bottom:15px;
  letter-spacing:1px;
  font-size:16px;
}

/* Text */

.footer-box p{
  color:#ccc;
  font-size:14px;
  line-height:1.6;
}

.footer-box a{
  display:block;
  color:#ccc;
  text-decoration:none;
  font-size:14px;
  margin-bottom:8px;
  transition:.3s;
}

.footer-box a:hover{
  color:#ffcc33;
}

/* Brand */

.brand .desc{
  max-width:280px;
  margin:10px 0 15px;
}

/* Payments */

.payments {
    /*display: flex;*/
    flex-wrap: wrap;
    gap: 10px;
    top: 10px;
    position: relative;
}

.payments img{
  height:22px;
  background:#fff;
  padding:3px 6px;
  border-radius:4px;
}

/* Social */

.social-icons{
  display:flex;
  gap:12px;
}

.social-icons a{
  width:36px;
  height:36px;
  background:#111;
  border:1px solid #d4af37;
  color:#d4af37;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.3s;
}

.social-icons a:hover{
  background:#d4af37;
  color:#000;
}

/* Bottom */

.footer-bottom{
  text-align:center;
  margin-top:40px;
  padding:15px;
  border-top:1px solid #222;
  font-size:13px;
  color:#aaa;
}


/* RESPONSIVE */

@media(max-width:900px){

  .footer-wrap{
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:500px){

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

  .payments,
  .social-icons{
    justify-content:center;
  }

  .brand .desc{
    margin:auto;
  }

}
/* BACK TO TOP */

#backToTop{
  position:fixed;
  bottom:25px;
  right:25px;
  width:45px;
  height:45px;
  border:none;
  border-radius:50%;
  background:linear-gradient(135deg,#d4af37,#ffcc33);
  color:#000;
  font-size:18px;
  cursor:pointer;
  display:none;
  z-index:9999;
  box-shadow:0 4px 12px rgba(212,175,55,.5);
  transition:.3s;
}

#backToTop:hover{
  transform:translateY(-4px);
}
/* FIX SOCIAL ICON CENTER */

.footer-box.social{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}

/* Icons Center */

.footer-box.social .social-icons{
  justify-content:center;
  width:100%;
}


.uptop {
    left: -6px;
    position: relative;
}


/*footer section end*/

/* =============================
   DEAL OF THE DAY
============================= */

.deal-section {
    padding: 40px 15px;
    background: #f5f5f5;
}

/*.deal-title{
  color:#d4af37;
  text-align:center;
  font-size:26px;
  margin-bottom:25px;
}*/

/* =============================
   SPECIAL OFFER HEADING
============================= */

/* SAFE PULSE (NO SCROLL ISSUE) */

.deal-title{
  animation:pulseSafe 2s infinite;
}

@keyframes pulseSafe{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.02); } /* kam scale */
  100%{ transform:scale(1); }
}
body{
  overflow-x:hidden;
}

/* PERFECT CENTER SPECIAL OFFER */

.deal-title{
  width:100%;                 /* Full row */
  text-align:center;         /* Center text */
  font-size:34px;
  font-weight:700;
  margin:0 auto 60px;
  position:relative;
  color:#3e3e3e;
  letter-spacing:2px;
  text-transform:uppercase;

  /* Glow */
  /*text-shadow:
    0 0 5px rgba(212,175,55,0.6),
    0 0 15px rgba(212,175,55,0.5),
    0 0 25px rgba(212,175,55,0.4);*/
}

/* Center Underline */

.deal-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10px;
  width:80px;
  height:3px;
  background:linear-gradient(90deg,#d4af37,#ffcc33,#d4af37);
  transform:translateX(-50%);
  border-radius:2px;
}

/* Mobile */

@media(max-width:600px){

  .deal-title{
    font-size:19px !important;
    letter-spacing:1px;
  }

}


/* Layout */

.deal-wrap{
  max-width:1920px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
}

/* Card */

.deal-card {
    background: linear-gradient(135deg, #282828, #817925);
    border: 1px solid rgba(212, 175, 55, .3);
    border-radius: 18px;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .6);
}

/* Info */

.deal-info{
  padding:25px;
  flex:1;
}

.deal-info h3 {
    color: #ffcc33 !important;
    font-size: 22px;
}

.deal-info p{
  color:#ddd;
  margin:6px 0;
}

/* Price */

.deal-price{
  font-size:20px;
  color:#d4af37;
  font-weight:600;
  margin:10px 0;
}

.deal-price span{
  color:#888;
  font-size:14px;
  text-decoration:line-through;
  margin-left:6px;
}

/* Timer */

.deal-timer{
  display:flex;
  gap:8px;
  margin:15px 0;
}

.deal-timer div{
  background:#000;
  border:1px solid #d4af37;
  border-radius:6px;
  padding:6px 8px;
  text-align:center;
  min-width:55px;
}

.deal-timer b{
  color:#ffcc33;
  font-size:16px;
}

.deal-timer span{
  display:block;
  font-size:10px;
  color:#aaa;
}

/* Button */

.deal-btn{
  background:linear-gradient(135deg,#d4af37,#ffcc33);
  color:#000;
  border:none;
  padding:8px 20px;
  border-radius:25px;
  font-weight:600;
  text-decoration: none;
}

/* Image */

.deal-card img{
  width:200px;
  height:260px;
  object-fit:cover;
}

/* MOBILE */

@media(max-width:768px){

  .deal-wrap{
    grid-template-columns:1fr;
  }

  .deal-card{
    flex-direction:column-reverse;
    text-align:center;
  }

  .deal-card img{
    width:100%;
    height:220px;
  }

  .deal-timer{
    justify-content:center;
  }

}
/*shop page start */
/* =============================
   SHOP + FILTER
============================= */

.shop-section{
  padding:30px 10px;
}

/* Mobile Filter Button */

.mobile-filter-btn{
  display:none;
  background:linear-gradient(135deg,#d4af37,#ffcc33);
  color:#000;
  padding:8px 15px;
  border-radius:20px;
  width:max-content;
  margin:0 auto 15px;
  cursor:pointer;
  font-weight:600;
}

/* Layout */

.shop-container{
  /*max-width:1200px;*/
  margin:auto;
  display:grid;
  grid-template-columns:260px 1fr;
  gap:25px;
}

/* Sidebar */
/* =============================
   PREMIUM FILTER PANEL
============================= */

.filter-box {
    background: #F8F8FB;
}

.filter-box{
  /*background:rgba(10,10,10,0.9);*/
  backdrop-filter:blur(12px);
  border:1px solid rgba(212,175,55,.5);
  border-radius:18px;
  padding:22px 20px;
  color:#fff;
  height:fit-content;
  position:sticky;
  top:110px;
  box-shadow:
    0 0 15px rgba(212,175,55,.15),
    inset 0 0 20px rgba(255,255,255,.02);
}

/* Heading */

.filter-box h3{
  color:#000000;
  margin-bottom:18px;
  font-size:20px;
  letter-spacing:1px;
  border-bottom:1px solid rgba(212,175,55,.3);
  padding-bottom:8px;
}

/* Groups */

.filter-group{
  margin-bottom:22px;
}

/* Sub Head */

.filter-group h4{
  margin-bottom:12px;
  font-size:15px;
  color:#181818;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* Options */

.filter-group label{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  font-size:14px;
  padding:6px 8px;
  border-radius:6px;
  cursor:pointer;
  transition:.25s;
}

/* Hover */

.filter-group label:hover{
  background:#C0A432;
}

/* Checkbox */

.filter-group input{
  accent-color:#d4af37;
  cursor:pointer;
}

/* Apply Button */

.filter-close{
  width:100%;
  margin-top:15px;
  background:linear-gradient(135deg,#d4af37,#ffcc33);
  color:#000;
  border:none;
  padding:10px;
  border-radius:25px;
  font-weight:600;
  letter-spacing:.5px;
  box-shadow:0 4px 12px rgba(212,175,55,.4);
  transition:.3s;
}

.filter-close:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(212,175,55,.6);
}

/* Scrollbar Inside Filter */

.filter-box::-webkit-scrollbar{
  width:5px;
}

.filter-box::-webkit-scrollbar-thumb{
  background:#d4af37;
  border-radius:10px;
}

/* MOBILE */

@media(max-width:768px){

  .filter-box{
    box-shadow:0 0 25px rgba(0,0,0,.9);
  }

}

/* Products */

.shop-products{
  width:100%;
}


/* MOBILE */

@media(max-width:768px){

  .mobile-filter-btn{
    display:block;
  }

  .shop-container{
    grid-template-columns:1fr;
  }

  /* Sidebar Slide */

  .filter-box{
    position:fixed;
    top:0;
    left:-100%;
    width:280px;
    height:100%;
    z-index:9999;
    transition:.3s;
    border-radius:0;
  }

  .filter-box.show{
    left:0;
  }

}


/* =============================
   FILTER ACCORDION
============================= */

.filter-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  padding:6px 0;
}

.filter-head i{
  color:#181818;
  transition:.3s;
}

/* Body Hide */

.filter-body {
    max-height: 0;
    overflow: hidden;
    transition: .3s ease;
    padding-left: 3px;
    color: #000;
}

/* Open */

.filter-group.active .filter-body{
  max-height:500px;
  margin-top:8px;
}

/* Rotate Arrow */

.filter-group.active .filter-head i{
  transform:rotate(180deg);
}

/* Labels */

.filter-body label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  border-radius:6px;
  cursor:pointer;
  transition:.25s;
}

.filter-body label:hover{
  background:rgba(212,175,55,.08);
}



/* =============================
   PREMIUM BREADCRUMB
============================= */

.breadcrumb-section {
    background: linear-gradient(135deg, #343434, #b1b1b1, #1c1c1c);
    padding: 18px 6px;
    border-bottom: 1px solid rgba(212, 175, 55, .3);
}

.breadcrumb-container{
  max-width:1920px;
  margin:auto;
}

/* Title */

.breadcrumb-container h2{
  color:#d4af37;
  font-size:32px;
  margin-bottom:6px;
  letter-spacing:1px;
}

/* Links */

.breadcrumb-links{
  color:#ccc;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:6px;
}

.breadcrumb-links a{
  color:#fff;
  text-decoration:none;
  transition:.3s;
}

.breadcrumb-links a:hover{
  color:#d4af37;
}

.breadcrumb-links span{
  color:#f3df7d;
}

/* Mobile */

@media(max-width:600px){

  .breadcrumb-section{
    padding:25px 12px;
  }

  .breadcrumb-container h2{
    font-size:24px;
  }

}


/*shop page end*/

/* =============================
   PREMIUM PAGINATION
============================= */

.pagination-box{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:40px 0;
  flex-wrap:wrap;
}

/* Button */

.page-btn{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.4);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  background:rgba(0,0,0,.7);
  transition:.3s;
}

/* Hover */

.page-btn:hover{
  background:#d4af37;
  color:#000;
  box-shadow:0 0 10px rgba(212,175,55,.6);
}

/* Active */

.page-btn.active{
  background:linear-gradient(135deg,#d4af37,#ffcc33);
  color:#000;
  border:none;
  box-shadow:0 0 12px rgba(212,175,55,.8);
  font-weight:600;
}

/* Prev / Next */

.page-btn.prev,
.page-btn.next{
  font-size:18px;
  font-weight:600;
}

/* Dots */

.dots {
    color: #686868;
    font-size: 16px;
}

/* Mobile */

@media(max-width:600px){

  .page-btn{
    width:34px;
    height:34px;
    font-size:13px;
  }

}


/*product details page start*/
/* =============================
   PRODUCT DETAIL PAGE
============================= */

.product-page {
    padding: 15px 10px;
    /* background: #000; */
}

.product-container{
  max-width:1920px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}

/* Gallery */

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

.thumbs{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.thumbs img{
  width:70px;
  height:90px;
  object-fit:cover;
  border:1px solid rgba(212,175,55,.4);
  border-radius:6px;
  cursor:pointer;
  transition:.3s;
}

.thumbs img:hover{
  border-color:#ffcc33;
  transform:scale(1.05);
}

/* MAIN IMAGE FIX */
/* LOCK IMAGE HEIGHT (NO STRETCH) */

.main-img{
  width:auto;
  height:520px;           /* FIXED HEIGHT */
  max-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0c0c0c;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.3);
  overflow:hidden;
  flex-shrink:0;          /* Important */
}

@media(max-width:768px){

  .product-info-box h1 {
    font-size: 14px !important;
  }



  .main-img{
    height:380px;
    max-height:380px;
  }

}



.main-img img{
  width:100%;
  height:100%;
  object-fit:contain;   /* FULL IMAGE VISIBLE */
  transition:.3s;
}

/* Info */

.product-info-box {
    color: #000000;
}

.product-info-box h1{
  font-size:26px;
  margin-bottom:8px;
}

.rating{
  color:#ffcc33;
  margin-bottom:10px;
}

.rating span{
  color:#aaa;
  font-size:13px;
}

.price {
    font-size: 28px;
    color: #d4af37;
    margin-bottom: 0px;
}

.radio.checked {
    border-color: #c0a432 !important;
    background: #c0a432 !important;
}

.meesho-cart-info button {
    background: #bdbdbd;
    color: #000 !important;
    border: none !important;
    border-radius: 30px 30px;
    padding: 6px 10px;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(212, 175, 55, 0.4);
    transition: 0.3s;
    margin-top: 10px;
    width: 90px;
    text-align: center;
}

.price span{
  font-size:16px;
  color:#888;
  text-decoration:line-through;
  margin-left:8px;
}

/* Size */

.size-box h4{
  margin-bottom:8px;
}

.sizes{
  display:flex;
  gap:10px;
}

.sizes span{
  border:1px solid rgba(212,175,55,.5);
  padding:6px 14px;
  border-radius:20px;
  cursor:pointer;
  transition:.3s;
}

.sizes span:hover,
.sizes span.active{
  background:#d4af37;
  color:#000;
}

/* Buttons */

.btn-row{
  display:flex;
  gap:15px;
  margin:20px 0;
}

.btn-cart{
  flex:1;
  background:transparent;
  border:2px solid #d4af37;
  color:#d4af37;
  padding:10px;
  border-radius:25px;
  font-weight:600;
  cursor:pointer;
}

.btn-buy{
  flex:1;
  background:linear-gradient(135deg,#d4af37,#ffcc33);
  color:#000;
  border:none;
  padding:10px;
  border-radius:25px;
  font-weight:600;
  cursor:pointer;
}

/* Highlights */

.highlights{
  background:#0f0f0f;
  border:1px solid rgba(212,175,55,.3);
  border-radius:12px;
  padding:15px;
}

.highlights h4{
  color:#ffcc33;
  margin-bottom:10px;
}

.highlights ul{
  list-style:none;
  font-size:14px;
}

.highlights li{
  margin-bottom:5px;
  color:#ddd;
}

/* MOBILE */

@media(max-width:768px){

  .product-container{
    grid-template-columns:1fr;
  }

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

  .thumbs{
    flex-direction:row;
    overflow-x:auto;
  }

  .thumbs img{
    width:60px;
    height:75px;
  }

}

@media (min-width: 1800px) and (max-width: 1920px) {
  .best-card img {
    width: 234px !important;
    height: 353px !important;
  } 

  .best-card h4 {
      font-size: 22px !important;
  } 

  .deal-info h3 {
    font-size: 28px !important;
  }

  .footer-box h3 {
    font-size: 23px !important;
}

.footer-box a {
    display: block;
    color: #ccc;
    text-decoration: none;
    font-size: 18px !important;
    margin-bottom: 8px;
    transition: .3s;
}

.input-line input {
    font-size: 18px !important;
}

.deal-info p {
    font-size: 22px !important;
}

.deal-price {
    font-size: 33px !important;
}

.deal-timer b {
    font-size: 23px !important;
}

.deal-btn {
    font-size: 20px !important;
}

.deal-timer span {
    font-size: 15px !important;
}

  .hero-container {
    position: relative;
    width: 100%;
    height: 640px;
    overflow: hidden;
    /* border-radius: 12px; */
  }

  nav li {
      font-size: 21px !important;
      cursor: pointer;
  }

  .slide p {
    font-size: 22px !important;
}

.gold-card span {
    font-size: 22px !important;
}

.gold-banner p {
    font-size: 22px !important;
    margin-bottom: 20px;
    color: #f5e6b8;
}

  .logohead {
      width: 200px !important;
  }

  .hero-slide img {
      width: 100%;
      height: auto;
      object-fit: contain;
  }

  .deal-title {
    text-align: center;
    font-size: 36px !important;
  }

  .main-img {
    width: auto;
    height: 700px;
    max-height: 610px;
  }
}


/* =============================
   PRODUCT IMAGE ZOOM
============================= */

.zoom-box{
  position:relative;
  overflow:hidden;
  cursor:zoom-in;
}

.zoom-img{
  transition:transform .4s ease;
}

/* Desktop Hover Zoom */

.zoom-box:hover .zoom-img{
  transform:scale(1.8);   /* BIG ZOOM */
}

/* Mobile Touch Zoom */

@media(max-width:768px){

  .zoom-box{
    cursor:default;
  }

  .zoom-box:active .zoom-img{
    transform:scale(1.6);
  }

}

/* =============================
   ZOOM + MOVE IMAGE
============================= */

.zoom-container{
  position:relative;
  overflow:hidden;
  cursor:zoom-in;
  background:#0c0c0c;
}

.zoom-image{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .2s ease;
  transform-origin:center center;
}



/**/

/* =============================
   PREMIUM PRODUCT INFO
============================= */

.product-info-box{
  background:#ffffff;
  backdrop-filter:blur(12px);
  border:1px solid rgba(212,175,55,.4);
  border-radius:20px;
  padding:25px 25px 30px;
  box-shadow:
    0 0 20px rgba(212,175,55,.15),
    inset 0 0 25px rgba(255,255,255,.02);
  position:relative;
}

/* Badge */

.product-badge{
  position:absolute;
  top:15px;
  right:15px;
  background:#52ad00;
  color:#fff;
  padding:5px 12px;
  border-radius:20px;
  font-size:12px;
  font-weight:600;
  box-shadow:0 0 10px rgba(212,175,55,.6);
}

/* Title */

.product-info-box h1 {
    font-size: 26px;
    margin-bottom: 8px;
    color: #3c3c3c;
    line-height: 1.3;
    margin-left: 10px;
}

/* Rating */

.rating{
  background:rgba(255,204,51,.1);
  width:max-content;
  padding:3px 10px;
  border-radius:15px;
  margin-bottom:10px;
  font-size:13px;
}

.rating span{
  color:#aaa;
}

/* Price */

/*.price {
    font-size: 22px;
    color: #d4af37;
    font-weight: 700;
    margin: 6px 0;
}

.price span{
  font-size:15px;
  color:#888;
  margin-left:10px;
  text-decoration:line-through;
}*/

/* Size */

.size-box h4 {
    margin-bottom: 8px;
    color: #242424;
}

.sizes{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.sizes span {
    border: 1px dotted #000;
    padding: 7px 16px;
    border-radius: 25px;
    cursor: pointer;
    transition: .25s;
    font-size: 14px;
    min-width: 62px;
    text-align: center;
}

.sizes span:hover{
  background:rgba(212,175,55,.15);
}

.sizes span.active{
  background:#d4af37;
  color:#000;
  box-shadow:0 0 8px rgba(212,175,55,.7);
}

/* Buttons */

.btn-row{
  display:flex;
  gap:15px;
  margin:22px 0;
}

.btn-cart, .btn-buy {
    flex: 1;
    padding: 12px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;
    transition: .3s;
    width: 180px;
    text-align: center;
}

/* Cart */

.btn-cart {
    background: #b3b3b3;
    border: 2px solid #d4af37;
    color: #d4af37;
}

.btn-cart:hover{
  background:#d4af37;
  color:#000;
  box-shadow:0 0 12px rgba(212,175,55,.6);
}

/* Buy */

.btn-buy {
    background: linear-gradient(135deg, #4ba526, #4b8526);
    border: none;
    color: #fff !important;
}

.btn-buy:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 20px rgba(212,175,55,.6);
}

/* Highlights */

.highlights {
    background: rgb(245 245 245);
    border: 1px solid rgba(212, 175, 55, .25);
    border-radius: 15px;
    padding: 15px;
}

.highlights h4 {
    color: #c79500;
    margin-bottom: 8px;
}

.highlights li{
  color:#141414;
  font-size:14px;
  margin-bottom:5px;
}

/* Mobile */

@media(max-width:768px){

  .product-info-box{
    padding:0px;
  }

  .price{
    font-size:15px;
  }

  .price span {
    font-size: 11px;
  }
  
  .price b {
    color: #ff6a00;
    font-size: 10px;
    margin-left: 5px;
}
  .btn-row{
    flex-direction:column;
  }

}

/* =============================
   PRODUCT REVIEWS
============================= */

.product-reviews{
  margin-top:25px;
  background:#F5F5F5;
  border:1px solid rgba(212,175,55,.3);
  border-radius:18px;
  padding:18px;
}

/* Title */

.product-reviews h3{
  color:#c79500;
  margin-bottom:15px;
}

/* Card */

.review-card {
    background: rgb(255 255 255);
    border-radius: 14px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid rgba(212, 175, 55, .15);
}

/* Header */

.review-head{
  display:flex;
  gap:10px;
  margin-bottom:8px;
}

.review-user{
  width:45px;
  height:45px;
  border-radius:50%;
  border:2px solid #d4af37;
}

/* Name */

.review-head h5 {
    font-size: 15px;
    color: #3a2a2a;
}

/* Meta */

.review-meta{
  font-size:12px;
  color:#aaa;
  display:flex;
  gap:8px;
}

.review-rating {
    color: #3a3523;
}

/* Text */

.review-text {
    font-size: 14px;
    color: #3e3e3e;
    margin: 8px 0;
    line-height: 1.4;
}

/* Review Image */

.review-img{
  width:100%;
  max-width:260px;
  border-radius:10px;
  margin:8px 0;
  border:1px solid rgba(212,175,55,.2);
}

/* Helpful */

/* PREMIUM HELPFUL BUTTON */

.helpful-btn{
  background:linear-gradient(135deg,#2a2a2a,#1a1a1a);
  border:1px solid rgba(212,175,55,.5);
  color:#ffffff !important;
  padding:6px 14px;
  border-radius:20px;
  font-size:12px;
  cursor:pointer;
  transition:.3s;
  box-shadow:0 2px 6px rgba(0,0,0,.6);
}

/* Hover */

.helpful-btn:hover{
  background:linear-gradient(135deg,#d4af37,#ffcc33);
  color:#000;
  box-shadow:0 0 12px rgba(212,175,55,.6);
  transform:translateY(-1px);
}

/* Active (Click) */

.helpful-btn:active{
  transform:scale(.96);
}


/* Mobile */

@media(max-width:768px){

  .review-img{
    max-width:100%;
  }

}


/*product details page end*/

/* =============================
   SIDEBAR ICON MENU
============================= */

.side-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 8px;
  border-radius:10px;
  margin-bottom:6px;
  transition:.25s;
}

.side-item img{
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(212,175,55,.4);
}

.side-item span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    bottom: 10px;
    left: 15px;
}

/* Hover */

.side-item:hover{
  background:rgba(212,175,55,.12);
}


/* FIX SIDEBAR ITEM ALIGNMENT */

.sidebar .side-item{
  display:flex !important;
  flex-direction:row !important;   /* 🔥 Horizontal */
  align-items:center !important;
  justify-content:flex-start;
  gap:12px;
  width:100%;
}


.menu-btn{
  transition:.3s;
}


.sidebar .side-item img{
  flex-shrink:0;   /* Image squeeze na ho */
}

.sidebar .side-item span{
  white-space:nowrap; /* Text neeche na jaye */
}


/* =============================
   CART COUNTER BADGE
============================= */

.cart-box{
  position:relative;
  font-size:22px;
  cursor:pointer;
}

/* Badge */

.cart-count{
  position:absolute;
  top:-6px;
  right:-8px;
  background:linear-gradient(135deg,#ff3b3b,#ff7a7a);
  color:#fff;
  min-width:18px;
  height:18px;
  border-radius:50%;
  font-size:11px;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #fff;
  box-shadow:0 0 6px rgba(255,59,59,.7);
}

.cart-box{
  text-decoration:none;   /* underline hatane ke liye */
  color:inherit;          /* icon ka color same rahe */
  display:inline-block;
}



/* Hover Effect */

.cart-box:hover .cart-count{
  transform:scale(1.1);
}



/* =============================
   USER ICON STYLE
============================= */

.user-box{
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(212,175,55,.5);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffcc33;
  text-decoration:none;
  font-size:16px;
  cursor:pointer;
  transition:.3s;
  box-shadow:0 0 6px rgba(212,175,55,.2);
}

/* Hover */

.user-box:hover{
  background:#d4af37;
  color:#000;
  box-shadow:0 0 12px rgba(212,175,55,.7);
  transform:translateY(-1px);
}





/*white start*/
/* =============================
   RETURN & EXCHANGE PAGE
============================= */

.return-policy{
  padding:50px 15px;
  background:#f5f7fb;
}

.return-container{
  max-width:900px;
  margin:auto;
  background:#fff;
  border-radius:18px;
  padding:35px 30px;
  box-shadow:0 4px 15px rgba(0,0,0,.08);
}

/* Title */

.return-container h2{
  text-align:center;
  font-size:32px;
  margin-bottom:10px;
  color:#222;
}

/* Intro */

.policy-intro{
  text-align:center;
  color:#666;
  font-size:15px;
  margin-bottom:35px;
  line-height:1.6;
}

/* Policy Box */

.policy-box{
  background:#fafafa;
  border:1px solid #eee;
  border-radius:12px;
  padding:20px 22px;
  margin-bottom:20px;
}

/* Heading */

.policy-box h3{
  font-size:18px;
  margin-bottom:12px;
  color:#000000;
  display:flex;
  align-items:center;
  gap:8px;
}

/* List */

.policy-box ul{
  padding-left:18px;
}

.policy-box li{
  margin-bottom:8px;
  color:#444;
  font-size:14px;
  line-height:1.6;
}

/* Paragraph */

.policy-box p{
  color:#444;
  font-size:14px;
  line-height:1.6;
}

/* Highlight */

.highlight{
  color:#000000;
  font-weight:600;
}

/* Warning Box */

.policy-box.warning{
  background:#fff3f3;
  border-color:#ffd1d1;
}

.policy-box.warning h3{
  color:#d63031;
}

/* Help */

.policy-help{
  margin-top:30px;
  text-align:center;
  font-size:15px;
  color:#333;
  background:#fef7ec;
  padding:15px;
  border-radius:10px;
  border:1px solid #ffe3b3;
}

/* Mobile */

@media(max-width:600px){

  .return-container{
    padding:25px 18px;
  }

  .return-container h2{
    font-size:26px;
  }


  .offer-slider {
      padding: 10px 0px !important;
  }

}


/*vaibhav */

/* Price wrapper */
.price-box {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-wrap: wrap;
}

/* Final selling price */
.price-box .price {
    font-size: 24px;
    font-weight: 700;
    color: #111;
}

/* MRP */
.price-box .mrp {
    font-size: 16px;
    color: #8b8b8b;
    text-decoration: line-through;
}

/* Discount badge */
.price-box .off {
    font-size: 13px;
    font-weight: 400;
    color: #1a7f37;
    background: #e6f4ea;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
}



/* ===== TOP CATEGORY SLIDER ===== */

.offer-slider {
    padding: 40px 0;
}

.deal-title {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* Slider track */
.slider-track {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Category card */
.banner__item {
    width: 180px;
    flex-shrink: 0;
    text-align: center;
}

/* Image box */
.banner__item__pic {
    width: 100%;
    height: 140px;
    background: #ffffff00;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Image */
.banner__item__pic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Category name */
.banner__item__text {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    text-align: center;
}

/* Remove underline */
.banner__item a {
    text-decoration: none;
    color: inherit;
}

/* Image wrapper */
.gold-img-box{
  width:100%;
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff00;
  border-radius:12px;
  overflow:hidden;
}

/* Image */
.gold-img-box img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;   /* ✅ NO CUTTING */
}

.final-price {
    font-size: 22px;
    font-weight: 700;
    color: #198754;
}

.strike-price {
    font-size: 15px;
    margin-left: 8px;
    color: #999;
    text-decoration: line-through;
}

.meesho-review-wrapper {
   margin-top:25px;
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

/* GRID */
.meesho-review-grid {
   margin-top:20px;
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 20px;
    margin-bottom: 24px;
}

/* SUMMARY */
.review-summary {
    text-align: center;
}
.rating-big {
    font-size: 42px;
    font-weight: 700;
    color: #038d63;
}
.rating-big span {
    font-size: 24px;
}

/* BARS */
.bar-row {
    display: grid;
    grid-template-columns: 90px 1fr 40px;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    margin-bottom: 8px;
}
.bar-track {
    height: 6px;
    background: #eee;
    border-radius: 6px;
    overflow: hidden;
}
.bar-fill {
    height: 100%;
    border-radius: 6px;
}
.star-5 { background: #1db954; }
.star-4 { background: #27ae60; }
.star-3 { background: #f1c40f; }
.star-2 { background: #f39c12; }
.star-1 { background: #e74c3c; }

/* CUSTOMER REVIEWS */
.customer-reviews h4 {
    margin-bottom: 12px;
}
.review-card {
    border-top: 1px solid #eee;
    padding: 14px 0;
}
.review-head {
    display: flex;
    gap: 10px;
    align-items: center;
}
.review-head img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
.review-meta {
    font-size: 13px;
    color: #777;
}
.review-text {
    margin: 8px 0;
}
.review-img {
    width: 120px;
    border-radius: 8px;
    margin-top: 6px;
}
.review-summary-grid {
    margin-top:20px;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 30px;
    align-items: center;
}

.rating-big {
    font-size: 42px;
    font-weight: 700;
    color: #2e7d32;
}

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

.bar-track {
    flex: 1;
    height: 8px;
    background: #eee;
    border-radius: 10px;
}

.bar-fill {
    height: 100%;
    border-radius: 10px;
}

.star-5 { background: #2ecc71; }
.star-4 { background: #4caf50; }
.star-3 { background: #fbc02d; }
.star-2 { background: #ff9800; }
.star-1 { background: #f44336; }

/* MODAL */
.review-modal {
    position: fixed;
    top: 0;
    right: -450px;
    width: 420px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 15px rgba(0,0,0,.2);
    transition: .4s;
    z-index: 9999;
}

.review-modal.active {
    right: 0;
}

.modal-header {
    padding: 15px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
}

.modal-body {
    padding: 15px;
    overflow-y: auto;
}

.review-media img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 6px;
}
/* Overlay */
.review-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: none;
    z-index: 998;
}

/* Drawer */
.review-drawer {
    position: fixed;
    top: 0;
    right: -420px;
    width: 420px;
    max-width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
    transition: right 0.35s ease;
    display: flex;
    flex-direction: column;
}

/* Active */
.review-drawer.active {
    right: 0;
}
.review-overlay.active {
    display: block;
}

/* Header */
.review-drawer-header {
    padding: 18px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.review-drawer-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
.drawer-close {
    border: none;
    background: none;
    font-size: 22px;
    cursor: pointer;
}

/* Body */
.review-drawer-body {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

/* Review Card */
.drawer-review-card {
    border-bottom: 1px solid #eee;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.drawer-review-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}
.drawer-rating {
    background: #388e3c;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 13px;
}
.drawer-date {
    font-size: 12px;
    color: #777;
}
.drawer-title {
    font-size: 15px;
    margin: 4px 0;
    font-weight: 600;
}
.drawer-text {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

/* Media */
.drawer-media {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
.drawer-media img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #eee;
}

/* Empty */
.no-review-text {
    text-align: center;
    color: #888;
    margin-top: 50px;
}

/* IMPORTANT: adjust to your real header height */
:root {
    --header-height: 110px;
}

/* Overlay */
.review-overlay {
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100%;
    height: calc(100vh - var(--header-height));
    background: rgba(0,0,0,0.45);
    display: none;
    z-index: 999;
}

/* Drawer */
.review-drawer {
    position: fixed;
    top: var(--header-height);
    right: -420px;
    width: 420px;
    height: calc(100vh - var(--header-height));
    background: #fff;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    transition: right 0.35s ease;
    box-shadow: -6px 0 18px rgba(0,0,0,0.15);
}

/* Active */
.review-drawer.active {
    right: 0;
}
.review-overlay.active {
    display: block;
}

/* Header */
.review-header {
    height: 60px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
}

/* Close button */
.review-header button {
    border: none;
    background: #f1f1f1;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: all 0.2s ease;
}

/* Hover effect */
.review-header button:hover {
    background: #e53935;
    color: #fff;
    transform: scale(1.05);
}

/* Active click */
.review-header button:active {
    transform: scale(0.95);
}


/* Body */
.review-body {
    padding: 14px;
    overflow-y: auto;
    background: #fafafa;
}

/* Card */
.review-card {
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Top row */
.review-top {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 6px;
}

.rating {
    /*background: #2e7d32;*/
    color: #fff;
    padding: 2px 8px;
    border-radius: 6px;
}

.navv a{
  text-decoration: none;
}

.date {
    color: #777;
}

/* Text */
.review-card p {
    font-size: 13px;
    margin: 6px 0;
    color: #333;
}

/* Verified */
.verified {
    font-size: 12px;
    color: #2e7d32;
    font-weight: 500;
}


.review-media {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.review-thumb,
.video-thumb {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    object-fit: cover;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.video-thumb video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    background: rgba(0,0,0,.4);
}

/* Modal */
.media-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.media-modal img,
.media-modal video {
    max-width: 90%;
    max-height: 85%;
    border-radius: 10px;
}

.media-close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
}

.size-options {
    margin-top: 14px;
    display: flex;
    gap: 7px;
    margin-left: 10px;
    font-size: 12px;
}

/* hide radio */
.size-pill input {
    display: none;
}

/* default pill */
.size-label {
    padding: 8px 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    background: #fff;
    transition: all 0.2s ease;
}

/* selected state – ONLY after click */
.size-pill input:checked + .size-label {
    background: #ff3f6c;
    color: #fff;
    border-color: #ff3f6c;
    box-shadow: 0 6px 14px rgba(255, 63, 108, 0.25);
}

.size-selector {
    position: relative;
    margin-top: 0px;
}

.size-selector h5 {
    position: relative;
    z-index: 2;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 10px;
}

.size-options {
    position: relative;
    z-index: 1;
}


.profile-wrapper {
    position: relative;
}

/* Drawer box */
.profile-drawer {
    position: absolute;
    top: 55px;
    right: 0;
    width: 240px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
    display: none;
    z-index: 999;
    animation: slideDown 0.25s ease;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.profile-head {
    display: flex;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid #eee;
}

.profile-head i {
    font-size: 36px;
    color: #888;
}

.profile-head small {
    display: block;
    color: #777;
    font-size: 12px;
}

/* Menu */
.profile-drawer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-drawer li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.profile-drawer li a:hover {
    background: #f5f5f5;
}

/*cart*/
  body {
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
   }
   .containerr {
   width: 90%;
   max-width: 1000px;
   margin: 20px auto;
   background: #fff;
   padding: 20px;
   }
   .steps {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 30px;
   margin-top: 30px;
   }
   .Maincartproduct {
   margin-bottom: 35px;
   border: 1px solid #eee;
   padding-top: 10px;
   }
   #editBtn {
   background: transparent;
   text-transform: capitalize;
   padding: 7px;
   border: none;
   border-radius: 15px 0px 0px 15px;
   font-weight: bolder;
   }
   .step {
   text-align: center;
   font-size: 14px;
   color: #888;
   /*margin-top: 12px;*/
   }
   .step span{
   text-align: center;
   font-size: 14px;
   color: #888;
   border: 1px solid;
   padding: 4px 8px;
   border-radius: 18px;
   /* width: 58px !important; */
   /* height: auto; */
   }
   .step.active span{
   color: #fff;
   background: #7b1fa2;
   border: 0px solid #fff; 
   }
   .step.active {
   font-weight: bold;
   }
   .line {
   flex: 1;
   height: 1px;
   background: #ccc;
   margin: 0 10px;
   }
   .main-content {
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
   }
   .product-details, .price-details {
   flex: 1;
   min-width: 300px;
   background: #fff;
   padding: 20px;
   /*border: 1px solid #eee;*/
   border-radius: 5px;
   }
   .product-details h2, .price-details h2 {
   font-size: 20px;
   font-weight: bold;
   }
   .product-card {
   display: flex;
   position: relative;
   }
   .product-image img {
   width: 80px;
   height: 80px;
   object-fit: cover;
   border: none;
   border-radius: 22px;
   padding: 10px;
   }
   .product-info {
   margin-left: 15px;
   flex: 1;
   }
   .product-title {
   font-weight: bold;
   margin-bottom: 5px;
   font-size: 13px;
   }
   .product-price {
   color: #444;
   margin-bottom: 5px;
   }
   .product-returns {
   font-size: 12px;
   color: #666;
   margin-bottom: 5px;
   }
   .product-size-qty {
   font-size: 12px;
   color: #444;
   margin-bottom: 5px;
   }
   .remove {
   color: #555;
   font-size: 12px;
   text-decoration: none;
   }
   .edit-link {
   position: absolute;
   right: 0;
   top: 0;
   }
   .edit-link a {
   color: #9c27b0;
   font-size: 12px;
   text-decoration: none;
   }
   .product-footer {
   margin-top: 10px;
   font-size: 12px;
   color: #555;
   display: flex;
   justify-content: space-between;
   border-top: 1px solid #fefe;
   padding: 10px;
   }
   .free-delivery {
   color: green;
   }
   .price-details h2 {
   margin-top: 0;
   }
   .price-row, .total-row {
   display: flex;
   justify-content: space-between;
   margin: 10px 0;
   }
   .total-row {
   font-size: 16px;
   }
   .continue-note {
   font-size: 12px;
   color: #555;
   margin: 10px 0;
   }
   .continue-btn {
   width: 100%;
   background: #c0a432;
   color: #fff;
   border: none;
   padding: 10px;
   font-size: 16px;
   cursor: pointer;
   border-radius: 4px;
   }
   .continue-btn:hover {
   background: #7b1fa2;
   color: #fff;
   }
   .safety-box {
   display: flex;
   align-items: center;
   background: #eef5ff;
   padding: 10px;
   margin-top: 15px;
   border-radius: 4px;
   font-size: 12px;
   }
   .safety-icon {
   font-size: 24px;
   margin-right: 10px;
   color: #9c27b0;
   }
   /*model css start*/
   .btnn {
   background-color: #82027D;
   color: white;
   border: none;
   border-radius: 6px;
   cursor: pointer;
   font-size: 16px;
   display: block;
   }
   /* Modal Overlay */
   .modal {
   display: none;
   position: fixed;
   z-index: 1000;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   overflow-y: auto;
   }
   /* Modal Content Box */
   .modal-content {
   background-color: white;
   margin: 40px auto;
   border-radius: 10px;
   width: 90%;
   max-width: 420px;
   padding: 20px;
   animation: fadeIn 0.3s ease-in-out;
   }
   @keyframes fadeIn {
   from { opacity: 0; transform: scale(0.9); }
   to { opacity: 1; transform: scale(1); }
   }
   .modal-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   }
   .modal-header h3 {
   font-size: 18px;
   margin: 0;
   }
   .nice-select{
   display: none;
   }
   select{
   display: block;
   }
   .close {
   font-size: 24px;
   cursor: pointer;
   }
   .products {
   display: flex;
   gap: 15px;
   margin: 20px 0;
   flex-wrap: wrap;
   }
   .products img {
   width: 80px;
   border-radius: 5px;
   object-fit: cover;
   }
   .products-info {
   flex: 1;
   min-width: 200px;
   }
   .products-info h4 {
   margin: 0 0 5px;
   font-size: 16px;
   }
   .products-info p {
   margin: 0;
   color: #333;
   font-weight: bold;
   }
   .controlss {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 20px 0;
   gap: 10px;
   }
   .qty {
   display: flex;
   align-items: center;
   gap: 10px;
   }
   .qty button {
   padding: 6px 10px;
   font-size: 18px;
   border: none;
   background-color: #ddd;
   border-radius: 4px;
   cursor: pointer;
   }
   .controlss select {
   padding: 6px 10px;
   border-radius: 4px;
   font-size: 14px;
   display: block !important;
   }
   .controlss label {
   display: flex;
   margin-bottom: .5rem;
   }
   .total {
   font-weight: bold;
   text-align: right;
   margin-bottom: 20px;
   font-size: 16px;
   }
   .continue-btn {
   width: 100%;
   background-color: #c0a432;
   color: white;
   padding: 14px;
   font-size: 16px;
   border: none;
   border-radius: 6px;
   cursor: pointer;
   }

   .safe-box img {
      width: 36px;
      display: none !important;
  }


   @media (max-width: 480px) {
   .products {
   flex-direction: column;
   align-items: center;
   text-align: center;
   }
   .products-info {
   min-width: 100%;
   }
   .controls {
   flex-direction: column;
   align-items: flex-start;
   }
   .total {
   text-align: left;
   }
   }
/*cart-item vaibhav*/

.controlss {
    display: flex;
    align-items: center;
    gap: 30px;
}
.modal-row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.modal-label {
    white-space: nowrap;
}
.qty {
    display: flex;
    align-items: center;
    gap: 10px;
}
.qty label {
    white-space: nowrap;
}

.cart-page-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* Optional: remove padding from rows/columns inside */
/*.row, .col-lg-*, .col-md-* {
    margin: 0;
    padding: 0;
}*/


/* Stepper / Progress Steps */
.steps-wrapper {
    padding: 15px 0px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.steps-wrapper .steps {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.step {
    text-align: center;
    min-width: 50px !important;
    flex: 0 1 auto;
}
.step .circle {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #ddd;
    color: #fff;
    margin: 0 auto 5px;
    font-weight: bold;
    font-size: 0.9rem;
}
.step.active .circle {
    background-color: #C0A432 !important;
}
.step .label {
    font-size: 0.85rem;
    font-weight: 500;
}

.deliver-btn {
    background: #c0a432 !important;
    color: white !important;
    width: 100%;
    border: none;
    padding: 12px;
    border-radius: 5px;
    margin-top: 15px;
}

.modal-slide .continue-btn {
    background: #c0a432 !important;
    color: white !important;
    border: none;
    cursor: pointer;
}


.line {
    height: 2px;
    background-color: #ddd;
    flex-grow: 1;
    margin: 0 10px;
}

.cdbox {
    width: 100%;
    background: #fff;
}

.footer-box li{
  list-style: none;
}

.address-details{
    font-size: 12px;
    padding-left: 15px;
}

.badge-hot {
    background: #a2ffc4 !important;
}

.place-order-btn {
    background: #C0A432 !important;
}

.steps .active {
    background: transparent !important;
    color: gray !important;
}

.order-success-container p{
  margin-bottom: 20px;
}

.product-box {
    display: flex;
    gap: 15px;
    margin: 20px;
    background: #050c3e !important;
    padding: 10px !important;
    border-radius: 10px !important;
}

.order-left {
    flex: 2;
    background: transparent !important;
    padding: 20px;
    border-radius: 10px;
    color: #f9fafb;
}



/* selected state – ONLY after click */
.size-pill input:checked  ~ .size-label {
    background: #ff3f6c;
    color: #fff;
    border-color: #ff3f6c;
    box-shadow: 0 6px 14px rgba(255, 63, 108, 0.25);
}



.size-pill.disabled {
    opacity: 0.5;
    pointer-events: none;
}




/*blink new order start*/
.table-borderless .bg-secondary {
    animation: blinkBg 1s infinite;
    transition: all 0.3s ease;
}

@keyframes blinkBg {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
}

/*blink new order end*/