/** Shopify CDN: Minification failed

Line 946:0 Unexpected "}"

**/
@font-face {
  font-family: "Bickham-Script-Pro";
  src: url("/cdn/shop/files/Bickham_Script_Pro_Regular.woff2?v=1742906122")
      format("woff2"),
    url("/cdn/shop/files/Bickham_Script_Pro_Regular.woff?v=1742906223")
      format("woff"),
    url("/cdn/shop/files/Bickham_Script_Pro_Regular.ttf?v=1742633495")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Surveyor Text Medium Pro";
  src: url("/cdn/shop/files/Surveyor_Text_Medium_Regular.woff2?v=1743089537")
      format("woff2"),
    url("/cdn/shop/files/Surveyor_Text_Medium_Regular.woff?v=1743089537")
      format("woff"),
    url("/cdn/shop/files/Surveyor_Text_Medium_Regular.ttf?v=1743089538")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter";
}

body,
html,
p,
span,
img,
svg,
button {
  -webkit-font-smoothing: antialiased; /* consistent smoothing across browsers */
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

* {
  -webkit-font-smoothing: antialiased !important;
}

/*
HEADER STYLING
*/

header summary {
  text-decoration: none !important;
}

.header__menu-item {
  display: inline-block;
  transition: opacity 0.3s ease !important;
  overflow: hidden;
  position: relative;
}

.header__menu-item:hover {
  opacity: 0.7 !important;
}

.header__menu-item span {
  display: inline-block;
  position: relative;
  font-weight: 600;
  text-decoration: none !important;
  line-height: 1.2;
  width: 100%;
}

summary.list-menu__item {
  padding-right: 1.2rem !important;
}

@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    height: 100px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .header__inline-menu,
  .header__inline-menu .list-menu--inline,
  .header__inline-menu .list-menu--inline > li,
  .header__inline-menu .header__menu-item,
  .header__icons,
  .header__icon {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }

  .header__menu-item {
    min-height: auto !important;
  }
}

/* Transparent header overlay */
.header-wrapper {
  /* background: transparent; */
  position: fixed;
  top: 0;
  width: 100%;
  border: none;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
}

/* Glassy sticky navbar when scrolled */
.homepage-body .scrolled-past-header .header-wrapper,
.scrolled-past-header .header-wrapper {
  background: rgba(15, 13, 14, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2) !important;
}

.homepage-body .scrolled-past-header .header-wrapper:hover {
  background: #f5f5f5 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Force links and icons to be white on dark glassy sticky header */
.scrolled-past-header .header__inline-menu .header__menu-item,
.scrolled-past-header .header__active-menu-item,
.scrolled-past-header .header__icons .header__icon,
.scrolled-past-header .header__icon--menu {
  color: #ffffff !important;
}

.header {
  max-width: 100%;
}

/* FOR HOME PAGE ONLY */
.homepage-body .header-wrapper,
.homepage-body .header {
  background-color: transparent !important;
  background-image: none !important; /* Removes Dawn’s gradient, if any */
  box-shadow: none !important;
  border: none !important;
}

.homepage-body .header-wrapper:hover {
  background: #f5f5f5 !important;
  text-decoration: none;
}

.homepage-body .curtain-wrapper {
  padding-top: 0em !important;
}

.curtain-wrapper {
  padding-top: 5em;
}

/* Default state: white text */
.homepage-body .header__inline-menu .header__menu-item,
.homepage-body .header__active-menu-item,
.homepage-body .header__icons .header__icon {
  min-height: auto;
  color: #ffffff !important;
}

/* Hover anywhere in .header__inline-menu => turn all items black */
/* .homepage-body .header__inline-menu:hover .header__menu-item {
  color: #000000 !important;
} */
.homepage-body .header-wrapper:hover .header__menu-item,
.homepage-body .header-wrapper:hover .header__active-menu-item,
.homepage-body .header-wrapper:hover .header__icon {
  color: #000000 !important;
  text-decoration: none;
}

.header__heading-logo-wrapper {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 20px;
}
.header__heading-logo-wrapper img,
.new-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.new-logo {
  transform: translateY(100%);
  opacity: 0;
}
.flipped img {
  transform: translateY(-100%);
  opacity: 0;
}
.flipped .new-logo {
  transform: translateY(0);
  opacity: 1;
}

#MegaMenu-Content-1 .mega-menu__list,
#MegaMenu-Content-2 .mega-menu__list {
  position: relative;
  margin: 0 3em;
}

