/** Shopify CDN: Minification failed

Line 314:0 Unexpected "}"

**/
/* OMB critical CSS (Oct 2026): exact copies of styles that the theme prints AFTER the page HTML.
   Loaded in <head> so the page never shows unstyled while it loads.
   The original styles still load in their usual place, so the final design is unchanged.
   If you edit the original section CSS, update this copy too (or delete this file). */
/* source: sections/main-product.liquid */
/* KEY BENEFITS */

.key-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:35px 20px;
  padding-top:20px;
}

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

.benefit-icon{
  width:65px;
  height:65px;
  object-fit:contain;
  
  opacity:0.9;
}

.benefit-item p{
  font-size:14px;
  line-height:1.5;
  color:#222;
  margin:0;
  font-weight:500;
}

@media(max-width:768px){

  .key-benefits-grid{
    grid-template-columns:repeat(3,1fr);
    gap:25px 15px;
  }

  .benefit-item p{
    font-size:14px;
  }

  .benefit-icon{
    width:55px;
    height:55px;
  }

}
/* DESKTOP 60-40 LAYOUT FIX */
@media screen and (min-width: 990px){

  .product.grid.grid--1-col.grid--2-col-tablet{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:20px;
  }

  .product.grid.grid--1-col.grid--2-col-tablet > .product__media-wrapper.grid__item{
    width:60% !important;
    max-width:58% !important;
    flex:0 0 58% !important;
  }

  .product.grid.grid--1-col.grid--2-col-tablet > .product__info-wrapper.grid__item{
    width:40% !important;
    max-width:40% !important;
    flex:0 0 40% !important;
  }

  .product.grid .grid__item{
    padding:0 !important;
    margin:0 !important;
  }

}
  span.price-item.price-item--regular {
    font-weight: 300;
    font-size: 22px;
}
.product-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.product-tags .tag {
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 20px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
  background: var(--tag-bg, var(--tag-default-bg));
  color: var(--tag-text, var(--tag-default-text));
}
  .product-tag {
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 20px;
  margin-bottom: 6px;
  font-weight: 500;
}
@media screen and (min-width: 750px) {
    .product__info-wrapper {
        padding: 0 0 0 2rem !important;
    }
}
  /* ===== SLIDER BUTTON MODERN DESIGN ===== */

.slider-btn {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);

  width: 42px;
  height: 42px;

  border-radius: 50%;
  border: none;

  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px);

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

  cursor: pointer;
  z-index: 10;

  box-shadow: 0 4px 12px rgba(0,0,0,0.15);

  transition: all 0.3s ease;
}

/* ICON */
.slider-btn svg {
  width: 18px !important;
  height: 18px;
  fill: #000;
  transition: 0.3s;
}

/* POSITION */
.slider-btn.prev {
  left: 10px;
}

.slider-btn.next {
  right: 10px;
}

/* HOVER EFFECT */


.slider-btn:hover svg {
  fill: #fff;
}

/* ACTIVE CLICK EFFECT */
.slider-btn:active {
  transform: translateY(-50%) scale(0.95);
}

/* MOBILE SMALL BUTTON */
@media (max-width: 768px) {
  .slider-btn {
    width: 34px;
    height: 34px;
  }

  .slider-btn svg {
    width: 14px;
    height: 14px;
  }
}


.product__media-wrapper,
.product__media-wrapper * {
  border-radius: 10px !important;
}

/* HIDE BY DEFAULT (DESKTOP) */
.slider-btn {
  display: none;
}

/* SHOW ONLY MOBILE */
@media (max-width: 768px) {
  .slider-btn {
    display: flex !important;
  }
  .breadcrumbs{
 font-size: 12px !important;
  margin-top: 0px !important;
}

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

.slider-btn svg {
  width:25px !important;
          height: 23px !important;
}
.breaddiv {
  max-width:100% !important;
      
}

}
.breaddiv {
  max-width:86%;
      margin-left: auto;
    margin-right: auto;
}
button.slider-btn {
    border-radius: 50% !important;
}
/* HIDE BY DEFAULT */
.breadcrumbs {
 
  font-size: 13px;
  margin-bottom: 10px;
}

