/** Shopify CDN: Minification failed

Line 1683:71 Unterminated string token

**/
@font-face {
    font-family: 'Oswald';
    src: url('/cdn/shop/files/Oswald.eot?v=1762914525');
    src: url('/cdn/shop/files/Oswald.eot?v=1762914525?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/Oswald.woff2?v=1762914525') format('woff2'),
        url('/cdn/shop/files/Oswald.woff?v=1762914525') format('woff'),
        url('/cdn/shop/files/Oswald.ttf?v=1762914525') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{
  overflow-x: hidden;
}

/* Sitewide thin typography 鈥?headings & emphasis match body weight */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6,
.banner__heading,
.card__heading,
.card__heading a,
.card__heading .full-unstyled-link,
.collection-hero__title,
.collection .collection__title h2,
.title,
.related-products__heading,
.jdgm-rev-widg__title,
.multicolumn-list h3,
.font-body-bold,
.rte strong,
.rte b,
.collection-hero__description strong,
.collection-hero__description b,
.product__description strong,
.product__description b,
.product__accordion .accordion__content strong,
.product__accordion .accordion__content b,
.link-with-icon,
.mega-menu__link--level-2,
.predictive-search__item-heading,
.custom-design-header h2,
.custom-design-text h3,
.split-story-content h2,
.founder-heading,
[class*="custom-"] h1,
[class*="custom-"] h2,
[class*="custom-"] h3 {
  font-weight: var(--font-body-weight) !important;
}

/* Sitewide: no italic */
em, i, cite, dfn, var,
.rte em, .rte i, .rte cite,
blockquote, .rte blockquote,
.collection-hero__description,
.collection-hero__description *,
.collection__description,
.collection__description *,
.product__description em,
.product__description i,
.product__accordion .accordion__content em,
.product__accordion .accordion__content i,
[class*="custom-"] em,
[class*="custom-"] i,
.banner__text em,
.banner__text i,
.subtitle em,
.subtitle i {
  font-style: normal !important;
}

/* body *{
    letter-spacing:0 !important;
} */
.announcement-bar p{
  letter-spacing: 0;  
}
.header__icon, .header__icon--cart .icon,
.header__icon--search .svg-wrapper {
  width: auto;
  text-decoration: none;
}
.header__icon--search .svg-wrapper{
  column-gap: 10px;
}
.header__icons {
    padding-right: 0;
    column-gap: 5px;
}
@media screen and (min-width: 750px) {
  .header:not(.drawer-menu).page-width {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: 1rem;
    overflow: visible;
  }
  .header--middle-center:not(.drawer-menu) > nav.header__inline-menu {
    justify-self: start;
    min-width: 0;
  }
  .header--middle-center:not(.drawer-menu) > .header__heading {
    justify-self: center;
  }
  .header--middle-center:not(.drawer-menu) > .header__icons {
    justify-self: end;
    min-width: 0;
  }
}
@media screen and (max-width: 749px) {
  .header.header--has-menu.page-width {
    position: relative;
    display: grid !important;
    grid-template-areas: 'left-icons heading icons';
    grid-template-columns: auto 1fr auto;
    column-gap: 0.6rem;
    align-items: center;
  }

  .header.header--has-menu.page-width header-drawer {
    grid-area: left-icons;
    justify-self: start;
    z-index: 2;
  }

  .header.header--has-menu.page-width .header__heading {
    grid-area: heading;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 1;
    pointer-events: auto;
  }

  .header.header--has-menu.page-width .header__heading-link {
    justify-self: center;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .header.header--has-menu.page-width .header__icons {
    grid-area: icons;
    justify-self: end;
    z-index: 2;
  }

  .header--mobile-left .header__heading,
  .header--mobile-left .header__heading-link {
    margin-left: 0;
    text-align: center;
    justify-self: center;
  }

  .header__heading-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .header__heading-logo-wrapper {
    width: 118px;
    max-width: 38vw;
  }

  .header__heading-logo {
    width: 100%;
    height: auto;
  }

  .header__heading-link .h2 {
    font-size: 1.8rem;
  }

  .header__icons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    column-gap: 0;
    width: auto;
    max-width: none;
    flex-shrink: 0;
    padding-right: 0;
  }

  .header__icon .svg-wrapper {
    width: 3.6rem;
    height: 3.6rem;
  }

  #wishlist-teleport-target {
    width: 3.6rem !important;
    height: 3.6rem !important;
    margin: 0 !important;
    flex-shrink: 0;
  }

  #wishlist-teleport-target:not(:has(a)) {
    display: none !important;
  }

  #wishlist-teleport-target .header__icon-wishlist-fallback .icon {
    width: 2rem;
    height: 2rem;
  }

  .header__icon--search .svg-wrapper {
    column-gap: 0;
  }
}
.header__inline-menu .list-menu__item{
  font-size: 15px;
  line-height: 24px !important;
  font-family: var(--font-body-family) !important;
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 2px !important;
}
.header__inline-menu .list-menu--inline {
    column-gap: 30px;
}

.header__inline-menu .header__menu-item {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.page-width-desktop,
.page-width {
    max-width: 1700px;
    /* padding-left: 0;
    padding-right: 0; */
}
.page-width--narrow {
    max-width: 1000px;
}
.header:not(.drawer-menu).page-width,
.page-width-desktop{
    /* Never zero — high Windows DPI (e.g. 225%) lands just above 1680px and was clipping SHOP */
    padding-left: max(2rem, env(safe-area-inset-left, 0px));
    padding-right: max(2rem, env(safe-area-inset-right, 0px));
    box-sizing: border-box;
    max-width: 100%;
}
.slideshow__text .button{
    text-transform: uppercase;
    font-family: var(--font-heading-family) !important;
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);    
}
.slideshow__text .banner__text{
    font-size: 18px;
}
.slideshow__text .banner__heading,
.banner .banner__heading {
    font-family: 'Oswald';
    font-size: 34px !important;
    line-height: 1.2 !important;
}
.slider-counter,
.collection-list-wrapper .slider-counter{
  display: none !important;
}
.slider--desktop .slider__slide:first-child{
  margin-left: 0 !important;
}
.collection .collection__title h2{
  font-size: 32px;
}
.collection .product-grid.contains-card .card__heading .full-unstyled-link{
  text-align: left;
  font-weight: 400;  
  margin-top: 0;
}
.custom_product .full-unstyled-link:hover,
.collection .product-grid.contains-card .card__heading .full-unstyled-link:hover{
  text-decoration: none;
  color: #f8bb59;  
}
.collection .product-grid.contains-card .price .price-item{
  font-size: 16px;
  line-height: 18px;
}
/* Collection / homepage sliders only 鈥?not product media or announcement bar */
.collection .slider-buttons,
.section-collection-list .slider-buttons,
.featured-collection .slider-buttons,
.custom_product .slider-buttons,
.page_slide_item .slider-buttons,
.title-wrapper-with-link .slider-buttons {
    position: absolute;
    top: -80px;
    right: 110px;
}