#MegaMenu-Content-1 .mega-menu__list li:first-child,
#MegaMenu-Content-2 .mega-menu__list li:first-child {
  position: absolute;
  left: 0;
}

.mega-menu .mega-menu__list--condensed {
  /* margin: 0; */
  padding: 0;
  display: flex !important;
  justify-content: space-between;
}
.mega-menu__list {
  justify-content: flex-end !important;
}

/* HEADER ENDS HERE */


/* shop now bttn ends HERE */
.card__heading {
  position: relative;
  display: inline-block;
  padding-bottom: 0; /* Space for the underline removed */
}


details[open] {
  display: block !important;
}
.product__media {
  overflow: hidden;
}

.product__media img {
  transition: transform 0.4s ease-in-out;
}

.product__media:hover img {
  transform: scale(1.2);
}

.shopify-policy__container {
  background-color: #f5f5f5;
  max-width: 100%;
}
.shopify-policy__title {
  display: none;
}

/****** footer css for grid 4,1fr ******/
.newsletter-form__field-wrapper .svg-wrapper svg {
  display: none; /* Hide the SVG */
}

.newsletter-form__field-wrapper .svg-wrapper::before {
  content: "OK";
  font-weight: bold;
  font-size: 14px;
  color: #000;
  background: #eee6d9;
  padding: 6px 18px;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #ccc;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
#NewsletterForm--sections--16871981514851__footer .field__input {
  border: none !important;
}

/* Hover effect */
.newsletter-form__field-wrapper .svg-wrapper:hover::before {
  background: #d9d0c3; /* Slightly darker beige on hover */
  border-color: #bbb; /* Darker border */
}

/* Show the OK button on click */
.newsletter-form__field-wrapper.clicked .svg-wrapper::before {
  opacity: 1; /* Make it visible */
  visibility: visible;
}
.newsletter-form__button {
  width: 7.4rem !important;
  justify-content: center !important;
  justify-content: end;
}
.footer__content-top {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important; /* 1fr 1fr 1fr 1fr */
  gap: 50px;
  align-items: start;
  padding: 112px 80px !important;
}

.footer__blocks-wrapper {
  display: contents !important; /* Makes the inner blocks part of the grid */
}
.footer-block--newsletter {
  margin-top: 0 !important;
}
.footer-block__newsletter .footer-block__heading::after {
  content: "Stay up-to-date with the new collection, events and exclusive content"; /* Add your text */
  display: block;
  margin: 10px 0; /* Add spacing */
  color: #f5f5f5;
  padding-right: 2em; /* Text color */
  font-size: 12px; /* Font size */
}

.footer-block--newsletter {
  grid-column: span 1 !important; /* Place the newsletter in the next available column */
  align-self: start;
}
.grid--4-col-tablet .grid__item {
  width: 100% !important;
}
.footer-block__newsletter {
  text-align: left !important;
}
.footer-block__heading {
  padding-bottom: 10px !important;
  margin: 0 !important;
}
.list-menu__item--link {
  font-size: 12px;
}
.footer-block__heading {
  font-size: 14px !important;
  color: #f5f5f5;
}
.newsletter-form__field-wrapper {
  padding-top: 1.2em !important;
}

/****** for footer social icons ******/
    .footer-block__details-content {
        padding-left: 4em!important;
    }

.footer__content-bottom {
  border-top: 1px solid #f5f5f5 !important;
  padding-top: 0rem !important;
  width: 90%;
  margin: 0 auto; /* Center the 80% width border */
}

.footer__content-bottom-wrapper {
  padding: 0rem !important;
}
.section-sections--16871981514851__footer-padding {
  border: none !important;
}
.footer-block__heading {
  padding-left: 4.4em !important;
}
.footer-block__newsletter .footer-block__heading {
  padding: 0 !important;
}

