/** Shopify CDN: Minification failed

Line 2165:0 Unexpected "}"
Line 2212:0 Unexpected "}"

**/
/* ACCOUNT / ORDER-HISTORY page width — Horizon's `page_width` setting is the STRING "narrow", so
   --page-width resolves to the invalid "narrowpx" and `.page-width` never caps → the account +
   order-history content renders OVER-WIDE. Main (Eurus) has page_width=1200 (a number) → .page-width
   caps at calc(1200px + 40px) = 1240px centered. Redefine --page-width to 1200px and cap the
   container on the account page so it matches main exactly. Scoped to .customer.account so it
   doesn't affect other Horizon pages. (Same root cause + fix as the PDP in new-claude-pdp.css.) */
/* Header icons: ours uses the SAME markup as main — search/cart in a w-8/md:w-11 h-10 padded box
   (SVG at 100%), KwikPass a 25px svg#svgkp (byte-identical to main's). So they already match main by
   construction. We only ensure the KwikPass wrapper's box + padding line up with search/cart so the
   three sit evenly (main gets this from .header--icon spacing). No forced px size — let the icons
   render at main's natural sizes. */
.astro-kwikpass-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}
/* SEARCH icon squished — DevTools showed its SVG rendering 8.64 × 22 (width collapsed!). The SVG is
   width:100% height:100% inside a `flex items-center justify-center` button (.header-icon-search);
   in a flex row, a 100%-width SVG with a 19:18 viewBox gets its width shrunk to near-zero. Force an
   explicit 22px so it can't collapse. (Main renders search in a plain <span>, not a flex-center
   button, so its 100% fills fine — ours needs the explicit size.) */
.header-icon-search svg {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 auto !important;
}
/* KwikPass person SVG: match the search/cart visual size. Its viewBox 0 0 27 27 has internal
   whitespace, so ~28px reads similar to the 22px search/cart. Force it (all render states). */
.astro-kwikpass-wrapper svg#svgkp,
#kp-login-button-header-logo svg#svgkp,
#icon-kwikpass svg#svgkp {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 auto !important;
}

.customer.account {
  --page-width: 1200px;
}
@media (min-width: 768px) {
  .customer.account > .page-width {
    max-width: calc(1200px + 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

.add_to_cart_button.button.button-solid,
.add_to_cart_button.button.button-solid{
  padding: 15px 0;
}
.toggle-menu { background: #fff;}
button.slideshow-control.icon-pause {display: none;}

@media screen and (max-width: 767px) {
  .hidden-phone-themebased {
    display: none !important;
  }
}

@media screen and (max-width: 740px) {
  .hidden-phone {
    display: none !important;
  }
}


@media screen and (min-width: 741px) and (max-width: 999px) {
  .hidden-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 741px) {
 
  .hidden-tablet-and-up {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .hidden-tablet-and-up-themebased {
    display: none !important;
  }
}
@media screen and (min-width: 1023px) {

   .cart-fbar {
    width: 53%;
}
}

@media screen and (max-width: 999px) {
  .hidden-pocket {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .hidden-pocket-themebase {
    display: none !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .hidden-lap {
    display: none !important;
  }
}

@media screen and (min-width: 1000px) {
  .hidden-lap-and-up {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .hidden-lap-and-up-themebase {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .hidden-desk {
    display: none !important;
  }
}

@media screen and (min-width: 1400px) {
  .hidden-wide {
    display: none !important;
  }
}

@media screen and (pointer: fine) {
  .hidden-no-touch {
    display: none !important;
  }
}

@media not screen and (pointer: fine) {
  .hidden-touch {
    display: none !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

#ShopifyChat[is-open="false"]{
  z-index: 49 !important;
}
.header__inline-menu,
 #menu-navigation{
  font-size: 16px;
}
body .sotp-widget .olWrapper .ol .login-box .other-options-box .other-options-p span,
body .simply-otp-wrapper .olWrapper .ol .verify-box .verify-content, 
body .sotp-widget .olWrapper .ol .verify-box .verify-content,
body .simply-otp-wrapper .olWrapper .ol .verify-box .verify-content::before, 
body .sotp-widget .olWrapper .ol .verify-box .verify-content::before,
body .simply-otp-wrapper .olWrapper .ol .verify-box .verify-content::after, 
body .sotp-widget .olWrapper .ol .verify-box .verify-content::after,
body .simply-otp-wrapper .update-user-box .input-box-content label, 
body .sotp-widget .update-user-box .input-box-content label{
  background-color: #faf6ee;
}

.discounted_price_text{
  font-size: 1.3em;
}
#checkout-submit{
  font-weight:600;
  text-transform:uppercase;
}

.product-variant_name {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.collection-list-stripe{
  padding: 30px 0 25px;
  overflow: auto;
}
.collection-list-stripe_row {
  display: inline-flex;
  overflow:auto;
  margin:0 auto;
      gap: 10px;
}
.collection-list-stripe_row::-webkit-scrollbar {
  height: 0;
}

.collection-list-stripe-item {
  flex: 0 0 80px;
  padding: 0 0px;
  display:block;
}
.collection-list-stripe-img{
  aspect-ratio:1;
  object-fit:contain;
}
.collection-list-stripe-text {
  text-align: center;
  margin-top: 6px;
}
.collection-list-stripe_row.slick-initialized .slick-list{
  padding-right: 10%;
}

.prioritize_order{
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 18px;
}
.prioritize_order input{
  width: 20px;
  height: 20px;
}
.prioritize_order label{
  font-size: 16px;
}
.label--custom {
  background-color: #970000;
  color: #FFF;
}
.main-product .label--custom{
  font-size:16px;
}

/* CART SHIPPING BAR START  */
.shipping-notes-wrapper {
  padding: 10px 30px 20px 10px;
  margin-bottom: 16px;
  background-color: #eae4db;
  border-radius: .375rem;
}
.shipping-notes-wrapper-text {
  line-height: 1.3;
  display: block;
  font-weight: 600;
}
.shipiing-progress-track{
  height: 6px;
  width: 100%;
  background-color: #FFF;
  border-radius: 999px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: auto;
}
.shipping-notes-wrapper.has_short_message .shipiing-progress-track{
  margin-bottom: 20px;
}
.shipping-progress-thumb {
  height: 6px;
  background-color: currentColor;
  border-radius: 99px;
  font-size:0;
  display:block;
}
.free-gift-text{
  display: block;
  text-align: right;
  color: #939393;
  font-weight: normal;
}
.shipiing-progress-track .check-point{
  position:absolute;
  width:1px;
  white-space: nowrap;
  top:8px;
}
.shipiing-progress-track .check-point:before{
  content: "";
  width: 18px;
  height: 18px;
  background-color: currentColor;
  border-radius: 99px;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translate(-50%);
}
/* .shipiing-progress-track .check-point:not(:has(.checkpoint-price)):before{
  background: #000;
  border: 0;
  width: 3px;
  height: 6px;
  transform: translateY(-133%);
  top: 50%;
  border-radius: 0;
} */
.shipiing-progress-track .checkpoint-price {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translate(-50%);
  padding: 3px 5px 1px;
  color: #FFF;
  background-color: #554135;
  letter-spacing: 0;
  border-radius: 4px;
  font-size: 10px;
}
.check-point.check-point-first .checkpoint-price {
  transform: translate(-50%);
}
.check-point.check-point-first .checkpoint-price:empty{
  display:none;
}
.shipping-notes-cart_page {
  max-width: 540px;
  margin: 0 auto;
}
.shipping-notes-cart_page .shipping-notes-wrapper-text {
  /* font-family: var(--font-heading-family); */
  text-align: center;
  font-size: 16px;
}
.shipping-notes-cart_page .shipiing-progress-track{
  margin-top: 20px;
}
.product-custom_variant-option {
  display: flex;
  overflow: auto;
}
/* .custom_color-swatch_item {
  flex: 0 0 18%;
  padding: 6px;
} */
/* .custom_color-swatch_item{
  width: 6rem;
  aspect-ratio: 1;
} */
.custom_color-swatch_item-text {
  display: block;
  font-size: 12px;
  text-align: center;
  margin-top: 6px;
}
.custom_items_color_picker .custom_color-swatch{
  width: 100%;
  padding-bottom: 100%;
  background: var(--swatch-background) center / cover;
  place-items: center;
  display: grid;
  position: relative;
  border-radius: 5px;
}
.custom_items_color_picker .customline_coloroption{
  margin-bottom: 6px;
}
.custom_items_color_picker .custom_color-swatch:before{
  content: "";
  inset: 0;
  opacity: 0;
  border-radius: inherit;
  will-change: transform;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  position: absolute;
  transform: scale(.75);
  color: #3e2b22;
}
.custom_items_color_picker .custom_color-swatch.is-selected:before{
  opacity: 1;
  transform: scale(1);
}


.available-offer-popup{
  position: absolute;
  inset: 0;
  background-color: #fff;
  z-index: 999;
  transform: translateX(100%);
  transition: all ease-in-out 0.3s;
}
.available-offer-popup.active{
  transform: translateX(0);
}
.available-offer-popup .offer-popup-content{
  height: 100%;
}
.available-offer-popup .drawer-header .drawer-main-title{
  font-size: 16px;
}
.available-offer-popup .content-offer-list{
  height: calc(100% - 52px);
  overflow: auto;
  background-color: #F6F6F8;
  padding: 20px 0;
}
.available-offer-popup .content-offer-list .offer-content{
  margin: 9px 14px 0;
  border-radius: 10px;
  border: solid 1px #d6dbde;
  background-color: #fff;
}
.available-offer-popup .content-offer-list .offer-content .discount_finder_item_details{
  display: flex;
  align-items: center;
  padding: 15px 15px;
  gap: 12px;
}
.available-offer-popup .content-offer-list .offer-content .discount_finder_item_details .discount_finder_item_icon:has(svg){
  background-color: #251a14;
  padding: 5px;
  border-radius: 5px;
}
.available-offer-popup .content-offer-list .offer-content .discount_finder_item_content{
  display: flex;
  justify-content: space-between;
  flex: 1;
  align-items: center;
  gap: 10px;
}
.available-offer-popup .content-offer-list .offer-content .discount_finder_item_content .code_wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #aaa;
  border-radius: 5px;
  padding: 4px 5px;
  cursor: pointer;
}
.available-offer-popup .discount_finder_item_content .code_wrapper .discount_code{
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 600;
}
.available-offer-popup .discount_finder_item_content .code_wrapper .code_copy{
  padding-top: 2px;
  border-top: 1px dashed #aaa;
  font-size: 13px;
  width: 100%;
  text-align: center;
}
.available-offer-popup .content-offer-list .offer-content .discount_finder_item_content .offer_title{
  font-size: 12px;
}
.available-offer-popup .content-offer-list .offer-content .discount_finder_item_cta_btn{
  padding: 5px 10px;
  text-align: center;
  border-top: solid 1px #d6dbde;
  background-color: #f7f9fa;
  border-radius: 0px 0px 10px 10px;
  font-size: 13px;
      cursor: pointer;
}
.available-offer-popup .content-offer-list .offer-content .additional-bank-desc{
  padding: 15px 0;
  border-top: 1px dashed #d6dbde;
  margin: 0 15px;
}
.available-offer-popup .content-offer-list .offer-content .additional-bank-desc ul{
  list-style: disc;
  padding-left: 15px;
  font-size: 12px;
}
.available-offer-popup .content-offer-list .additional-bank-desc ul li{
  margin-bottom: 2px;
}


#sotp-footprint{
  display: none !important;
}
#zippy_widget_1511 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  width: 100%;
  background-color: #F5F4F4;
  padding: 10px;
  border-radius: var(--border-radius) !important;
}
.zipcode_bar_title_1511 {
  display: flex;
  align-items: center;
  gap: 10px;
}
#zippy_widget_1511 #delhivery {
  font-family: var(--font-body-family);
}
#formide {
  /* padding-top: 4px; */
  height: 100%;
  margin: 0px !important;
}
.zipcode_bar_input_1528 {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  padding: 0 18px;
  border-radius: var(--border-radius) !important;
  border: 1px solid #000 !important;
  box-shadow: none;
  background: #FFF;
  color: #000 !important;
  flex: 1;
  max-width: 100% !important;
}
.zipcode_bar_input_1528 .zipcode_entered svg,
.zipcode_bar_input_1528 .tick {
  position: absolute;
  right: 83px;
  top: 9px;
  z-index: 1;
}
.pincode-serviceability-list{
  margin:0 !important;
}
.pincode-serviceability-list li {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
}
#zippy_widget_1511 .row {
  margin: 0 !important;
}
.pincode-serviceability-list li h4{
  letter-spacing: 0px;
  text-transform: inherit;
  line-height: 1.375;
  font-family: var(--font-body-family);
  font-weight: 600 !important;
}
body .zipcode_bar_input_1528 button {
  position: absolute;
  top: 3px;
  right: 3px;
  height: 32px;
  padding: 7px 16px;
  /* color: #FFF !important;
  background: #131313;
  border-radius: var(--border-radius) !important; */
  text-align: center;
  text-transform: uppercase;
  font-weight: 600 !important;
}
body .change_btn#change,
body .change_btn#change:hover{
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  height: calc(100% - 6px) !important;
  padding: 7px 16px 7px 34px!important;
  /* color: #FFF !important;
  background-color: #131313 !important; 
  border-radius: var(--border-radius) !important; */
}

.add_to_cart_button .hyphen,
.select-size_btn .hyphen{
      margin: 0 10px;
}
.sticky_add_to_cart .add_to_cart_button .stickybar_price_wrapper{
  display: inline-block;
}
.gokwik-checkout .pay-opt-icon {
  margin-left: 5px;
  margin-bottom: 2px;
}

.fixed_nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  /* height: 60px; */
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09);
  border-top: 1px solid #eee;
  background-color: #fff;
  padding-bottom: 0px;
  text-align: center;
  z-index: 29;
}
body .forcehidden{
  display: none;
}
.sticky_add_to_cart.forever_sticky_atc.forcehidden {
  display: none !Important;
}
.fixed_nav .row-nav{
  display: flex;
  justify-content: space-evenly;
}
.fixed_nav .fixed-nav-item .icon_name{
  font-size: 10px;
  letter-spacing: -0.4px;
  color: #1a2024;
  margin-top: 4px;
  font-weight: 500;
}
.fixed_nav .fixed-nav-item .icon_image{
  width: 28px;
  height:28px;
}
.fixed_nav.search-nav {
  z-index: 999;
}
.row-nav {
  margin: 0;
  padding: 10px;
}
.fixed_nav--link {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  opacity: 1;
  padding-bottom: 4px;
  /* min-width: 44px; */
}
.fixed_nav--link.active_url {
  opacity: 1;
}
.fixed_nav--link.active_url:after {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background: #3e2b21;
  position: absolute;
  bottom: 0px;
}
.fixed_nav--link:hover,
.fixed_nav--link:focus {
  color: white;
}
.beside-svg {
  position: absolute;
  top: -1px;
  right: 14px;
  display: block;
  background: #ff0000;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
}
.fixed_nav_mobile .active_url span.icon_name {
  font-weight: 700 !important;
}
.boat_icon_footer {
  position: relative;
}
.fixed_nav_mobile.fixed_nav cart-count.header__cart-count {
  right: -1px;
  top: -6px;
  height: 16px;
  width: 16px;
  line-height: inherit;
  min-width: auto;
}

