/** Shopify CDN: Minification failed

Line 45:1 Unexpected "{"
Line 191:18 Expected "(" but found "milestone"

**/



/* ---------------------------------- global css =====================================  */


/* body, 
.page-container, 
#MainContent,
main {
  background-color: #F8F5F0 !important;
}


body, h1, h2, h3, h4, h5, h6, 
p, span, a, label, li, input, textarea,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #3B302B !important;
} */


/* Universal (*) ko hata kar sirf main elements par font lagayein */
/* body, 
h1, h2, h3, h4, h5, h6, 
p, span, a, label, li, input, textarea, button,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Syne", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
} */



/* 1. Website & Footer Background Color */
body, 
.page-container, 
#MainContent,
main,
 {
  background-color: #F8F5F0 !important;
}

/* 2. All Fonts & Text Color (Including Footer Text & Links) */
body, h1, h2, h3, h4, h5, h6, 
p, span, a, label, li, input, textarea,
.h1, .h2, .h3, .h4, .h5, .h6,
footer *,
.footer *,
.site-footer * {
  color: #3B302B !important;
}
footer *,
.footer *,
.site-footer * {
  color: #f9f9f9ff !important;
}

/* ---------------------------------- global css =====================================  */




/* -========================================= full width section padding css =============================================  */


/* ------ product cards section -----------  */




#shopify-section-template--20819139657926__product_list_fa6P9H,
#shopify-section-template--20819139657926__product_list_F7XaCT {
    padding: 0px 20px 0px 20px;
}
@media(max-width: 768px){
#shopify-section-template--20819139657926__product_list_fa6P9H,
div#shopify-section-template--20819139657926__product_list_F7XaCT {
    padding: 0px 5px 0px 10px;
}
}


/* ------ product cards section -----------  */





/* -========================================= full width section padding css =============================================  */

/* -------------------------------------   header css -------------------------------------  */

.header__underlay.header__underlay-closed {
    display: none !important;
}
.header__row.header__row--top.color-\#ffffff.section.section--full-width-margin.section--page-width.color-custom-top-sections--20819139985606__header_section {
    background-color: #ffffff96 !important;
    border-radius: 5px;
    width: 96% !important;
    margin: 6px auto 0px !important;
}

@media(max-width: 1230px){
    .header__row.header__row--top.color-\#ffffff.section.section--full-width-margin.section--page-width.color-custom-top-sections--20819139985606__header_section {
  
    width: 95.5% !important;
}
}
@media(max-width: 1030px){
    .header__row.header__row--top.color-\#ffffff.section.section--full-width-margin.section--page-width.color-custom-top-sections--20819139985606__header_section {
  
    width: 94% !important;
}
}


@media(max-width: 767px){
    .header__row.header__row--top.color-\#ffffff.section.section--full-width-margin.section--page-width.color-custom-top-sections--20819139985606__header_section {
    margin: 4px auto 0px !important;
    width: 92% !important;
}
}
/* -------------------------------------   header css -------------------------------------  */








/* =============================== product cards -----------------------------------------------------  */


/* Product Cards Title Styling: Single Line Truncation, Weight & Mobile Size */
.product-card .text-block--align-left p[role="heading"],
.product-card h3,
.product-card__content p {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  
  /* Font weight update */
  font-weight: 600 !important;
}

/* Mobile Screens (749px ya us se choti screens ke liye) */
@media screen and (max-width: 749px) {
  .product-card .text-block--align-left p[role="heading"],
  .product-card h3,
  .product-card__content p {
    font-size: 14px !important;
    line-height: 1.3 !important; /* Proper text spacing ke liye */
  }
}


/* --- Desktop / Base Styling --- */

/* Normal Price / Sale Price ko bold rakhne ke liye */
.product-card .price,
.product-card .price-item--sale {
  font-weight: 600 !important;
}

/* Compare At Price (Cut wali price) - Desktop */
.product-card .compare-at-price,
.product-card .price-item--regular {
  font-size: 13px !important;
  color: #8c8c8c !important; /* Light Grey Color */
  text-decoration: line-through;
  font-weight: normal !important;
}

/* Hover Button wali Price ko bold rakhne ke liye */
.product-card .hover-buy-btn .btn-price-text {
  font-weight: 600 !important;
}


/* --- Mobile Responsive Styling (749px se choti screens par) --- */
@media screen and milestone (max-width: 749px) {
  /* Mobile par normal & sale price size 15px */
  .product-card .price,
  .product-card .price-item--sale {
    font-size: 15px !important;
  }

  /* Mobile par cut wali price size 12px */
  .product-card .compare-at-price,
  .product-card .price-item--regular {
    font-size: 12px !important;
  }
}




/* >>>>>>>>>>>>>>>>>> product badge css <<<<<<<<<<<<<<<<< */

/* Badge Shiny Sweeping Animation (Slash Direction /) */
.product-badges__badge.color-custom-badge-sale {
  position: relative !important;
  overflow: hidden !important;
}