@media (max-width: 768px) {
  .footer-block__newsletter .footer-block__heading {
    padding-left: 1em !important;
  }
  .footer-block__heading {
    padding-left: 1em !important;
  }
  .list-unstyled {
    padding-left: 1em !important;
  }
  .footer__content-top {
    display: grid !important
;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .footer-block__details-content .list-menu__item--link {
    padding: 0 !important;
  }

  .footer-block.grid__item {
    margin: 0rem 0 !important;
  }
  .footer__content-top {
    gap: 0 !important;
    padding: 1em 2em !important;
  }
}
/******footer CSS ends******/

/****** mobile mega menu css starts******/
@media (max-width: 768px) {
  .menu-drawer__menu li {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    justify-items: center;
  }

  .menu-drawer__submenu {
    display: none !important;
  }
  .menu-drawer__close-button {
    display: none !important;
  }
  .menu-drawer summary.menu-drawer__menu-item {
    /* display: none !important; */
    font-size: 10px;
    margin-right: 0 !important;
  }

  .menu-drawer__menu li a {
    display: block;
    text-align: center;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
  }
  .swiper-wrapper {
    display: none !important;
  }
  .list-menu__item {
    font-size: 10px;
  }
  .menu-drawer__menu-item > .svg-wrapper {
    display: none;
  }
}

/******mobile mega menu CSS ends******/

/****** PDP page CSS starts******/
#ProductSubmitButton-template--16887690428515__main {
  border: 1px solid #0f0d0e;
  /* border-radius: 4px; */
}

