/** Shopify CDN: Minification failed

Line 26:8 Unexpected "{"
Line 155:0 Unexpected "/"
Line 161:0 Unexpected "/"

**/


.m-product-card__title a.m-product-card__name {
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
  font-weight: 500;
}

/*Css for Buy 4 at 999 */
.individual-products-section {
    margin-top: 0px!important;
}

.individual-products-section p.condition-description {
    padding-bottom: 15px!important;  
}

/*Css for whole site change*/
h1, h2, {
 color: #6B1010 !important;
  font-weight: !important;
}

h3{
  color:#4C3830;
}
.m-product-card {
  position: relative;
}

/* Mobile-specific styles for headings */
@media (max-width: 767px) {
  h2.m-section__heading, 
  h2.m-heading {
    font-size: 26px !important;  /* Adjust the size for mobile */
    line-height: 30px !important; /* Adjust line height for readability */
    font-weight: 600;
    color: #6b1010; 
  }
}
/*Css for discount Percentage */
body .m-product-card__tag-name {
position: absolute;
  top: -1.3rem;        /* NOT at the edge */
  left: -0.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  
    width: 35px;
    font-weight:900 !important;
    font-size:10px;
    border-radius: 4px !important;
    height: 35px;
    border-top:0px;
}

.m-color-badge-sale{
    font-weight:500 !important; 
    font-size:15px !important;

}
.m-product-card__tag-name .m-product-tag .m-product-tag--sale .m-gradient .m-color-badge-sale{
  font-weight:900 !important;
   font-size:15px !important;
}
/* Mobile Version Fix */
@media (max-width: 769px) {
  body .m-product-card__tag-name {
    /* Value ko 0 ya positive rakhein niche karne ke liye */
    top: -1rem !important; 
    left: -0.2rem; /* Thoda side se adjust karne ke liye */
        font-size:12px !important;
        height:30px;
        width:30px;

  }
}

/*Css for product card*/
/* #m-section--template--24103234797815__featured_collection_kTVNm7 .m-product-card .m-product-card__title {
    width: 100%;
    height: 100%;
    min-height: 60px !important;
} */

.m-product-card .m-product-card__title {
    width: 100%;
    height: 100%;
    min-height: 90px !important;
}

.m-product-card {
    border-radius: 15px
}

.m-product-card .m-product-card__content .m-product-card__info {
    margin-left: 15px;
    margin-right: 15px;
}

/*Css for testomonial */
#trustoo-barrage-carousel {

}

#trustoo-barrage-carousel #tt-carousel-content #tt-carousel-title {
    font-size: 24px !important;
    letter-spacing: 0.4px;
    word-spacing: 1px;
    text-transform: uppercase;
}

#trustoo-barrage-carousel #tt-carousel-content #tt-carousel-desc {
    word-spacing: 1px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

/*Css for footer */
h3.m-footer--block-title {
    color: #fff !important;
    opacity: 85%;
}

/*Css For Product Discription image*/
.m-product-details-tabs .m-tab-content--description .rte p {
    margin-bottom: 0px!important;
}

.m-product-details-tabs .m-tab-content--description .rte p img {
    margin-bottom: 0px!important;
    border-radius: 0%!important;
}

/*Css For Vendors*/
.m-product-card__vendor {
    
    font-size: 16px !important;
    /* font-weight: 600 !important; */
}

/*Css For inventory status */
.main-product__block-inventory_status {
    display: none !important;
}

/for metafield image/
.custom_extra img{
  width: 100%;
 padding: clamp(0em, 1vw, 0.5em);
 border-radius:10px;
}
/end/


/*for custome metafield image on product page */
.custom_extra img {
    width: 20% !important;
}

/*Css for select options */
button.m-product-form.m-product-quickview-button {
    background: #ba8b4b !important;
    color: #fff !important;
}

button.m-product-form.m-product-quickview-button:hover {
    background-color: rgb(125, 19, 19)!important;
    box-shadow: none !important;
}

/*Css For Whatspp Button */
#st-2.st-sticky-share-buttons {
    max-width: 48px;
    right: 5px!important;
    bottom: 10px!important;
    left: auto!important;
}

#st-2.st-sticky-share-buttons .st-btn {
    border-radius: 50%!important;
}

@media(max-width: 426px){
#st-2.st-sticky-share-buttons {
    bottom: 70px!important;
    right: 5px!important;
}
}