.main-product-price .pricing_wrapper_custom{
  display: flex;
  align-items: center;
  gap: 12px;
}
.main-product-price .pricing_wrapper_custom .saving{
  line-height: 1.25;
  font-size: 16px;
  color: #358326;
  font-weight: 600;
}
.main-product-price .pricing_wrapper_custom .comp_price{
  font-size: 20px;
  color: #a7a7a7;
  margin: 0;
}
.main-product-price .pricing_wrapper_custom .price-sale{
  line-height: 1.25;
  margin: 0;
  width: fit-content;
  font-size: 22px;
  font-weight: 700;
  color: #131313;
}

.qty_err_msg{
  color: red;
  font-size: 13px;
}
.cart-item__quantity button[disabled="disabled"]{
  position: relative;
}
.cart-item__quantity button[disabled="disabled"]:before{
  content: " ";
  position: absolute;
  bottom: 75%;
  left: 50%;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}
.cart-item__quantity button[disabled="disabled"]:after{
  content: 'No more allowed';
  position: absolute;
  background: #000;
  color: #fff;
  width: 100px;
  font-size: 10px;
  font-weight: 600;
  bottom: 100%;
  z-index: 1;
  transform: translateX(-50%);
  left: 50%;
  opacity: 0;
  visibility: hidden;
}
.cart-item__quantity button[disabled="disabled"]:hover:before,
.cart-item__quantity button[disabled="disabled"]:hover:after{
  opacity: 1;
  visibility: visible;
}
#continuous_timer span {
  display: inline-block;
  min-width: 20px;
  text-align: center;
}

.cart-item__quantity .item-remove_btn:only-child {
  margin-left: 0;
}

/* Position pagination dots below the slider */
.splide__pagination {
  /* position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%); */
  display: block;
  text-align: center;
}

.splide__pagination li {
  display: inline-block;
  margin: 0 3px;
}

.splide__pagination li button {
  width: 7px;
  height: 7px;
  background-color: #aaa;
  border-radius: 50%;
  border: none;
  transition: all 0.3s ease;
}

.splide__pagination li.is-active button {
  background-color: #15282e; /* OXSAM brand color */
  transform: scale(1.2);
}