.announcement-bar-slider.slider-buttons {
    position: relative;
    top: auto;
    right: auto;
}
.slider-button .icon {
    height: 1.6rem !important;
}
.custom_product .full-unstyled-link,
.collection .product-grid.contains-card .card__heading .full-unstyled-link {
    text-align: center;
    font-size: 14px;
    line-height: 1.45;
    color: #000000;
}
.quick-add__submit {
    background-color: #301724;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-heading-family) !important;
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);    
    text-transform: uppercase;
    max-width: 236px !important;
    min-width: auto !important;
    padding: 0 !important;
    height: 32px !important;
    min-height: auto;
    margin: 0 auto;
}
.quick-add {
    position: absolute;
    width: 100%;
    z-index: 1000;
    bottom: 110px;
    opacity: 0;
    transition: all ease 0.3s;
    height: 0;
    margin: 0 !important;
}
.card-wrapper.product-card-wrapper.underline-links-hover:hover .quick-add{
  opacity: 1;
  bottom: 150px;
  height: 0;
}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after,
.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before{
  display: none;
}
.slider-button {
  background-color: #301724 !important;
}
.slider-button[disabled]{
  background-color: #978b91 !important;
}
.slider-buttons{
  column-gap: 20px;
}
.slider-button .icon,
.slider-button[disabled] .icon {
  color: #ffffff !important;
}
.page_slide_item{
  position: relative;
}
.page_slide_content{
  position: absolute;
  left: 37px;
  bottom: 37px;
}
.page_slide_content .h3{
  font-size: 28px;
  color: #ffffff;
  text-decoration: underline;
  text-transform: uppercase;
}
.page_slide{
  position: relative;
}
.swiper-button-next-solution{
  right: 27%;
  bottom: 50px;
  top: auto;
  transition: all ease 0.3s;
}
.swiper-button-prev-solution {
  left: 68%;
  top: auto;
  bottom: 50px;
  transition: all ease 0.3s;
}
.swiper-button-next::after{
  content: "";
  background-image: url('/cdn/shop/files/arrow.png?v=1763003578');
  display: block;
  width: 16px;
  height: 8px;
  background-size: auto;
  background-repeat: no-repeat;
}
.swiper-button-prev::after{
  content: "";
  background-image: url('/cdn/shop/files/arrow2.png?v=1763003579');
  display: block;
  width: 16px;
  height: 8px;
  background-size: auto;
  background-repeat: no-repeat;
}
.swiper-button-next,
.swiper-button-prev{
  width: 46px;
  height: 46px;
  border-radius: 8px;
  display: flex !important;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
}
.custom_section{
  padding: 90px 0;
}
.heading_h2{
  font-size: 36px;
  color: #000000;
  margin: 0 0 20px 0;
}
.custom_title_box p{
  font-size: 16px;
  color: #444444;
}
.custom_box{
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;  
  justify-content: space-between;
  margin-top: 30px;
}
.custom_left{
  width: 23%;
}
.custom_left img{
  width: 100%;
  height: 100%;
}
.custom_right{
  width: 76%;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;  
  justify-content: space-between;
  margin-top: -54px;
}
.custom_left{
  position: relative;
}
.custom_left .h3{
  font-size: 16px;
  color: #ffffff;
  text-decoration: underline;
  text-transform: uppercase;
  position: absolute;
  left: 37px;
  bottom: 30px;  
}
.part_one_item .tab-pane{
  display: none;
}
.part_one_item .tab-pane.active{
  width: 100%;
  display: block;
  /* display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;  
  justify-content: space-between;   */
}
.home_part_one_tab .nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;  
  justify-content: flex-end;
  gap: 30px;
  margin-bottom: 25px;
}
.home_part_one_tab .nav a{
  font-size: 16px;
  line-height: 20px;
  color: #555555;
  text-decoration: none;
  text-transform: uppercase;
}
.home_part_one_tab .nav li.active a{
  color: #301724;
  text-decoration: underline;
  font-family: var(--font-heading-family) !important;  
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);  
}
.home_part_one_tab,
.home_part_one_tab .tab-content{
  width: 100%;
}
/* .custom_product{
  width: 32.5%;
} */
.custom_product .card__information{
  padding-bottom: 0;
}
.custom_product .card-wrapper.product-card-wrapper.underline-links-hover:hover .quick-add{
  bottom: 120px;
}
a.button.button--primary {
  text-transform: uppercase;
}
.custom_swiper{
  position: relative;
}
.swiper-button-next-custom,
.swiper-button-prev-custom{
  top: 43%;
}
.quick-add__submit:hover,
.button.button--primary:hover{
  background-color: #454043;
}
.kt__title span{
  font-size: 40px;
}
.kt__header.kt__header-section {
  margin-bottom: -150px !important;
}
.home-icon-text{
  background-color: #301724;
  padding: 25px 0;
}
.home_icon_item .h3{
  color: #ffffff;
}
.home_icon_item {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;    
  align-items: center;
  gap: 20px;
  justify-content: center;
}
.footer__blocks-wrapper{
  display: grid;
  align-items: start;
  gap: 1.5rem;
}
.footer-block__heading{
  font-size: 16px !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
  color: #ffffff;
}
.newletter_p{
  margin: 0 0 15px 0;
}