/*Css For Mobile sticky shortcuts*/
.m-mobile-sticky-bar {
    visibility: hidden !important;
}

/*css For homepage banner */
/* @media(min-width: 769px){
.m-slide__bg img {
    object-fit: fill !important;
}
} */





/* =========================
   HIDE OLD DIWALI POPUP
========================= 
#diwali-popup-overlay,
#diwali-popup {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}





/* =========================
   SIMPLE IMAGE POPUP
========================= 

#spiritual-popup-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.47);
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}

#spiritual-popup-overlay.active{
  opacity: 1;
  visibility: visible;
}

body.spiritual-popup-open{ overflow: hidden; }

#spiritual-popup{
  position: relative;

  /* square on desktop + mobile 
  width: min(560px, 92vw);
  aspect-ratio: 1 / 1;

  overflow: hidden;
  background-color: #111; /* fallback while image loads */

  /* ✅ IMAGE GOES HERE (NOT ON <a>) 
  background-image: url("/cdn/shop/files/FINAL_POPUP-2.webp?v=1766043506");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  box-shadow: 0 20px 60px rgba(0,0,0,.45);

  transform: scale(.97);
  transition: transform .25s ease;
}

#spiritual-popup-overlay.active #spiritual-popup{
  transform: scale(1);
}

/* Transparent full click layer 
#spiritual-popup-link{
  position: absolute;
  inset: 0;
  display: block;
  z-index: 2;

  /* make sure NO random icon/text appears 
  background: transparent !important;
  text-decoration: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* kill pseudo-elements added by theme 
#spiritual-popup-link::before,
#spiritual-popup-link::after{
  content: none !important;
  display: none !important;
}

/* Close button 
#spiritual-close-btn{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3; /* above click layer 
  width: 42px;
  height: 42px;
  border: none;
  cursor: pointer;
  background: rgba(0,0,0,.45);
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

#spiritual-close-btn::before,
#spiritual-close-btn::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background: #fff;
  transform-origin: center;
}

#spiritual-close-btn::before{ transform: translate(-50%,-50%) rotate(45deg); }
#spiritual-close-btn::after { transform: translate(-50%,-50%) rotate(-45deg); }


/* 0) Kill any old margin rules pushing content right */
/* =========================================================
   AOP – Product Card Style 4 (PIXEL-CLOSER TO FIGMA)
   - 2-line title consumes the gap (gap ~0)
   - 1-line title gets the gap (gap after effect)
   - Price/review/offer appear immediately after effect (like Figma)
   ========================================================= */


/* ---------------------------------------------------------
   1) Left alignment + same edge
--------------------------------------------------------- */
.m-product-card--style-4 .m-product-card__content .m-product-card__info,
.m-product-card--style-4 .m-product-card__content .m-product-card__info *{
  text-align: left !important;
}