.certificate_product_prop{
  background-color: #e7e7e7;
  padding: 3px 6px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  position: relative;
  border-radius: 4px;
}
.loader_main{
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.2);
}
.has_loader .loader_main{
  display: flex;
}
.loader_main svg{
  background: transparent;
  width: 15px;
  height: 15px;
}
.certificate_product_prop [type="checkbox"]{
  width: 16px;
  height: 16px;
}
.certificate_product_prop label{
  font-size: 13px;
}

.product-variant-option input[type="radio"].hidden + label{
  display: none;
}
/* .variant-selects .product-form__input[data-option-name="material"]{
  display: none;
} */

/* .product-form__input.main_product_options.forcehidden{
  display: none !important;
} */

.all_gift_wrap {
  background-color: #000;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  position: relative;
  color: #fff;
}
.all_gift_wrap input{
  width: 16px;
  height: 16px;
}

.ringsizecustom_options.shake{
  animation: shake .5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translateX(1px)}
  10% { transform: translateX(-5px)}
  20% { transform: translateX(0px)}
  30% { transform: translateX(5px)}
  40% { transform: translateX(-1px)}
  50% { transform: translateX(5px)}
  60% { transform: translateX(1px)}
  70% { transform: translateX(1px)}
  80% { transform: translateX(-1px)}
  90% { transform: translateX(5px)}
  100% { transform: translateX(-5px)}
}



@media (pointer: coarse) {
  .product-custom_variant-option::-webkit-scrollbar {
      display: none;
  }
  .hasscroller .splide__list::-webkit-scrollbar {
      display: none;
  }
}
#main-cart-items > div > div.flex.items-center {
    width: 100%;
    max-width: 55%;
    justify-content: space-between;
    padding-bottom: 8px;
    align-items: baseline;
    padding-bottom: 2px;
}
#main-cart-items h1.flex.items-center.h2 {
    font-size: 23px;
}

#main-cart-items .continuous-timer-main {
    margin: 1px 0px 10px ;
    padding: 6px 15px;
    font-weight: 700;
    justify-content: center;
    color: #8b0000;
    background-color: #ffe4e4;
}
div#js-contents > div > p {
    font-family: "Avenir Next";
    font-weight: 600;
}

@media (max-width: 767px) {
  #main-cart-items > div > div.flex.items-center {
    width: 100%;
    max-width: 100%;
  }
  .section-product-info{
    position: relative;
    z-index: 25;
  }
  .button-product.forever_sticky_atc{
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 30;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin-bottom: 2px !important;
    border-radius:12px;
   border-top: 1px solid #E3E3E3; 
  }
  .button-product.forever_sticky_atc .stickybar_price_wrapper{
    display: inline-block;
  }
  .button-product.forever_sticky_atc .add_to_cart_button,
  .button-product.forever_sticky_atc .select-size_btn{
    margin: 0;
  }
  .sticky_add_to_cart.forever_sticky_atc,
  .sticky_add_to_cart.forever_sticky_atc > div{
    display:block !important;
    transition: none !important;
    transform: none !important;
    opacity:1 !important;
  }
  .sticky_add_to_cart.forever_sticky_atc{
    display: none !important;
  }
  .sticky_add_to_cart.forever_sticky_atc .stickybtn_detailsopener{
    padding-right: 1.25rem;
  }
  .collection-list-stripe{
    padding: 15px 1.25rem 10px 1.25rem;
  }
  .custom_color-swatch_item-text{
    font-size: 11px;
    width: 66px;
  }
  #cart-upsell-drawer-mob {
    margin: 0 -1.25rem;
    scrollbar-width: none;
  }
  #zippy_widget_1511{
    margin-top: 4px!important;
  }
  .product-custom_variant-option {
    padding: 0 1.25rem;
    margin: 0 -1.25rem;
  }
  /* .custom_color-swatch_item {
    flex: 0 0 30%;
  } */
  .section-featured-collection .splide__track{
    padding-right: 25% !important;
  }
  .hasscroller .splide__list{
    white-space: nowrap;
    display: block;
    overflow-x: auto;
    margin-right: -20px !important;
  }
  .hasscroller .splide__list .card-product{
    display: inline-block;
    width: 85%;
    padding-right: 20px;
    vertical-align: text-top;
    padding-bottom: 0;
  }
  .hasscroller .splide__list .card-product .card__heading a{
    white-space: normal;
  }
  .card-product .qty_err_msg{
     font-size: 10px; 
  }
}

.template-404 {
       background-image: url(/cdn/shop/files/websit_404_1.jpg?v=1740118174);
    background-size: contain;
    max-width: 100%;
    padding: 128px 136px;
    background-position: center;
    /* /* height: 80vh; */
}


@media screen and (min-width: 600px) and (max-width: 767px) {
  .cart-upsell-drawer-mob .mini_cart_recommandation_item{
    width: 40%;
  }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
  .cart-upsell-drawer-mob .mini_cart_recommandation_item{
    width: 60%;
  }
}
@media screen and (max-width: 999px){
  .template-404 {
        background-image: url(/cdn/shop/files/website_404_mobile_1.jpg?v=1740117115);
        background-size: 100%;
                padding: 40px 38px;
        background-position-x: center;
        background-position-y: bottom;
    }
    .in_content {
        background-color: #00000099;
        max-width: 95%;
        padding: 15px 15px 26px;
        margin: auto;
    }
  .coc-d-flex {
    flex-direction: row !important;
    padding: 0 !important;
    gap: 19px !important;
    width: 100%;
}


.coc-button {
    font-size: 15px !important;
}
.coc-cancel-button {
    padding: 4px 4px 4px 0px !important;
}

}
form#CartDrawer-Form > div {
    width: 100%;
    max-width: 100%;
}
div[data-essential-upsell-element="header"] {
    padding-left: 0 !important;
}
.pid-9568494747945 .item-remove_btn, .pid-9490685264169 .item-remove_btn {
    margin: 0;
    padding-left: 0;
}
.noqty .cart-item__quantity > div > div:first-child, #cart .noqty td:nth-child(5) {
    display: none;
} 
#cart .noqty td:nth-child(6) {
    grid-area: none;
}

.matching-h3{
  
}
 .product-variant-option_main{
    width:100%;
  }
.pro-9627536654633 div#shopify-chat {
    display: none;
}

.noqty .cart-item__quantity {
    display: none !important;
}

@media screen and (max-width:  480px){
.theme-template-account .coc-d-flex {
    flex-direction: row;
    padding: 0;
    gap: 19px;
    width: 100%;
}

.theme-template-account .coc-cancel-button {
    padding: 4px 4px 4px 0px;
}

}

.button-product-buy_buttons .form {
      display: flex;
      flex-direction: row-reverse;
      align-items:baseline;
      gap:10px;
    } 
button#x-atc-button-template--24324723999017__main, button#x-atc-button-template--24287879659817__main,  button#x-atc-button-template--24277394030889__main,  button#x-atc-button-template--24277394325801__main, button#x-atc-button-template--24277394063657__main, button#x-atc-button-template--24277394620713__main, button#x-atc-button-template--24277394260265__main, button#x-atc-button-template--24277394555177__main, button#x-atc-button-template--24277394293033__main,button#x-atc-button-template--24274879578409__main,button#x-atc-button-template--24274879938857__main, button#x-atc-button-template--24277394391337__main, button#x-atc-button-template--24277394227497__main,button#x-atc-button-template--24277394424105__main {
      flex: 1;
      width: 95%;
      max-width: calc(50%);
      padding:12px;
      background:#1a2024;
      color:white;
      /* max-height:40px; */
    }

    .relative.form-buy-it-now {
      width: 95%;
      max-width: calc(50%);
    }
    /* PDP (new-claude-pdp) BUTTON WIDTHS — main site: ADD TO CART + BUY NOW are EQUAL 50/50.
       These rules live in custom.css (loads last) because the global .form-buy-it-now / ATC rules
       above win over new-claude-pdp.css. Force each button to take exactly half the row, and make
       the BUY NOW (#gokwik-buy-now) fill its half + match ATC height. Scoped to the template. */
    .temp-new-claude-pdp form[data-type="add-to-cart-form"] .relative.form-buy-it-now,
    .temp-new-claude-pdp form[data-type="add-to-cart-form"] .add_to_cart_button {
      flex: 1 1 0 !important;
      width: 50% !important;
      max-width: 50% !important;
    }
    .temp-new-claude-pdp form[data-type="add-to-cart-form"] .relative.form-buy-it-now {
      display: flex !important;
    }
    .temp-new-claude-pdp form[data-type="add-to-cart-form"] #gokwik-buy-now {
      display: flex !important;
      flex: 1 1 auto !important;   /* GROW to fill the flex parent (x-payment-button). width:100% alone
                                      is ignored on a flex child — flex:1 is what actually fills it.
                                      DevTools showed the button leaving a purple gap in its 190px wrapper. */
      width: 100% !important;
      padding: 16px 24px !important;
      box-sizing: border-box !important;
      justify-content: center;
      align-items: center;
    }
    /* The payment-button div (x-payment-button-*) sits BETWEEN .form-buy-it-now and #gokwik-buy-now.
       Make it a full-width flex container so its child (#gokwik-buy-now) can grow to fill the 50% half. */
    .temp-new-claude-pdp form[data-type="add-to-cart-form"] [id^="x-payment-button"] {
      display: flex !important;
      width: 100% !important;
      flex: 1 1 auto !important;
    }
    .product-variant-option > .input-radio:checked+label > span {
    color: #fff;
}

    
    #gokwik-buy-now{
      padding:11.4px 10px;
    }
    @media (max-width: 767px) {
    .button-product.forever_sticky_atc > div:last-child {
        padding: 9px;
    }}