/* Unified footer column typography (all 5 columns) */
.footer .footer-block__heading,
.footer .footer-block__newsletter-custom .footer-block__heading {
  font-size: 1.6rem !important;
  line-height: 1.35 !important;
  margin-bottom: 1.2rem !important;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.footer .footer-block__brand-info p,
.footer .footer-block__details-content .list-menu__item--link,
.footer .footer-block__company,
.footer .footer-block__company p,
.footer .footer-block__company a,
.footer .footer-block__details-content.rte,
.footer .footer-block__details-content.rte p,
.footer .footer-block__details-content.rte a,
.footer .newsletter-text-custom,
.footer .field__input-custom,
.footer .newsletter-form__button-custom,
.footer .newletter_p {
  font-size: 1.3rem !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

.footer .footer__blocks-wrapper--equal {
  display: grid !important;
  align-items: start !important;
  gap: 24px !important;
}

@media screen and (min-width: 990px) {
  .footer .footer__blocks-wrapper--equal {
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 0.75fr) minmax(0, 0.95fr) minmax(0, 1.4fr) minmax(0, 1.35fr) !important;
    column-gap: 28px !important;
  }
  .footer .footer__blocks-wrapper--equal > .footer-block {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .footer .footer__blocks-wrapper--equal {
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 0.7fr) minmax(0, 0.9fr) minmax(0, 1.45fr) minmax(0, 1.4fr) !important;
    column-gap: 32px !important;
  }
}
.footer__content-bottom{
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.2rem;
  padding: 3rem 0;
}
.footer__content-bottom-wrapper--legal {
  width: 100%;
}
.footer__content-bottom-wrapper--legal .footer__copyright {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.2rem 0;
  text-align: center;
  width: 100%;
  margin-top: 0 !important;
}
.footer__content-bottom-wrapper--legal .footer__copyright .copyright__content,
.footer__content-bottom-wrapper--legal .footer__copyright .policies {
  display: inline;
}
.footer__content-bottom-wrapper--legal .footer__copyright .policies {
  margin: 0;
  padding: 0;
}
.footer__content-bottom-wrapper--meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
.footer__content-bottom-wrapper--meta .footer__column {
  width: auto !important;
  align-items: center;
}
.footer__content-bottom-wrapper--meta .footer__localization {
  padding: 0 !important;
  justify-content: center;
  gap: 1rem;
  width: auto !important;
  flex: 0 0 auto;
}
.footer__content-bottom-wrapper--meta .footer__column--info {
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  width: auto !important;
  flex: 0 0 auto;
}
.footer__content-bottom-wrapper--meta .footer__payment {
  margin-top: 0 !important;
}
.footer__content-bottom-wrapper--meta .list-payment {
  justify-content: center;
  margin: 0;
}
.footer__column--info {
  flex-direction: row !important;
  justify-content: flex-end !important;
}
.footer__copyright,
.footer__payment{
  margin-top: 0 !important;
}
.copyright__content {
  font-size: 14px !important;
  color: #555555 !important;
}
.collection-hero__title {
  font-size: 2.2rem !important;
  line-height: 1.2 !important;
}

@media screen and (min-width: 750px) {
  .collection-hero__title {
    font-size: 2.6rem !important;
  }
}

.collection-hero__description,
.collection-hero__description * {
  font-size: 1.35rem !important;
  line-height: 1.55 !important;
}

@media screen and (min-width: 750px) {
  .collection-hero__description,
  .collection-hero__description * {
    font-size: 1.45rem !important;
  }
}

.collection-hero__description{
  max-width: 90% !important;
  font-style: normal !important;
}
.pagination__item{
  text-decoration: none;
  color: #fff !important;  
}
.pagination__item::after{
  display: none !important;
}
/* Product category bold 鈥?use theme heading font (avoid broken CDN @font-face 404s) */

/* Product info 鈥?matches .custom-product-category (e.g. Ultra-Thick Gold Vermeil) */
.product__info-container {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.3rem;
  line-height: 1.45;
  color: #000000;
}

/* Product title — readable PDP hero heading (not label-sized uppercase) */
.product__info-container .product__title h1 {
  font-family: var(--font-heading-family) !important;
  font-style: var(--font-heading-style) !important;
  font-weight: 500 !important;
  font-size: clamp(2.2rem, 2.4vw, 2.8rem) !important;
  color: #301724;
  letter-spacing: 0.01em !important;
  line-height: 1.25;
  text-transform: none !important;
  margin: 0 0 0.8rem;
}

/* Accordion headings — sentence case, secondary to product title */
.product__info-container .product__accordion .accordion__title,
.product__description .h3 {
  font-family: var(--font-heading-family) !important;
  font-style: var(--font-heading-style) !important;
  font-size: 1.45rem !important;
  font-weight: 600 !important;
  color: #301724;
  letter-spacing: 0.02em !important;
  line-height: 1.35;
  text-transform: none !important;
}

.custom-product-category {
  font-size: 1.2rem !important;
  color: rgba(48, 23, 36, 0.7);
  letter-spacing: 0.06em !important;
  line-height: 1.4;
  text-transform: uppercase !important;
}

.product__info-container .custom-product-category,
.product__info-container .custom-product-category strong {
  font-family: var(--font-heading-family), sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-synthesis: weight;
}

.product__info-container .product__accordion .accordion__title {
  margin: 0;
}

.product__description,
.product__info-container .accordion__content {
  font-size: 1.35rem;
  font-family: var(--font-body-family) !important;
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: 1.55;
  color: rgba(48, 23, 36, 0.88);
}
.product__info-container .product__title{
  margin-top: 0;
}
product-form [type="submit"] {
  color: #FFFFFF !important;
  background-color: #000000 !important;
  /* font-weight: bolder !important; */
  text-transform: uppercase;
}
.product-form__buttons {
  max-width: inherit !important;
}
.product__info-container .money{
  color: #301724;
  font-size: 2.2rem;
  font-family: var(--font-body-family) !important;
  font-style: var(--font-body-style);
  font-weight: 500;
}
.product-form__input .form__label {
  font-size: 1.25rem;
  color: #301724;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-family: var(--font-heading-family) !important;
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
}

.product-form__input .form__label--bold {
  font-family: var(--font-heading-family), sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
.product-form__input--pill input[type=radio]+label{
  border-radius: 0 !important;
}
.label_with_image{
  padding: 0 !important;  
  margin-bottom: 30px !important;
}
.label_with_image p {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #000000;
}
.product-form__input--pill{
  max-width: inherit !important;  
}
.product-form__input--pill input[type=radio]+label,
.product-form__input--pill input[type=radio]:checked+label{
  /* background-color: #fcf9f9 !important; */
  color: #000000 !important;
}
.product-form__input--pill input[type=radio]+label{
  border-color: transparent !important;
}
.product-form__input--pill input[type=radio]:checked+label{
  border-color: #000000 !important;
}
.product__accordion .accordion__content {
  padding: 0 !important;
  color: #000000;
}
.jdgm-rev-widg__title {
  font-weight: 500 !important;
  font-size: clamp(2rem, 2.2vw, 2.6rem) !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  color: #301724 !important;
}

/* Hide empty star badge only; keep review widget so Write a review stays visible */
.jdgm-prev-badge[data-average-rating="0.00"],
.jdgm-prev-badge[data-number-of-reviews="0"] {
  display: none !important;
}

.related-products__heading{
  text-align: left;
  font-size: 30px !important;
  text-transform: capitalize !important;
}
.multicolumn-list h3{
  font-size: 26px;
  color: #301724;
}
.animated-counter {
  font-size: 2rem;
  font-weight: var(--font-body-weight);
  color: #333;
}
.counter-value {
  display: inline-block;
  transition: all 0.3s ease;
}
.counter_box{
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;  
  width: 100%;
  margin: 25px 0 !important;
}
.animated-counter{
  width: 32%;
}
.animated-counter .h3{
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #333333;
}
.counter-icon,
.counter-value{
  font-size: 42px;
  font-weight: 400 !important;
  color: #301724;
}
.ai-product-grid-container-template--18097066704947customproductshowkmypp9{
  max-width: 1740px !important;
}
.ai-featured-collection-title-template--18097066704947customproductshowkmypp9{
  font-size: 40px !important;
  font-weight: 400 !important;
}
.ai-product-grid-template--18097066704947customproductshowkmypp9{
  padding: 80px 0 !important;
}
.ai-product-quick-add-template--18097066704947customproductshowkmypp9{
  padding: 5px 24px !important;
}
.article-card-wrapper .full-unstyled-link{
  font-size: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-card__excerpt{
  font-size: 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;  
}
/* FAQ Section Styling */
.faq-section {
  background-color: #FBF7F7;
  padding: 40px;
}
.faq-section-title {
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: var(--font-body-weight);
  text-align: center;
}
.faq-item {
  margin-bottom: 20px;
}
.faq-question {
  font-size: 18px;
  font-weight: var(--font-body-weight);
  cursor: pointer;
}
.faq-answer {
  font-size: 16px;
  margin-top: 10px;
  display: none;
  color: #555;
  padding-left: 0;
  padding-right: 10px;
}
.faq-item.active .faq-answer {
  display: block;
}
.faq-box {
  padding: 20px;
  max-width: 1000px;
  margin: 0 auto;
}
.faq-item{
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);  
}
/* Contact Section Styling */
.contact-section {
  padding: 80px 0;
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.contact-section-title {
  font-size: 28px;
  margin-bottom: 30px;
  font-weight: var(--font-body-weight);
  text-align: center;
}
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 columns, equal width */
  gap: 30px;
}
.contact-left, .contact-right {
  padding: 20px;
  background-color: white;
  border-radius: 8px;
}
.iframe-container iframe {
  width: 100%;
  height: 400px;
  border: none;
  border-radius: 8px;
}
/* Responsive Design: Stack the columns on mobile */
@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .contact-left, .contact-right {
    padding: 15px;
  }
}
.faq-sections {
  padding: 80px 0;
  background-color: #ffffff;
}
.faq-section__heading {
  margin-bottom: 3rem;
  font-size: 52px;
}
.faq-type-heading {
  font-size: 28px;
  font-weight: 400;
  margin: 50px 0 30px 0;
}
.faq-item__question{
  font-size: 20px;
}
.faq-item__answer{
  font-size: 16px;
}
.faq-section__inner .faq-item{
  padding: 0;
}
.faq-item__answer{
  padding: 0 20px 20px 20px;
}
.faq-item__question{
  padding: 20px;
}
.faq-search {
  max-width: 600px;
}
.faq-search__input {
  font-size: 14px;
  padding: 15px 20px;
}
.faq-search__input:focus{
  outline: none !important;
}
.faq-toggle-icon {
  font-size: 30px;
  font-weight: 400;
}
.rte ul,
.rte ol {
  list-style-position: outside;
  padding-left: 1.5em;
}

.rte ul li,
.rte ol li {
  display: list-item;
}

/* Keep bullet and text on the same line when richtext wraps content in <p> */
.rte ul li p,
.rte ol li p {
  display: inline;
  margin: 0;
}
td,
th{
  border-top: 1px solid #e9e9e9;
}
.rte blockquote {
  margin-left: 0;
}
.breadcrumb {
  margin-top: 16px;
  margin-bottom: 20px;
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb__item {
  display: inline-flex;
  align-items: center;
  font-size: 16px;  
}

.breadcrumb__item:not(:last-child)::after {
  content: "/";
  margin-left: 0.6rem;
  opacity: 0.6;
}

.breadcrumb a {
  color: inherit;
  text-decoration: none;
  font-size: 16px;
}

.breadcrumb a:hover {
  text-decoration: underline;
}
.pplrimage .swtooltip{
  display: none !important;
}
.img_thumb_small span.pplrimage {
  width: 75px !important;
  height: 45px !important;
  border-radius: 0px !important;
}
/* .pplr-choose-your-shape .img_thumb_small span.pplrimage {
  width: 100px !important;
  height: 100px !important;
} */
span.pplrimage.selected{
  border: 2px solid !important;  
}
/* .pplr-wrapper label{
  display: none;
} */
.pplr-wrapper label {
    cursor: pointer;
    font-size: 1.3rem;
    color: #000;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: var(--font-heading-family) !important;
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
}
@media (max-width: 1680px){
  .header:not(.drawer-menu).page-width,
  .page-width-desktop{
      padding-left: max(30px, env(safe-area-inset-left, 0px));
      padding-right: max(30px, env(safe-area-inset-right, 0px));
  }
}
/* Mid widths + high OS scaling: tighten nav so left items are not clipped */
@media screen and (min-width: 990px) and (max-width: 1400px) {
  .header__inline-menu .list-menu--inline {
    column-gap: 14px;
  }
  .header__inline-menu .list-menu__item {
    font-size: 13px;
    letter-spacing: 1px !important;
  }
  .header__heading + nav.header__inline-menu.small-hide {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 990px) and (max-width: 1100px) {
  .header__inline-menu .list-menu--inline {
    column-gap: 10px;
  }
  .header__inline-menu .header__menu-item {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
@media (max-width: 1440px){
  .counter-icon, .counter-value {
    font-size: 24px;
  }
}
@media (max-width: 1280px){
  .animated-counter {
    width: 48%;
  }
  .counter_box{
    flex-wrap: wrap;
    row-gap: 25px;
  }
}
@media (max-width: 1024px){
  .header__inline-menu .list-menu--inline {
    column-gap: 16px;
  }
  .kt__header.kt__header-section {
    margin-bottom: 0 !important;
  }
}
/* ===== Footer blocks responsive ===== */

.footer .footer__blocks-wrapper {
  display: grid;
  gap: 1.5rem;
  align-items: start;
}

/* Desktop: weighted 5 columns — menus narrow, company/newsletter wide */
@media screen and (min-width: 990px) {
  .footer .footer__content-top.page-width {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
  }

  .footer .footer__blocks-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 0.75fr) minmax(0, 0.95fr) minmax(0, 1.4fr) minmax(0, 1.35fr) !important;
    column-gap: 28px !important;
    row-gap: 1.5rem !important;
    justify-content: stretch;
    align-items: start;
    width: 100%;
  }

  .footer .footer-block {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  .footer .footer-block--menu .footer-block__details-content,
  .footer .footer-block__details-content {
    max-width: 100%;
    margin-bottom: 0;
  }

  .footer .footer-block .rte,
  .footer .footer-block .rte p,
  .footer .footer-block__company,
  .footer .footer-block__company p {
    overflow-wrap: break-word;
    word-break: normal;
  }
}

@media screen and (min-width: 1200px) {
  .footer .footer__blocks-wrapper {
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 0.7fr) minmax(0, 0.9fr) minmax(0, 1.45fr) minmax(0, 1.4fr) !important;
    column-gap: 32px !important;
  }
}

/* Tablet: 3 columns (newsletter wraps under naturally) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .footer .footer__blocks-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px 20px;
  }

  .footer .footer-block {
    width: 100%;
    max-width: 100%;
  }
}

/* Phone: 1 column + accordion */
@media screen and (max-width: 749px) {
  .footer .footer__blocks-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .footer .footer-block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}
/* =========================
   Footer mobile accordion
========================= */
@media screen and (max-width: 749px) {
  /* 鏁翠綋鏀规垚鍗曞垪鏇撮€傚悎鎶樺彔 */
  .footer .footer__blocks-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .footer .footer-block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* 鍙鐞?menu block */
  .footer .footer-block--menu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 0;
  }

  .footer .footer-block--menu .footer-block__heading {
    position: relative;
    margin: 0;
    padding: 14px 24px 14px 0;
    cursor: pointer;
    user-select: none;
    font-size: 16px !important;
    line-height: 1.4;
  }

  /* 鍙充晶绠ご */
  .footer .footer-block--menu .footer-block__heading::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.25s ease;
  }

  .footer .footer-block--menu .footer-block__heading::after {
    display: none;
    content: none;
  }

  .footer .footer-block--menu.is-open .footer-block__heading::before {
    transform: translateY(-30%) rotate(225deg);
  }


  /* 鎶樺彔鍐呭 */
  .footer .footer-block--menu .footer-block__details-content {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transition: max-height 0.3s ease, padding 0.3s ease;
  }

  .footer .footer-block--menu.is-open .footer-block__details-content {
    padding: 0 0 14px 0;
  }

  .footer .footer-block--menu .footer-block__details-content li {
    margin: 0;
  }

  .footer .footer-block--menu .footer-block__details-content li + li {
    margin-top: 8px;
  }

  .footer .footer-block--menu .footer-block__details-content a {
    display: inline-block;
    padding: 2px 0;
  }

  /* About Us / Newsletter keep normal padding */
  .footer .footer-block:not(.footer-block--menu) {
    padding: 0 0 16px 0;
  }
  .footer .footer__blocks-wrapper > .footer-block:last-child {
    margin-top: 8px !important;
  }
  .banner--mobile-bottom .slideshow__text .button {
    background-color: #ffffff;
    color: #333;
  }  
  .custom_right,
  .custom_left {
    width: 100%;
  }
  .custom_box{
    flex-wrap: wrap;
    row-gap: 25px;
  }
  .title-wrapper-with-link {
    align-items: center;
  }
  .collection .slider-buttons,
  .section-collection-list .slider-buttons,
  .featured-collection .slider-buttons,
  .title-wrapper-with-link .slider-buttons {
    position: absolute;
    top: 0;
    right: 30px;
  }
  .footer__content-top {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .footer__content-bottom.page-width {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  .footer__content-bottom-wrapper,
  .footer__content-bottom-wrapper.footer__content-bottom-wrapper--center {
    justify-content: center !important;
  }

  .footer__content-bottom-wrapper--legal .footer__copyright,
  .footer__copyright,
  .footer__content-bottom-wrapper--center .footer__copyright {
    text-align: center !important;
    justify-content: center !important;
    width: 100%;
    margin-top: 0 !important;
  }

  .footer__content-bottom-wrapper--meta {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
  }

  .footer__content-bottom-wrapper--meta .footer__localization {
    justify-content: center;
  }

  .footer__content-bottom .footer__column--info {
    align-items: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer__content-bottom .footer__payment {
    width: auto;
  }

  .footer .footer-block--menu .footer-block__heading {
    padding-left: 0;
    padding-right: 2rem;
  }
  .footer__localization:empty+.footer__column {
    padding-top: 0 !important;
  }  
  .image-with-text__content{
    padding: 4rem 5px !important;
  }
  .faq-section {
    padding: 40px 0;
  }
}
/* ========================================================
   1. 榛樿鏂囧瓧鎸夐挳鏍峰紡 (濡?FINISH, SIZE 绛? - 杩樺師鏋佺畝璁捐绋?
   ======================================================== */
/* 鏈€変腑鐘舵€侊細鐩磋銆佹祬鐏板簳銆佺伆瀛椼€佹棤杈规 */
fieldset.product-form__input input[type="radio"] + label {
  background-color: #f4f4f4 !important; /* 娴呯伆鑳屾櫙 */
  color: rgba(var(--color-foreground), 0.6) !important; /* 鐏拌壊鏂囧瓧 */
  border: 1px solid transparent !important; /* 闅愯棌杈规闃叉璺冲姩 */
  border-radius: 0 !important; /* 鍏抽敭锛氬彇娑堢郴缁熷渾瑙掞紝杩樺師璁捐绋跨殑鐩磋 */
  box-shadow: none !important;
  font-size: 12px;
  font-family: var(--font-body-family) !important;
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  text-transform: capitalize !important;
}

/* 鎮仠鐘舵€侊細绋嶅井鍔犳繁鐏拌壊 */
fieldset.product-form__input input[type="radio"] + label:hover {
  background-color: #e8e8e8 !important;
}

/* 閫変腑鐘舵€侊細閫忔槑搴曘€侀粦瀛椼€侀粦杈规 */
fieldset.product-form__input input[type="radio"]:checked + label {
  background-color: transparent !important; 
  color: rgba(var(--color-foreground), 1) !important;
  border: 1px solid rgba(var(--color-foreground), 1) !important; /* 榛戣壊杈规 */
}


/* ========================================================
   2. 鐗规畩棰滆壊鍦嗗湀鎸夐挳鏍峰紡 (Metal) - 鐙珛淇濇姢锛屼笉鍙椾笂鏂瑰奖鍝?
   ======================================================== */
/* 鍩虹澶嶄綅涓庡乏渚х暀鐧?*/
fieldset.product-form__input input[value="Yellow"] + label,
fieldset.product-form__input input[value="Silver"] + label,
fieldset.product-form__input input[value="Rose"] + label,
fieldset.product-form__input input[value="Gold"] + label,
fieldset.product-form__input input[value="Rose Gold"] + label {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important; 
  padding-left: 28px !important; /* 缁欏渾鍦堢暀鍑轰綅缃?*/
  margin-right: 1.5rem !important; 
  position: relative !important; 
  display: inline-block !important; 
  line-height: 20px !important; 
  color: rgba(var(--color-foreground), 0.7) !important;
  font-size: 1.4rem;
  min-width: auto !important; 
  text-align: left !important;
}

/* 棰滆壊鎸夐挳閫変腑/鎮仠鏃讹細浠呮枃瀛楀彉榛戯紝澶栭潰涓嶈鍑虹幇鏂规 */
fieldset.product-form__input input[value="Yellow"]:hover + label,
fieldset.product-form__input input[value="Silver"]:hover + label,
fieldset.product-form__input input[value="Rose"]:hover + label,
fieldset.product-form__input input[value="Gold"]:hover + label,
fieldset.product-form__input input[value="Rose Gold"]:hover + label,
fieldset.product-form__input input[value="Yellow"]:checked + label,
fieldset.product-form__input input[value="Silver"]:checked + label,
fieldset.product-form__input input[value="Rose"]:checked + label,
fieldset.product-form__input input[value="Gold"]:checked + label,
fieldset.product-form__input input[value="Rose Gold"]:checked + label {
  background-color: transparent !important;
  color: rgba(var(--color-foreground), 1) !important;
  border: none !important; 
}

/* 缁樺埗棰滆壊鍦嗗湀锛堢粷瀵瑰畾浣嶏級 */
fieldset.product-form__input input[value="Yellow"] + label::before,
fieldset.product-form__input input[value="Silver"] + label::before,
fieldset.product-form__input input[value="Rose"] + label::before,
fieldset.product-form__input input[value="Gold"] + label::before,
fieldset.product-form__input input[value="Rose Gold"] + label::before {
  content: '';
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important; 
  width: 20px !important; 
  height: 20px !important;
  border-radius: 50% !important; /* 寮哄埗鐢诲渾 */
  border: 1px solid rgba(var(--color-foreground), 0.2) !important;
  box-sizing: border-box;
  transition: all 0.2s ease;
  display: block !important;
}

/* 濉叆鍏蜂綋棰滆壊 */
fieldset.product-form__input input[value="Yellow"] + label::before { background-color: #F1DDAA !important; }
fieldset.product-form__input input[value="Silver"] + label::before { background-color: #E8E8E8 !important; }
fieldset.product-form__input input[value="Rose"] + label::before { background-color: #E4C3BA !important; }
fieldset.product-form__input input[value="Gold"] + label::before { background-color: #c7ad76 !important; }
fieldset.product-form__input input[value="Rose Gold"] + label::before { background-color: #FAD6A5 !important; }

/* 棰滆壊閫変腑鏃剁殑鍙岀幆鏁堟灉 */
fieldset.product-form__input input[value="Yellow"]:checked + label::before,
fieldset.product-form__input input[value="Silver"]:checked + label::before,
fieldset.product-form__input input[value="Rose"]:checked + label::before,
fieldset.product-form__input input[value="Gold"]:checked + label::before,
fieldset.product-form__input input[value="Rose Gold"]:checked + label::before {
  border: 1px solid rgba(var(--color-foreground), 1) !important; 
  box-shadow: inset 0 0 0 2px rgb(var(--color-background)) !important;
}
/* ==============================================
   璐拱鎸夐挳 (Add to Cart & Dynamic Checkout) 杩樺師璁捐绋?
   ============================================== */

/* 1. Add to Cart (鍔犲叆璐墿杞? - 鐧藉簳銆侀粦瀛椼€侀粦妗嗐€佺洿瑙?*/
button.product-form__submit {
  background-color: transparent !important; /* 閫忔槑/鐧藉簳 */
  color: rgba(var(--color-foreground), 1) !important; /* 榛戣壊鏂囧瓧 */
  border: 1px solid rgba(var(--color-foreground), 1) !important; /* 榛戣壊杈规 */
  border-radius: 0 !important; /* 寮哄埗鐩磋 */
  box-shadow: none !important; /* 娓呴櫎 Dawn 榛樿闃村奖 */
  letter-spacing: 0.1em !important; /* 绋嶅井澧炲姞瀛楅棿璺濓紝鏇存湁璐ㄦ劅 */
  font-family: var(--font-body-family) !important;
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight) !important;
}

/* 褰诲簳骞叉帀 Dawn 涓婚鑷甫鐨勪吉鍏冪礌杈规鍜岀偣鍑诲鍙戝厜 */
button.product-form__submit::after,
button.product-form__submit::before {
  display: none !important;
}

/* 榧犳爣鎮仠鏃剁殑浼橀泤鍙嶉锛氭瀬娴呯殑鐏拌壊鑳屾櫙 */
button.product-form__submit:hover {
  background-color: rgba(var(--color-foreground), 0.05) !important; 
}

/* 2. 蹇嵎鏀粯鎸夐挳鏁翠綋瀹瑰櫒 - 寮哄埗鐩磋 */
.shopify-payment-button__button {
  border-radius: 0 !important; 
  overflow: hidden !important; /* 纭繚鍐呴儴 iframe 涔熸槸鐩磋 */
}

/* 3. 閽堝鏈搧鐗屽寲鐨?"Buy it now" 鎸夐挳 - 榛戝簳鐧藉瓧 */
.shopify-payment-button__button--unbranded {
  background-color: #2e1825 !important; /* 閲囩敤涓庝綘璁捐鍥句腑绫讳技鐨勬繁鍜?娣遍粦鑹?*/
  color: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  letter-spacing: 0.1em !important;
  font-weight: var(--font-body-weight) !important;
}

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

.shopify-payment-button__button--unbranded:hover {
  background-color: #000000 !important;
}
.shopify-payment-button__more-options{
  color: #000000 !important; 
  font-family: var(--font-body-family) !important;
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);  
}
/* ==============================================
   搴撳瓨鐘舵€?(Inventory) 缁堟瀬淇鏂规
   ============================================== */

/* 1. 缁熶竴鏂囨湰棰滆壊鍜岄棿璺濅负楂樼骇鐏?*/
.product__inventory {
  color: #000000 !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.05em;
  line-height: 1.45;
  margin-top: 1rem !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  font-family: var(--font-body-family) !important;
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

/* 2. 褰诲簳闅愯棌 Shopify 鑷甫鐨勶紙浼氬彉鎴愬徆鍙枫€佷細鏄剧ず涓嶅叏鐨勶級鍥炬爣鍜屽妗?*/
.product__inventory .svg-wrapper,
.product__inventory svg {
  display: none !important;
}

/* 褰诲簳闅愯棌鍙兘鑷甫鐨勭孩鐐?姗欑偣鐗规晥 */
.product__inventory::before {
  display: none !important; 
}

/* 3. 鎴戜滑鑷繁寮哄埗妞嶅叆涓€涓粷瀵瑰畬缇庣殑 鉁?*/
.product__inventory::after {
  content: '鉁? !important; /* 寮哄埗鏄剧ず鎵撳嬀绗﹀彿 */
  order: -1; /* 鎶婃墦鍕炬斁鍒版枃瀛楃殑鏈€鍓嶉潰 */
  display: inline-block !important;
  margin-right: 8px !important;
  font-size: 12px !important; 
  color: rgba(var(--color-foreground), 0.6) !important; /* 淇濇寔缁熶竴鐨勯珮绾х伆 */
  line-height: 1 !important;
  border: 1px solid #333;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  text-align: center;  
}
/* .product__inventory {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 15px;
} */
.custom-product-category {
  display: inline-block;
  margin-bottom: 1rem;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.5);
}
.thumbnail[aria-current]{
  box-shadow: none !important;
}
.announcement-bar__message{
  font-family: var(--font-body-family) !important;  
  font-style: var(--font-body-style);  
}

.announcement-bar-section {
  position: sticky;
  top: 0;
  z-index: 1002;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  overflow: visible;
}

.announcement-bar-section .utility-bar {
  position: relative;
  box-sizing: border-box;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  overflow: visible;
}

.announcement-bar-section .utility-bar__grid {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  align-items: center;
  overflow: visible;
}

.announcement-bar-section .announcement-bar,
.announcement-bar-section .announcement-bar__announcement,
.announcement-bar-section .announcement-bar-slider .slider,
.announcement-bar-section .announcement-bar-slider .slider__slide {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  flex-wrap: nowrap !important;
  align-content: center;
  overflow: hidden;
}

/* 杞挱瀹瑰櫒涓嶈鍒囪创杈瑰畾浣嶇殑 prev/next */
.announcement-bar-section .announcement-bar-slider {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  flex-wrap: nowrap !important;
  align-content: center;
  overflow: visible !important;
}

/* 杞挱 prev / next锛氳创鍏憡鏍忓乏鍙宠竟锛岃窛灞忓箷杈圭紭 20px锛堢浉瀵?.utility-bar 瀹氫綅锛岄伩鍏嶄笌璐у竵閲嶅彔锛?*/
.announcement-bar-section .announcement-bar-slider.slider-buttons {
  position: static;
  width: 100% !important;
  max-width: 100%;
  column-gap: 0 !important;
  overflow: visible;
}

.announcement-bar-section .announcement-bar-slider .slider-button--prev,
.announcement-bar-section .announcement-bar-slider .slider-button--next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  margin: 0 !important;
  flex-shrink: 0;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  display: flex !important;
}

.announcement-bar-section .announcement-bar-slider .slider-button--prev {
  left: 20px;
  right: auto;
}

.announcement-bar-section .announcement-bar-slider .slider-button--next {
  right: 20px;
  left: auto;
}

.announcement-bar-section .announcement-bar-slider .slider {
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0;
  margin: 0;
  padding-left: calc(20px + 2.4rem + 0.5rem);
  padding-right: calc(20px + 2.4rem + 0.5rem);
  box-sizing: border-box;
}

.announcement-bar-section .announcement-bar__message {
  padding: 0 0.8rem !important;
  margin: 0 !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.announcement-bar-section .announcement-bar__message-text {
  white-space: nowrap;
}

.announcement-bar__marquee {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 0.75rem, #000 calc(100% - 0.75rem), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 0.75rem, #000 calc(100% - 0.75rem), transparent 100%);
}

.announcement-bar__marquee-track {
  display: inline-flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation: announcement-marquee-scroll var(--announcement-marquee-duration, 18s) linear infinite;
}

.announcement-bar__marquee--static {
  -webkit-mask-image: none;
  mask-image: none;
}

.announcement-bar__marquee--static .announcement-bar__marquee-track {
  animation: none;
  width: 100%;
  justify-content: center;
  transform: none !important;
}

.announcement-bar__marquee--static .announcement-bar__marquee-segment--clone,
.announcement-bar__marquee--static .announcement-bar__marquee-gap {
  display: none !important;
}

.announcement-bar__marquee-segment {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.announcement-bar__marquee-gap {
  display: inline-block;
  flex-shrink: 0;
  width: 3.5rem;
}

.announcement-bar__marquee:hover .announcement-bar__marquee-track {
  animation-play-state: paused;
}

@keyframes announcement-marquee-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.announcement-bar__marquee-segment--clone {
  pointer-events: none;
}

/* Marquee replaces slide fade on message text */
.announcement-bar-slider--fade-in-next .announcement-bar__message,
.announcement-bar-slider--fade-in-previous .announcement-bar__message,
.announcement-bar-slider--fade-out-next .announcement-bar__message,
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Mobile: marquee + tighter arrow insets */
@media screen and (max-width: 749px) {
  .announcement-bar-section .announcement-bar__message {
    padding: 0 0.25rem !important;
  }

  .announcement-bar-section .announcement-bar__message-text {
    font-size: 1.1rem;
    line-height: 1.2;
  }

  .announcement-bar-section .announcement-bar-slider .slider-button--prev {
    left: 6px;
  }

  .announcement-bar-section .announcement-bar-slider .slider-button--next {
    right: 6px;
  }

  .announcement-bar-section .announcement-bar-slider .slider {
    padding-left: calc(6px + 2.4rem + 0.25rem);
    padding-right: calc(6px + 2.4rem + 0.25rem);
  }
}

/* 璐у竵绉诲嚭 grid 鍚庯紝杞挱鍖哄煙濮嬬粓鍗犳弧鍙敤瀹藉害 */
.announcement-bar-section .utility-bar__grid--3-col,
.announcement-bar-section .utility-bar__grid--2-col {
  grid-template-columns: 1fr !important;
  grid-template-areas: 'announcements' !important;
}

/* Currency/language float: vars on section that actually contains .header-localization */
.announcement-bar-section:has(.header-localization),
.announcement-bar-section .utility-bar.header-localization {
  --announcement-arrow-size: 2.4rem;
  --announcement-arrow-edge: 20px;
  --announcement-arrow-inset: calc(var(--announcement-arrow-edge) + var(--announcement-arrow-size) + 0.75rem);
  /* Actual space for country + language (not an oversized reserve that pushes copy right) */
  --announcement-currency-width: 18rem;
  /* Start clearly to the right of the prev arrow */
  --announcement-currency-left: calc(var(--announcement-arrow-edge) + var(--announcement-arrow-size) + 0.75rem);
  /* Equal side inset so announcement text centers on the full bar */
  --announcement-side-inset: max(
    var(--announcement-arrow-inset),
    calc(var(--announcement-currency-left) + var(--announcement-currency-width) + 0.5rem)
  );
}

.announcement-bar__marquee-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  max-width: 100%;
}

.announcement-bar__marquee-content .announcement-bar__discount-btn {
  position: static;
  transform: none;
  flex-shrink: 0;
  margin: 0;
}

.announcement-bar-section:has(.header-localization) .announcement-bar__announcement {
  position: relative;
}

/* 鈮?024px锛堝惈 iPad Pro 妯睆锛夛細涓庢墜鏈虹浉鍚岀殑鍏ㄥ甯冨眬 + 绠ご璐磋竟 20px */
@media screen and (max-width: 1024px) {
  .announcement-bar-section .announcement-bar-slider,
  .announcement-bar-section .utility-bar__grid .announcement-bar-slider {
    width: 100% !important;
  }

  body:has(.section-header .header:not(.drawer-menu)) .announcement-bar-section .utility-bar .page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .announcement-bar-section .utility-bar.header-localization {
    position: relative;
  }

  .announcement-bar-section .utility-bar__grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: 45px !important;
    grid-template-areas: 'announcements' !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .announcement-bar-section .utility-bar__grid.page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
  }

  .announcement-bar-section slideshow-component.announcement-bar,
  .announcement-bar-section .announcement-bar {
    width: 100% !important;
    max-width: 100%;
  }

  /* 平板/小屏：货币在 prev 箭头右侧，拉开间距避免重叠 */
  .announcement-bar-section .localization-wrapper--announcement-float {
    display: flex !important;
    position: absolute;
    top: 0;
    left: var(--announcement-currency-left, 5.2rem) !important;
    right: auto !important;
    height: 45px;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    z-index: 12;
    width: auto;
    min-width: 0;
    max-width: min(var(--announcement-currency-width, 28rem), calc(100vw - var(--announcement-currency-left, 5.2rem) - var(--announcement-arrow-inset, 4.5rem)));
    padding: 0;
    pointer-events: auto;
    box-sizing: border-box;
  }

  .announcement-bar-section .localization-wrapper--announcement-float .announcement-localization-form {
    display: block !important;
  }

  .announcement-bar-section .localization-wrapper--announcement-float .localization-form__select {
    height: 3.2rem !important;
    min-height: 0 !important;
    padding: 0 1.8rem 0 0.5rem !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.2rem;
  }

  .announcement-bar-section .localization-wrapper--announcement-float .localization-form__select > span {
    max-width: none !important;
    font-size: 1rem !important;
    white-space: nowrap;
  }

  .announcement-bar-section .localization-wrapper--announcement-float .localization-form__select .icon-caret {
    right: 0.4rem;
  }

  /* Tablet/desktop dropdown (not mobile bottom sheet) */
  @media screen and (min-width: 750px) {
    .announcement-bar-section .localization-wrapper--announcement-float .disclosure__list-wrapper.country-selector {
      top: 100% !important;
      bottom: auto !important;
      left: 0 !important;
      right: auto !important;
      transform: none !important;
      max-width: min(32rem, calc(100vw - 4rem));
      width: max-content;
    }

    .announcement-bar-section .localization-wrapper--announcement-float .disclosure__list.country-selector__list {
      max-width: 100%;
      min-width: 12rem;
      width: 100%;
      box-sizing: border-box;
    }
  }

  .announcement-bar-section .announcement-bar-slider .slider {
    padding-left: var(--announcement-side-inset, 4.5rem);
    padding-right: var(--announcement-side-inset, 4.5rem);
  }
}

/* Announcement carousel: one slide visible, no peek overlap */
.announcement-bar-section .announcement-bar-slider .slider {
  overflow-x: hidden !important;
  scroll-snap-type: none;
}

.announcement-bar-section .announcement-bar-slider .slider__slide {
  flex: 0 0 100%;
  width: 100% !important;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.announcement-bar-section .announcement-bar-slider .slider__slide[aria-hidden='true'] {
  visibility: hidden;
  pointer-events: none;
}

/* Mobile: announcement on row 1, currency on row 2 (no overlap) */
@media screen and (max-width: 749px) {
  .announcement-bar-section:has(.header-localization) {
    --announcement-bar-row-height: 45px;
    --announcement-bar-localization-height: 40px;
    --announcement-bar-total-height: calc(var(--announcement-bar-row-height) + var(--announcement-bar-localization-height));
    height: auto;
    min-height: var(--announcement-bar-total-height);
    max-height: none;
  }

  .announcement-bar-section:has(.header-localization) .utility-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto !important;
    min-height: var(--announcement-bar-total-height) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .announcement-bar-section:has(.header-localization) {
    overflow: visible;
  }

  .announcement-bar-section:has(.header-localization) .utility-bar__grid {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    min-height: var(--announcement-bar-row-height) !important;
    max-height: none !important;
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float {
    position: static !important;
    display: flex !important;
    flex: 0 0 40px;
    width: 100%;
    height: 40px;
    min-height: 40px;
    max-width: 100% !important;
    margin: 0;
    padding: 0 1.2rem;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
    box-sizing: border-box;
    overflow: visible !important;
    pointer-events: auto !important;
    z-index: 12;
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .announcement-localization-form {
    display: block !important;
    position: relative;
    z-index: 13;
    pointer-events: auto !important;
    flex: 0 1 auto;
    min-width: 0;
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .localization-form__select {
    background: transparent;
    min-height: 4rem !important;
    height: 4rem !important;
    padding: 0 2.2rem 0 0.8rem !important;
    font-size: 1.2rem !important;
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .localization-form__select > span {
    max-width: none !important;
  }

  /* Mobile country list: bottom sheet — ONLY when open */
  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .disclosure__list-wrapper.country-selector:not([hidden]) {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 80% !important;
    max-height: 80vh !important;
    transform: none !important;
    z-index: 10052 !important;
    background-color: rgb(var(--color-background)) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .disclosure__list-wrapper.country-selector[hidden],
  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .disclosure__list-wrapper.language-selector[hidden],
  body > .disclosure__list-wrapper.country-selector[hidden],
  body > .disclosure__list-wrapper.language-selector[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .country-selector__overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10051 !important;
    display: none;
    pointer-events: none;
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .disclosure__list-wrapper.country-selector:not([hidden]) + .country-selector__overlay {
    display: block !important;
    pointer-events: auto !important;
  }

  /* Portaled to body from announcement bar (mobile) — country, ONLY when open */
  body > .disclosure__list-wrapper.country-selector:not([hidden]) {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 80% !important;
    max-height: 80vh !important;
    transform: none !important;
    z-index: 10052 !important;
    background-color: rgb(var(--color-background)) !important;
    pointer-events: auto !important;
  }

  /* Portaled language list — ONLY when open (was forcing visible and blowing up layout on load) */
  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .disclosure__list-wrapper.language-selector:not([hidden]),
  body > .disclosure__list-wrapper.language-selector:not([hidden]) {
    position: fixed !important;
    left: 1.2rem !important;
    right: 1.2rem !important;
    top: auto !important;
    bottom: max(1.6rem, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: 50vh !important;
    transform: none !important;
    z-index: 10052 !important;
    background-color: rgb(var(--color-background)) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    border-radius: 1.2rem;
    overflow: hidden;
  }

  body > .disclosure__list-wrapper.language-selector .disclosure__list {
    max-width: none !important;
    width: 100% !important;
    max-height: 50vh !important;
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .language-selector__overlay,
  body > .language-selector__overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10051 !important;
    display: none;
    pointer-events: none;
    background: rgba(var(--color-foreground), 0.35);
  }

  .announcement-bar-section:has(.header-localization) .localization-wrapper--announcement-float .disclosure__list-wrapper.language-selector:not([hidden]) + .language-selector__overlay,
  body > .disclosure__list-wrapper.language-selector:not([hidden]) + .language-selector__overlay {
    display: block !important;
    pointer-events: auto !important;
  }

  body > .country-selector__overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10051 !important;
    display: none;
    pointer-events: none;
  }

  body > .disclosure__list-wrapper.country-selector:not([hidden]) + .country-selector__overlay {
    display: block !important;
    pointer-events: auto !important;
  }

  .announcement-bar-section:has(.header-localization) .announcement-bar-slider .slider {
    padding-left: calc(6px + 2.4rem + 0.25rem);
    padding-right: calc(6px + 2.4rem + 0.25rem);
  }

  .announcement-bar-section:has(.header-localization) .announcement-bar-slider .slider-button--prev,
  .announcement-bar-section:has(.header-localization) .announcement-bar-slider .slider-button--next {
    top: calc(var(--announcement-bar-row-height) / 2);
    transform: translateY(-50%);
  }

  body:has(.announcement-bar-section .header-localization) .section-header,
  body:has(.announcement-bar-section .header-localization) #shopify-section-header {
    top: var(--announcement-bar-total-height) !important;
  }
}

@media screen and (min-width: 1025px) {
  .announcement-bar-section .utility-bar.header-localization {
    position: relative;
  }

  .announcement-bar-section .utility-bar__grid {
    overflow: visible !important;
  }

  body:has(.section-header .header:not(.drawer-menu)) .announcement-bar-section .utility-bar .page-width,
  .announcement-bar-section .utility-bar__grid.page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
  }

  .announcement-bar-section .utility-bar__grid--3-col,
  .announcement-bar-section .utility-bar__grid--2-col {
    grid-template-rows: 45px !important;
    align-items: center;
  }

  .announcement-bar-section .utility-bar__grid .announcement-bar-slider,
  .announcement-bar-section .utility-bar__grid .announcement-bar {
    width: 100% !important;
    max-width: 100%;
  }

  /* 大屏桌面：货币在 prev 箭头右侧，与箭头明确错开 */
  .announcement-bar-section .localization-wrapper--announcement-float {
    position: absolute;
    top: 0;
    left: var(--announcement-currency-left, 5.2rem) !important;
    right: auto !important;
    height: 45px;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    z-index: 12;
    width: auto;
    min-width: 0;
    max-width: min(var(--announcement-currency-width, 28rem), calc(100vw - var(--announcement-currency-left, 5.2rem) - var(--announcement-arrow-inset, 4.5rem)));
    padding: 0;
    pointer-events: auto;
    box-sizing: border-box;
  }

  .announcement-bar-section .localization-wrapper--announcement-float .disclosure__list-wrapper.country-selector {
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    max-width: min(32rem, calc(100vw - 4rem));
    width: max-content;
  }

  .announcement-bar-section .localization-wrapper--announcement-float .disclosure__list.country-selector__list {
    max-width: 100%;
    min-width: 12rem;
    width: 100%;
    box-sizing: border-box;
  }

  .announcement-bar-section .announcement-bar-slider .slider {
    padding-left: var(--announcement-side-inset, 4.5rem);
    padding-right: var(--announcement-side-inset, 4.5rem);
  }

  .announcement-bar-section .localization-wrapper--announcement-float .localization-form__select {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: 3.6rem !important;
    line-height: 1.2 !important;
  }

  .announcement-bar-section .localization-wrapper--announcement-float .localization-form__select > span {
    max-width: none !important;
    white-space: nowrap;
  }
}

.announcement-bar-section .announcement-bar-slider.slider-buttons {
  column-gap: 0.4rem;
}

.announcement-bar-section .announcement-bar .slider-button,
.announcement-bar-section .announcement-bar .slider-button[disabled] {
  width: 2.4rem !important;
  height: 2.4rem !important;
  min-width: 2.4rem !important;
  padding: 0 !important;
  background-color: transparent !important;
}

.announcement-bar-section .announcement-bar .slider-button--prev,
.announcement-bar-section .announcement-bar .slider-button--next {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.announcement-bar-section .announcement-bar .slider-button .icon,
.announcement-bar-section .announcement-bar .slider-button[disabled] .icon {
  height: 0.9rem !important;
  width: 0.9rem !important;
}

@media screen and (min-width: 1025px) {
  .announcement-bar-section .announcement-bar .slider-button {
    height: 2.4rem !important;
  }
}

.announcement-bar__message--has-code {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.announcement-bar-section .announcement-bar__message--has-code {
  flex-wrap: nowrap !important;
  gap: 0;
}

/* Mobile: currency on row 2 */
@media screen and (max-width: 749px) {
  .announcement-bar__marquee-content {
    gap: 0.4rem;
  }
}

.announcement-bar__link--inline {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
}

.announcement-bar__link--inline .icon-arrow {
  width: 1rem;
  height: 1rem;
}

.announcement-bar__discount-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0;
  padding: 0.35rem 0.9rem;
  border: 0.1rem solid currentColor;
  border-radius: 0.3rem;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.announcement-bar__discount-btn:hover,
.announcement-bar__discount-btn:focus-visible {
  opacity: 0.85;
  background-color: rgba(255, 255, 255, 0.12);
}

.announcement-bar__discount-btn--copied {
  opacity: 1;
}
.copyright__content,
.copyright__content a{
  color: #ffffff !important;
}
.header__heading + nav.header__inline-menu.small-hide{
  margin-right: 2.5rem
}
.service-btn,
.text-panel-btn,
.collection-tab-btn,
.split-hero-btn{
  letter-spacing: 2px !important;
}
/* ========================================== */
/* Custom Minimalist Filter & Sort Bar        */
/* ========================================== */

/* 1. Add top and bottom borders, adjust spacing */
.facets-container {
  border-top: 1px solid #eaeaea !important;
  border-bottom: 1px solid #eaeaea !important;
  padding: 1.5rem 0 !important;
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* 2. Force the form to split left and right */
.facets__form {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0 !important;
}

/* 3. Push Filter button to the absolute left */
.mobile-facets__wrapper,
.facets__wrapper {
  flex: 1 !important;
  display: flex !important;
  justify-content: flex-start !important;
}

/* Make the filter button text style match */
.mobile-facets__open-wrapper summary {
  padding-left: 0 !important;
  font-family: var(--font-body-family) !important;
  font-size: 1.3rem !important;
  color: #000000 !important;
  text-transform: capitalize !important;
}

/* 4. Push Sort dropdown to the absolute right */
.facet-filters {
  flex: 1 !important;
  display: flex !important;
  justify-content: flex-end !important;
  padding-left: 0 !important;
}

.facet-filters__field {
  margin: 0 !important;
  justify-content: flex-end !important;
}

/* 5. Hide the "Sort by:" text label for a cleaner look */
.facet-filters__label {
  display: none !important;
}

/* 6. Clean up the select box styling (remove default borders) */
.facet-filters__sort {
  border: none !important;
  box-shadow: none !important;
  padding: 0 2rem 0 0 !important;
  font-family: var(--font-body-family) !important;
  font-size: 1.3rem !important;
  color: #000000 !important;
  cursor: pointer !important;
  background-color: transparent !important;
}

.facet-filters__sort:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Adjust the sort dropdown arrow position */
.facet-filters__field .icon-caret {
  right: 0 !important;
}

/* 7. Hide product count if it exists to match design */
.facets__product-count {
  display: none !important;
}
.facets-container-drawer .product-count{
  display: none !important;
}
/* ========================================== */
/* Breakout Full Width for Filters & Products */
/* ========================================== */

/* 1. Force the filter bar and product grid to break out of the page-width */
.facets-container,
#ProductGridContainer {
  width: 100vw !important;
  max-width: 100vw !important;
  /* CSS magic to span full viewport width despite parent constraints */
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  /* Add our standard edge-to-edge padding */
  padding-left: 5rem !important;
  padding-right: 5rem !important;
  box-sizing: border-box !important;
}

/* 2. Mobile adjustments */
@media screen and (max-width: 768px) {
  .facets-container,
  #ProductGridContainer {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
/* ========================================== */
/* Vertical Divider Lines for Filter & Sort   */
/* ========================================== */

/* 1. Remove container padding so the vertical lines can touch the top and bottom borders */
.facets-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2. Stretch the form items to full height */
.facets__form {
  align-items: stretch !important;
}

/* 3. Add right border to the Filter block (Covers all Dawn drawer modes) */
.mobile-facets__wrapper,
.facets__wrapper,
facet-drawer,
.facets__disclosure-wrapper {
  border-right: 1px solid #eaeaea !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-right: 4rem !important; /* 璋冩暣杩欎釜鏁板€煎彲浠ユ敼鍙樼嚎绂绘枃瀛楃殑璺濈 */
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}
/* 4. Add left border to the Sort block and restore its padding */
.facet-filters {
  border-left: 1px solid #eaeaea !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 4rem !important; /* Adjust this to change distance from line to Sort */
}

/* 5. Keep the Sort dropdown vertically centered in its new box */
.facet-filters__field {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* 6. Mobile spacing adjustments (tighter spacing on small screens) */
@media screen and (max-width: 768px) {
  .mobile-facets__wrapper,
  .facets__wrapper {
    padding-right: 1.5rem !important;
  }
  .facet-filters {
    padding-left: 1.5rem !important;
  }
}
.facets-container-drawer .facets-pill{
  display: none;
}
.facet-filters {
  border: 0 !important;
  margin-bottom: 0 !important;
}
.mobile-facets{
  z-index: 1000 !important;
}
/* ========================================== */
/* Custom Minimalist Pagination               */
/* ========================================== */

/* 1. Style the pagination container */
.pagination {
  margin-top: 4rem !important;
  margin-bottom: 1rem !important;
}

.pagination__list {
  display: flex !important;
  justify-content: center !important;
  gap: 1rem !important;
}

/* 2. Create the circle borders for numbers */
.pagination__item {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid #cccccc !important;
  font-family: var(--font-body-family) !important;
  font-size: 1rem !important;
  color: #555555 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

/* 3. Style the active/current page number */
.pagination__item--current {
  border-color: #000000 !important;
  color: #000000 !important;
  background-color: transparent !important;
}

.pagination__item:hover {
  border-color: #000000 !important;
  color: #000000 !important;
}

/* 4. Remove borders from the Prev/Next arrows */
.pagination__item--prev,
.pagination__item--next {
  border: none !important;
}

.pagination__item .icon-caret {
  height: 1.2rem !important;
}

/* 5. Style the "SHOWING X OF Y" text below */
.custom-pagination-count {
  text-align: center;
  font-family: var(--font-body-family);
  font-size: 14px;
  color: #888888;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 1.5rem;
  margin-bottom: 4rem;
}
media-gallery{
  flex-direction: row !important;
}
.breadcrumb__list{
  display: none;
}
/* ================================================== */
/* 缁熶竴鎵€鏈変骇鍝佸崱鐗囩殑鏍囬鍜屼环鏍兼牱寮?(14px + 棰滆壊) */
/* ================================================== */

/* 1. 浜у搧鏍囬缂╁皬锛堜环鏍艰涓嬫柟锛屼繚鎸佷笉鍙橈級 */
.card-information .card__heading,
.card-information .card__heading a,
.card__information .card__heading,
.card__information .card__heading a,
#product-grid .card__heading,
#product-grid .card__heading a,
.collection-tabs-content .card__heading,
.collection-tabs-content .card__heading a,
.collection-tabs-content .full-unstyled-link,
.custom-featured-content .full-unstyled-link,
[class*="ai-product-card-title-"],
[class*="ai-product-card-title-"] a {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* 2. 寮哄埗浜у搧浠锋牸涓?14px锛屼笖棰滆壊涓?#777777 */
.card-information .price-item,
.card-information .price__regular .price-item--regular,
.card-information .price__sale .price-item--sale {
  font-size: 14px !important;
  color: #777777 !important;
}
/* ================================================== */
/* 1. 缁堟瀬寮烘潈锛氱簿鍑嗛攣瀹?Alphabet 鍜?Size锛岀⒕鍘嬪簳灞傛柟褰㈣缃?*/
/* ================================================== */
body fieldset.product-form__input input[type="radio"][name*="Alphabet" i] + label,
body fieldset.product-form__input input[type="radio"][name*="Size" i] + label {
  border-radius: 50% !important; 
  width: 44px !important;  /* 鏀规垚浜?44px锛屾斁鍦ㄨ繖绉嶅瀛楁瘝鐨勬牸瀛愰噷瑙嗚鏇寸簿鑷?*/
  height: 44px !important; /* 蹇呴』鍜屽搴︿竴鏍凤紝鎵嶈兘鏄畬缇庣殑姝ｅ渾 */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  min-width: unset !important;
  min-height: unset !important;
  margin: 4px 6px 8px 0 !important;
}

/* ================================================== */
/* 2. 鏀荤牬 Dawn 涓婚鐨勪吉鍏冪礌鑳屾櫙涓庤竟妗?*/
/* ================================================== */
body fieldset.product-form__input input[type="radio"][name*="Alphabet" i] + label::before,
body fieldset.product-form__input input[type="radio"][name*="Alphabet" i] + label::after,
body fieldset.product-form__input input[type="radio"][name*="Size" i] + label::before,
body fieldset.product-form__input input[type="radio"][name*="Size" i] + label::after {
  border-radius: 50% !important; /* 璁╅€変腑鏃剁殑榛戣壊杈规涔熷彉鎴愬渾褰?*/
}
/* ================================================== */
/* Product card image area: pure white background */
/* ================================================== */

.card__inner,
.card__media,
.card__media .media {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

.card__media .media img,
.card__inner .media img {
  background-color: transparent !important;
  mix-blend-mode: normal !important;
}
/* ================================================== */
/* 1. Add to Cart 鎸夐挳鍙樿兌鍥婂渾瑙掋€侀粦搴曠櫧瀛?*/
/* ================================================== */
.product-form__buttons .product-form__submit {
  border-radius: 8px !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
}
.product-form__buttons .product-form__cta-row .product-form__submit {
  border-radius: 8px 0 0 8px !important;
}
.product-form__buttons .product-form__submit::before,
.product-form__buttons .product-form__submit::after {
  border-radius: 8px !important;
  box-shadow: none !important; /* 鍘婚櫎鍘熸湰鐨勬柟褰㈣竟妗嗗共鎵?*/
}
.product-form__buttons .product-form__cta-row .product-form__submit::before,
.product-form__buttons .product-form__cta-row .product-form__submit::after {
  border-radius: 8px 0 0 8px !important;
}
.product-form__buttons .product-form__submit:hover {
  background-color: #333333 !important; /* 榧犳爣鏀句笂鍘荤◢寰彉鐏颁竴鐐圭殑浜掑姩鎰?*/
}

/* ================================================== */
/* 2. Quantity 鏁伴噺閫夋嫨鍣ㄥ彉鑳跺泭鍦嗚銆佺櫧搴曢粦瀛?*/
/* ================================================== */
quantity-input.quantity {
  border-radius: 8px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}
quantity-input.quantity::before,
quantity-input.quantity::after {
  border-radius: 8px !important;
  box-shadow: 0 0 0 1px #dcdcdc inset !important; /* 鍔犱笂绮捐嚧鐨勬祬鐏拌壊鍐呰竟妗?*/
}

/* ================================================== */
/* 3. Shape 閫夐」鍙樿兌鍥婂渾瑙掗暱鏂瑰舰 */
/* ================================================== */
body fieldset.product-form__input input[type="radio"][name*="Type" i] + label,
body fieldset.product-form__input input[type="radio"][name*="Shape" i] + label {
  border-radius: 8px !important;
  padding: 10px 24px !important; /* 澧炲姞宸﹀彸鍐呰竟璺濓紝鎾戝嚭濂界湅鐨勯暱鑳跺泭褰㈢姸 */
}
body fieldset.product-form__input input[type="radio"][name*="Type" i] + label::before,
body fieldset.product-form__input input[type="radio"][name*="Type" i] + label::after,
body fieldset.product-form__input input[type="radio"][name*="Shape" i] + label::before,
body fieldset.product-form__input input[type="radio"][name*="Shape" i] + label::after {
  border-radius: 8px !important;
}
.pplrabs{
  position: inherit !important;
}

/* ================================================== */
/* Collections 鎬婚〉 鈥?Collection list section */
/* ================================================== */
.section-collection-list {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

@media screen and (max-width: 749px) {
  .section-collection-list {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .section-collection-list .collection-list-wrapper.page-width {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

.section-collection-list .collection-list-title {
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 50px !important;
  letter-spacing: 2px !important;
}

.section-collection-list .collection-list.grid,
.section-collection-list ul.collection-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  row-gap: 60px !important;
  column-gap: 30px !important;
  margin-top: 20px !important;
  list-style: none !important;
  padding: 0 !important;
}

@media screen and (max-width: 989px) and (min-width: 750px) {
  .section-collection-list .collection-list.grid,
  .section-collection-list ul.collection-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (max-width: 749px) {
  .section-collection-list .collection-list.grid,
  .section-collection-list ul.collection-list {
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 15px !important;
    row-gap: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.section-collection-list .collection-list .collection-card-wrapper .card,
.section-collection-list .collection-list .card {
  --text-alignment: center !important;
  text-align: center !important;
}

.section-collection-list .collection-list .collection-list__item,
.section-collection-list .collection-list .collection-card-wrapper,
.section-collection-list .collection-list .card,
.section-collection-list .collection-list .card__inner,
.section-collection-list .collection-list .card__media,
.section-collection-list .collection-list .card__media .media {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}

.section-collection-list .collection-list .card__inner {
  aspect-ratio: 1 / 1 !important;
  padding-bottom: 0 !important;
  position: relative !important;
  border-radius: 2px !important;
  overflow: hidden !important;
}

.section-collection-list .collection-list .card__inner::before,
.section-collection-list .collection-list .card__media::before,
.section-collection-list .collection-list .card__media .media::before {
  display: none !important;
  content: none !important;
}

.section-collection-list .collection-list .card__media .media img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.section-collection-list .collection-list .card:hover .card__media .media img {
  transform: scale(1.06) !important;
}

.section-collection-list .collection-list .card__content {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 25px 0 10px 0 !important;
  background: transparent !important;
}

/* 闅愯棌鍥剧墖涓婄殑鍙犲瓧锛堜粎淇濈暀鍥剧墖涓嬫柟鏍囬锛?*/
.section-collection-list .collection-list .card--standard.card--media .card__inner .card__content,
.section-collection-list .collection-list .card--card.card--media .card__inner .card__content {
  display: none !important;
}

.section-collection-list .collection-list .card--standard.card--media > .card__content,
.section-collection-list .collection-list .card--standard.card--text > .card__content,
.section-collection-list .collection-list .card--standard > .card__content .card__information {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  grid-row-start: auto !important;
}

.section-collection-list .collection-list .card__heading {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: center !important;
  font-size: calc(1.5rem + 2px) !important;
  line-height: 1.45 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #111 !important;
}

.section-collection-list .collection-list .card__heading a,
.section-collection-list .collection-list .card__heading .full-unstyled-link {
  text-align: center !important;
}

.section-collection-list .collection-list .card__heading .icon-wrap,
.section-collection-list .collection-list .card__caption .icon-wrap {
  display: none !important;
}

.section-collection-list .collection-list .card--card,
.section-collection-list .collection-list .card--standard {
  border: none !important;
  background: transparent !important;
}

/* ================================================== */
/* Homepage Instagram feed — quieter, more editorial */
/* ================================================== */
#shopify-section-1785821306642ed74f {
  background: #faf8f7 !important;
  padding: 0 0 8px !important;
}

#shopify-section-1785821306642ed74f .page-width,
#shopify-section-1785821306642ed74f > div {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

#shopify-section-1785821306642ed74f [class*="instafeed"] img,
#shopify-section-1785821306642ed74f .instafeed img,
#shopify-section-1785821306642ed74f a img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

#shopify-section-1785821306642ed74f [class*="instafeed-title"],
#shopify-section-1785821306642ed74f h2:empty,
#shopify-section-1785821306642ed74f .instafeed-title:empty {
  display: none !important;
}

#shopify-section-custom_instagram_stage_home + #shopify-section-1785821306642ed74f {
  margin-top: 0;
}

@media screen and (max-width: 749px) {
  #shopify-section-1785821306642ed74f {
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 749px) {
  #smile-ui-lite-container,
  #smile-ui-container,
  #smile-ui-lite-launcher-frame-container,
  #smile-ui-lite-panel-container,
  #smile-ui-lite-panel-frame-container {
    z-index: 10050 !important;
    pointer-events: auto !important;
  }

  #smile-ui-lite-container,
  #smile-ui-container,
  #smile-ui-lite-launcher-frame-container {
    right: 1.5rem !important;
    bottom: 2rem !important;
    transform: none !important;
  }

  /* Cart drawer open: above drawer__footer divider (JS refines via inline style) */
  body:has(cart-drawer.active) #smile-ui-lite-container,
  body:has(cart-drawer.active) #smile-ui-container,
  body:has(cart-drawer.active) #smile-ui-lite-launcher-frame-container {
    bottom: 15rem !important;
  }

  #smile-ui-lite-launcher-frame {
    pointer-events: auto !important;
  }
}

/* Product category 鈥?force visible bold, wins over sitewide thin typography */
.product__info-container .custom-product-category,
.product__info-container .custom-product-category strong,
.product__info-container .custom-product-category b {
  font-family: var(--font-heading-family), sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
/* Hide empty Apps blocks in header-group (prevent top blank gap on refresh) */
.shopify-section-group-header-group.section:has(> .page-width:empty):not(:has(.shopify-app-block, [id^='shopify-block'])) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}