.m-product-card--style-4 .m-product-card__content{
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

.m-product-card--style-4 .m-product-card__content .m-product-card__info{
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.m-product-card--style-4 .m-product-card__text,
.m-product-card--style-4 .jdgm-widget.jdgm-preview-badge,
.m-product-card--style-4 .m-product-card__reviews,
.m-product-card--style-4 .m-product-card__price{
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}


/* ---------------------------------------------------------
   2) Full-width CTA
--------------------------------------------------------- */
.m-product-card--style-4 .m-product-card__action-wrapper,
.m-product-card--style-4 .m-product-card__action{
  width: 100% !important;
  max-width: none !important;
  display: block !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.m-product-card--style-4 product-form,
.m-product-card--style-4 .m-product-card__form,
.m-product-card--style-4 form.m-product-card__form,
.m-product-card--style-4 .m-product-card__action-wrapper product-form,
.m-product-card--style-4 .m-product-card__action-wrapper form{
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}

.m-product-card--style-4 .m-add-to-cart,
.m-product-card--style-4 .m-product-card__action-wrapper .m-button,
.m-product-card--style-4 .m-product-card__action-wrapper button[type="submit"],
.m-product-card--style-4 .m-product-card__action-wrapper button[name="add"]{
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   3) Typography (Desktop)
--------------------------------------------------------- */
.m-product-card--style-4 .m-product-card__detail-title{
  font-size: 16px !important;
  line-height: 16px !important;
  margin: -2px 0 6px 0 !important;
  opacity: 0.85 !important;
}

/* Title: max 2 lines + ellipsis (NO fixed height) */
.m-product-card--style-4 .m-product-card__product-name{
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #801916 !important;
  margin: 0 0 6px 0 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  height: auto !important;
  max-height: none !important;
}

/* Effect: tight (no extra gap below) */
.m-product-card--style-4 .m-product-card__effect{
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  opacity: 0.75 !important;
  margin: 0 !important;  /* IMPORTANT */
}


/* ---------------------------------------------------------
   4) KEY: Gap only when title is 1-line
   - Make text block flex
   - Set min-height to the "2-line max" height
   - Spacer can shrink to 0
--------------------------------------------------------- */
.m-product-card--style-4 .m-product-card__text{
  display: flex !important;
  flex-direction: column !important;

  /* Desktop math:
     detail (16 + 6) + title 2 lines (44 + 6) + effect (16) ~= 88px */
  min-height: 88px !important;  /* <-- THIS is the important change */
}

.m-product-card--style-4 .m-product-card__spacer{
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;     /* MUST be 0 so 2-line title removes the gap */
  margin: 0 !important;
  padding: 0 !important;
}


/* ---------------------------------------------------------
   5) Remove “extra break” between sections (Figma-like)
--------------------------------------------------------- */
.m-product-card--style-4 .jdgm-widget.jdgm-preview-badge,
.m-product-card--style-4 .m-product-card__reviews{
  margin: 2px 0 0 0 !important;   /* small, not a big gap */
}

.m-product-card--style-4 .m-product-card__price,
.m-product-card--style-4 .m-price{
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #801916 !important;
  margin: 2px 0 0 0 !important;   /* keep tight like Figma */
}

.m-product-card--style-4 .m-price__compare,
.m-product-card--style-4 .compare-price{
  font-size: 16px !important;
}


/* =========================================================
   MOBILE (<=767px)
   Same logic with correct 2-line max height
   ========================================================= */
@media (max-width: 767px){

  .m-product-card--style-4 .m-product-card__detail-title{
    font-size: 14px !important;
    line-height: 16px !important;
    margin: 0 0 6px 0 !important;
  }

  .m-product-card--style-4 .m-product-card__product-name{
    font-size: 15px !important;
    line-height: 19px !important;
    margin: 0 0 6px 0 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    height: auto !important;
  }

  .m-product-card--style-4 .m-product-card__effect{
    font-size: 12px !important;
    line-height: 15px !important;
    margin: 0 !important;
  }

  /* Mobile math:
     detail (16+6) + title 2 lines (38+6) + effect (15) ~= 81px */
  .m-product-card--style-4 .m-product-card__text{
    min-height: 81px !important;
  }

  .m-product-card--style-4 .m-product-card__spacer{
    min-height: 0 !important;
  }

  .m-product-card--style-4 .m-product-card__price,
  .m-product-card--style-4 .m-price{
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    margin: 2px 0 0 0 !important;
  }

  .m-product-card--style-4 .m-price__compare,
  .m-product-card--style-4 .compare-price{
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  .m-product-card--style-4 .jdgm-widget.jdgm-preview-badge,
  .m-product-card--style-4 .m-product-card__reviews{
    margin: 2px 0 0 0 !important;
  }

  .m-product-card--style-4 .m-product-card__action-wrapper .m-button,
  .m-product-card--style-4 .m-product-card__action-wrapper button[type="submit"],
  .m-product-card--style-4 .m-product-card__action-wrapper button[name="add"]{
    font-size: 14px !important;
    line-height: 18px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}


button.m-product-form.m-product-quickview-button {
  background-color:#7d1313 !important;
}









.aop-card-offer {
  font-size:16px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  color: #1e7e34;
}

.offer-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.jdgm-widget jdgm-preview-badge jdgm--done-setup{
  font-size:5px;
}

.jdgm-prev-badge{
  font-size:12px;
}

/* Mobile Optimization */
@media (max-width: 768px) {
  .aop-card-offer {
    font-size: 14px; /* slightly smaller for mobile */
    gap: 6px; /* better spacing */
    line-height: 1.3; /* improves readability */
  }

  .offer-icon {
    width: 18px;
    height: 18px;
  }
}

/* Extra small devices (optional - for very tight UI) */
@media (max-width: 480px) {
  .aop-card-offer {
    font-size: 13px;
    gap: 6px;
  }

  .offer-icon {
    width: 16px;
    height: 16px;
  }
}