/* Style radio buttons with labels as pills */
.product-form__input--pill input[type="radio"] + label {
  padding: 10px 0px !important;
  border-radius: 5px !important;
  min-width: 60px !important;
  text-align: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Set max width for product info and media wrappers */
.product__info-wrapper {
  max-width: 45% !important;
}

.product__media-wrapper {
  max-width: 55% !important;
}
.shipping-note,
.form__label,
.product__text,
.accordion__title,
.accordion__content {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px !important;
  margin: 0 !important;
}

.price {
  text-align: justify !important;
}

/* Hide swatch input */
.product-form__input--swatch {
  display: none !important;
}

.product__title > * {
  font-family: "Surveyor Display", serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 140%;
  letter-spacing: 0;
}

.price__regular .price-item--regular {
  color: #262425;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (max-width: 1024px) {
  .product__info-wrapper,
  .product__media-wrapper {
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  .product-form__input--pill input[type="radio"] + label {
    padding: 8px 12px !important;
    border-radius: 4px !important;
    min-width: 50px !important;
  }
  .product__title > * {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
  }
}
/****** PDP page CSS ends******/

/****** product cards******/
.card .card__inner .card__media {
  border-radius: 8px !important;
}

/* Ensure product card elements show pointer cursor on hover */
.card-wrapper,
.card-wrapper .card,
.card-wrapper .card__inner,
.card-wrapper .card__media,
.card-wrapper .card__media img,
.card-wrapper .full-unstyled-link,
.card-wrapper .card__content,
.card-wrapper .card__heading {
  cursor: pointer !important;
}
/****** product cards******/

/* home page banner Pa effect */
/* Ensure full viewport height sections */
.button,
.shopify-payment-button__button,
.cart__checkout-button,
.product-form__submit {
  padding: 0 !important;
}

/* Full-screen banners */
.first-banner,
.second-banner {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
  transition: transform 1s ease-out;
  will-change: transform;
}

/* Parallax effect */
.first-banner {
  transform: translateY(0);
}

.second-banner {
  transform: translateY(100%);
}

/* Scrolled states */
.first-banner.scrolled {
  transform: translateY(-100%);
}

.second-banner.scrolled {
  transform: translateY(0);
}

/* Smooth body scroll behavior */
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* for cart drawer starts */
.drawer__header {
  display: block !important;
  text-align: center !important;
  padding: 2.5rem 20px 1.5rem 20px !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.drawer {
  background-color: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.drawer__inner {
  border: none !important;
  padding: 0 !important;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.15) !important;
}

cart-drawer.is-empty .drawer__inner {
  display: flex !important;
  flex-direction: column !important;
}
cart-drawer.is-empty .drawer__header {
  display: block !important;
}

.drawer__inner-empty {
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.cart-drawer__warnings {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 40px 20px !important;
}

.cart__empty-text {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: #000000 !important;
  margin-bottom: 24px !important;
}

.drawer__inner-empty .button {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  padding: 12px 30px !important;
  min-height: auto !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.drawer__inner-empty .button:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.cart__login-title {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #777777 !important;
  margin-top: 40px !important;
  margin-bottom: 8px !important;
}

.cart__login-paragraph {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  color: #777777 !important;
}

.cart__login-paragraph a {
  color: #000000 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  transition: opacity 0.3s ease !important;
}

.cart__login-paragraph a:hover {
  opacity: 0.7 !important;
}
cart-drawer-items {
  /* background-color: #0f0d0e;
  color: #f5f5f5; */
  font-size: 14px;
  padding: 20px !important;
}
.cart-item__price-wrapper, .cart-item__details, .cart-item__name {
  font-size: 14px;
 font-family: "Inter"!important;
}
.product-option {
  font-size: 14px !important;
}
.price.price--end {
  /* color: #f5f5f5 !important; */
}
.drawer__close {
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.cart-item {
  border-bottom: 1px solid #000 !important;
}

.quantity.cart-quantity * {
  border: none !important;
}
.drawer__footer {
  padding: 1.5rem 20px;
}
.drawer__heading {
  font-size: 16px;
}

.cart-item__quantity-wrapper {
  justify-content: space-between;
}
.quantity-popover-container {
  max-width: 10rem !important;
}
.quantity__button {
  width: 30px !important;
}
.quantity__input {
  width: 20px !important;
}
.quantity {
  min-height: 30px !important;
}
/* for cart drawer ends */

/* Curtain footer */
.header__icon--menu[aria-expanded="true"]:before {
  background: transparent !important;
  pointer-events: none;
}

.collapsible-content-wrapper-narrow {
  max-width: 91% !important;
}

#Summary-collapsible_row_yLMD6B-template--16871981056099__collapsible_content_LeJfNa {
  flex-direction: column !important;
  align-items: flex-start !important;
}

.read-more-line {
  margin-top: 4px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  display: block;
  width: 100%;
}

/* for header menu mobiles starts */
@media (max-width: 768px) {
  .menu-drawer summary.menu-drawer__menu-item {
    text-align: center;
    display: block;
    font-size: 10px;
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .menu-drawer__menu li:nth-last-child(-n + 2) a {
    margin-top: 15px;
  }
}
/* for header menu mobiles ends */
/* for home page hero section*/
@media (max-width: 480px) {
  #shopify-section-template--16871981056099__image_banner_E9tFC3
    .banner__content {
    align-items: end;
  }
}
/* for home page hero section*/

@media screen and (max-width: 749px) {
  .footer__follow-on-shop,
  .footer-block__newsletter {
    display: none;
    justify-content: center;
  }
  .footer-block__details-content {
    margin-bottom: 20px !important ;
  }
}

.accordion {
  border: none !important;
}

.accordion__content {
  padding: 0 !important;
}
.collapsible-content summary:hover {
  background: none !important;
}

.collapsible-content summary:hover .accordion__title {
  text-decoration: none !important;
}


/* Product page description */

.product .rte ul,
.rte ol {
  padding-left: 2.7em;
}

.cart-drawer__empty-content .button {
  background-color: #f5f5f5 !important;
  color: black !important;
}

.button:not([disabled]):hover:after {
  box-shadow: none !important;
}

.size-chart {
  display: none !important;
}

.product-popup-modal__content {
  background-color: transparent !important;
}

@media screen and (min-width: 750px) {
  .product-popup-modal__content {
    width: 50% !important;
  }
}
.product-popup-modal__content-info .h2 {
  display: none;
}

@media only screen and (max-width: 600px) {
  .curtain-wrapper {
    padding-top: 4em;
  }
  .homepage-body .header__icon--menu {
    color: white !important;
  }
  .left-content.flip-up {
    animation: none !important;
  }
  #Details-menu-drawer-menu-item-1,
  #Details-menu-drawer-menu-item-2 {
    /* display: none; */
    color: #828181;
  }
  .product-popup-modal__content {
    width: 100% !important;
  }
  .product-popup-modal__button {
    font-size: 10px !important;
  }
}

.product-popup-modal__button {
  font-size: 12px !important;
  min-height: 0!important;
  font-family: "Inter";
}

/* for policy pages starts */
.shopify-policy__container {
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center;
}
.shopify-policy__body {
  max-width: 760px !important;
}
.shopify-policy__container h1,
.shopify-policy__container h2 {
  font-family: "Surveyor Text", serif !important;
  color: #0f0d0e !important;
  text-align: center !important;
  font-weight: 500 !important;
  font-size: 32px !important;
  line-height: 42px !important;
  letter-spacing: 0% !important;
}

.shopify-policy__container h3,
.shopify-policy__container h4 {
  margin-bottom: 0px !important;
  font-family: "Surveyor Text", serif !important;
  color: #0f0d0e !important;
  text-align: center !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 42px !important;
  letter-spacing: 0% !important;
}

.shopify-policy__container p {
  font-size: 12px !important;
  color: #0f0d0e !important;
  text-align: center !important;
  font-family: "Inter", sans-serif !important;
}
/* for policy pages ends */


  .drop-icon {
    max-width: 70%;
  }

  .footer-block--newsletter {
    padding: 2em 0;
  }
}

/* changes on 24-07-2025 */

@media only screen and (max-width: 600px) #Details-menu-drawer-menu-item-1,
  #Details-menu-drawer-menu-item-2 {
  display: block;
  text-align: center;
  color: #828181;
}

/*  */
.product__info-container>*+* {
    margin: 1.5rem 0 0 0 !important;
}
.card__badge {
  position: absolute;
  top: -40px;
  left: 10px;
}

@media screen and (max-width: 600px) {
  .price--on-sale .price-item--regular {
    font-size: 10px !important;
  }

  .price-item--last {
    font-size: 11px !important;
  }
      .footer-block__newsletter .footer-block__heading, .footer-block__heading, .list-unstyled {
        padding-left: 0em !important;
    }
.card-wrapper {
    margin-top: 1em;}
}

/****** after_gokwik css *******/
.homepage-body .button {
  --border-color: #ffffff;
  --border-width: 1px;
  --bottom-distance: 0px;
  padding: 10px 20px;
  position: relative;
  display: inline-block;
  background-image: linear-gradient(var(--border-color), var(--border-color));
  background-size: 100% var(--border-width); /* FULL underline by default */
  background-repeat: no-repeat;
  background-position: 0 calc(100% - var(--bottom-distance));
  transition: background-size 0.5s ease-in-out;
}
.homepage-body .button:hover {
  background-size: 0% var(--border-width); /* Disappear underline on hover */
}

@media only screen and (max-width: 767px) {
  .homepage-body .button {
    line-height: 2 !important;
    letter-spacing: 0 !important;
  }
}

.badge{
  display:none!important;
}
/****** after_gokwik css ends *******/

.product-details-container {
    margin-top: -1.5em !important;
}
.cart-drawer .cart-item {
  grid-template: repeat(2, auto) / repeat(3, 1fr)!important;
}
.product__info-wrapper li {
  padding-bottom: 0.5em!important;
}
.accordion__content ul{
  padding-left: 0!important; 
}

  .banner--desktop-transparent .banner__box {
    padding: 0 0 5% 0 !important;
  }


  @media (max-width: 767px) {
  .banner--desktop-transparent .banner__box {
    padding: 0 0 24% 0 !important;
  }
}

.product-popup-modal {
      background: #000000a3!important;
}
.product-popup-modal__content {
      border-style: none!important;
}
@media (max-width: 768px) {
  .product-popup-modal__content {
    align-content: center;
  }
}

/* Constrain product media gallery elements so both main image and thumbnails fit above the fold */
@media screen and (min-width: 750px) {
  .product-media-container.constrain-height {
    --viewport-offset: 290px !important;
    --constrained-min-height: 300px !important;
  }
}

/* Premium Product CTA Buttons Overrides */
.product-form__submit {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
  transition: all 0.3s ease !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  height: 48px !important;
  line-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
}

.product-form__submit:not([disabled]):hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

.product-form__submit[disabled],
.product-form__submit[aria-disabled="true"],
.product-form__submit.loading {
  background-color: #ffffff !important;
  color: transparent !important;
  border: 1px solid #000000 !important;
  opacity: 0.7 !important;
}

.product-form__submit::after {
  content: none !important;
}

.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
  transition: all 0.3s ease !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  height: 48px !important;
  line-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.shopify-payment-button__button:not([disabled]):hover,
.shopify-payment-button__button--unbranded:not([disabled]):hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

.shopify-payment-button__button::after,
.shopify-payment-button__button--unbranded::after {
  content: none !important;
}

/* Position header cart count bubble badge beautifully in the top-right corner of the bag icon */
#cart-icon-bubble .cart-count-bubble {
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  right: auto !important;
  transform: translate(10px, -16px) !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid #ffffff !important;
}



/* Sticky main product gallery layout */
@media screen and (min-width: 990px) {
  /* Make the section edge-to-edge */
  .page-width:has(.product--sticky_main) {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .product--sticky_main {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 0 !important; /* Remove grid gap between media and info */
    margin: 0 !important;
  }

  .product--sticky_main .product__media-wrapper {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
    padding: 20px !important; /* Adding padding around the images */
    margin: 0 !important;
  }

  .product--sticky_main .product__info-wrapper {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
    padding: 20px 40px !important;
    margin: 0 !important;
  }

  /* Change from grid to block for sticky right column support */
  .product--sticky_main slider-component {
    height: 100% !important;
    display: block !important;
  }

  .product--sticky_main .product__media-list {
    display: block !important;
    height: 100% !important;
    padding: 0 !important;
  }

  /* Constrain images to screen height but allow shrink-wrapping for landscapes */
  .product--sticky_main .product__media-item {
    width: calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    margin-bottom: 20px !important;
    height: auto !important; /* Allow container to shrink wrap image height */
    max-height: calc(100vh - 140px) !important; /* Keep within viewport */
    border-radius: 12px !important;
    overflow: hidden !important;
    isolation: isolate;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }

  .product--sticky_main .product-media-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .product--sticky_main .product__media {
    height: auto !important;
    padding-top: 0 !important; /* Disable Dawn aspect ratio padding hack */
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .product--sticky_main .product__media img {
    height: auto !important;
    max-height: calc(100vh - 140px) !important;
    width: 100% !important;
    object-fit: contain !important;
    position: relative !important;
    border-radius: 12px !important;
  }

  .product--sticky_main .product__media-item:first-child {
    float: left !important;
    position: sticky !important;
    top: 120px !important;
    margin-bottom: 0 !important; /* No margin needed for sticky left */
  }

  .product--sticky_main .product__media-item:not(:first-child) {
    float: right !important;
    clear: right !important;
  }

  .product--sticky_main .product__media-item:last-child {
    position: sticky !important;
    top: 120px !important;
    margin-bottom: 0 !important;
  }

  /* clearfix for floats */
  .product--sticky_main .product__media-list::after {
    content: "";
    display: table;
    clear: both;
  }
}
/* Edge-to-edge mobile product gallery */
@media screen and (max-width: 749px) {
  #MainContent .product__media-wrapper slider-component {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #MainContent .product__media-wrapper .product__media-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  #MainContent .product__media-wrapper .product__media-list .product__media-item,
  #MainContent .product__media-wrapper .product__media-list .slider__slide {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #MainContent .product__media-wrapper .slider.slider--mobile {
    scroll-padding: 0 !important;
    scroll-padding-left: 0 !important;
  }

  #MainContent .product__media-wrapper .grid--peek.slider .grid__item:first-of-type {
    margin-left: 0 !important;
  }

  #MainContent .product__media-wrapper .slider--mobile:after {
    content: none !important;
  }

  /* Remove height/width constraints on mobile to let image scale naturally to full width */
  #MainContent .product__media-wrapper .product-media-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #MainContent .product__media-wrapper .product-media-container.constrain-height .media {
    padding-top: var(--ratio-percent) !important;
  }

  /* Mobile media corner radius */
  #MainContent .product__media-wrapper .product-media-container,
  #MainContent .product__media-wrapper .product-media-container img,
  #MainContent .product__media-wrapper .product-media-container video {
    border-radius: var(--media-radius-mobile) !important;
    overflow: hidden !important;
  }
}