.product-variant_name.ring + div.select > * {
    display: none;
}
.product-variant_name.ring + div.select > p {
    display: inline-flex;
    padding: 5px 0;
}
.temp--product .accordion,.temp--product .rte, .temp--product .rte p , .temp--product p, .temp--product .product-form__quantity{
    font-size: 14px !important;
}
.temp--product span.metafield-multi_line_text_field , .section-featured-collection a.nav-link {
    font-size: 14px;
}
@media screen and (max-width:749px){
  .product-recommendations h2,.temp--product .product-title , .jdgm-rev-widg__title, .section-featured-collection h2, .temp--product h2 {
    font-size: 18px !important;
}
 .section-featured-collection a.nav-link, .trust_badge-item , .jdgm-rev__title{
    font-size: 14px !important;
}
  .temp--product h3.card__heading,.temp--product .price-add, span.jdgm-prev-badge__text {
    font-size: 12px;
    
  }
    .temp--product  .announcement-bar_text p{
    font-size: 12px !important;
    }
    }
body.gradient.temp-defualt-product-old form[data-type="add-to-cart-form"] {
    display: block !important;
}
.gokwik-checkout{
  position: relative;
}
.gokwik-checkout::before {
    display:none;

}

/* ---- Cart LINE-ITEM image rounded 8px (main site: tr.cart-item image = border-radius 8px). Ours
   drives it off a theme setting (cart_thumbnail_border_radius) that may be 0 = square. Force it. ---- */
#cart-drawer .cart-items__media,
#cart-drawer .cart-items__media-container,
#cart-drawer .cart-items__media-image,
#cart-drawer .cart-items__media img {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* ---- Curvy recommendation images (path-agnostic, max force). Rounds the image + its wrapper for
   EVERY rec-card render path (metafield block, injected section, empty-cart bestsellers) regardless
   of the wrapper structure, so it can't render square. Overrides Cart-Drawer.css .rounded{radius:0}. ---- */
#cart-drawer .mini_cart_recommandation_item__img,
#cart-drawer .mini_cart_recommandation_item__img > div,
#cart-drawer .mini_cart_recommandation_item .card > a,
#cart-drawer .mini_cart_recommandation_item .card > a > div {
  border-radius: 8px !important;
  overflow: hidden !important;
}
#cart-drawer .mini_cart_recommandation_item__img img,
#cart-drawer .mini_cart_recommandation_item .card img {
  border-radius: 8px !important;
  object-fit: cover !important;
}

/* ---- Green "₹X Saved so far!" ribbon — ABSOLUTE overhang on the subtotal (main-site
   .discount-total-price: position:absolute; top:-8px; width:70%; left:15%). Takes NO layout space. ---- */
/* EXACT main-site .discount-total-price: NO padding, NO explicit font-size, NO line-height —
   min-height:16px + font-weight:bold alone drive the compact/thin ribbon. Ours had extra
   padding+line-height which made the ribbon look tall/long; removed to match main. */
#cart-drawer .cart-drawer__saved-pill {
  position: absolute;
  top: -8px;
  left: 15%;
  width: 70%;
  z-index: 1;
  background: #2f9567;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 4px -4px rgba(0,0,0,0.6);
  min-height: 16px;
}
#cart-drawer .cart-drawer__saved-pill span { color: #fff; width: 100%; max-width: 100%; }

/* Add-to-cart error toast (surfaced by cart-add-global.js on a rejected/failed add). */
#cart-drawer .cart-add-error-toast,
.cart-add-error-toast {
  position: sticky;
  bottom: 8px;
  margin: 8px 12px;
  background: #b3261e;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  padding: 10px 14px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 10;
}
/* Folded-corner ribbon tabs (main site .discount-total-price::before/::after: #107569 notches). */
#cart-drawer .cart-drawer__saved-pill::before,
#cart-drawer .cart-drawer__saved-pill::after {
  content: "";
  width: 10px;
  height: 8px;
  background: #107569;
  position: absolute;
}
#cart-drawer .cart-drawer__saved-pill::before {
  left: -6px;
  top: 0;
  border-radius: 8px 12px 0 0;
  border-right: 5px solid #2f9567;
}
#cart-drawer .cart-drawer__saved-pill::after {
  right: -6px;
  top: 0;
  border-radius: 15px 10px 0 0;
  border-left: 5px solid #2f9567;
}
/* Desktop nudge: main shifts the ribbon to left:10% at >=769px. */
@media (min-width: 769px) {
  #cart-drawer .cart-drawer__saved-pill { left: 10%; }
}

/* ---- Cart line-item price: discounted price prominent + struck original (main-site style). ---- */
#cart-drawer .cart-items__price-flex { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
#cart-drawer .cart-items__price-flex .price-sale { font-weight: 700; color: #000; }
#cart-drawer .cart-items__price-flex .compare-at-price { color: #888; text-decoration: line-through; font-weight: 400; }

/* ---- Cart line-item discount = green "EXTRA 25% OFF" pill (main-site ul.discounts: #2F9567). ---- */
#cart-drawer ul.cart-items__discounts {
  list-style: none;
  padding: 4px 8px;
  margin: 4px 0 0;
  font-weight: 600;
  background: #2F9567;
  color: #fff;
  width: max-content;
  max-width: 100%;
  border-radius: 5px;
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
}
#cart-drawer .cart-items__discount { display: flex; align-items: center; gap: 5px; }
#cart-drawer .cart-items__discount-icon { width: 12px; height: 12px; display: inline-flex; flex: 0 0 12px; }
#cart-drawer .cart-items__discount-icon svg { width: 12px; height: 12px; fill: #fff; }
#cart-drawer .cart-items__discount-title { font-size: 11px; line-height: 1.2; color: #fff; letter-spacing: .2px; }

/* ==== 2-COLUMN LAYOUT (MORPH-PROOF) ====================================================
   The filled-cart two-column layout used to live in the inline <style> inside cart-drawer.liquid,
   which Shopify DROPS on morph — so after adding a product the desktop columns collapsed and the
   layout reverted (also it was pinned to 750px, not the main site's 1024px `lg`). These rules now
   live in <head> and use the main-site breakpoint exactly:
     - BASE (< 1024px): single column — items, then recs, then footer stacked.
     - >= 1024px (Tailwind `lg`): row split — items lg:w-7/12 (58.333%), recs lg:w-5/12 (41.667%).
   This makes intermediate widths (half-screen, 80%) behave like the main site. ---- */
#cart-drawer .cart-drawer__filled-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
#cart-drawer .cart-drawer__left-column {
  flex: 0 0 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
#cart-drawer .cart-drawer__right-column {
  flex: 0 0 auto;
  border-top: 1px solid #e5e5e5;
  padding: 15px;
  display: block;
}
@media (min-width: 1024px) {
  #cart-drawer .cart-drawer__filled-layout {
    flex-direction: row;
    overflow-y: hidden;
  }
  #cart-drawer .cart-drawer__left-column {
    flex: 0 0 58.333%;
    max-width: 58.333%;
    padding-right: 20px;
    overflow-y: visible;
  }
  #cart-drawer .cart-drawer__right-column {
    flex: 0 0 41.667%;
    max-width: 41.667%;
    border-left: 1px solid #e5e5e5;
    border-top: none;
    padding: 0 0 0 20px;
    overflow-y: auto;
  }
}

/* ---- Cart drawer recommendations title (morph-proof: lives in <head>). Desktop shows the long
   "Add another product…" title; mobile shows "Our Best Sellers". An inline <style> in the morphed
   section was dropped on add, so the mobile title never applied after adding. ---- */