.product-badges__badge.color-custom-badge-sale:after {
    content: "";
    position: absolute;
    top: -100%;
    left: -150%;
    width: 50%;
    height: 300%;
    background: linear-gradient(93deg, #fff0, #ffffffb8, #fff0);
    transform: rotate(26deg);
    animation: badgeShine 3s infinite ease-in-out;
    pointer-events: none;
}

@keyframes badgeShine {
  0% {
    left: -150%;
  }
  35% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

/* =============================== product cards -----------------------------------------------------  */











/* ------------------------------- product page ------------------------------------------  */


product-component.product-information__grid.product-information--media-left.product-information__grid--half {
    padding: 0px 20px;
}

@media(max-width: 767px){
product-component.product-information__grid.product-information--media-left.product-information__grid--half {
    padding: 0px 10px;
}
}

.media-fit-contain :is(img, .deferred-media__poster-image) {
    background-color: #ffffff !important;
}

.product-media-container.constrain-height {
    background-color: #ffffffff !important;
    border-radius: 10px !important;
}



.slideshow-controls__thumbnails .slideshow-control {
    width: 120px !important;
}
button.slideshow-control.button.button-unstyled.slideshow-controls__thumbnail {
    background-color: #ffffff !important;
}
.slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]) {
  outline: var(--focus-outline-width) solid #DFDFDF !important;
}

@media(max-width: 767px){
.slideshow-controls__thumbnails .slideshow-control {
    width: 70px !important;
    
}
}





/* High Contrast Same Color-Family Gradient Title */
.text-block h1 {
  font-size: 38px !important;
  font-weight: 500;
  text-transform: capitalize !important;
  font-family: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  
  /* Rich Warm Terracotta/Rose Gold Gradient (No Yellow) */
  background: linear-gradient(90deg, #000000 0%, #9797b9 50%, #9d9dc9 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block;
}

/* Mobile Responsive */
@media screen and (max-width: 749px) {
  .text-block h1 {
    font-size: 24px !important;
  }
}







/* --- Product Card & Product Page Price Styling --- */

/* Normal Price / Sale Price ko bold rakhne ke liye */
.product-card .price,
.product-card .price-item--sale,
product-price .price,
product-price .price-item--sale {
  font-size: 25px !important;
  font-weight: 600 !important;
}

/* Compare At Price (Cut wali price) - Desktop */
.product-card .compare-at-price,
.product-card .price-item--regular,
product-price .compare-at-price,
product-price .price-item--regular {
  font-size: 20px !important;
  color: #8c8c8c !important; /* Light Grey Color */
  text-decoration: line-through !important;
  font-weight: normal !important;
}

/* Hover Button wali Price ko bold rakhne ke liye */
.product-card .hover-buy-btn .btn-price-text {
  font-weight: 600 !important;
}

/* --- Mobile Responsive Styling (749px se choti screens par) --- */
@media screen and (max-width: 749px) {
  /* Mobile par normal & sale price size 15px */
  .product-card .price,
  .product-card .price-item--sale,
  product-price .price,
  product-price .price-item--sale {
    font-size: 18px !important;
  }

  /* Mobile par cut wali price size 12px */
  .product-card .compare-at-price,
  .product-card .price-item--regular,
  product-price .compare-at-price,
  product-price .price-item--regular {
    font-size: 14px !important;
  }
}



/* =============== buy btn css ==============================  */



/* Container Layout Optimization */
  .product-form-buttons--stacked {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
    align-items: center !important;
  }

  /* 1. Quantity Selector (Height: 70px) */
  .quantity-selector-wrapper {
    flex: 0 0 130px !important;
    margin: 0 !important;
    height: 70px !important;
  }

  quantity-selector-component.quantity-selector {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 2px solid #000000 !important;
    border-radius: 12px !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 10px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
  }

  quantity-selector-component button.quantity-minus,
  quantity-selector-component button.quantity-plus {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #000000 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
  }

  quantity-selector-component input[name="quantity"] {
    width: 40px !important;
    border: none !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    color: #000000 !important;
    background: transparent !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
  }

  quantity-selector-component input[name="quantity"]::-webkit-outer-spin-button,
  quantity-selector-component input[name="quantity"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }

  /* 2. Add To Cart Button (Rose Gold Metallic Shine + Hover Fill Animation) */
  add-to-cart-component {
    flex: 1 1 calc(100% - 142px) !important;
    display: block !important;
    height: 70px !important;
  }

  .button.add-to-cart-button {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    
        background: linear-gradient(135deg, #E6E6FA 0%, #F5F5FC 40%, #FFFFFF 70%, #E6E6FA 100%);
    
    color: #12202e !important;
    border: 1px solid #6b352a !important;
    border-radius: 12px !important;
    
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 3px 6px rgba(0, 0, 0, 0.12) !important;
    transition: color 0.4s ease, border-color 0.4s ease !important;
  }

  /* Center-Bottom White Expand Ripple for Add To Cart */
  .button.add-to-cart-button::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    transform: translate(-50%, 50%) !important;
    transition: width 0.4s ease-out, height 0.4s ease-out !important;
    z-index: -1 !important;
  }

  .button.add-to-cart-button:hover::before {
    width: 350% !important;
    height: 350px !important;
  }

  .button.add-to-cart-button:hover,
  .button.add-to-cart-button:hover .add-to-cart-text__content span {
    color: #000000 !important;
  }

  .button.add-to-cart-button .add-to-cart-text__content span {
    font-weight: 800 !important;
    font-size: 20px !important;
    color: #12202e !important;
    transition: color 0.4s ease !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .add-to-cart-icon,
  .svg-wrapper.add-to-cart-icon {
    display: none !important;
  }

  /* 3. Buy It Now Button (Black Metallic Shine + Hover Fill Animation) */
  .accelerated-checkout-block {
    width: 100% !important;
    flex: 0 0 100% !important;
    height: 70px !important;
    margin-top: 2px !important;
  }

  .shopify-payment-button__button,
  .shopify-payment-button__button--unbranded {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    
    /* Black Metallic Linear Gloss Gradient */
    background: linear-gradient(
      135deg, 
      #000000 0%, 
      #1c1c1c 25%, 
      #444444 48%, 
      #666666 52%, 
      #222222 75%, 
      #050505 100%
    ) !important;
    
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.35), 0 3px 6px rgba(0, 0, 0, 0.25) !important;
    transition: color 0.4s ease, border-color 0.4s ease !important;
  }

  /* Center-Bottom White Expand Ripple for Buy It Now */
  .shopify-payment-button__button::before,
  .shopify-payment-button__button--unbranded::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    transform: translate(-50%, 50%) !important;
    transition: width 0.4s ease-out, height 0.4s ease-out !important;
    z-index: -1 !important;
  }

  .shopify-payment-button__button:hover::before,
  .shopify-payment-button__button--unbranded:hover::before {
    width: 350% !important;
    height: 350px !important;
  }

  .shopify-payment-button__button:hover,
  .shopify-payment-button__button--unbranded:hover {
    color: #000000 !important;
    border-color: #000000 !important;
  }

  /* Mobile Adjustments */
  @media screen and (max-width: 480px) {
    .quantity-selector-wrapper {
      flex: 0 0 115px !important;
      height: 60px !important;
    }
    quantity-selector-component.quantity-selector {
      height: 60px !important;
      min-height: 60px !important;
    }
    quantity-selector-component input[name="quantity"] {
      font-size: 17px !important;
    }
    
    add-to-cart-component {
      flex: 1 1 calc(100% - 127px) !important;
      height: 60px !important;
    }
    .button.add-to-cart-button {
      height: 60px !important;
      min-height: 60px !important;
      font-size: 16px !important;
    }
    .button.add-to-cart-button .add-to-cart-text__content span {
      font-size: 16px !important;
    }
    
    .accelerated-checkout-block {
      height: 60px !important;
    }
    .shopify-payment-button__button,
    .shopify-payment-button__button--unbranded {
      height: 60px !important;
      min-height: 60px !important;
      font-size: 17px !important;
    }
  }







  /* ============================= accordian css----============================  */