/* Product page custom CSS moved from theme settings to avoid Shopify's 500 character limit */
#MainContent .product-form__buttons {
  max-width: 100%;
}
#MainContent .product-form__submit {
  border: solid 1px;
}
#MainContent .icon-with-text {
  margin: 0;
  display: flex;
  align-items: center;
}
#MainContent .icon-with-text img {
  height: 21px;
  width: 78px;
}
#MainContent .icon-with-text__item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
#MainContent .icon-with-text__item img {
  order: 2;
}
#MainContent .icon-with-text__item span {
  order: 1;
  font-size: 14px;
  text-align: left;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: #6b6a6a;
  font-weight: 400;
}
#MainContent .price__container {
  margin-right: 8px;
}
#MainContent .product__info-container ul {
  padding-left: 2rem !important;
}

/* Secondary product details section styling */
@media screen and (min-width: 990px) {
  .product--secondary {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  .product--secondary .product__media-wrapper {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
    padding: 20px !important; /* same spacing as the product information section above */
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .product--secondary .product__info-wrapper {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
    padding: 20px 40px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .product--secondary .product__media-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: auto !important;
  }
}

/* Limit secondary video and media height to 95vh */
.product--secondary video,
.product--secondary img,
.product--secondary .product-media-container,
.product--secondary .product__media,
.product--secondary .product__media-item {
  max-height: 95vh !important;
}

.product--secondary video,
.product--secondary img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Shared Premium Glass Button */
.glass-button {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  border: 0.5px solid #ffffff !important;
  border-radius: 7px !important;
  background: rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 12px 32px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: auto !important;
  min-width: auto !important;
  box-shadow: none !important;
  transition: background 0.3s ease, border-color 0.3s ease !important;
  cursor: pointer;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Sliding text inside glass-button */
.glass-button .cta-inner {
  position: relative;
  display: inline-block;
  height: 1em;
  overflow: hidden;
}

.glass-button .cta-text {
  display: block;
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.glass-button .cta-text.second {
  position: absolute;
  top: 100%;
  left: 0;
}

.glass-button:hover .cta-text.first {
  transform: translateY(-100%);
}

.glass-button:hover .cta-text.second {
  transform: translateY(-100%);
}

@media screen and (max-width: 749px) {
  .glass-button {
    padding: 8px 16px !important;
    font-size: 11px !important;
  }
}

/* Align homepage rich text, collection titles, and product grid slider with navbar content padding on desktop */
@media screen and (min-width: 990px) {
  .homepage-body .rich-text__wrapper.page-width {
    max-width: 100% !important;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .collection__title.page-width {
    max-width: 100% !important;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  slider-component {
    --desktop-margin-left-first-item: 5rem !important;
  }

  slider-component .product-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  slider-component.page-width {
    max-width: 100% !important;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .slider-component-full-width .slider--desktop {
    scroll-padding-left: var(--desktop-margin-left-first-item) !important;
  }

  .slider-component-full-width .slider--desktop .slider__slide:first-child {
    margin-left: var(--desktop-margin-left-first-item) !important;
    scroll-margin-left: var(--desktop-margin-left-first-item) !important;
  }

  .slider-component-full-width .slider--desktop:after {
    padding-left: var(--desktop-margin-left-first-item) !important;
  }

  .related-products.page-width {
    max-width: 100% !important;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .slider--desktop.grid--3-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 3.5 - var(--grid-desktop-horizontal-spacing) * 4) !important;
  }
}

/* Ensure dynamic columns show on mobile for any peek slider using --columns-mobile */
@media screen and (max-width: 749px) {
  .grid--peek[style*="--columns-mobile"] .grid__item,
  .slider--tablet.grid--peek[style*="--columns-mobile"] .grid__item,
  .slider.grid--peek[style*="--columns-mobile"] .grid__item {
    width: calc((100% - 3rem - var(--grid-mobile-horizontal-spacing, 10px)) / var(--columns-mobile, 2)) !important;
    min-width: calc((100% - 3rem - var(--grid-mobile-horizontal-spacing, 10px)) / var(--columns-mobile, 2)) !important;
  }
}

@media screen and (min-width: 750px) {
  .product__column-sticky {
    top: 120px !important;
  }
}