#cart-drawer .bestsellers-section__title--mobile { display: none; }
#cart-drawer .bestsellers-section__title--desktop { display: block; }
@media (max-width: 1023px) {
  #cart-drawer .bestsellers-section__title--desktop { display: none; }
  #cart-drawer .bestsellers-section__title--mobile { display: block; }

  /* MOBILE structure — mirror the main site EXACTLY:
       main has ONE scroll region `.cart-inner` = items + Our Best Sellers, and the footer
       (`.cart-drawer-price-total`: Extra Offers, ₹ Saved ribbon, Subtotal, SELECT ADDRESS) pinned
       BELOW it. As products increase, items + Best Sellers grow and scroll TOGETHER (Best Sellers
       stays right under the last product — you scroll to reach it); the footer never moves.

     Ours: filled-layout is a real full-height flex COLUMN that scrolls. offer(1) → items(2) →
     Best Sellers(3) flow at the top and scroll. The summary(4) is `position:sticky; bottom:0` so
     it stays pinned to the bottom while the content scrolls behind it. left-column flattens
     (display:contents) so its children become direct flex items of filled-layout in `order`. */
  /* MOBILE — VERIFIED against main's code (indentation-traced nesting):
       main has ONE scroll container `.flex-1.overflow-auto` (L132) holding BOTH `.cart-inner`
       (items form + upsell, L279) AND the footer `.cart-drawer-price-total` (L1324) as siblings.
       `.cart-inner` is `flex-1` so it GROWS to fill → pushes the footer to the bottom. INSIDE
       `.cart-inner`, the items form is `grow` (flex:1) → pushes the UPSELL to the bottom of
       cart-inner, i.e. just above the footer. Nothing is position:fixed — it's pure flex growth.
       So: the WHOLE thing scrolls together (not items-only); items grow to push Best Sellers +
       footer to the bottom. With few items → big grow space → Best Sellers sits low above the
       footer; with many items → it all scrolls together. */
  #cart-drawer .cart-drawer__filled-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;    /* the whole column scrolls together, like main's .flex-1.overflow-auto */
    overflow-x: hidden;
  }
  #cart-drawer .cart-drawer__left-column,
  #cart-drawer .cart-drawer__left-column > .cart-drawer__content {
    display: contents;
  }
  #cart-drawer .cart-drawer__left-column > .offer-slider { order: 1; flex: 0 0 auto; }
  /* items GROW (mirror main's form.grow) to push Best Sellers + footer to the bottom. No inner
     scroll — the whole filled-layout scrolls together (main scrolls the container, not the items). */
  #cart-drawer .cart-drawer__left-column > .cart-drawer__content > .cart-drawer__items {
    order: 2;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    height: auto;
  }
  /* Best Sellers pinned low (pushed down by the growing items), right above the footer. */
  #cart-drawer .cart-drawer__right-column { order: 3; flex: 0 0 auto; border-top: 1px solid #eee; border-left: none; padding: 12px 15px 0; }
  #cart-drawer .cart-drawer__left-column > .cart-drawer__summary {
    order: 4;
    flex: 0 0 auto;
    background: var(--color-background, #fff);
  }

  /* Recommendations as a horizontal side-scroll row (main-site mobile EXACT values). */
  #cart-drawer .cart-drawer__right-column .bestsellers-section-filled { height: auto; }
  /* CRITICAL: the JS injects cards into [data-cart-recs-target], a wrapper div inside the scroll row.
     Make it display:contents so the cards become DIRECT flex children of .cart-upsell-drawer-mob —
     otherwise the wrapper is the single flex item and the 70%-card / horizontal layout never applies. */
  #cart-drawer .cart-upsell-drawer-mob [data-cart-recs-target] { display: contents !important; }
  #cart-drawer .cart-upsell-drawer-mob {
    flex-direction: row !important;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 8px;
    flex: 0 0 auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;          /* Firefox: hide the scrollbar line */
    -ms-overflow-style: none;       /* old Edge/IE */
  }
  /* WebKit (Chrome/Safari): hide the scrollbar line under the cards (main site hides it). */
  #cart-drawer .cart-upsell-drawer-mob::-webkit-scrollbar { display: none; height: 0; width: 0; }

  #cart-drawer .mini_cart_recommandation_item {
    flex: 0 0 70% !important;
    max-width: 70% !important;
    border: 1px solid #D9D9D9 !important;   /* main site */
    border-radius: 6px !important;
    padding: 12px 10px 10px !important;     /* extra top padding so the image isn't flush to the card top */
  }
  #cart-drawer .mini_cart_recommandation_item + .mini_cart_recommandation_item { padding-top: 10px !important; }
  #cart-drawer .mini_cart_recommandation_item:last-child { border-bottom: 1px solid #D9D9D9 !important; }
  #cart-drawer .mini_cart_recommandation_item .card { flex-direction: row; gap: 10px; align-items: flex-start !important; }
  /* image column 40% + curvy corners (main site: img border-radius 6px). overflow:hidden on the
     wrapper so the rounded corners actually CLIP the image (without it the square img covers them). */
  #cart-drawer .mini_cart_recommandation_item__img {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    align-self: flex-start;
    display: block;
  }
  #cart-drawer .mini_cart_recommandation_item__img img { border-radius: 6px !important; display: block; width: 100%; height: auto; }
  /* title: 14px, 2-line clamp, line-height 16px (main site). */
  #cart-drawer .mini_cart_recommandation_item .pctitle {
    font-size: 14px !important;
    line-height: 16px !important;
    -webkit-line-clamp: 2 !important;
    color: #000 !important;
    margin-bottom: 2px;
  }
  #cart-drawer .mini_cart_recommandation_item .price-sale { font-size: 15px !important; font-weight: 600 !important; }
  #cart-drawer .mini_cart_recommandation_item .comp_price s { font-size: 14px !important; margin-left: 3px !important; }
  /* button: main-site mobile grey #474747, 12px. */
  #cart-drawer .mini_cart_recommandation_item button.button-solid { background: #474747 !important; font-size: 12px !important; }

  /* "Our Best Sellers" mobile title — light grey rounded bar with the badge (main-site look). */
  #cart-drawer .bestsellers-section__title--mobile {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f6f6f6;
    border-radius: 6px;
    padding: 8px 10px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    margin-bottom: 12px;
  }
}

/* ---- Cart drawer item-area skeleton (morph-proof: lives in <head>). Shows ONLY the product-row
   placeholder while loading; header/offers/subtotal/SELECT ADDRESS stay fully visible. Auto-hides the
   instant a real cart item row exists (:has) so it can never overlap the loaded item or persist after
   morph, regardless of when the cart-items-loading class is cleared. ---- */
#cart-drawer .cart-drawer-skeleton { display: none; }
/* Show ONLY while loading AND only until a real item row exists. Positioned as a small overlay at
   the top of the item region (just under header+offers ~112px), NOT over the whole column, so the
   footer/subtotal/SELECT ADDRESS are never covered or dimmed. */
#cart-drawer.cart-items-loading .cart-drawer-skeleton {
  display: block;
  position: absolute;
  top: 112px;
  left: 0;
  width: 100%;
  z-index: 5;
  background: var(--color-background, #fff);
  padding: 12px 16px 0;
}
@media (min-width: 1024px) {
  #cart-drawer.cart-items-loading .cart-drawer-skeleton { width: 58%; }
}
/* CRITICAL SAFETY: the moment a real cart item row exists anywhere in the drawer, force-hide the
   skeleton — so it can never overlap the loaded item or persist after the morph, even if the
   cart-items-loading class lingers. */
#cart-drawer:has(.cart-items__table-row) .cart-drawer-skeleton { display: none !important; }
/* Pulse only the placeholder bars, never the surrounding UI. */
#cart-drawer .cart-drawer-skeleton > div { animation: cart-skeleton-pulse 1.5s infinite; }
@keyframes cart-skeleton-pulse { 0% { opacity: 0.55; } 50% { opacity: 1; } 100% { opacity: 0.55; } }

/* ---- Cart drawer SELECT ADDRESS button (authoritative, lives in <head> so it survives the
   drawer morph — an inline <style> inside the morphed section got dropped on add, which made the
   button flip to a centered pill until a refresh). Full-width black bar: text left, icons right. ---- */
#cart-drawer .gokwik-checkout { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; }
#cart-drawer .gokwik-checkout::before { content: none !important; display: none !important; }
#cart-drawer .gokwik-checkout button {
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  padding: 5px 18px !important;
  border: none !important;
  border-radius: 4px !important;
  background: #000 !important;
  color: #fff !important;
  cursor: pointer;
  position: relative;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
#cart-drawer .gokwik-checkout button > span { display: flex; }
/* STRUCTURE-AGNOSTIC left/right split: pin the FIRST direct child (text) hard-left and let the
   LAST child (icons) sit right. Works even if the GoKwik SDK re-renders/reorders/renames the inner
   spans after an add (space-between + class selectors broke when the child structure changed, which
   made the button look centered until a refresh). */
#cart-drawer .gokwik-checkout button > *:first-child { margin-right: auto !important; }
#cart-drawer .gokwik-checkout button > .cir-loader,
#cart-drawer .gokwik-checkout button > div:last-child { margin-right: 0 !important; } /* loader wrapper must not steal the auto-margin */
#cart-drawer .gokwik-checkout button > span.btn-text { flex-direction: column !important; align-items: flex-start !important; color: #fff; text-align: left; margin-right: auto !important; }
#cart-drawer .gokwik-checkout button > span.btn-text > span:first-child { font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .3px; }
#cart-drawer .gokwik-checkout button > span.btn-text > span:last-child { font-size: 10px !important; line-height: 10px !important; text-transform: none !important; }
#cart-drawer .gokwik-checkout button > span.pay-opt-icon { flex-shrink: 0; margin: 0 0 0 auto !important; }
#cart-drawer .gokwik-checkout button > span.pay-opt-icon img { height: 16px !important; width: auto !important; margin: 0 !important; }
/* Hide How to wear link in pc */
/* @media screen and (min-width: 768px) {
  .footer-col--1 {
    display: none !important;
  }
} */