/* accordion-custom {
    background-color: #e8ded2;
} */


details.details {
    background-color: #F2F2FE;
    margin: 5px 0px;
    padding: 10px 15px;
    border-radius: 10px;
}
summary.details__header {
    font-size: 16px !important;
    font-weight: 600 !important;
}


/* ------------------------------- product page ------------------------------------------  */




/* ============================= footer css -----------------=============  */



.footer-content.spacing-style {
    padding: 20px !important;
}

@media(max-width: 767px){
  .footer-content.spacing-style {
    padding: 10px !important;
}

  .group-block.group-block--height-fit.group-block--width-fill.border-style.spacing-style.size-style.color-custom-AUWdKTEdNRitmY2ttV__group_H6VpwJ {
    padding: 15px !important;
}


.group-block.group-block--height-fit.group-block--width-fill.border-style.spacing-style.size-style {
    padding: 0px !important;
}
.footer-content accordion-custom.menu.menu--accordion {
    border-bottom: 1px solid #ffffff !important;
}
summary.menu__heading.h4 {
        margin-bottom: 10px;
            font-size: 18px !important;
}

.footer-content ul.list-unstyled {
    padding-bottom: 19px;
}


.spacing-style.text-block.text-block--ASmtKajk3ejVPQURKc__text_i7xJiV.custom.custom-typography.custom-font-size.custom-color {
    margin-top: 30px;
}

.social-icons__wrapper.social-icons__wrapper--ATStJdFZhUEhNUE9YW__social_links_KibJDw {
    margin-bottom: 30px;
}


}

.footer-content .menu__heading__default {
    font-weight:  !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
}
.footer-content li.menu__item.h4 {
    font-size: 17px !important;
    text-transform: uppercase;
}
summary.menu__heading.h4 {
    text-transform: uppercase !important;
    font-weight: 600 !important;
      
}




@media screen and (max-width: 749px) {
    .menu--accordion .menu__heading__accordion {
        display: contents;
        font-size: 16px;
    }
}



/* ============================= footer css -----------------=============  */