/* SHOW ONLY MOBILE */
@media (max-width: 768px) {
  .breadcrumbs {
    display: block;
    margin-bottom: 7px !important;
    
  }
  .product.grid {
    padding:0 12px;
  }
}

/* Styling */
.breadcrumbs a {
  text-decoration: none;
  color: #555;
}

.breadcrumbs span {
  margin: 0 4px;
  color: #999;
}
.breadcrumbs{
  padding:0 28px;
  margin-top: 20px;
}

.breadcrumbs {
  background:#f6f6f6;
  padding-bottom:10px;
  padding-top:10px;
  font-size: 14px;
  margin-bottom: 40px;
}
.ideal-for-pill {
  
    margin-top: 5px !important;
    margin-bottom: 8px !important;
}
@media (min-width: 750px) {
  .product-promo-offers {
    flex-direction: row !important;
  }
}


.product-promo-offers {
    
    flex-direction: column;
}

@media screen and (max-width: 749px) {
    .feature-icon-wrapper {
        width: 20px !important;
        height: 20px !important;
    }

    
}

@media screen and (max-width: 749px) {
    .feature-text-content {
        font-size: 14px !important;
    }
    .product-form__qty-cart {
    
    margin-bottom: 16px !important;
}
}
}

.price.price--on-sale.price--show-badge
 {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
}

product-form__submit {
    margin-bottom: 14px !important;
}

.button, .shopify-challenge__button, .customer button, button.shopify-payment-button__button--unbranded  {
  height:46px !important;
}
.product-form__submit {
    margin-bottom: 15px !important;
}
.product__title {
    font-size: 28px !important;
  
}

@media (max-width: 768px) {
  .product__title {
    font-size: 24px !important;
  }
}
@media (max-width: 768px) {
  section.product__info-container {
    margin-top: 20px;
}

  .product__media-list {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scroll-snap-stop: always !important;  /* YEH ADD KARO */
  }
  
  .product__media-list .product__media-item {
    flex: 0 0 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;  /* YEH ADD KARO */
  }
  
  /* YEH POORA NAYA CODE ADD KARO */
  .product__media-list > * {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  
  /* Container ki width fix karo */
  .product__media-wrapper {
    overflow: hidden !important;
  }
  
  /* Scroll margin hatane ke liye */
  .product__media-list {
    scroll-padding: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* Slider Container ko relative position do */
.product__media-wrapper {
  position: relative;
}

/* Buttons ke liye container */
.slider-button-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  
}

/* Button styling */
.slider-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
 
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.slider-btn.prev {
  left: 10px !important;
}

.slider-btn.next {
  right: 10px !important;
}

.slider-btn svg {
  width: 20px !important;
  height: 20px !important;
  stroke: white !important;
}

/* Mobile par hi buttons dikhane ke liye */
@media (min-width: 769px) {
  .slider-btn {
    display: none !important;
  }
}

/* Slider ko horizontal scrollable banane ke liye */
@media (max-width: 768px) {
  .product__media-list {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
  }
  
  .product__media-list .product__media-item {
    flex: 0 0 100% !important;
    scroll-snap-align: start !important;
  }
}

/* source: snippets/product-media-gallery.liquid */
@media (max-width: 768px) {

  /* remove peek effect */
  .grid--peek .slider__slide {
    width: 100% !important;
  }

  .grid--peek {
    overflow: hidden !important;
  }

  /* remove side spacing */
  .slider-mobile-gutter {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ensure only one image fully visible */
  .product__media-list {
    gap: 0 !important;
  }

}
@media screen and (max-width: 749px) {
    .grid--peek.slider .grid__item:first-of-type {
        margin-left: 0 !important;
    }
}