.section-custom-liquid h2 {
    font-weight: 700;
    font-family: "Libre Baskerville", serif;
    font-size: 18px;
      letter-spacing: 0.8px;
}

.section-custom-liquid li {
    list-style: disc;
}
.section-custom-liquid ol li {
    list-style: auto;
}
.section-custom-liquid ul, .section-custom-liquid ol {
    padding-left: 30px;
    line-height: 20px;
}
.section-custom-liquid p , .section-custom-liquid li , .section-custom-liquid span{
    font-size: 14px;
    word-break: break-word;
}
 .section-custom-liquid a {
    background: linear-gradient(to right, #0000, #0000), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
    background-size: 100% .1em, 0 .1em;
    background-position: 100% 100%, 100% 100%;
    background-repeat: no-repeat;
    transition: background-size .25s;
    color: rgba(var(--colors-text-link));
}
.temp-whiff-6-jaap p.price > span {
    font-size: 18px !important;
    font-weight: 600;
}
.temp-new-product-page .product-info .jdgm-review-snippet-widget{
  display: block !important;
}

@media screen and (max-width: 749px){
  .temp-new-product-page .product-info .jdgm-review-snippet-widget{
  display: block !important;
}
}
.pro--gemstone .add_to_cart_button{
  background-color:black !important;
  color:white;
}
.sticky_add_to_cart .add_to_cart_button {
    color: #fff !important;
    background: #000 !important;
    /* padding: 0 !important; */
}
.sticky_add_to_cart .add_to_cart_button  .x-atc-text{
    color: #fff !important;
  
}
.add_to_cart_button span.x-atc-text {
    color: #fff !important;
    font-size:14px;
}
.pro-10043333574953 .add_to_cart_button span.x-atc-text , .pro-10023815381289 .add_to_cart_button span.x-atc-text{
  font-size:13px;
}
.add_to_cart_button.button.button-solid {
    padding: 12px 0;
}


/* ------------------------- */
.custom_color-swatch_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* width: 80px; */
}
.temp--product .custom_items_color_picker .custom_color-swatch {
    display: block;
    border-radius: 50%;
    /* width: 50px; */
    /* height: 50px; */
    margin: 0px 0;
}

.custom_items_color_picker .custom_color-swatch {
    width: 100%;
    max-width: 50px;
    padding: 30px;
    background: var(--swatch-background) center / cover;
    place-items: center;
    display: grid;
    position: relative;
    border-radius: 5px;
}
.product-custom_variant-option {
    display: flex;
    overflow: auto;
    gap: 10px;
      /* padding: 0 8px; */
}


/*------------------------Blog Styling---------------------------  */
.grow.content-article-1 {
    padding: 17px 12px;
    flex: 1;
    background: #fff;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.article-card {
    padding: 10px 6px;
border: 0;
}
.latest-blogs-wrapper {
  padding: 2rem 1rem;
  max-width: 1200px;
  margin: auto;
}
.latest-heading {
    font-size: 20px;
    /* font-weight: 700; */
    margin-bottom: 1rem;
    text-align: left;
}
.latest-blogs-flex {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.main-blog-card {
  flex: 1;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      height: fit-content;
}
.main-blog-card img {
  width: 100%;
  height: auto;
  display: block;
  border-bottom: 1px solid #eee;
}
.side-blogs-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.side-blog-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
}
.side-blog-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.side-blog-flex {
  display: flex;
  gap: 5px;
  align-items: flex-start;
}
.side-blogs-column .side-blog-flex img {
    width: 100%;
    max-width: 33%;
    height: 156px;
    max-height: 156px;
    object-fit: cover;
    border-radius: 12px;
}
.blog-content {
    padding: 12px;
    flex: 1;
}
.blog-meta {
    /* color: var(--Grey-Text-4, #4F4F4F); */
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}
.blog-title {
    font-family: --font-heading-family;
    font-size: 20px;
    text-transform: capitalize;
    color: #111;
    margin-bottom: 8px;
}


.blog-excerpt {
  font-size: 0.9rem;
  color: #444;
  margin-bottom: 0.5rem;
}
.blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 18px;
}
.tag-pill {
    border: 1px solid #000;
    padding: 2px 9px;
    font-size: 12px;
    border-radius: 999px;
    color: #000;
  background: #fff;
    text-transform: capitalize;
      margin: 0 0 1px;

}
.x-thumbnail button {
    border-radius: 6px;
}
/* Responsive Styles */
@media screen and (max-width: 768px) {
 .temp--product .media-slide button {
    border-radius:8px;
}
  ul.pincode-serviceability-list {
    display: none;
}
  #zippy_widget_1511,.temp-custom-product div#zippy_widget_1511 {
    background-color: #fffaf0;
    border-radius: 10px 10px 0 0;
    margin-bottom:0 !important;
    padding-bottom:4px !important;
    
    
 }
  .latest-blogs-flex {
    flex-direction: column;
  }
  .temp-custom-product .prod-badge {
    display: inline-flex;
    gap: 5px;
    flex-wrap: wrap;
}
  .temp-new-product-page .price-sale {
        color: #000;
    }
  .main-blog-card,
  .side-blogs-column {
    flex: 1 1 100%;
  }
  .side-blog-flex {
    /* flex-direction: column; */
    align-items: flex-start;
  }
  .side-blog-flex img {
    width: 100%;
    height: auto;
    border-radius: 12px 12px 0 0;
  }
  .blog-title, .grow.content-article-1  .h3{
    font-family: --font-heading-family;
    font-size: 16px;
    line-height: 1;
  }
      .blog-excerpt {
        font-family: "inter", sans-serif;
        color: #444;
        margin-bottom: .5rem;
        text-overflow: ellipsis;
        font-size: 12px;
        line-height: 16px;
    }
  
  .side-blogs-column .side-blog-flex img {
    width: 100%;
    max-width: 33%;
    height: 138px;
  }
  .latest-blogs-flex, .side-blogs-column {
    display: flex;
    gap: 15px;
  }
.section-featured-blog > div > div {
    margin-bottom: 2px;
    padding: 0 12px;
}

.section-featured-blog > div > div.heading-left {
    padding: 0 20px;
}
.section-featured-blog > div {
    padding: 10px 0px;
}
article.page__container > div > ul li {
    background: #fff;
    border: 1px solid;
    border-radius: 50px;
}

}
.temp-defualt-product-old .ewck-bogo-w {
    display: none;
}
@media screen and (max-width:420px){
  
.main-product-price .pricing_wrapper_custom .saving {
    font-size: 14px;
}
}
button#x-atc-button-template--24283177320745__main,button#x-atc-button-template--24283156807977__main{
  background-color:black;
}

.temp-whiff-6-gemstone .ringsizemain_selector, .temp-defualt-product-old .ringsizemain_selector {
    display: block !important;
}

.ring_desc.mb-3 {
    display: none;
}
.select-size_btn {
    display: none !important;
}
 .temp-defualt-product-old .add_to_cart_button.button.button-solid {
    padding: 12px 0;
    background-color: #000;
}
/* -------------ring-------------------- */
/*-----------------------  */
.pendent-image::before {
    content: "";
    padding: 15px;
    /* font-size: 20px; */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.pendent-image.img--Ring::before {
    background-image: url(/cdn/shop/files/ring_1_1.png?v=1746442773);
}
.pendent-image.img--Gemstone::before {
    background-image: url(/cdn/shop/files/gems.png?v=1746442773);
}
.label--Type {
    display: flex;
    border: 0;
    flex-direction: column;
    gap: 7px;
    padding: 6px 10px;
    margin: 0;
}

.pendent-image.Type {
    padding: 17px 10px;
    border-radius: 50%;
    border: 1px solid rgba(var(--colors-line-and-border),1);
}
.input-radio:checked + .label--Type , .input-radio:checked + .label--Type  span {
background: none;
color: black !important;
}

.input-radio:checked + .label--Type > .pendent-image {
border-color: #000;
border-width: 2px;
}
.pendent-image.img--Pendant::before {
    background-image: url(/cdn/shop/files/pendant_33835d1a-8fa9-4d24-92f2-d1931009328d.png?v=1746442773);
}
.temp-new-product-page .ewck-bogo-w {
    padding: 0 20px;
}
/* --------------------------- */
.temp-new-product-page span.extra-discount {
    color: #fff !important;
}
#shopify-section-template--24277390098729__17472200298b5e9a23{
    background-color: #FBF6EE;
  padding-bottom: 16px;
}
.section-header {
    margin-bottom: 0 ;
}
@media (min-width: 768px) {
  #shopify-section-template--24277390098729__slideshow_pcQbTL {
    display: none !important;
  }
  .custom_color-swatch_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* width: 80px; */
    width: 20%;
  }
}
/* Hiding Buy Again Button on order history page */
.iRtAm {
      display: none !important;
}
.latest-blogs-flex .blog-tags {
    display: none;
}

p.zippy-failure{
    display: flex;
    /* background: rgba(240, 68, 56, 0.1); */
    margin-top: 0;
    padding: 6px 0px 8px;
    font-size: clamp(14px, 3.89vw, 22px);
    color: rgb(240, 68, 56);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    line-height: 16px;
}
.rud-h1 h1 {
    font-size: 22px;
}

.temp-rudraksha-landing-page h2.collection-grid-simple__title {
    margin: 0 0 20px;
}
.temp-size p {
  font-size: 14px;
}
.temp-size h1 {
  font-size: 22px;
}
.temp-size p.uppercase {
  padding: 0;
}
/* Buy again hiding Code ends here */
@media screen and (min-width: 760px) {
  #shopify-section-template--24376171692329__promotion_banner_zbyhYx {
    display: none !important;
  }
.rud-h1 h1 {
    font-size: 28px;
}
  .temp-new-product-page .button-product.forever_sticky_atc {
        max-width: 96%;
}


/*-------------------------------------------------  */
.article-card  .blog-category {
    font-size: 13px;
    color: #000;
}
.article-card  .blog-category, .blog-meta {
    display: inline-flex;
    width: 50%;
}

.article-card  .blog-meta {
    justify-content: end;
}
.theme-template-suffix-how-to-wear {
    background: #f5f1eb;
}
.toggle-menu.cat-menu {
    top: 96px;
}
  .sticky-header .toggle-menu.cat-menu {
    top: 70px;
    transition: none;
}
  .footercol {
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    padding: 0 30px 200px;
}
  /* .footer-col--12, .footer-col--13 {
    display: none;
} */
  .footer-col--5 {
    min-width:280px;
  }
 .footer-col--5 ul {
    column-gap: 10px;
}
.footer-col--5 ul li:nth-child(2){
  padding-top: 0px;
}
}



/*-------------- collection god product page styling -------------  */
.coll-god .arched-grid {
    display: flex;
}

.coll-god .arched-widgets {
    padding: 0;
}

.coll-god {
    padding: 0 0 20px 0;
}

.coll-god .arched-heading {
    display: flex;
    justify-self: center;
    align-items: center;
    font-size: 14px !important;
    margin-bottom: 10px;
}

.coll-god .arched-title {
    text-align: center;
}

.coll-god img.arched-img {
    padding: 2px;
}
.pro-feature-text{
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 8px;
    background: rgb(243, 248, 255);
    padding: 12px 20px;
    font-size: clamp(12px, 3.34vw, 20px);
    line-height: 1.4;
  }
  .pricing_wrapper_custom > div {
    display: flex;
    align-items: center;
    gap: 2px;
}
.discount-badge.final-stickybar__discount {
    margin-top: 2px;
}
.section-scroll-banner{
    grid-template-columns: none;
  
}
.section-scroll-banner > div{
  border-top:0px;
}
.header .divider{
  border:0px;
}
.pb-header {
    align-items: center;
}
.section-flow h3 {
    font-size: 20px;
}
.faq-item {
    background: #8080801a;
}
.faq-container {
  width:100%;
  max-width: 1280px;

}
.faq-item  p{
  border-radius: 8px;
}
.custom-foundation__heading, .apc-section-header h2{
  font-family: var(--font-heading-family) !important;
}

.temp-rudraksha-recommender .section {
    max-width: 100%;
    display: block;
}
.sticky-header-content {
  background: #fff;
  background-color: #fff;
}
.gap-collection_HxWY6h-template--25914995343657__featured_collection_T3pFQM {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width:100%;
    max-width: 1200px;
    margin: auto !important;

}
section.faq-rudraksha-section {
    padding: 25px 12px;
}
.gap-collection_HxWY6h-template--25914995343657__featured_collection_T3pFQM  .card-product {
    width: 100%;
}
.section-video {
    display: flex;
}
.blog-meta+p{
  font-size:20px !important ;
}
.temp-reet-landing-page .product-card-container .product-card{
  padding: 10px;
}
.collection-grid-simple {
    padding: 20px 0 40px;
}
@media screen and (max-width:768px){
div#shopify-section-template--25906919964969__product-grid{
    grid-template-columns: auto;
}

section#shopify-section-template--25888767312169__collection_list_strip_DPqNyA {
    grid-template-columns: none;
}

a.cls-item:first-child {
    padding-left: 12px;
}
}

/* Custom overrides for Claude session */
.cart-header-eurus {
    padding-bottom: 12px !important;
}
.cart-header-eurus__timer {
    background: #e5e5e5 !important;
    color: #000 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
/* (removed conflicting full-width card overrides — see consolidated mobile block above) */
}
  .temp-new-product-page .button-product.forever_sticky_atc {
        max-width: 96%;
}


/*-------------------------------------------------  */
.article-card  .blog-category {
    font-size: 13px;
    color: #000;
}
.article-card  .blog-category, .blog-meta {
    display: inline-flex;
    width: 50%;
}

.article-card  .blog-meta {
    justify-content: end;
}
.theme-template-suffix-how-to-wear {
    background: #f5f1eb;
}
.toggle-menu.cat-menu {
    top: 96px;
}
  .sticky-header .toggle-menu.cat-menu {
    top: 70px;
    transition: none;
}
  .footercol {
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    padding: 0 30px 200px;
}
  /* .footer-col--12, .footer-col--13 {
    display: none;
} */
  .footer-col--5 {
    min-width:280px;
  }
 .footer-col--5 ul {
    column-gap: 10px;
}
.footer-col--5 ul li:nth-child(2){
  padding-top: 0px;
}
}



/*-------------- collection god product page styling -------------  */
.coll-god .arched-grid {
    display: flex;
}

.coll-god .arched-widgets {
    padding: 0;
}

.coll-god {
    padding: 0 0 20px 0;
}

.coll-god .arched-heading {
    display: flex;
    justify-self: center;
    align-items: center;
    font-size: 14px !important;
    margin-bottom: 10px;
}

.coll-god .arched-title {
    text-align: center;
}

.coll-god img.arched-img {
    padding: 2px;
}
.pro-feature-text{
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 8px;
    background: rgb(243, 248, 255);
    padding: 12px 20px;
    font-size: clamp(12px, 3.34vw, 20px);
    line-height: 1.4;
  }
  .pricing_wrapper_custom > div {
    display: flex;
    align-items: center;
    gap: 2px;
}
.discount-badge.final-stickybar__discount {
    margin-top: 2px;
}
.section-scroll-banner{
    grid-template-columns: none;
  
}
.section-scroll-banner > div{
  border-top:0px;
}
.header .divider{
  border:0px;
}
.pb-header {
    align-items: center;
}
.section-flow h3 {
    font-size: 20px;
}
.faq-item {
    background: #8080801a;
}
.faq-container {
  width:100%;
  max-width: 1280px;

}
.faq-item  p{
  border-radius: 8px;
}
.custom-foundation__heading, .apc-section-header h2{
  font-family: var(--font-heading-family) !important;
}

.temp-rudraksha-recommender .section {
    max-width: 100%;
    display: block;
}
.sticky-header-content {
  background: #fff;
  background-color: #fff;
}
.gap-collection_HxWY6h-template--25914995343657__featured_collection_T3pFQM {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width:100%;
    max-width: 1200px;
    margin: auto !important;

}
section.faq-rudraksha-section {
    padding: 25px 12px;
}
.gap-collection_HxWY6h-template--25914995343657__featured_collection_T3pFQM  .card-product {
    width: 100%;
}
.section-video {
    display: flex;
}
.blog-meta+p{
  font-size:20px !important;
}
.temp-reet-landing-page .product-card-container .product-card{
  padding: 10px;
}
@media screen and (max-width:768px){
div#shopify-section-template--25906919964969__product-grid{
    grid-template-columns: auto;
}

section#shopify-section-template--25888767312169__collection_list_strip_DPqNyA {
    grid-template-columns: none;
}

a.cls-item:first-child {
    padding-left: 12px;
}
}

/* Custom overrides for Claude session */
.cart-header-eurus {
    padding-bottom: 12px !important;
}
.cart-header-eurus__timer {
    background: #e5e5e5 !important;
    color: #000 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
/* NOTE: removed old duplicate .bestsellers-section-filled card overrides (width:100%!important,
   img width:70px, align-items:center) and `.cart-drawer__right-column{display:block!important}` —
   they fought the authoritative mobile block above (horizontal scroll, 70% cards) and the flex
   ordering, causing the mobile layout to not match. The consolidated rules live in the
   `@media (max-width:749px) #cart-drawer …` block earlier in this file. */
.cart-drawer__left-column .offer-slider {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.temp-duplicate-rudrakshha section {
    display: block;
}
@keyframes cart-offer-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
/* On wider screens, expand the drawer to fit both columns (filled cart).
   Empty cart stays a narrow single column (32rem) — match the main site.
   :has(.cart-drawer--empty) reacts to the morphed inner state. */

/* Kill the drawer's LEFT-EDGE border. Horizon's shared theme-drawer-styles.liquid sets
   `.theme-drawer__dialog { border-left: var(--style-border-drawer) }` — a dark vertical line down
   the left edge of the panel. The main site has no such border. Scope the removal to #cart-drawer
   ONLY (the snippet is shared by header/menu/filter/chat drawers — don't touch those). */
#cart-drawer .theme-drawer__dialog {
  border-left: none !important;
}

@media (min-width: 1024px) {
  #cart-drawer .theme-drawer__dialog {
    width: 56rem !important; /* main site max-w-4xl */
    max-width: 95vw !important;
  }
  #cart-drawer .theme-drawer__dialog:has(.cart-drawer--empty) {
    width: 32rem !important;
  }

  /* ---- Desktop rec-card layout (MORPH-PROOF). These rules used to live in the inline <style>
     inside cart-drawer.liquid, which Shopify DROPS when the drawer morphs on add — so after adding
     a product the right column lost its card CSS and fell back to Horizon defaults: a LARGE
     full-width square image + a heavy section border. Living in custom.css (<head>) they survive
     the morph. Values mirror the main site: .card = row (image left / text right), image = 25%
     width (md:w-1/4), borderless cards with a light bottom hairline separator (lg:border-b),
     8px-rounded image. ---- */
  #cart-drawer .bestsellers-section-filled [data-cart-recs-target] { display: contents; }
  #cart-drawer .bestsellers-section-filled .mini_cart_recommandation_item {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
  }
  #cart-drawer .bestsellers-section-filled .mini_cart_recommandation_item + .mini_cart_recommandation_item {
    padding-top: 20px;
  }
  #cart-drawer .bestsellers-section-filled .mini_cart_recommandation_item:last-child { border-bottom: 0; }
  #cart-drawer .bestsellers-section-filled .mini_cart_recommandation_item .card {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
  }
  #cart-drawer .bestsellers-section-filled .mini_cart_recommandation_item__img {
    flex: 0 0 25%;              /* main site: image col = md:w-1/4 */
    display: block;
    border-radius: 8px;
    overflow: hidden;
  }
  #cart-drawer .bestsellers-section-filled .mini_cart_recommandation_item__img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    border-radius: 8px;
  }
  #cart-drawer .bestsellers-section-filled .mini_cart_recommandation_item__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
  }
  #cart-drawer .bestsellers-section-filled .pctitle {
    font-size: 14px;
    font-weight: 400;
    color: #131313;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
  }
  #cart-drawer .bestsellers-section-filled .price > span,
  #cart-drawer .bestsellers-section-filled .price-sale { color: #131313; font-size: 15px; font-weight: 600; }
  #cart-drawer .bestsellers-section-filled .comp_price s { color: #888; font-size: 13px; margin-left: 4px; font-weight: 400; }
  #cart-drawer .bestsellers-section-filled .cart-drawer-atc-form { margin: 0; }
  #cart-drawer .bestsellers-section-filled button.button-solid {
    background: #000000b8;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .3px;
    padding: 7px 12px;
    width: max-content;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
  }
  #cart-drawer .bestsellers-section-filled button.button-solid[disabled] { opacity: .5; cursor: not-allowed; }

  /* Right column divider = LIGHT hairline like the main site (lg:border-l is 1px grey),
     NOT the heavy black section border Horizon draws by default. */
  #cart-drawer .cart-drawer__right-column {
    border-left: 1px solid #e5e5e5 !important;
    border-top: 0 !important;
  }
}
.jdgm-widget.jdgm-widget{
  padding:10px 0px;
}
.cgc-item .jdgm-widget.jdgm-widget{
  padding:2px 0px;
  margin-bottom: 0px;
}
select[name="sort_by"] {
  border: none !important;
}
#cart-icon-bubble > div {
    color: #fff !important;
    background-color: #000 !important;
    top: -6px;
    position: absolute;
    right: -4px;
}
  /* Sticky Add to Cart — all product templates */

/* Legacy product templates */
@media screen and (min-width: 768px) {
  .sticky_add_to_cart {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
   
    margin-inline: auto !important;
    transform: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    isolation: isolate !important;
  }

  .sticky_add_to_cart::before {
    content: "";
    position: absolute !important;
    inset-block: 0 !important;
    left: 50% !important;
    width: 100vw !important;
    transform: translateX(-50%) !important;
    background: #fff !important;
    box-shadow: 0 -4px 10px -1px rgb(0 0 0 / 10%) !important;
    z-index: -1 !important;
  }

  .sticky_add_to_cart > .stickybtn_detailsopener {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;

    gap: 16px !important;
  }

  /* Left side: product image, title and price. */
  .sticky_add_to_cart
    > .stickybtn_detailsopener
    > div:first-of-type {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .sticky_add_to_cart
    > .stickybtn_detailsopener
    > div:first-of-type
    > a {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .sticky_add_to_cart [id^="product-image-sticky-"] {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
  }

  .sticky_add_to_cart [id^="product-image-sticky-"] + div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 16px !important;
    padding: 0 !important;
  }

  .sticky_add_to_cart [id^="product-image-sticky-"] + div p {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sticky_add_to_cart .stickybar_price_wrapper {
    display: block !important;
    white-space: nowrap !important;
  }

  /* Right side: form and action button. */
  .sticky_add_to_cart
    > .stickybtn_detailsopener
    > div:last-of-type {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin-left: auto !important;
  }

  .sticky_add_to_cart .product_form,
  .sticky_add_to_cart .form {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
  }

  .sticky_add_to_cart .form > div[class*="grid"] {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    gap: 8px !important;
  }

  .sticky_add_to_cart .add_to_cart_button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 120px !important;
    min-height: 38px !important;
    padding: 10px 16px !important;
    white-space: nowrap !important;
  }

  .sticky_add_to_cart .form > div[class*="grid"] > .relative {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 120px !important;
  }

  .sticky_add_to_cart #gokwik-buy-now {
    width: 100% !important;
    min-height: 38px !important;
  }
}

/* New Horizon product templates */
@media screen and (min-width: 750px) {
  .sticky-add-to-cart__bar {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 56px !important;
    padding: 8px max(24px, calc((100vw - 1240px) / 2)) !important;
    gap: 12px !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 -4px 10px -1px rgb(0 0 0 / 10%) !important;
    transform: translateY(calc(100% + 40px)) !important;
  }

  .sticky-add-to-cart__bar::before {
    inset: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    backdrop-filter: none !important;
  }

  .sticky-add-to-cart__bar[data-stuck="true"] {
    transform: translateY(0) !important;
  }

  sticky-add-to-cart:not([data-variant-available="true"])
    .sticky-add-to-cart__bar {
    transform: translateY(calc(100% + 40px)) !important;
  }

  .sticky-add-to-cart__image {
    width: 40px !important;
    height: 40px !important;
    border-radius: 4px !important;
  }

  .sticky-add-to-cart__info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .sticky-add-to-cart__title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sticky-add-to-cart__price {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .sticky-add-to-cart__button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 120px !important;
    min-height: 38px !important;
    height: 38px !important;
    margin-left: auto !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    background: #000 !important;
    color: #fff !important;
    white-space: nowrap !important;
  }
}

/* Mobile */
@media screen and (max-width: 767px) {


  
  #cart-icon-bubble > div {
    color: #fff !important;
    background-color: #000 !important;
    top: 0px;
    position: absolute;
    right:-13px !important;
}
  .sticky_add_to_cart .form,
  .sticky_add_to_cart .form > div[class*="grid"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .sticky_add_to_cart .form > div[class*="grid"] {
    display: grid !important;
  }

  .sticky_add_to_cart .add_to_cart_button {
    width: 100% !important;
  }
}
#cart-icon-bubble > div {
    color: #fff !important;
    background-color: #000 !important;
    top: 0px;
    position: absolute;
    right: 2px;
}
.header-icon-cart{
  margin-left:-6px !important;
}
@media (max-width: 1023px) {
.header-icon-cart{
  margin-left:-20px !important;
}
}
.pro-10141244752169  .bimage.badge-image-500 .media-gallary-images:first-child::after{
    display:none
}

.snize-ac-results .snize-thumbnail{
  height:auto !important;
}
@media screen and (min-width: 1024px) {
  #sticky-header,
  #sticky-header-content,
  #sticky-header-content.background-header,
  #sticky-header-content:hover,
  #sticky-header .toggle-menu,
  #sticky-header .toggle-menu-sub,
  #sticky-header .background-header,
  #sticky-header .child {
    background: #fff !important;
  }
}