/** Shopify CDN: Minification failed

Line 1100:2 Unexpected "{"

**/
html {
  scrollbar-gutter: stable;
}

.sizes_new button,
.sizes_new span {
  text-transform: uppercase;
}

.product__price--off,
.product__badge__item--saving {
  display: none;
}

.collection-image {
  display: none;
  /* Hide all by default */
}

.collection-image.show {
  display: block;
  /* Only show the ones we explicitly mark */
}

.template-index:not(.has-scrolled) .site-header {
  background-color: transparent;
  color: #ffffff;
  --text: #ffffff;
}

:is(.template-collection, .template-search) .shopify-section-header {
  position: sticky;
  top: 0px;
}

:is(.template-collection, .template-search) div#CollectionStickyBar {
  top: 0;
  position: relative;
  z-index: 50;
}

.template-search .shopify-section-header {
  position: sticky;
  top: 0px;
}

.template-search div#CollectionStickyBar {
  top: 0;
  position: relative;
}

/*new css 30-08-2023 */

.collection__wrapper .wrapper--full-padded {
  padding: 0px;
}

.collection__inner {
  width: 100%;
}

.collection__products .grid,
.template-list-collections .grid {
  gap: 3px;
  grid-row-gap: 3px;
}

.collection__products .product-grid-item__info.product-grid-item__info--left {
  padding: 0px 24px 0px;
}

.collection__products .product-grid-item__title {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
}

.collection__products .product-grid-item__price {
  font-size: 11px;
}

div#CollectionStickyBar {
  margin: auto;
  padding: 0px 30px;
}

:is(.template-collection, .template-search):after {
  content: "";
  display: block;
  position: fixed;
  width: 75px;
  height: 75px;
  background: url(/cdn/shop/files/cherry_logo_d08d015a-d9fc-4520-8ba3-c2357c079bb4_430x.png?v=1693419302);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.2s;
}

:is(.template-collection, .template-search):hover:after {
  transform: scale(1.1);
}

:is(.template-collection, .template-search) .product-media-outer,
.product-grid-item__image {
  padding-top: 100%;
}

.template-search .product-media-outer,
.product-grid-item__image {
  padding-top: 100%;
}

p.sizes_new {
  display: none;
}

:is(.template-collection, .template-search) p.sizes_new {
  position: absolute;
  right: 0px;
  font-size: 11px;
  top: 17px;
  right: 24px;
  margin: 0px;
  opacity: 0;
  transition: all 0.4s;
  display: block;
}

.template-search p.sizes_new {
  position: absolute;
  right: 0px;
  font-size: 11px;
  top: 17px;
  right: 24px;
  margin: 0px;
  opacity: 0;
  transition: all 0.4s;
  display: block;
}

:is(.template-collection, .template-search) .collection__products .product-grid-item:hover p.sizes_new {
  opacity: 1;
}

.template-search .collection__products .product-grid-item:hover p.sizes_new {
  opacity: 1;
}

.product-grid-item:hover .sizes_new {
  opacity: 1;
}

.template-search header#SiteHeader {
  background: transparent;
}

:is(.template-collection, .template-search) header#SiteHeader {
  background: transparent;
}

.template-search header#SiteHeader {
  background: transparent;
}

.collection__filters__toggle {
  display: block;
}

.collection__products-count {
  text-align: center;
}

.collection__sort-bar .collection__sort__option-wrapper {
  right: 0px;
}

.collection__filters__toggle {
  font-size: 13px;
  margin-right: 0px;
}

.collection__products-count {
  visibility: hidden;
}

.sizes_new a:hover {
  text-decoration: underline;
}

.sizes_new a {
  text-decoration: none;
  margin: 0 2px;
}

/* new css31-08-2023 */
/* .template-index .site-header--transparent .site-header__background{
  background: transparent;
} */
/* .template-index .menu__item.is-visible .header__dropdown {
    background: #fff;
    top: 140px;
} */

/* new css footer */
footer#SiteFooter {
  padding: 10px;
}

.footer-content.wrapper {
  padding: 0px;
  max-width: 100%;
  margin: 0px !important;
  width: 100%;
}

ul.footer-links {
  display: flex;
  column-gap: 20px;
}

.footer-block.footer-block--menu:last-child ul {
  justify-content: flex-end;
}

.footer-block.footer-block--menu {
  padding: 0px;
}

.footer-blocks {
  padding: 0px 0px;
  --offset: none;
}

.footer-bottom.wrapper.aos-init.aos-animate {
  display: none;
}

a.footer-link {
  font-size: 11px;
}

.sizes_new span {
  color: gray;
}

.footer-block.footer-block--logo {
  max-width: 100px;
}

.footer-block.footer-block--logo a.footer-block__logo-image {
  display: block;
  margin: auto;
}

.footer-block.footer-block--menu {
  display: flex;
  align-items: center;
}

.footer-block.footer-block--menu:last-child {
  justify-content: flex-end;
}

.search-popdown__toggle svg {
  display: none;
}

.search-popdown__main * {
  color: #000;
}

.navlink--icon:last-child {
  font-weight: 400;
}

summary.search-popdown__toggle.navlink.navlink--icon {
  font-weight: 400;
}

.navlink--toplevel>.navtext {
  font-weight: 400;
}

.sizes_new * {
  font-size: 10px;
  line-height: 10px;
}

:is(.template-collection, .template-search) .sizes_new * {
  font-size: 11px;
  line-height: 14px;
}

.sizes_new {
  display: flex;
  column-gap: 10px;
  position: absolute;
  font-size: 11px;
  top: 19px;
  right: 24px;
  margin: 0;
  opacity: 0;
  transition: all 0.4s;
}

:is(.template-collection, .template-search) .collection__products .product-grid-item:hover .sizes_new {
  opacity: 1;
}

.template-search .collection__products .product-grid-item:hover .sizes_new {
  opacity: 1;
}

.featured-collection .product-grid-item:hover p.sizes_new {
  opacity: 1;
}

/* new css 01-09-2023 */
span.cart_item_count {
  font-size: 14px;
  margin-left: 5px;
}

/* PDP Header Sticky */
.template-product .shopify-section-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 111 !important;
}

.template-product header#SiteHeader {
  position: sticky !important;
  top: 0 !important;
  background: #fffbf6 !important;
  z-index: 111 !important;
}

body.has-scrolled .template-product header#SiteHeader,
.has-scrolled .template-product header#SiteHeader {
  position: sticky !important;
  top: 0 !important;
  z-index: 111 !important;
}

/* new css 05-09-2023 */

h1.product__title {
  text-align: center;
}

.product__price-and-badge .product__price {
  margin: auto;
}

shopify-payment-terms {
  text-align: center;
}

legend.radio__legend {
  text-align: center;
}

.selector-wrapper--grid .radio__label {
  padding: 0px;
  background: transparent !important;
  border: none;
}

.product__submit__buttons {
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
}

.radio__button {
  max-width: 20px;
  margin: 0px;
}

.selector-wrapper--grid .radio__fieldset {
  display: flex;
  justify-content: center;
  column-gap: 20px;
}

input:checked+label span {
  color: #0b0b0b;
  text-decoration: underline;
}

input+label span {
  color: #0b0b0b;
  /* font-family: Inter; */
  font-weight: 500;
  font-size: 12.69px;
  line-height: 39px;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}

.product-single__details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: sticky;
  top: 0px;
  padding: 30px;
}

.aos-initialized .product-single__wrapper [data-aos][data-aos].aos-animate {
  transform: none;
  margin: 0px;
}

.product__selectors {
  margin-bottom: 20px;
}

h1.product__title {
  text-align: center;
  margin-bottom: 20px;
}

.product__submit__buttons button {
  width: 100% !important;
  max-width: 100% !important;
}

.product__submit__buttons .product__submit__item.aos-init.aos-animate {
  width: 100% !important;
  display: flex;
  justify-content: center;
  max-width: 330px;
}

.shop-pay-terms.aos-init.aos-animate {
  order: 3;
}

/* new css 06-09-2023 */
h1.product__title {
  text-align: left;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
}

.product__price-and-badge .product__price * {
  font-size: 13px;
  margin: 0px 5px 0 0;
}

.product__price-and-badge .product__price {
  margin: 0px;
}

.product-single .form__wrapper.is-sticky {
  max-width: 370px;
}

.product__submit__buttons .product__submit__item.aos-init.aos-animate {
  max-width: 100%;
}

legend.radio__legend {
  display: inline-flex;
  width: auto;
}

.selector-wrapper--grid .radio__fieldset {
  display: flex;
  justify-content: flex-start;
  column-gap: 20px;
  align-items: baseline;
}

legend.radio__legend {
  text-align: left;
  float: left;
}

.product__selectors {
  margin-bottom: 0px;
}

.shopify-cleanslate .jjzYeefyWpPZLH9pIgyw {
  min-height: 34px !important;
  max-height: 40px !important;
}

.product__submit__buttons {
  row-gap: 10px;
}

.related-products .carousel {
  padding: 0px;
  column-gap: 2px;
}

.product-grid-item__info {
  padding: 0px 24px;
}

.product-grid-item__info a.product-grid-item__title {
  font-weight: 400;
}

.product-countdown {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 54px auto;
  padding: 10px 12px;
  color: #a32a29;
  background: rgba(163, 42, 41, 0.07);
  border: 1px solid rgba(163, 42, 41, 0.22);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
}

.product-countdown__label {
  font-weight: inherit;
  white-space: normal;
}

.product-countdown__time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-variant-numeric: tabular-nums;
}

.product-countdown__unit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 38px;
  padding: 7px 6px;
  color: #fcf7eb;
  background: #a32a29;
  border-radius: 3px;
  white-space: nowrap;
}

.product-countdown__unit strong {
  font-weight: inherit;
}

.product-countdown__unit small {
  font-size: 0.78em;
  opacity: 0.82;
}

@media only screen and (min-width: 750px) {
  .product-countdown {
    position: absolute;
    left: 0;
    top: 35px;
  }
}

@media only screen and (max-width: 749px) {
  .product-countdown {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    /*flex-direction: column;*/
    gap: 10px;
    margin: 0 0 18px;
  }

  .product-countdown__time {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .product-countdown__unit {
    min-width: 34px;
    padding: 6px 5px;
  }
}

.product-grid-item__info h2.section__heading {
  margin: 0px;
}

/* new css 13-09-2023 */
#lookbook-main h3.mosaic__item__heading {
  font-size: 18px;
}

#lookbook-main .mosaic__grid .mosaic__item {
  width: 50% !important;
}

#lookbook-main .site-header {
  background-color: transparent;
  color: #ffffff;
  --text: #ffffff;
  position: fixed;
}

#lookbook-main .site-header--transparent .site-header__background {
  display: none;
}

#lookbooks h3.mosaic__item__heading {
  font-size: 18px;
}

/* #lookbooks .site-header {
    background-color: transparent;
    color: #ffffff;
   --text:#ffffff;
   position: fixed;
} */
/* #lookbooks .site-header--transparent .site-header__background {
    display: none;
}
#lookbooks .menu__item.is-visible .header__dropdown {
    background: #fff;
    top: 155px;
}
#lookbooks .mosaic__grid .mosaic__item {
    width: 50% !important;
} */
/* new css 15-09-2023 */
.template-index a.logo__image-link.logo__image-link--other {
  display: none;
}

.template-index .logo__image-link--home:not(.logo__image-link--single) {
  position: relative;
  opacity: 1;
  left: 0px !important;
}

.template-index.has-scrolled .logo__image-link {
  height: auto !important;
  width: 100px !important;
}

.logo {
  margin: 5px 0;
}

.template-page.has-scrolled a.logo__image-link {
  height: auto !important;
}

.has-scrolled:not(.template-index) .logo__image-link {
  width: 100px;
  top: 6px;
  height: auto;
}

/* new css 15-09-2023 */
.product-upsell__image {
  height: auto;
  flex-basis: auto !important;
  display: flex;
  position: relative;
}

.image-fill.fade-in-image.product-upsell__image__thumb {
  position: relative;
}

a.product-upsell__btn.btn.btn--secondary.btn--solid-border {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
  background: transparent;
}

.product-upsell__holder {
  padding: 0px;
  margin: 0px !important;
}

complementary-products.complementary-products {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 20px;
}

complementary-products.complementary-products p.complementary-products__title {
  width: 100%;
  text-align: left;
  font-size: 12px;
  margin-bottom: 10px;
}

complementary-products.complementary-products .complementary-products__item {
  width: 50%;
  max-width: calc(34% - 10px);
}

a.product-upsell__btn.btn.btn--secondary.btn--solid-border p.product-upsell__title.h3 {
  font-size: 10px;
  padding: 10px 0 0;
  text-transform: capitalize;
}

.product__block.product__complementary {
  display: none;
}

div#tabs p.complementary-products__title {
  display: none;
}

.imageall.hideimage {
  display: none !important;
}

.footer-block.footer-block--newsletter {
  display: none !important;
}

/* new css 18-09-2023 */
.grandparent .header__grandparent__links {
  flex: 1 !important;
}

.grandparent .header__dropdown__wrapper {
  padding: calc(var(--header-height) + 50px) 0 20px !important;
}

.template-index .site-header--hovered * {
  color: #0b0b0b;
}

#cherry-general-store .mosaic__wrapper,
#new-york .mosaic__wrapper,
#cherry-malibu .mosaic__wrapper {
  max-width: 100%;
  padding: 0px 10px;
  width: 100%;
}

#cherry-general-store .image-with-text__image,
#new-york .image-with-text__image,
#cherry-malibu .image-with-text__image {
  padding: 0px 20px 0px 10px;
}

#cherry-general-store .store_name,
#new-york .store_name,
#cherry-malibu .store_name {
  border-bottom: none !important;
  padding: 15px 0px 0px;
  margin-bottom: 0px;
}

#cherry-general-store .store_name,
#new-york .store_name,
#cherry-malibu .store_name {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
  border: 1px solid;
  border-left: none;
  border-right: none;
}

#cherry-general-store .store_name:nth-child(2),
#new-york .store_name:nth-child(2),
#cherry-malibu .store_name:nth-child(2) {
  border-bottom: 1px solid !important;
  border-top: none !important;
  padding-bottom: 15px;
  padding-top: 0px;
}

.links a:after {
  display: none !important;
}

.links a {
  display: block !important;
  max-width: 148px;
  margin-right: 0px;
  margin: auto;
  margin-right: 0px;
  text-align: right;
  border: none !important;
  border: none;
}

.links {
  display: block;
  margin-top: 20px;
}

#cherry-general-store .image-with-text__content.text-left,
#new-york .image-with-text__content.text-left,
#cherry-malibu .image-with-text__content.text-left {
  padding: 0px 80px;
}

#cherry-general-store .image-with-text__content-items h2,
#new-york .image-with-text__content-items h2,
#cherry-malibu .image-with-text__content-items h2 {
  font-size: 24px;
  letter-spacing: 2px;
  max-width: 400px;
}

/* #cherry-general-store .image-with-text__content-items p,
#new-york .image-with-text__content-items p {
  color: #be3522;
} */
#cherry-general-store span.text-highlight__break,
#new-york span.text-highlight__break,
#cherry-malibu span.text-highlight__break {
  margin-bottom: 20px;
}

#cherry-general-store .rte.featured-row__subtext *,
#new-york .rte.featured-row__subtext *,
#cherry-malibu .rte.featured-row__subtext * {
  text-decoration: none;
}

.hero__content.backdrop--radial * {
  color: #fff !important;
}

.navlink--toplevel>.navtext:before,
.navlink--toplevel>.navtext:after,
.grandparent .navlink--child>.navtext:before,
.grandparent .navlink--child>.navtext:after {
  background: #0b0b0b;
}

:is(.template-collection, .template-search):after {
  display: none;
}

/* body#lookbooks .site-header--hovered nav#NavStandard * {
    color: #1b1b1b;
} */
.store_link a {
  padding: 8px;
}

.product__block.product__form__wrapper h2.product__title {
  display: none;
}

.product__block.product__form__wrapper .product__price-and-rating {
  display: none;
}

/* new css 20-09-2023 */

[data-swatches-label] {
  margin-right: 16px;
}

span#swatchname {
  font-size: 13px;
  line-height: 23px;
}

.swatch__button .swatch__input:checked~.swatch__label:before {
  opacity: 1;
  visibility: visible;
  border: none !important;
  border-bottom: 1px solid !important;
}

.search-page__nav.aos-init.aos-animate {
  display: none;
}

/* new css 21-09-2023 */
.template-index .site-header--hovered a.logo__image-link.logo__image-link--home img {
  opacity: 0;
}

.hidden {
  display: none !important;
}

.template-index .site-header--hovered a.logo__image-link.logo__image-link--home {
  background: url(https://cherryla.com/cdn/shop/files/Cherry_Logo_AC.png?v=1693422934&width=2230);
  background-size: 92px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1 !important;
}

.template-customers-login footer#SiteFooter {
  position: fixed;
  bottom: 0px;
  width: 100%;
}

/* new css 31-10-2023 */
:is(.template-collection, .template-search) .featured-collection .wrapper--full-padded,
.template-list-collections .featured-collection .wrapper--full-padded {
  padding: 0px;
}

:is(.template-collection, .template-search) .featured-collection__container.grid__container .grid.grid--mobile {
  column-gap: 2px;
  row-gap: 48px;
}

:is(.template-collection, .template-search) .featured-collection__top.text-left,
.template-list-collections .featured-collection__top.text-left {
  margin: 0px;
  padding: 0px 20px;
}

:is(.template-collection, .template-search) .featured-collection__top__wrapper h2,
.template-list-collections .featured-collection__top__wrapper h2 {
  font-size: 18px;
}

/* new css 01-11-2023 */
.drawer__header+ul.mobile-nav {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 10px 0px;
  margin: 0px;
}

.drawer__header+ul.mobile-nav .mobile-navlink--level-2 {
  font-size: 16px;
  padding-left: 30px !important;
}

.drawer__header+ul.mobile-nav .mobile-navlink--level-1 {
  font-size: 20px;
  width: auto;
}

.drawer__header+ul.mobile-nav .mobile-nav__trigger--level-1 {
  margin-left: 0;
  position: initial;
  width: 0px;
}

.drawer__header+ul.mobile-nav .mobile-nav__trigger--level-1 svg {
  display: none;
}

.drawer__header+ul.mobile-nav .mobile-nav__trigger--level-1:before {
  width: 100%;
  position: absolute;
  content: "";
  display: block;
  height: 55px;
}

.drawer__header+ul.mobile-nav .mobile-nav__trigger--level-1:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  transform: rotate(45deg);
  border-top: 0px;
  border-left: 0px;
  position: relative;
  top: 0px;
  left: -10px;
}

.drawer .social-sharing-wrapper {
  padding: 20px 17px 0px;
}

.bottom_menus_new {
  display: flex;
  justify-content: space-between;
}

.bottom_menus_new .mobile-navlink--small {
  font-size: 16px;
}

.bottom_menus_new ul.mobile-nav.mobile-nav--weight-bold li a {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.bottom_menus_new .mobile-nav--bottom {
  margin-top: 10px;
  font-weight: 400 !important;
}

.bottom_menus_new ul.mobile-nav.mobile-nav--weight-bold {
  width: 50%;
}

/* new css 02-11-2023 */
.drawer__close-button {
  top: -9px;
}

.footer-bottom.wrapper {
  display: none;
}

.shop-pay-terms+.product__selectors {
  display: flex;
  max-width: 100%;
  align-items: center;
  column-gap: 10px;
}

.shop-pay-terms+.product__selectors ul {
  display: flex;
  list-style: none;
  column-gap: 10px;
  margin: 0;
  flex-wrap: wrap;
  row-gap: 10px;
}

.shop-pay-terms+.product__selectors ul li {
  margin: 0px;
  line-height: 0px;
  cursor: pointer;
}

.shop-pay-terms+.product__selectors ul li img {
  height: 13px;
  width: 44px;
  object-fit: cover;
  object-position: 0px -1px;
}

.shop-pay-terms+.product__selectors * {
  font-size: 14px;
}

.shop-pay-terms {
  order: 4;
}

.product__submit__item {
  width: 100%;
  margin: 0px;
}

.product__submit__buttons {
  margin: 0px;
}

/* new css 03-11-2023 */
.drawer {
  content-visibility: visible !important;
  visibility: visible !important;
}

.collection-section .product-grid-item__info.product-grid-item__info--left,
.product-grid-item__info.product-grid-item__info--left {
  position: relative;
}

:is(.template-collection, .template-search) .collection-section .product-grid-item__info.product-grid-item__info--left {
  position: absolute;
  bottom: 12px;
  padding: 0 12px;
  width: 100%;
}

:is(.template-collection, .template-search) .featured-collection__top.text-left .featured-collection__top__button,
.product-grid-item__quick-buy,
.template-list-collections .featured-collection__top__button {
  display: none !important;
}

  {
  display: none;
}

:is(.template-collection, .template-search) .featured-collection__container.grid__container a.btn--black.btn--view-all,
.template-list-collections .featured-collection__container.grid__container a.btn--black.btn--view-all {
  width: 100%;
  background: #000;
  color: #fff;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  margin: 50px auto 0px;
}

.tabContent.size_guide table td:not(:first-child) {
  word-break: keep-all;
  white-space: nowrap;
}

.tabContent.size_guide table td {
  padding: 10px;
}

.tabContent.size_guide table th {
  padding: 10px;
}

.tabContent.size_guide p {
  text-transform: capitalize;
  margin-bottom: 10px !important;
  display: block;
}

/* .subcollection .subcollection__outer a {
    padding: 0;
    background-image: none !important;
}

.subcollection h3.subcollection__title.h4 {
    position: relative;
    padding: 0;
    background: #faf9f7 !important;
}
.subcollection .grid.carousel--mobile {
    display: flex;
}
[data-section-type="subcollections"] .grid.carousel--mobile {
    display: flex;
    justify-content: flex-start;
}
[data-section-type="subcollections"] .grid.carousel--mobile .subcollection {
    width: auto;
}
[data-section-type="subcollections"] .grid.carousel--mobile * {
    font-size: 15px;
} */
/* new css 06-11-2023 */
/* .product__badge__item.product__badge__item--sold {
    background: #ad383b;
} */
.header__dropdown__image .hero__content h2.hero__title {
  font-size: 12px;
}

/* new css 08-11-2023 */
.collection__filter-tag--swatch img {
  height: 100%;
  object-fit: cover;
}

/* new css 09-11-2023 */
body#archived input.btn.clickchkcook {
  height: 53px;
  margin-top: -2px;
  position: relative;
  top: -2px;
  background-color: #9c0d13;
  border-color: #9c0d13;
}

body#archived .wrap-form.text-center {
  position: relative;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto !important;
  height: max-content !important;
  width: 100%;
  max-width: 50%;
}

.drawer__header+ul.mobile-nav .mobile-navlink--level-1 {
  font-weight: 500;
}

.drawer__header+ul.mobile-nav .mobile-navlink--level-2 {
  font-weight: 400;
}

body#archived .wrap-form.text-center.hide {
  display: none !important;
}

/* new css 02-04-2024 */
.newsletter_collection .input-group.input-group--inline input {
  border: none;
  padding: 0px;
  border-bottom: 1px solid #000;
  min-height: auto;
  height: auto;
}

.newsletter_collection .input-group.input-group--inline {
  border: none;
}

.newsletter_collection .input-group--inline .input-group__item--btn button {
  min-height: auto;
  height: 27px;
  border: none;
  border-bottom: 1px solid #000;
  width: auto;
  min-width: auto;
}

.newsletter_collection .input-group--inline .input-group__item--btn {
  height: auto;
  display: flex;
  align-items: center;
  width: auto;
  min-width: auto;
  flex-basis: auto;
}

.newsletter_collection .newsletter-section__entry h1 {
  font-size: 24px;
}

/* new css 03-04-2024 */
.newsletter .needsclick.kl-private-reset-css-Xuajs1 {
  min-height: auto !important;
  padding: 0px !important;
  border: none !important;
  background: transparent !important;
  font-weight: 300 !important;
}

.newsletter .needsclick.kl-private-reset-css-Xuajs1 input {
  border-bottom: 1px solid #000 !important;
  border-radius: 0px !important;
  outline: none !important;
  box-shadow: none !important;
}

.newsletter .needsclick.kl-private-reset-css-Xuajs1 button.needsclick {
  border-bottom: 1px solid #000 !important;
  border-radius: 0px !important;
}

/* new css  */
.collection-list-new .list-collections__item__image {
  padding-top: 125% !important;
}

.collection-list-new .list-collections-section .grid--mobile {
  gap: 4px;
}

.collection-list-new .list-collections-section .grid--mobile .list-collections__item {
  padding: 0;
  width: calc(25% - 3px);
}

.collection-list-new {
  padding: 0 4px;
}

.collection-list-new .list-collections__item__content--overlayed h3 {
  font-size: 10px;
  text-transform: uppercase;
}

.collection-list-new .list-collections__item__content--overlayed {
  right: 0;
  left: auto;
  top: 0;
  bottom: auto;
}

.collection-list-new .list-collections-section .grid--mobile .list-collections__item .list-collections__item__content {
  opacity: 0;
}

.collection-list-new .list-collections-section .grid--mobile .list-collections__item:hover .list-collections__item__content {
  opacity: 1;
}

/* #lookbooks .mosaic__grid .mosaic__item--3 {
  grid-column: 3 / 5;
  grid-row-end: span 2;
  position: relative;
} */
/* #lookbooks .mosaic__grid .mosaic__item--10 {
  grid-column: 1 / 3;
  grid-row-end: span 2;
  position: relative;
} */
/* #lookbooks .mosaic__grid .mosaic__item--17 {
  grid-column: 3 / 5;
  grid-row-end: span 2;
  position: relative;
}
#lookbooks .mosaic__grid .mosaic__item--23 {
  grid-column: 1 / 3;
  grid-row-end: span 2;
  position: relative;
} */
#lookbooks .mosaic__grid {
  justify-content: left;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.1rem !important;
}

.collection__products:has(.collection-image) .grid {
  justify-content: left;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.3rem !important;

}

div#AjaxinatePagination:empty {
  display: none;
}

:is(.template-collection, .template-search) .collection__products {
  background: #fff !important;
  border-top: 4px solid #fff !important;
  border-bottom: 4px solid #fff !important;
}

.collection__products:has(.collection-image) .product-grid-item.collection-image:nth-child(odd) {
  grid-row-end: span 2;
  position: relative;
  grid-column: 3 / 5;
}

.collection__products:has(.collection-image) .product-grid-item.collection-image .product-grid-item__image {
  padding-top: 106%;
}

.collection__products:has(.collection-image) .product-grid-item.collection-image:nth-child(even) {
  grid-column: 1 / 3;
  grid-row-end: span 2;
  position: relative;
}

.collection__products:has(.collection-image) .product-media-outer,
.collection__products:has(.collection-image) .product-grid-item__image {
  padding-top: 100%;
  margin: 0 !important;
  height: calc(100% - 0px);
}

.product-grid-item.grid__item.collection-image img {
  object-fit: cover;
  object-position: top;
  height: 100vh;
}

.collection__products:has(.collection-image) .product-grid-item.collection-image {
  line-height: 0;
}

:is(.template-collection, .template-search) .collection-section .product-grid-item__info.product-grid-item__info--left {
  opacity: 0;
}

:is(.template-collection, .template-search) .collection-section .product-grid-item:hover .product-grid-item__info.product-grid-item__info--left {
  opacity: 1;
}

.template-search .product-media-outer,
.product-grid-item__image {
  padding-top: 100%;
  margin: 0;
}

:is(.template-collection, .template-search) .colordropdown ul {
  display: flex;
  list-style: none;
  column-gap: 10px;
  margin: 0;
  flex-wrap: wrap;
  row-gap: 10px;
  position: absolute;
  top: 0;
  z-index: 1;
  right: 10px;
  opacity: 0;
}

:is(.template-collection, .template-search) .colordropdown ul li img {
  width: 30px;
  height: 8px;
}

:is(.template-collection, .template-search) .product-grid-item:hover .colordropdown ul {
  opacity: 1;
}

.menu__items {
  gap: 20px;
}

.menu__item.menu__item--icons {
  gap: 30px;
}

.template-index .collection-list-new .list-collections__item__content--overlayed h3 {
  font-size: 15px;
}

.template-index .collection-list-new .list-collections-section .grid--mobile .list-collections__item .list-collections__item__content {
  width: 100%;
  height: 100%;
  background: #ffffff2b;
  justify-content: flex-end;
  align-items: flex-start;
}

.related-products .product__selectors.product-color- {
  display: none;
}

.related-products .product-grid-item__image {
  margin-bottom: 15px;
}

.featured-collection .wrapper--full-padded {
  padding: 0 4px;
}

.featured-collection .wrapper--full-padded .colordropdown {
  display: none;
}

.featured-collection .wrapper--full-padded .grid.grid--mobile {
  gap: 4px;
  margin: 0 calc(-1* var(--grid-gutter) / 2);
}

.featured-collection .product-grid-item__info a.product-grid-item__title {
  font-weight: 400;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}

.featured-collection a.product-grid-item__price.price {
  display: none;
}

.featured-collection .product-grid-item:hover .sizes_new {
  display: none;
}

.featured-collection .product-grid-item__info {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #ffffff2b;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.mosaic--spacing .wrapper--full .mosaic__grid {
  margin: 0;
}

.mosaic .mosaic__item {
  padding: 0;
}

section#SearchPage .product-grid-item__info.product-grid-item__info--left {
  position: absolute;
  bottom: 12px;
  padding: 0 12px;
  width: 100%;
  opacity: 0;
}

section#SearchPage .collection__products .product-grid-item:hover .product-grid-item__info.product-grid-item__info--left {
  opacity: 1;
}

section#SearchPage .collection__products .product-grid-item+.blog__post-item {
  display: none;
}

.featured-collection .product-grid-item:hover .product-grid-item__info {
  opacity: 1;
}

.featured-collection__container.grid__container {
  overflow: hidden;
}

.featured-collection .product-grid-item .product__media--featured-visible {
  transition: all 0.3s ease-in;
}

.featured-collection .product-grid-item:hover .product__media--featured-visible {
  transform: scale(1.1);
}

.section-columns__slider.carousel.carousel--mobile {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 4px;
  margin: 0 -10px;
}

.section-columns .wrapper--full-padded {
  padding: 0;
}

.section-columns__slider.carousel.carousel--mobile .column__item.carousel__item {
  margin: 0;
  width: 100%;
  padding: 0;
}

.section-columns__wrapper.carousel__container {
  padding: 0;
  margin: 0;
  max-width: calc(100% - 8px);
  width: 100%;
  overflow: hidden;
  margin: auto;
}

.section-columns__wrapper.carousel__container .column__item__image-wrapper {
  margin: 0;
}

.section-columns__wrapper.carousel__container .column__item__inner {
  position: relative;
}

.section-columns__wrapper.carousel__container .column__item__content {
  text-align: left;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff3d;
  opacity: 0 !important;
  transition: all 0.3s ease-in !important;
}

.section-columns__slider.carousel.carousel--mobile .column__item.carousel__item:hover .column__item__content {
  opacity: 1 !important;
}

.section-columns__wrapper.carousel__container .column__item__content a {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  min-width: 100%;
  font-size: 14px;
  letter-spacing: 0;
  padding: 25px;
  font-weight: 300;
  opacity: 0;
}

.section-columns__slider.carousel.carousel--mobile .column__item.carousel__item:hover .column__item__content a {
  opacity: 1;
}

.collection__inner:has(.img_rt) {
  display: flex;
  flex-direction: row-reverse;
}

body#archived .wrap-form.text-center.hide+.img_rt {
  display: none;
}

.archivecoll {
  width: 100%;
}

body#archive-subscribe .image-with-text__image-bg {
  background-position: top center !important;
}

body#archive-subscribe .image-with-text__content.text-center .klaviyo-form.klaviyo-form.klaviyo-form {
  background: transparent !important;
  padding: 0 !important;
  max-width: 320px;
  margin: auto;
}

body#archive-subscribe .image-with-text__content.text-center .needsclick.kl-private-reset-css-Xuajs1 {
  padding: 0px !important;
  min-height: 53px !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  border-radius: 0 !important;
  font-family: var(--FONT-STACK-BUTTON) !important;
}

body#archive-subscribe .image-with-text__heading {
  margin-bottom: 12px;
  font-size: 16px;
  text-transform: uppercase;
  color: #a0171c;
}

body#archive-subscribe .image-with-text__content.text-center .needsclick.kl-private-reset-css-Xuajs1+div {
  display: none;
}

body#archive-subscribe .image-with-text__content.text-center input.needsclick.kl-private-reset-css-Xuajs1 {
  border: 1px solid #a0171c !important;
  padding: 20px !important;
  font-family: var(--FONT-STACK-BUTTON) !important;
  font-size: 12px !important;
  outline-width: 0 !important;
}

body#archive-subscribe .image-with-text__content.text-center input::placeholder {
  font-family: var(--FONT-STACK-BUTTON) !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0 !important;
}

body#archive-subscribe .image-with-text__content.text-center .needsclick.kl-private-reset-css-Xuajs1:has(button) button {
  min-width: 120px;
  text-transform: uppercase;
  letter-spacing: 0 !important;
  font-size: 12px !important;
  font-family: var(--FONT-STACK-BUTTON) !important;
  font-weight: 400 !important;
  background-color: #a0171c !important;
}

body#archive-subscribe .image-with-text__content.text-center .needsclick.kl-private-reset-css-Xuajs1[data-testid="form-row"]:has(input) * {
  width: 100%;
}

body#archive-subscribe .image-with-text__content.text-center .needsclick.kl-private-reset-css-Xuajs1[data-testid="form-row"]:has(input) {
  width: 100%;
}

/* body#archived price matches standard collections */

.template-product span.product__price--off {
  display: none;
}

input#chkpassword {
  border-color: #9c0d13;
  background: transparent;
}

body#archived:has(.wrap-form.text-center.hide) .collection-section {
  background: transparent;
}

body#archived:has(.wrap-form.text-center.hide) main#MainContent {
  background: transparent;
}

body#archived:has(.wrap-form.text-center.hide) div#CollectionStickyBar {
  background: transparent;
}

body#archived .img_rt {
  width: 50%;
  line-height: 0;
}

body#archived .img_rt img {
  height: 100vh;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

[data-testid="FLYOUT"] [name="email"] {
  border: none !important;
  border-bottom: 1px solid rgb(255, 255, 255) !important;
}

[data-testid="FLYOUT"] .go344476669.go344476669.go344476669:hover {
  border-color: #fff !important;
}

[data-testid="FLYOUT"] .go344476669.go344476669.go344476669:focus-visible {
  outline: none;
}

.collection__products:has(.collection-image) .product-grid-item.collection-image:nth-child(odd) a {
  height: 100%;
}

.collection__products:has(.collection-image) .product-grid-item.collection-image:nth-child(odd) a img {
  height: 100vh;
}

.collection__products:has(.collection-image) .product-grid-item.collection-image:nth-child(even) * {
  height: 100vh;
}

/* new css */
.template-product .selector-wrapper--grid .radio__label {
  border: none;
  border: 1px solid #4A2F13;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border-width: 1px;
  opacity: 1;
}

.template-product .selector-wrapper--grid .radio__fieldset {
  column-gap: 15px;
  margin: 0;
}

.template-product .radio__button {
  max-width: unset;
}

.template-product span.radio__legend__label {
  /* font-family: Inter; */
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}

.template-product button.product__popup__link span {
  font-size: 14px;
}

.template-product button.product__popup__link {
  /* font-family: Inter; */
  font-weight: 200;
  font-size: 11.25px;
  line-height: 18px;
  letter-spacing: 0;
  vertical-align: middle;
  text-decoration: underline;
}

.template-product button.product__popup__link svg.icon.icon-ruler {
  display: none;
}

.product__popup__link span:before,
.product__popup__link span:after,
.template-product button.product__popup__link span:before,
.template-product button.product__popup__link span:after {
  display: none !important;
}

.template-product legend.radio__legend {
  width: 100%;
  margin-bottom: 18px;
  float: none;
}

.template-product .product__form .btn {
  height: 43px;
  background: #392C24;
  margin-top: 18px;
  color: #fff;
}

.template-product .product__form .btn--submit span {
  transition: opacity .3s ease;
  font-family: Times New Roman;
  font-weight: 400;
  font-size: 12px;
  line-height: 18.36px;
  letter-spacing: 0.6px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}

.template-product button.product__accordion__title {
  /* font-family: Inter; */
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0;
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 8px;
}

.template-product .product__block.product__accordions {
  padding-bottom: 0;
  border-bottom: 1px solid #B3B3B3;
}

.related-products.section-padding h2.h3 {
  /* font-family: Inter; */
  font-weight: 400;
  font-style: Italic;
  font-size: 16.72px;
  line-height: 20px;
  letter-spacing: 0;
  vertical-align: middle;
}

.template-product h1.product__title,
.template-product h2.product__title {
  /* font-family: Inter; */
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0;
  vertical-align: middle;
  display: flex;
  gap: 33px;
  margin-bottom: 29px;
}

.template-product .product__block.product__title-and-price {
  margin: 0;
}

.template-product .product__block.product__form__wrapper {
  padding-bottom: 35px;
}

.template-product {
  background: #FCF7EB;
}

/* Product image area background on PDP (desktop & mobile) */
/* .template-product .product-single__wrapper,
.template-product .product-single__gallery,
.template-product .product-single__media-slider,
.template-product .product-single__media-slide,
.template-product .product-single__media,
.template-product .product-single__media--image,
.template-product .product-single__media--image-height,
.template-product .product-single__media-slider .flickity-viewport,
.template-product .product-single__media-slider .flickity-slider {
  background-color: #FCF7EB !important;
} */

.template-product .product-single__media img {
  background-color: #FCF7EB !important;
}

h1.product__title span,
.product__price-and-badge .product__price * {
  /* font-family: Inter; */
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  vertical-align: middle;
}

.related-products .product-grid-item__info a.product-grid-item__title {
  /* font-family: Inter; */
  font-weight: 300;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.56px;
  vertical-align: middle;
  text-transform: uppercase;
  max-width: 160px;
}

.related-products .product-grid-item__quick-buy {
  display: block !important;
}

.related-products .sizes_new {
  display: none;
}

.related-products .product-grid-item__info {
  padding: 0px 8px;
}

.related-products .carousel {
  column-gap: 23px;
}

.related-products a.product-grid-item__price.price {
  /* font-family: Inter; */
  font-weight: 300;
  font-size: 11.06px;
  line-height: 12px;
  letter-spacing: 0;
  max-width: 42px;
}

.related-products .product-grid-item__info {
  display: flex;
  padding: 0px 8px;
  flex-direction: row;
  justify-content: space-between;
}

.related-products .sizes_new {
  top: 29px;
  right: 0;
}

.product-single__media-slide {
  width: 100%;
}

/* PDP animated-media placeholder. A tiny Shopify CDN rendition is blurred
   beneath a soft shimmer until the full GIF has decoded. */
.template-product [data-pdp-gif] .product-single__media--image::before,
.template-product [data-pdp-gif] .product-single__media--image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.template-product [data-pdp-gif] .product-single__media--image::before {
  background: var(--pdp-gif-placeholder) center / cover no-repeat;
  filter: blur(14px);
  transform: scale(1.04);
}

.template-product [data-pdp-gif] .product-single__media--image::after {
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .38) 50%, transparent 65%);
  background-size: 220% 100%;
  animation: pdp-media-shimmer 1.25s linear infinite;
}

.template-product [data-pdp-gif].pdp-gif-loaded .product-single__media--image::before,
.template-product [data-pdp-gif].pdp-gif-loaded .product-single__media--image::after {
  opacity: 0;
  animation: none;
}

.template-product [data-pdp-gif] [data-product-image] {
  z-index: 2;
}

@keyframes pdp-media-shimmer {
  to {
    background-position: -220% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-product [data-pdp-gif] .product-single__media--image::after {
    animation: none;
  }
}

@media only screen and (max-width: 767px) {

  /* Flickity owns swipe behavior after initialization. Remove the native
     scroll-snap/overflow rules that otherwise compete with it in Safari. */
  .template-product .product-single__media-slider.flickity-enabled {
    display: block;
    overflow: hidden;
    overscroll-behavior-x: auto;
    scroll-snap-type: none;
  }

  .template-product .product-single__media-slider.flickity-enabled .flickity-viewport {
    width: 100%;
    touch-action: pan-y;
  }

  .template-product .product-single__media-slider.flickity-enabled .product-single__media-slide {
    min-width: 0;
    scroll-snap-align: none;
  }

  /* Autoplay media must not capture the touch sequence, otherwise Safari
     sends the gesture to the native player instead of Flickity. */
  .template-product .product-single__media-slider.flickity-enabled .product-single__media-slide[data-video] video,
  .template-product .product-single__media-slider.flickity-enabled .product-single__media-slide[data-video] iframe,
  .template-product .product-single__media-slider.flickity-enabled .product-single__media-slide[data-video] .deferred-media {
    pointer-events: none;
  }

  .template-product .product-single__media-slider.flickity-enabled .product-single__media-slide[data-pdp-native-video] video {
    pointer-events: none;
  }
}

/* Product cards: first Shopify video media fills the same frame as the
   featured image. The image remains underneath as an instant poster. */
[data-product-card-video] .product-card__video {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  min-width: 100%;
  object-fit: cover;
  pointer-events: none;
}

/* Keep animated GIF cards visible while lazysizes resolves the full asset. */
[data-product-card-gif] {
  background-size: cover;
  background-position: center;
}

[data-product-card-gif]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(105deg, rgba(255, 255, 255, .08) 35%, rgba(255, 255, 255, .42) 50%, rgba(255, 255, 255, .08) 65%);
  background-size: 220% 100%;
  animation: pdp-media-shimmer 1.25s linear infinite;
  transition: opacity .2s ease;
}

[data-product-card-gif].product-card-gif-loaded::after {
  opacity: 0;
  animation: none;
}

.product-single__media-slider:not(.has-media-active) .flickity-button {
  background: #EBDCC7;
  width: 30px;
  height: 30px;
  background-image: url(/cdn/shop/files/SVG_2.png?v=1755984755);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  transform: none !important;
  top: 35%;
  display: none;
}

.product-single__media-slider:not(.has-media-active) button.flickity-button.flickity-prev-next-button.previous {
  left: 10px;
}

.product-single__media-slider:not(.has-media-active) button.flickity-button svg {
  display: none;
}

.product-single__media-slider:not(.has-media-active) .flickity-prev-next-button.previous::before,
.product-single__media-slider:not(.has-media-active) .flickity-prev-next-button.next::before {
  display: none;
}

.product-single__media-slider:not(.has-media-active) button.flickity-button.flickity-prev-next-button.previous {
  left: 10px;
  transform: rotate(180deg) !important;
  margin: 25px 0 0 !important;
}

button.return-button {
  /* font-family: Inter; */
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  vertical-align: middle;
  text-decoration: underline;
  margin-bottom: 79px;
}

button#BIS_trigger {
  margin: 0 !important;
}

.grandparent.kids-2.images-5 .header__grandparent__links {
  min-width: 380px;
}

.grandparent.images-5 .menu__block--narrow {
  flex: 1;
  margin: 0;
}

.grandparent.images-5 .dropdown__family:nth-child(2) a.navlink.navlink--child,
.grandparent.images-5 .dropdown__family:nth-child(1) a.navlink.navlink--child {
  display: none;
}

.images-5 .header__dropdown__image {
  flex-direction: column-reverse;
  display: flex;
}

.images-5 .header__dropdown__image a.link-over-image {
  display: block;
  position: relative;
}

.images-5 .header__dropdown__image a.link-over-image .hero__content__wrapper.align--bottom-left {
  position: relative;
  padding: 0 !important;
}

.images-5 .header__dropdown__image a.link-over-image .hero__content__wrapper.align--bottom-left .hero__content.backdrop--radial {
  padding: 5px 0;
  font-family: inter;
  color: #000;
  background: transparent;
}

.images-5 .header__dropdown__image a.link-over-image .hero__content__wrapper.align--bottom-left .hero__content.backdrop--radial:before {
  display: none;
}

.images-5 .header__dropdown__image a.link-over-image .hero__content__wrapper.align--bottom-left .hero__content.backdrop--radial * {
  color: #000 !important;
  font-weight: 600;
}

.subcollection__image {
  padding: 0 !important;
  background: transparent !important;
}

h3.subcollection__title.h4 {
  position: relative;
}

.subcollection__outer:after,
.subcollection__image .placeholder-svg--overlayed {
  display: none;
}

.subcollection {
  width: auto !important;
}

.subcollection__title span {
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.subcollections button.flickity-button {
  background: linear-gradient(to right, #FCF7EBbf 10%, #FCF7EB 40%);
  border-radius: 0 !important;
  width: 50px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  bottom: 10px !important;
  top: 7px;
  right: 0 !important;
  left: auto;
  box-shadow: none !important;
}

.subcollections button.flickity-button.flickity-prev-next-button.previous {
  left: 0;
  background: linear-gradient(to left, #FCF7EBbf 10%, #FCF7EB 40%);
}

.subcollections button.flickity-button[disabled] {
  display: none;
}

.subcollections .flickity-prev-next-button {
  --icon-size: 12px;
}

.subcollections .subcollection__title {
  padding: 20px 10px;
}

.complete-look-new.section-padding,
[data-section-type="related-products"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.complete-look-new.section-padding .section__header.featured-collection__top {
  background: #fff;
  padding: 20px 0 0;
  margin: 0;
}

.complete-look-new.section-padding .wrapper--full-padded {
  padding: 0;
  margin: 0;
}

.complete-look-new.section-padding .wrapper--full-padded .carousel__container,
[data-section-type="related-products"] .wrapper--full-padded .carousel__container {
  margin: 0;
}

.related-products.complete-look-new .product-grid-item__info,
[data-section-type="related-products"] .product-grid-item__info {
  display: grid;
  grid-template-columns: minmax(0, 100%);

}

span.radio__button.sold-out {
  opacity: 0.5;
  border-radius: 50px;
  overflow: hidden;
  pointer-events: none;
}

span.radio__button.sold-out label {
  text-decoration: none !important;
}

span.radio__button.sold-out:after {
  content: '';
  display: block;
  height: 1px;
  background: #000;
  position: absolute;
  width: 100%;
  transform: rotate(135deg);
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  opacity: 0.5;
}

span.radio__button.sold-out:hover:after {
  background-color: #fff;
  opacity: 1;
}

.radio__fieldset input:checked+label {
  background: #392C24 !important;
}

.radio__fieldset input:checked+label span {
  color: #fff;
  text-decoration: none !important;
  padding: 0px 5px;
}

/* [data-section-type="related-products"] {
  display: none;
} */
/* .template-product:has(.related__placeholder) [data-section-type="related-products"] {
   display: block;
} */
[data-section-type="related-products"] .featured-collection__top {
  margin: 0;
}

[data-section-type="related-products"] h2.section__heading.h3 {
  padding-top: 20px;
}

:is(.template-collection, .template-search) {
  background-color: #FCF7EB;
}

.template-product:has(.popup-chart.is-open) .product-single__wrapper .product-single__details {
  z-index: 11111;
  position: relative;
  border-color: #cccccc;

}

.template-product:has(.popup-chart.is-open) .product-single__wrapper .product-single__details .complete-look-new.section-padding .section__header.featured-collection__top {
  background: #cac6bc !important;
  opacity: 0.3;
}

.popup-chart__content .table-wrapper {
  border: none;
  padding: 0;
  margin: 0;
}

.template-product:has(.popup-chart.is-open) .product-single__details form,
.template-product:has(.popup-chart.is-open) .product__block.product__accordions,
.template-product:has(.popup-chart.is-open) .product__title,
.template-product:has(.popup-chart.is-open) .return-button {
  opacity: 0.4;
}

.template-product .drawer.is-open {
  z-index: 1111111;
}

/* .template-product:has(.popup-chart.is-open) .popup-chart.is-open *,
.template-product:has(.popup-chart.is-open) .popup-chart.is-open {
      opacity: 1;
} */
.kids-2 .dropdown__family a.navlink.navlink--child {
  display: none;
}

.bigsizetext span.radio__button label.radio__label span {
  font-size: 10px;
}

.cart__message__progress {
  width: 100%;
  height: 6px;
  appearance: none;
}

.cart__message__progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 10px;
}

.cart__message__progress__holder {
  background-color: #392C24;
}

.cart__message__progress::-webkit-progress-value {
  background-color: #392C24;
  /* default */
  border-radius: 10px;
  transition: background-color 0.3s ease;
}

@media only screen and (min-width: 768px) {
  .product-single__wrapper.product-single__wrapper--large {
    padding-top: 76px;
    gap: 0;
  }
}

@media (max-width: 1097px) {

  .section-columns__slider.carousel.carousel--mobile {
    grid-template-columns: 1fr 1fr;
    margin: 0;
  }

  .featured-collection .wrapper--full-padded .grid.grid--mobile {
    margin: 0;
  }

  .template-index .mobile-menu.left .mobile-menu__button {
    color: #fff;
  }

  :is(.template-collection, .template-search) .colordropdown ul {
    display: none;
  }

  .mobile-menu.left .mobile-menu__button {
    color: #000;
  }

  .template-index .mobile-menu__button {
    color: #fff !important;
  }

  .mobile-menu__button {
    color: #000 !important;
  }

  .footer-blocks .footer-block {
    display: none;
  }

  .store_link {
    display: none;
  }

  footer#SiteFooter {
    padding: 0;
  }

  .footer-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #NavStandard .icon-fallback-text.navlink.navlink--icon {
    position: absolute;
    left: 15px;
  }

  #NavStandard .search-popdown {
    display: none;
  }

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

  .logo {
    margin: 5px auto;
    max-width: 150px;
  }

  .mobile-menu.left {
    position: relative;
  }
}

@media only screen and (max-width: 1023px) {
  :is(.template-collection, .template-search) .product-grid-item__quick-buy {
    display: none !important;
  }

  .product__block.product__price-and-badge {
    display: none;
  }

  .collection__products .product-grid-item__quick-buy {
    display: none;
  }

  span.cart_item_count_mobile {
    font-size: 14px;
    margin-left: 5px;
  }

  .mobile-menu.right {
    position: relative;
    padding-right: 0px;
  }

  .site-header>.wrapper {
    padding: 0px 10px;
  }

  .mobile-menu__button {
    text-transform: uppercase;
    font-size: 13px;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item:hover p.sizes_new {
    opacity: 1;
    display: flex;
  }
}

@media only screen and (max-width: 990px) {
  .search-popdown__body--fixed {
    top: 0px;
    z-index: 11;
  }
}

@media only screen and (max-width: 767px) {

  .collection__products:has(.collection-image) .product-media-outer,
  .collection__products:has(.collection-image) .product-grid-item__image {
    height: auto;
  }

  body#archived .img_rt {
    width: 100%;
  }

  body#archive-subscribe .image-with-text__image {
    min-height: 100vh;
  }

  body#archive-subscribe .image-with-text__content.text-center .klaviyo-form.klaviyo-form.klaviyo-form {
    max-width: 100%;
    margin: 0;
    padding-right: 18px !important;
  }

  body#archive-subscribe .image-with-text__items {
    flex-flow: column-reverse !important;
  }

  .collection__inner:has(.img_rt) {
    flex-direction: column;
    gap: 50px;
  }

  body#archived .wrap-form.text-center {
    max-width: 100%;
  }

  .collection__products .grid,
  .template-list-collections .grid {
    gap: 3px;
    grid-row-gap: 3px;
    padding: 0 3px;

  }

  :is(.template-collection, .template-search) .collection-section .product-grid-item__info.product-grid-item__info--left {
    position: relative;
    bottom: 0;
    padding: 0.6rem 1rem 1.2rem 1rem;
    width: 100%;
    opacity: 1 !important;
    background: #fcf7eb;
    flex: 1;
  }

  :is(.template-collection, .template-search) .collection-section .product-grid-item {
    display: flex;
    flex-direction: column;
  }

  .product-grid-item.grid__item.collection-image img {
    object-fit: cover;
    height: 70vh;
  }

  .collection__products .product-grid-item__info.product-grid-item__info--left {
    padding: 0;
  }

  /* new css 09-11-2023 */
  body#archived .wrap-form.text-center {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 0px 20px;
  }

  body#archived .wrap-form.text-center.hide {
    display: none !important;
  }

  .template-product .product-single__media--image-height {
    height: 470px;
    padding-top: 100% !important;
  }

  .template-product header#SiteHeader .wrapper {
    background: #FCF7EB !important;
  }

  :is(.template-collection, .template-search) .product-grid-item__quick-buy {
    display: none !important;
  }

  .template-product .product-single__gallery,
  .product-single__gallery {
    margin: 0 auto !important;
  }

  .search-popdown__body--fixed {
    top: 0px;
    z-index: 11;
  }

  /* [data-section-type=subcollections] .grid.carousel--mobile {
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
} */
  body#archived .wrap-form.text-center.marginform {
    margin-top: 20px !important;
  }

  .product-grid-item__quick-buy {
    display: block;
  }

  #lookbooks .mosaic__grid {
    row-gap: 2px;
  }

  :is(.template-collection, .template-search) .featured-collection__top.text-left {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  :is(.template-collection, .template-search) .featured-collection__top.text-left .featured-collection__top__button {
    margin: 0px 0px 20px;
  }

  .form__wrapper {
    display: flex;
    flex-direction: column-reverse;
  }

  .product-single__details {
    padding: 20px 20px 0 !important;
    width: 100%;
    background: #faf9f7;
  }

  .product-single__gallery {
    position: sticky;
    top: 0px;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
  }

  .carousel--mobile .grid__item,
  .carousel--mobile .carousel__item {
    margin-right: 2px;
  }

  .product-single__media-slide {
    min-width: 100%;
  }

  .product-single__media-slider {
    display: flex;
    overflow-y: auto;
    overscroll-behavior-x: auto;
    scroll-snap-type: x mandatory;
  }

  .product__block.product__form__wrapper h2.product__title {
    display: block;
  }

  .product__block.product__form__wrapper .product__price-and-rating {
    display: block;
  }

  #cherry-general-store .image-with-text__content.text-left,
  #new-york .image-with-text__content.text-left,
  #cherry-malibu .image-with-text__content.text-left {
    padding: 0 20px !important;
  }

  #cherry-general-store .image-with-text__items,
  #new-york .image-with-text__items,
  #cherry-malibu .image-with-text__items {
    flex-direction: column-reverse !important;
  }

  #cherry-general-store .image-with-text__image,
  #new-york .image-with-text__image,
  #cherry-malibu .image-with-text__image {
    padding: 0 10px 0 10px !important;
    flex-basis: auto !important;
  }

  #cherry-general-store .image-with-text__items picture,
  #new-york .image-with-text__items picture,
  #cherry-malibu .image-with-text__items picture {
    display: block !important;
  }

  #cherry-general-store .image-with-text__image-bg,
  #new-york .image-with-text__image-bg,
  #cherry-malibu .image-with-text__image-bg {
    position: relative !important;
  }

  .product-single__media-slider {
    top: 0px;
  }

  div#tabs .product__block.product__complementary,
  div#tabs p.complementary-products__title {
    display: block;
  }

  ul.mobile-nav+ul.mobile-nav li a {
    padding: 15px 20px;
  }

  .form__wrapper {
    width: 100%;
  }

  div#ProductThumbs {
    display: none;
  }

  .newsletter-form .input-group__btn--icon {
    justify-content: flex-end;
  }

  .footer-block.footer-block--newsletter {
    display: block !important;
  }

  .header-newsletter {
    padding: 20px 20px 20px;
  }

  .footer-block.footer-block--menu {
    display: none !important;
  }

  .header-newsletter p {
    display: none;
  }

  .header-newsletter * {
    font-size: 12px;
  }

  .header-newsletter h2 {
    margin: 0;
  }

  .newsletter-form .input-group__btn--icon svg {
    display: none;
  }

  .header-newsletter .input-group--inline {
    max-width: 100%;
  }

  .mosaic--no-spacing .wrapper--full,
  .mosaic--no-spacing .mosaic__grid {
    gap: 2px;
  }

  .newsletter-form .input-group__btn--icon span {
    font-size: 12px;
    opacity: 1;
    visibility: visible;
    position: relative;
    width: auto;
    height: auto;
  }

  footer#SiteFooter {
    padding: 0 !important;
  }

  .footer-block.footer-block--newsletter .input-group--inline {
    max-width: 100%;
  }

  .newsletter-form .input-group__field,
  .newsletter-form .input-group__btn--icon {
    background: transparent;
    border: none !important;
    padding: 0px;
    border-bottom: 1px solid #000 !important;
    height: 35px;
  }

  .footer-block--newsletter * {
    font-size: 12px;
  }

  footer#SiteFooter {
    padding: 30px 10px;
  }

  .footer-blocks .footer-block:last-child {
    display: block;
  }

  .product-single .wrapper--full-padded {
    padding: 0px 0px;
  }

  .product__block.product__title-and-price {
    display: none;
  }

  .product__block.product__form__wrapper .product__title {
    font-size: 18px;
    padding: 0px 0px 15px;
  }

  .shopify-payment-button {
    display: none;
  }

  shopify-payment-terms {
    font-size: 9px;
  }

  .product__form {
    row-gap: 18px;
  }

  .product__block.product__form__wrapper .product__block.product__price-and-badge {
    display: block !important;
    padding-bottom: 18px !important;
  }

  .product__block.product__form__wrapper .product__price-and-badge .product__price {
    margin: 0;
    padding: 0px 0px;
  }

  .product__form {
    width: 100%;
  }

  .product__block.product__price-and-badge.aos-init.aos-animate {
    display: none;
  }

  .shopify-cleanslate .jjzYeefyWpPZLH9pIgyw {
    min-height: 35px !important;
    max-height: 45px !important;
  }

  .product-single__details {
    z-index: 11;
  }

  .product__block.product__form__wrapper .product__selectors {
    margin-bottom: 0;
    padding: 0px 0px;
  }

  .product__block.product__form__wrapper .product__submit__buttons {
    max-width: calc(100% - 0px);
    margin: auto;
  }

  .product-single__wrapper .product__submit__holder {
    padding-top: 4px;
  }

  .sizes_new {
    display: none !important;
  }

  .product-single__wrapper {
    position: relative;
  }

  .product-single__media--image-height {
    height: auto;
  }

  .product-single__media--image {
    max-width: 100%;
    margin: auto;
  }

  .product-single__media img {
    object-fit: contain;
    /* background: linear-gradient(180deg, #efefef, #e9e9e9); */
  }

  .product-single__details {
    padding: 10px 0px 0px;
    height: auto;
  }

  .product-single {
    padding-bottom: 0px;
  }

  .product__submit__buttons {
    max-width: 330px;
    margin: auto;
  }

  /* .product-single__gallery {
    margin-left: -20px;
    margin-right: -20px;
} */
  .product-single__thumbnail {
    padding: 0px 5px;
  }

  .product-single__thumbnail-link {
    width: 8px;
    height: 8px;
    border-radius: 50px;
  }

  ul.footer-links li {
    margin: 0px;
  }

  ul.footer-links {
    flex-direction: column;
    text-align: center;
  }

  .footer-block.footer-block--menu {
    padding: 0;
    justify-content: center !important;
  }

  .footer-block--logo {
    width: 100%;
    text-align: center;
    display: flex;
    max-width: 100%;
  }

  .collection-list-new .list-collections-section .grid--mobile {
    gap: 4px;
    margin: 0;
  }

  .collection-list-new .list-collections-section .grid--mobile .list-collections__item {
    padding: 0;
    width: calc(50% - 2px);
  }

  .collection__products:has(.collection-image) .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px !important;
    padding: 0 3px;
  }

  .collection__products:has(.collection-image) .product-grid-item.collection-image {
    grid-column: unset !important;
    grid-row-end: unset !important;
    grid-column-start: 2 span !important;
  }

  #lookbooks .mosaic__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 1px !important;
    padding: 0;
  }

  #lookbooks .mosaic .mosaic__item {
    width: 100%;
  }

  .related-products .carousel.carousel--inactive.carousel--mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .related-products .carousel.carousel--inactive.carousel--mobile .product-grid-item {
    --item-width-mobile: none;
    margin: 0;
  }

  .related-products.section-padding .wrapper--full-padded {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  #lookbooks .mosaic__grid .mosaic__item {
    max-width: 100%;
    width: 100%;
  }

  .related-products.section-padding {
    padding-left: 47px;
    padding-right: 47px;
  }

  #lookbooks .mosaic__grid {
    justify-content: space-between !important;
    row-gap: 2px;
    padding: 0px 0px 0px;
  }

  #lookbooks .has-scrolled .site-header--fixed {
    height: 80px;
  }

  .product__block.product__form__wrapper .product__block.product__price-and-badge {
    padding: 0px;
  }

  .footer-block.footer-block--menu:nth-last-child(2) {
    justify-content: flex-end;
  }

  .tabContent .product__block.product__complementary {
    display: block;
  }

  div#tabs {
    transition: all 0.4s;
  }

  .hide_tabs div#tabs {
    height: 0px;
    opacity: 0;
    margin: 0px !important;
  }

  .hide_tabs .product__block.product__form__wrapper+.product__block.product__complementary {
    display: block;
  }

  #lookbooks .full-height {
    min-height: 100vh;
  }

  .related-products .carousel .carousel__item {
    max-width: 25%;
    width: 25%;
    margin: 0px;
  }

  .product-single__wrapper--large {
    grid-template-columns: 1fr 1fr;
  }

  .template-product .selector-wrapper--grid .radio__label:hover {
    background: #392C24 !important;
  }

  .template-product .selector-wrapper--grid .radio__label:hover span {
    color: #fff;
  }

  .product-single__wrapper--grid .product-single__media-slider {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0px;
  }

  .product-single .wrapper--full-padded {
    padding: 0;
  }

  :is(.template-collection, .template-search) .collection__filters {
    position: fixed !important;
    top: 0;
    z-index: 2;
  }

  :is(.template-collection, .template-search) .collection__filters--visible {
    z-index: 9001;
    visibility: visible;
    transform: translate(calc(100vw - 300px));
    transition: var(--drawer-transition), visibility 0s linear 0s,
      z-index 0s linear 0s;
    height: 100%;
    --full-height: 100%;
  }

  .collection__filters {
    transform: translate(100vw);
  }

  .collection__filters-header {
    display: block;
  }

  .collection__filters-list__inner {
    margin: 0;
  }

  .collection__filters__close {
    display: block;
    position: relative;
    z-index: 1111;
  }

  .template-search .collection__filters {
    position: fixed !important;
    top: 60px;
    z-index: 2;
  }

  .template-search .collection__filters--visible {
    z-index: 9001;
    visibility: visible;
    transform: translate(calc(100vw - 300px));
    transition: var(--drawer-transition), visibility 0s linear 0s,
      z-index 0s linear 0s;
    height: 100%;
    --full-height: 100%;
  }

  .search-page .collection__filters-header {
    display: block;
  }

  .template-search div#CollectionStickyBar {
    margin: auto;
    padding: 0 30px;
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 1432px) and (min-width: 1086px) {
  .site-header--nav-left .logo:not(.logo--compress) {
    margin-left: auto;
    margin-right: auto;
  }

  .nav--compress .menu__item {
    display: flex;
  }

  .site-header--nav-left .nav--default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu__item.menu__item--compress {
    display: none !important;
  }

  h1.logo.logo--compress {
    margin: 5px auto;
  }

  .menu__items {
    gap: 0px;
  }

  .menu__item.menu__item--icons {
    gap: 0px;
  }

  .site-header>.wrapper {
    padding-right: 20px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 768px) {

  .related-products .carousel .carousel__item,
  [data-section-type="related-products"] .carousel .carousel__item {
    max-width: calc(25% - 17px);
    width: 25%;
    margin: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .template-product .flickity-enabled.is-draggable .flickity-viewport {
    width: 100%;
  }

  .template-product .selector-wrapper--grid .radio__fieldset {
    column-gap: 10px;
    margin: 0;
  }

  .template-product .form__wrapper {
    display: flex;
    flex-direction: column;
  }

  .product-single__details {
    background: #FCF7EB;
    padding-bottom: 20px !important;
  }

  .product__popup__link span:after {
    display: none;
  }

  .product__block.product__form__wrapper h2.product__title {
    margin: 0;
  }

  button.return-button {
    margin: 0 0 10px;
    text-align: left;
  }

  body#salt-amp-stone-cherry-bodywash .product-single__media--image-height,
  body#salt-amp-stone-cherry-deodorant .product-single__media--image-height,
  body#salt-amp-stone-cherry-candle .product-single__media--image-height,
  #salt-amp-stone-cherry-collection .product-single__media--image-height {
    height: auto;
    padding-top: 100% !important;
  }

  body#salt-amp-stone-cherry-bodywash .product-single__media img,
  body#salt-amp-stone-cherry-deodorant .product-single__media img,
  body#salt-amp-stone-cherry-candle .product-single__media img,
  #salt-amp-stone-cherry-collection .product-single__media img {
    object-fit: cover;
  }

  #stores .section-columns__wrapper.carousel__container {
    padding: 0 !important;
  }

  #cherry-general-store .mosaic__grid,
  #cherry-malibu .mosaic__grid {
    gap: 10px;
  }

  #new-york .mosaic__grid {
    gap: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .form__wrapper {
    width: 100%;
    max-width: 500px;
    position: sticky;
    top: 70px;
  }

  .product-single__gallery {
    position: relative;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
  }

  .product-single__details {
    border-top: 4px solid #fff;
  }

  .related-products.complete-look-new .carousel .carousel__item,
  [data-section-type="related-products"] .carousel .carousel__item {
    max-width: calc(25% - 4px);
    width: 25%;
    margin: 0px;
  }

  .related-products.complete-look-new .carousel,
  [data-section-type="related-products"] .carousel {
    column-gap: 0.3rem !important;
  }

  .product__accordion__inner .related-products.complete-look-new .carousel,
  .product__accordion__inner [data-section-type="related-products"] .carousel {
    column-gap: 0.3rem !important;
    flex-wrap: wrap;
  }

  .product__accordion__inner .related-products.complete-look-new .carousel .product-grid-item {
    max-width: calc(50% - 2.4px);
  }

  .related-products.complete-look-new .product-grid-item__info,
  [data-section-type="related-products"] .product-grid-item__info {
    padding: 0px 8px;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 100%);
    gap: 9px;
    align-content: start;
    font-size: calc(.8rem * var(--adjust-body));
    opacity: 0;
  }

  .related-products.complete-look-new .product-grid-item__info a.product-grid-item__title,
  [data-section-type="related-products"] .product-grid-item__info a.product-grid-item__title {
    max-width: 100%;
  }

  .related-products.complete-look-new .product-grid-item__image,
  [data-section-type="related-products"] .product-grid-item__image {
    margin-bottom: 0;
  }

  .related-products.complete-look-new a.product-grid-item__price.price,
  [data-section-type="related-products"] a.product-grid-item__price.price {
    font-size: 12px;
  }

  .complete-look-new.section-padding .carousel__item:hover .product-grid-item__info,
  [data-section-type="related-products"] .carousel__item:hover .product-grid-item__info {
    opacity: 1;
  }

  [data-section-type="related-products"] .wrapper--full-padded {
    padding: 0;
  }

  [data-section-type="related-products"] .related-products.section-padding {
    padding-left: 0;
    padding-right: 0;
  }

  [data-section-type="related-products"] .related-products .sizes_new {
    top: 29px;
    right: 10px;
  }

  body#salt-amp-stone-cherry .collection-items--2 .grid {
    grid-template-columns: 1fr 1fr;
  }

  body#salt-amp-stone-cherry .collection-items--3 .grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  body#salt-amp-stone-cherry .collection-items--4 .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  body#salt-amp-stone-cherry .collection__wrapper {
    min-height: auto;
  }

  #cherry-general-store .mosaic .mosaic__item,
  #cherry-malibu .mosaic .mosaic__item {
    padding: 0 10px !important;
  }

  #new-york .mosaic .mosaic__item {
    padding: 0 10px !important;
  }
}

@media only screen and (max-width: 479px) {
  .product__selectors .selector-wrapper {
    width: 100%;
  }
}

@media (hover: hover) {

  .has-scrolled .site-header:not(.site-header--menu-opened):hover .site-header__background,
  .has-scrolled .site-header.site-header--menu-opened .site-header__background {
    --header-background-height: var(--header-sticky-height);
    background-color: var(--bg);
  }

  .template-index.has-scrolled .menu__items>a {
    color: #fff;
  }

  .has-scrolled .site-header:hover .menu__items>a {
    color: #0a0a0a;
  }
}

@media only screen and (max-width: 767px) {
  .section-columns__wrapper.carousel__container {
    max-width: 100%;
  }

  .section-columns__slider.carousel--mobile.carousel--inactive:after {
    display: none;
  }

  .section-columns__wrapper.carousel__container .column__item__content {
    background: transparent;
  }

  /* .section-columns__wrapper.carousel__container .column__item__content a {
  font-size: 0;
} */
  .section-columns__wrapper.carousel__container .column__item__content a {
    justify-content: center;
    opacity: 1;
  }

  .section-columns__wrapper.carousel__container .column__item__content {
    opacity: 1 !important;
  }
}

.cart__message__progress__holder {
  background-color: transparent;
}

/* Filled part (BROWN) */
.cart__message__progress::-webkit-progress-value {
  background-color: #9c6b55;
  border-radius: 10px;
}

/* Firefox */
.cart__message__progress::-moz-progress-bar {
  background-color: #9c6b55;
  border-radius: 10px;
}

.section-columns__slider.carousel.carousel--mobile .column__item.carousel__item:hover .column__item__content a {
  opacity: 1;
}

.template-product .product-single__wrapper .product-grid-item .product-grid-item__info {
  opacity: 1;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}

.template-product .product-single__wrapper .product-grid-item .sizes_new {
  opacity: 1;
}

/* ============================================================
   QUICKBUY REDESIGN
   Clean, minimal PDP-like card for the Quick View popup.
   Every selector below is scoped under .popup-quick-view, so the
   real Product page (PDP) is NOT affected.
   ============================================================ */

.popup-quick-view {
  --qb-inner: 18px;
  --qb-bg: #f3f3f3;
  --qb-text: #111;
  --qb-muted: #5a5a5a;
  --qb-border: #e2e2e2;
  --qb-border-strong: #d8d8d8;
  z-index: 1600 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
}

/* Backdrop sits below the card */
.popup-quick-view .pswp__bg {
  z-index: 1 !important;
  pointer-events: auto;
}

.popup-quick-view__inner {
  height: 100vh;
  height: 100dvh;
  pointer-events: auto;
}

.popup-quick-view__item {
  height: 100%;
  pointer-events: auto;
}

/* Card fills the viewport height; body inside can scroll if content
   needs more room than the gallery + foot leave. */
.popup-quick-view__form {
  position: relative;
  background: #fff;
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.08);
  z-index: 20;
  min-height: auto;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto !important;
}

@media only screen and (max-width: 767px) {
  .popup-quick-view__form {
    border-radius: 0;
  }
}

.popup-quick-view__wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: hidden;
  pointer-events: auto;
}

/* Footer always visible regardless of animation state */
.popup-quick-view__foot__inner,
.popup-quick-view--animate-in .popup-quick-view__foot__inner {
  opacity: 1 !important;
  animation: none !important;
}

.popup-quick-view__body {
  padding: 0;
  min-height: auto;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  pointer-events: auto;
  -webkit-overflow-scrolling: touch;
}

.popup-quick-view__body::-webkit-scrollbar {
  width: 0;
  display: none;
}

@media only screen and (max-width: 767px) {
  .popup-quick-view__body {
    padding: 0;
  }
}

/* Single-column stack — natural heights, no flex-grow. */
.popup-quick-view__form--large .popup-quick-view__body__inner,
.popup-quick-view__form--small .popup-quick-view__body__inner {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  flex: 0 1 auto;
  min-height: auto;
  gap: 0;
  margin: 0;
  overflow: visible;
}

.popup-quick-view__body>[data-form-wrapper] {
  flex: 0 0 auto;
}

/* Gallery — fixed portrait aspect (no flex-grow). */
.popup-quick-view .popup-quick-view__gallery {
  order: 1;
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: var(--qb-bg);
}

.popup-quick-view .popup-quick-view__gallery .product-single__gallery {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* Slider — Flickity isn't wired in the quickview markup, so build a
   CSS-only horizontal scroll-snap carousel instead. Touch swipe and
   trackpad swipe both work natively. */
.popup-quick-view .product-single__media-slider {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}

.popup-quick-view .product-single__media-slider::-webkit-scrollbar {
  display: none;
}

.popup-quick-view .product-single__media-slide,
.popup-quick-view__form--large .product-single__media-slide,
.popup-quick-view__form--small .product-single__media-slide,
.popup-quick-view__form--large .product-single__media-slide:only-child,
.popup-quick-view__form--small .product-single__media-slide:only-child {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* Make sure every slide is visible — theme adds media--hidden on
   non-featured slides which Flickity normally clears on init. We're
   not running Flickity here, so display them all. */
.popup-quick-view .product-single__media-slide.media--hidden {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Square aspect for the image area (10:11 portrait on desktop) */
.popup-quick-view .product-single__media {
  padding-top: 100%;
  width: 100%;
  height: auto;
  position: relative;
  background: var(--qb-bg);
}

@media only screen and (min-width: 768px) {
  .popup-quick-view .product-single__media {
    padding-top: 110%;
  }
}

.popup-quick-view .product-single__media img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--qb-bg);
}

/* Hide leftover Flickity controls — Flickity isn't initialized in the
   quickview, so these would be broken. We render our own below. */
.popup-quick-view .flickity-page-dots,
.popup-quick-view .flickity-prev-next-button {
  display: none !important;
}

/* Custom prev/next arrows for the CSS scroll-snap slider */
.popup-quick-view .qb-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.85);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  z-index: 5;
  padding: 0;
}

.popup-quick-view .qb-slider-arrow--prev {
  left: 10px;
}

.popup-quick-view .qb-slider-arrow--next {
  right: 10px;
}

.popup-quick-view .qb-slider-arrow svg {
  width: 12px;
  height: 12px;
  color: #111;
}

.popup-quick-view .qb-slider-arrow:disabled {
  opacity: 0;
  pointer-events: none;
}

/* Custom page dots */
.popup-quick-view .qb-slider-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  z-index: 4;
  pointer-events: none;
}

.popup-quick-view .qb-slider-dots__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  transition: background 0.2s ease;
}

.popup-quick-view .qb-slider-dots__dot--active {
  background: #111;
}

/* Hide arrows + dots when there's only one slide */
.popup-quick-view .popup-quick-view__gallery[data-qb-single] .qb-slider-arrow,
.popup-quick-view .popup-quick-view__gallery[data-qb-single] .qb-slider-dots {
  display: none;
}

/* Title/price/size are moved into __foot by custom.js, so __content
   becomes empty (only the absolutely-positioned close button stays).
   Collapse it. */
.popup-quick-view .popup-quick-view__content {
  order: 2;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  text-align: left;
}

.popup-quick-view__form--small .popup-quick-view__content,
.popup-quick-view__form--large .popup-quick-view__content {
  padding: 0;
  margin: 0;
}

/* product__form holds the color swatches in __body. Hide it entirely
   when no swatches are present (after JS removes the size selector). */
.popup-quick-view .popup-quick-view__body .product__form {
  padding: 10px var(--qb-inner) 4px;
}

.popup-quick-view [data-qb-reorganized] .popup-quick-view__body .product__form:not(:has(.selector-wrapper--swatches)) {
  display: none;
}

.popup-quick-view__title,
.popup-quick-view__form--large .popup-quick-view__title,
.popup-quick-view__form--small .popup-quick-view__title {
  margin: 0 0 2px;
  padding: 0;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  color: var(--qb-text);
}

.popup-quick-view__title a {
  color: var(--qb-text);
  text-decoration: none;
  font-size: 12px !important;
}

.popup-quick-view .product__block.product__price-and-badge {
  margin: 0;
  padding: 0;
}

.popup-quick-view .product__price-and-rating {
  margin: 0;
  gap: 6px;
}

.popup-quick-view .product__price,
.popup-quick-view .product__price * {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.4;
  color: var(--qb-text);
}

.popup-quick-view .product__price {
  align-items: flex-start;
}

.popup-quick-view .product__price--regular {
  color: var(--qb-text);
}

/* Floating close button at the very top right of the card */
.popup-quick-view__close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 36px;
  height: 36px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  z-index: 20;
}

.popup-quick-view__close svg {
  width: 16px;
  height: 16px;
}

/* Form / variants block */
.popup-quick-view .product__form {
  padding: 0;
  flex: 0 0 auto;
}

.popup-quick-view .product__selectors {
  margin: 0;
  padding: 0;
}

.popup-quick-view .selector-wrapper {
  margin: 0 0 12px;
  padding: 0;
}

.popup-quick-view .selector-wrapper:last-child {
  margin-bottom: 0;
}

/* "Color: BRIGHT WHITE" label / size label */
.popup-quick-view .radio__legend,
.popup-quick-view .radio__legend__label,
.popup-quick-view .select__label {
  display: block;
  margin: 0 0 6px;
  padding: 0;
  font-size: 10px !important;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--qb-muted);
}

/* Color swatches — small square chips. Force --swatch-size locally so
   the theme's `width: var(--swatch-size)` resolves even if no ancestor
   defined it for the popup context. */
.popup-quick-view .selector-wrapper--swatches,
.popup-quick-view .product__selectors {
  --swatch-size: 38px;
  --swatch-width: 38px;
  --swatch-height: 38px;
}

.popup-quick-view .selector-wrapper--swatches .radio__fieldset {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  min-height: 38px;
}

.popup-quick-view .swatch__button {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
}

.popup-quick-view .swatch__button .swatch__label,
.popup-quick-view .swatch__button--rectangle .swatch__label,
.popup-quick-view .swatch__button--circle .swatch__label,
.popup-quick-view .swatch__button--square .swatch__label {
  display: flex !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px;
  min-height: 38px;
  border-radius: 4px !important;
  border: 1px solid var(--qb-border) !important;
  background: var(--swatch, #cccccc) no-repeat center center / cover !important;
  box-sizing: border-box;
  margin: 0;
}

.popup-quick-view .swatch__button .swatch__label:before {
  border-radius: 4px !important;
  width: calc(100% + 6px) !important;
  height: calc(100% + 6px) !important;
  border-color: var(--qb-text) !important;
}

.popup-quick-view .swatch__button .swatch__input:checked~.swatch__label:before {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Size — custom popout list that opens upward. Matches the reference:
   each option is a full-width row, selected row has a light-gray fill,
   sold-out rows are dimmed. The PDP custom-popout is unaffected because
   we target only .qb-popout (rendered when section_type == 'quickview'). */
.popup-quick-view .selector-wrapper--qb-popout .select__label {
  display: none;
}

.popup-quick-view .qb-popout-fieldset {
  width: 100%;
}

.popup-quick-view .qb-popout {
  position: relative;
  width: 100%;
}

/* Toggle "Select Size" button — sits at the bottom of the popout column */
.popup-quick-view .qb-popout__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 0;
  height: 38px;
  padding: 0 14px;
  border: 1px solid var(--qb-border-strong);
  border-radius: 0;
  background: #fff;
  font-size: 10px !important;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--qb-text);
  text-align: left;
  cursor: pointer;
}

.popup-quick-view .qb-popout__value {
  font-weight: 400;
  font-size: 10px !important;
  color: var(--qb-text);
}

.popup-quick-view .qb-popout__toggle svg {
  width: 10px;
  height: 10px;
  color: var(--qb-text);
  transition: transform 0.2s ease;
}

.popup-quick-view .qb-popout[data-popout-open="true"] .qb-popout__toggle svg,
.popup-quick-view .qb-popout .qb-popout__toggle[aria-expanded="true"] svg {
  transform: rotate(270deg);
}

/* Open list — pops upward from the toggle, matches reference image */
.popup-quick-view .qb-popout__list {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  top: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--qb-border-strong);
  border-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  max-height: none;
  overflow: visible;
}

.popup-quick-view .qb-popout__scroll {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 280px;
  overflow-y: auto;
}

/* Each row */
.popup-quick-view .qb-popout__item {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ececec;
}

.popup-quick-view .qb-popout__item:last-child {
  border-bottom: 0;
}

.popup-quick-view .qb-popout__option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 36px;
  padding: 0 14px;
  font-size: 10px !important;
  font-weight: 400;
  color: var(--qb-text);
  text-decoration: none;
  background: #fff;
  cursor: pointer;
}

.popup-quick-view .qb-popout__option span {
  font-size: 10px !important;
}

.popup-quick-view .qb-popout__option:hover {
  background: #fafafa;
}

/* Currently-selected row — light gray background like the reference */
.popup-quick-view .qb-popout__item--current .qb-popout__option {
  background: #ececec;
  color: var(--qb-text);
}

/* Sold-out / unavailable rows — dimmed (no line-through, no "Notify Me" pill) */
.popup-quick-view .qb-popout__item--unavailable .qb-popout__option,
.popup-quick-view .qb-popout__list .sold-out,
.popup-quick-view .qb-popout__list .unavailable {
  color: #b4b4b4 !important;
  background: #fff !important;
  text-decoration: none !important;
  pointer-events: none;
  cursor: not-allowed;
}

.popup-quick-view .qb-popout__item--unavailable .qb-popout__option:hover {
  background: #fff !important;
}

/* Footer — now contains title, price, size selector, ATC, Full details */
.popup-quick-view__foot {
  flex: 0 0 auto;
  padding: 14px var(--qb-inner);
  text-align: left;
}

.popup-quick-view__foot:before {
  display: none !important;
}

.popup-quick-view__foot__inner {
  opacity: 1 !important;
  animation: none !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popup-quick-view__foot__inner .popup-quick-view__title {
  margin: 0;
}

.popup-quick-view__foot__inner .product__block.product__price-and-badge {
  margin: 0;
  padding: 0;
}

.popup-quick-view__foot__inner .selector-wrapper--qb-popout {
  margin: 0;
}

.popup-quick-view__foot__inner .product__submit__holder,
.popup-quick-view__foot__inner>a.popup-quick-view__view-button {
  text-align: center;
}

.popup-quick-view .product__submit__holder {
  margin: 0;
}

.popup-quick-view .product__submit__buttons {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.popup-quick-view .product__submit__item {
  margin: 0;
  max-width: 100%;
}

.popup-quick-view .product__submit__add {
  width: 100% !important;
  height: 44px !important;
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.popup-quick-view .product__submit__add span {
  font-size: 10px !important;
}

.popup-quick-view .product__submit__add:hover {
  background: #1a1a1a !important;
}

/* "FULL DETAILS" link — visible on every viewport */
.popup-quick-view__view-button,
.popup-quick-view__view-button--all,
.popup-quick-view__view-button--desktop {
  display: inline-block !important;
  margin-top: 10px !important;
  padding: 4px 0;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 10px !important;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--qb-text);
}

.popup-quick-view__view-button:hover,
.popup-quick-view__view-button--all:hover {
  text-decoration: underline !important;
}

@media only screen and (max-width: 767px) {

  .popup-quick-view__view-button--desktop,
  .popup-quick-view__view-button--all {
    display: inline-block !important;
  }
}

/* Show ONLY: image, title, price, swatch, size, ADD TO BAG, FULL DETAILS.
   Everything else inside the quickview is hidden. */
.popup-quick-view .product__rating,
.popup-quick-view .product__price--off,
.popup-quick-view .product__price--compare,
.popup-quick-view .product__unit-price,
.popup-quick-view .product__notification,
.popup-quick-view .product-cutline,
.popup-quick-view .popup-quick-view__content>p,
.popup-quick-view .popup-quick-view__body>p,
.popup-quick-view .popup-quick-view__form>p,
.popup-quick-view .product__form__size-chart,
.popup-quick-view .shop-pay-terms,
.popup-quick-view .selector-wrapper--qty,
.popup-quick-view .selector-wrapper--quantity,
.popup-quick-view .quantity-selector,
.popup-quick-view .variant__countdown,
.popup-quick-view .inventory-countdown,
.popup-quick-view [data-inventory-countdown],
.popup-quick-view .subscription-form,
.popup-quick-view [data-selling-plan],
.popup-quick-view .recipient-fields,
.popup-quick-view .gift-card-recipient,
.popup-quick-view .gift-card-recipient-form,
.popup-quick-view .product__block.product__complementary,
.popup-quick-view .product__accordions,
.popup-quick-view .product__accordion,
.popup-quick-view .product__share,
.popup-quick-view .return-button,
.popup-quick-view .shopify-payment-button,
.popup-quick-view [data-buy-it-now],
.popup-quick-view .product__submit__item--spb,
.popup-quick-view .product__form__errors {
  display: none !important;
}

/* Force the ATC button area to be the only thing in the submit row */
.popup-quick-view .product__submit__holder--spb {
  /* drop the styling reserved for the second buy-now button slot */
  padding: 0 !important;
}

/* Container width — keep the card narrow & centered like the image */
@media only screen and (min-width: 768px) {
  .popup-quick-view__inner {
    width: 380px;
  }
}

/* ============================================================
   COMPLETE THE LOOK
   - Hide the in-card "Quick view" button
   - Make the whole card clickable (opens Quick View via JS hook
     in sections/complete-the-look.liquid)
   Scoped to [data-section-type="complete-look"] only.
   ============================================================ */
[data-section-type="complete-look"] .product-grid-item__quick-buy {
  display: none !important;
}

[data-section-type="complete-look"] .product-grid-item {
  cursor: pointer;
}

div#redo-checkbox:empty {
  display: none !important;
}

/* Use margin instead of gap on .product__form so hidden children
   (e.g. empty Redo checkbox) don't leave an empty gap. */
.product__form {
  gap: 0 !important;
}

.product__form>* {
  margin-bottom: var(--form-margin);
}

.product__form>*:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .product__form>* {
    margin-bottom: var(--form-margin-mobile);
  }
}

.popup-quick-view .selector-wrapper {
  width: 100%;
}

.popup-quick-view .qb-popout__toggle svg {
  width: 24px;
  height: 24px;
  color: var(--qb-text);
  transition: transform 0.2s ease;
  right: 10px;
  top: 6px;
}

.popup-quick-view .shop-pay-terms+.product__selectors ul {
  display: flex;
  list-style: none;
  column-gap: 0;
  margin: 0;
  max-height: 320px;
  flex-wrap: wrap;
  row-gap: 0;
  flex-direction: column;
}

.popup-quick-view .shop-pay-terms+.product__selectors * {
  font-size: 10px;
}

.popup-quick-view .qb-popout__option {
  height: 35px;
  padding: 0 12px;
}

.popup-quick-view .pswp__container {
  z-index: 111;
}

.pswp.pswp--supports-fs.pswp--open {
  z-index: 99999999 !important;
}

/* ============================================================
   QUICK VIEW — pack content to top, PDP-style size pills, brown ATC
   ============================================================ */

/* Pack everything to the top — body no longer grows to fill, so the
   foot (title, price, size, ATC, full details) sits right under the
   gallery instead of getting pushed to the bottom of the viewport. */
.popup-quick-view__body {
  flex: 0 1 auto !important;
}

.popup-quick-view__foot {
  margin-top: 0;
}

/* Size selector — always-visible row of circular brown-bordered pills
   matching the PDP (.template-product .selector-wrapper--grid). Hides
   the popout toggle and lays the options out as a flat horizontal row. */
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__toggle {
  display: none !important;
}

.popup-quick-view .qb-popout__list {
  position: static !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  max-height: none !important;
  overflow: visible !important;
}

.popup-quick-view .qb-popout__scroll {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.popup-quick-view .qb-popout__item {
  display: inline-flex;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0 !important;
}

.popup-quick-view .qb-popout__option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0 !important;
  border: 1px solid #4A2F13 !important;
  border-radius: 40px !important;
  background: #fff !important;
  color: #0b0b0b !important;
  font-size: 12px !important;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

.popup-quick-view .qb-popout__option span {
  font-size: 12px !important;
  color: inherit !important;
  padding: 0 !important;
}

.popup-quick-view .qb-popout__option:hover {
  background: #392C24 !important;
  color: #fff !important;
}

.popup-quick-view .qb-popout__option:hover span {
  color: #fff !important;
}

.popup-quick-view .qb-popout__item--current .qb-popout__option,
.popup-quick-view .qb-popout__item--current .qb-popout__option span {
  background: #392C24 !important;
  color: #fff !important;
}

.popup-quick-view .qb-popout__item--unavailable .qb-popout__option,
.popup-quick-view .qb-popout__list .sold-out,
.popup-quick-view .qb-popout__list .unavailable {
  opacity: 0.4;
  text-decoration: line-through;
  background: #fff !important;
  color: #0b0b0b !important;
}

/* Add to cart — brown to match PDP (.template-product .product__form .btn) */
.popup-quick-view .product__submit__add {
  background: #392C24 !important;
  color: #fff !important;
  height: 43px !important;
}

.popup-quick-view .product__submit__add:hover {
  background: #2d231d !important;
}

/* Force the size pills list to always be visible. The list element has
   both .qb-popout__list and .select-popout__list classes; the theme's
   .select-popout__list rule sets opacity:0/visibility:hidden/z-index:-1
   to keep it collapsed until clicked. Override both selectors so the
   pills render inline like the PDP. */
.popup-quick-view .qb-popout {
  position: static !important;
  width: 100%;
}

.popup-quick-view .selector-wrapper--qb-popout .select-popout__list,
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__list,
.popup-quick-view .selector-wrapper--qb-popout [data-popout-list],
.popup-quick-view .qb-popout-fieldset {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: auto !important;
  pointer-events: auto !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: none !important;
}

.popup-quick-view .selector-wrapper--qb-popout .select-popout__list__scroll,
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__scroll {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.popup-quick-view .selector-wrapper--qb-popout .select-popout__item,
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__item {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Reset submit holder margin */
.product__submit__holder,
.template-product .product__submit__holder {
  margin: 0 !important;
}

/* PDP — tighten the gap between the Add-to-Cart button and the first
   accordion underneath it. The form-wrapper had 35px of padding-bottom
   plus accordion top spacing. Bring them closer. */
.template-product .product__block.product__form__wrapper {
  padding-bottom: 0;
}

.template-product .product__form .btn {
  margin-top: 8px;
}

.template-product .product__block.product__accordions {
  padding-top: 0;
}

/* Size title above the pills (like the PDP). The .qb-popout-label span
   is rendered in product.liquid above the qb-popout-fieldset. */
.popup-quick-view .selector-wrapper--qb-popout {
  display: block !important;
}

.popup-quick-view .selector-wrapper--qb-popout .qb-popout-label {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0;
  text-transform: capitalize;
  color: var(--qb-text);
}

/* All size pills in a single horizontal line (scroll if too many). */
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__scroll,
.popup-quick-view .selector-wrapper--qb-popout .select-popout__list__scroll {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.popup-quick-view .selector-wrapper--qb-popout .qb-popout__scroll::-webkit-scrollbar,
.popup-quick-view .selector-wrapper--qb-popout .select-popout__list__scroll::-webkit-scrollbar {
  display: none;
}

.popup-quick-view .selector-wrapper--qb-popout .qb-popout__item,
.popup-quick-view .selector-wrapper--qb-popout .select-popout__item {
  flex-shrink: 0 !important;
}

/* Make the size pills actually clickable — the parent .select-popout__list
   defaults to pointer-events:none when the popout is closed, so explicitly
   re-enable hit-testing on the list, items, and options. */
.popup-quick-view .selector-wrapper--qb-popout .qb-popout,
.popup-quick-view .selector-wrapper--qb-popout .select-popout,
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__list,
.popup-quick-view .selector-wrapper--qb-popout .select-popout__list,
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__scroll,
.popup-quick-view .selector-wrapper--qb-popout .select-popout__list__scroll,
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__item,
.popup-quick-view .selector-wrapper--qb-popout .select-popout__item,
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__option,
.popup-quick-view .selector-wrapper--qb-popout .select-popout__option,
.popup-quick-view .selector-wrapper--qb-popout [data-popout-option] {
  pointer-events: auto !important;
}

.popup-quick-view .selector-wrapper--qb-popout .qb-popout__option,
.popup-quick-view .selector-wrapper--qb-popout .select-popout__option,
.popup-quick-view .selector-wrapper--qb-popout [data-popout-option] {
  position: relative;
  z-index: 2;
}

.popup-quick-view .selector-wrapper--qb-popout .select-popout__item,
.popup-quick-view .selector-wrapper--qb-popout .qb-popout__item {
  min-width: auto;
}

.product-single__details:has(.ks-chart-modal-link) button.product__popup__link {
  display: none !important;
}

.product-single__details:has(.ks-chart-modal-link) .ks-chart-container.sizing-chart-container.ks-container-with-modal {
  position: static;
  right: auto;
  left: auto;
  width: auto;
  margin: 0;
  z-index: auto;
  cursor: pointer;
}

.product-single__details:has(.ks-chart-modal-link) .ks-chart-container.sizing-chart-container.ks-container-with-modal span.ks-chart-modal-link.sizing-chart-modal-link.with-icon {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  font: 400 12px/16px var(--pdp-font);
  letter-spacing: 0.6px;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.product-single__details:has(.ks-chart-modal-link) .ks-chart-container.sizing-chart-container.ks-container-with-modal span.ks-chart-modal-link.sizing-chart-modal-link.with-icon svg.kiwi-svg.kiwi-injectable {
  display: none !important;
}

.product-single__details .product__form {
  z-index: 1;
}

.template-product button.product__popup__link {
  display: none;
}

/* Hide unavailable cards only in collections linked by the selected menu. */
.template-collection .collection--hide-sold-out .collection__products .product-grid-item.soldout {
  display: none !important;
}

/* Mobile: re-show the price inside the quickview. The global mobile
   rules at lines 2009 and 2335 hide .product__block.product__price-and-badge
   on the PDP, but we want it visible inside the quickview popup. */
@media only screen and (max-width: 1023px) {

  .popup-quick-view .product__block.product__price-and-badge,
  .popup-quick-view .product__block.product__price-and-badge.aos-init.aos-animate {
    display: block !important;
  }
}

/* CHERRY FOOTER */
#SiteFooter.cherry-footer {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 !important;
  color: var(--cherry-footer-text);
  background: var(--cherry-footer-bg);
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
}

.cherry-footer__panel {
  position: relative;
  display: grid;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 76px 79px 67px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(64px, 17.2454vw, 298px);
  justify-content: stretch;
  align-items: start;
  color: var(--cherry-footer-text);
  /* background: var(--cherry-footer-bg); */
  /* background: color-mix(in srgb, var(--cherry-footer-bg) 95%, transparent); */
  border-radius: 0;
}

.cherry-footer__left,
.cherry-footer__right {
  width: 100%;
}

.cherry-footer__left {
  padding-top: 31px;
}

.cherry-footer p,
.cherry-footer ul {
  margin: 0;
}

.cherry-footer a {
  color: inherit;
  text-decoration: none;
}

.cherry-footer__eyebrow,
.cherry-footer__column-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.cherry-footer__newsletter {
  position: static;
  width: 100%;
  height: auto;
  margin: 0;
}

.cherry-footer .cherry-footer__newsletter-heading {
  position: static;
  width: 69.1824%;
  margin: 12.6px 0 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 1.2px;
  text-transform: capitalize;
}

.cherry-footer__newsletter-heading-mobile,
.cherry-footer__column-toggle,
.cherry-footer__social--mobile {
  display: none;
}

.cherry-footer__newsletter-form {
  position: static;
  width: 100%;
  height: auto;
  margin: 32px 0 0;
}

.cherry-footer__newsletter-field {
  display: grid;
  width: 100%;
  height: 38px;
  grid-template-columns: minmax(0, 1fr) 24px;
  align-items: start;
  border-bottom: 1px solid var(--cherry-footer-border);
}

.cherry-footer__newsletter-input {
  display: block;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  color: var(--cherry-footer-text);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
  outline: 0;
}

.cherry-footer__newsletter-input::placeholder {
  color: var(--cherry-footer-text);
  opacity: 1;
}

.cherry-footer__newsletter-submit {
  position: static;
  display: grid;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  place-items: center;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}

.cherry-footer__newsletter-submit img {
  display: block;
  width: 24px;
  height: 24px;
}

.cherry-footer__newsletter-message {
  position: static;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.48px;
}

.cherry-footer__newsletter-message ul {
  padding: 0;
  list-style: none;
}

/* Klaviyo Newsletter Form - Footer Integration */
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM,
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM .needsclick {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM form {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
}

/* Reset the 120px min-height container injected by Klaviyo */
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM form>div.needsclick {
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
}

/* Form row: matches .cherry-footer__newsletter-field (38px height, bottom border, flex row) */
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM [data-testid="form-row"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--cherry-footer-border) !important;
  box-sizing: border-box !important;
}

/* Input component container */
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM [data-testid="form-component"]:has(input),
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM [data-testid="form-component"]:first-child {
  flex: 1 1 auto !important;
  width: calc(100% - 24px) !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM .klaviyo-emailinput {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide Klaviyo's internal hidden submit input */
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM input[type="submit"],
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM input[type="hidden"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Input element */
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM input[type="email"] {
  display: block !important;
  width: 100% !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--cherry-footer-text) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0.48px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  box-sizing: border-box !important;
}

:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM input::placeholder,
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM input[type="email"]::placeholder {
  color: var(--cherry-footer-text) !important;
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0.48px !important;
  text-transform: capitalize !important;
  opacity: 1 !important;
}

/* Button component container */
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM [data-testid="form-component"]:has(button) {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Button element - matches .cherry-footer__newsletter-submit (24x24 arrow) */
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM button.klaviyo-form-button,
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM button {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  background-image: var(--submit-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M13 18L19 12L13 6' stroke='%23FFFBF6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
}

:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM p,
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM span:not(.klaviyo-form-button),
:is(.cherry-footer__newsletter, .cherry-footer__newsletter-form) .klaviyo-form-ShEUbM label {
  color: var(--cherry-footer-text) !important;
  font-family: inherit !important;
}

.cherry-footer__navigation {
  position: static;
  display: grid;
  align-items: flex-start;
  width: calc(100% - 40px);
  height: auto;
  margin-top: 60px;
  grid-template-columns: minmax(0, 141fr) 16px minmax(0, 125fr) 22px minmax(0, 147fr) 19px minmax(0, 96fr);
}

.cherry-footer__column {
  position: static;
}

.cherry-footer__social--desktop .cherry-footer__column-title,
.cherry-footer__social--mobile .cherry-footer__column-title {
  white-space: nowrap;
}

.cherry-footer__menu-content {
  width: 100%;
}

.cherry-footer__column--1 {
  grid-column: 1;
}

.cherry-footer__column--2 {
  grid-column: 3;
}

.cherry-footer__column--3 {
  grid-column: 5;
}

.cherry-footer__column--4,
.cherry-footer__column--social {
  grid-column: 7;
}

.cherry-footer__links {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0;
  margin-top: 23.8px;
  list-style: none;
}

.cherry-footer__links li {
  min-height: 15.4px;
  margin: 0;
  padding: 0;
}

.cherry-footer__links a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.7px;
  text-transform: none;
}

.cherry-footer__links a:hover,
.cherry-footer__links a:focus-visible,
.cherry-footer__store-link:hover,
.cherry-footer__store-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cherry-footer__visit {
  position: static;
  width: 100%;
}

.cherry-footer__visit-header {
  display: flex;
  height: 15.4px;
  align-items: flex-start;
  justify-content: space-between;
}

.cherry-footer .cherry-footer__store-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.7px;
  text-decoration: underline;
  text-transform: none;
  text-underline-offset: 2px;
}

.cherry-footer__store-image {
  display: block;
  width: 100%;
  height: 359px;
  margin-top: 20px;
  overflow: hidden;
  background: rgba(255, 251, 246, 0.04);
}

.cherry-footer__store-image-element {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cherry-footer__copyright {
  position: static;
  width: 100%;
  margin: 40.2px 0 0 auto !important;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
  text-align: right;
  text-transform: uppercase;
}

.cherry-footer__bottom {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .cherry-footer__social--desktop p.cherry-footer__column-title {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 1399px) {
  #SiteFooter.cherry-footer {
    height: auto;
    min-height: 0;
    padding: 0 !important;
  }

  .cherry-footer__panel {
    display: grid;
    height: auto;
    min-height: 0;
    padding: 64px 40px 36px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
    column-gap: 64px;
  }

  .cherry-footer__left,
  .cherry-footer__right {
    width: 100%;
  }

  .cherry-footer__left {
    padding-top: 0;
  }

  .cherry-footer__newsletter,
  .cherry-footer__navigation,
  .cherry-footer__visit,
  .cherry-footer__copyright {
    position: static;
    width: 100%;
  }

  .cherry-footer__newsletter {
    position: static;
    grid-column: 1;
    height: auto;
    margin: 0;
  }

  .cherry-footer__navigation {
    display: grid;
    height: auto;
    margin-top: 60px;
    grid-column: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 32px;
  }

  .cherry-footer__column,
  .cherry-footer__column--1,
  .cherry-footer__column--2,
  .cherry-footer__column--3,
  .cherry-footer__column--4 {
    position: static;
    width: auto;
    margin-left: 0;
    grid-column: auto;
  }

  .cherry-footer__visit {
    grid-row: 1 / span 2;
    grid-column: 2;
  }

  .cherry-footer__store-image {
    height: auto;
    aspect-ratio: 636 / 359;
  }

  .cherry-footer__copyright {
    margin-top: 32px;
    grid-column: 2;
    text-align: right;
  }
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
  .cherry-footer__panel {
    column-gap: 40px;
  }

  .cherry-footer__navigation {
    column-gap: 20px;
    row-gap: 56px;
  }
}

@media screen and (max-width: 767px) {
  #SiteFooter.cherry-footer {
    padding: 21px 16px !important;
    background: #2f251e;
  }

  .cherry-footer__panel {
    display: block;
    width: 100%;
    padding: 26px 0 39.4px;
    overflow: hidden;
    border-radius: 5px;
  }

  .cherry-footer__left,
  .cherry-footer__right {
    width: 100%;
  }

  .cherry-footer__left {
    padding-top: 0;
  }

  .cherry-footer__newsletter {
    width: auto;
    height: auto;
    margin: 0;
  }

  .cherry-footer .cherry-footer__newsletter-heading {
    width: 100%;
    font-size: 24px;
    margin-top: 19px;
  }

  /* Match the mobile header drawer's outlined newsletter field. */
  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM [data-testid="form-row"] {
    position: relative !important;
    display: block !important;
    height: 50px !important;
    min-height: 50px !important;
    border: 0 !important;
  }

  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM [data-testid="form-component"]:has(input),
  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM [data-testid="form-component"]:first-child,
  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM .klaviyo-emailinput {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM input[type="email"] {
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 52px 0 14px !important;
    color: var(--cherry-footer-border) !important;
    font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif !important;
    font-size: 12px !important;
    border: 0.5px solid var(--cherry-footer-border) !important;
    border-radius: 5px !important;
  }

  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM input::placeholder,
  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM input[type="email"]::placeholder {
    color: var(--cherry-footer-border) !important;
    font-size: 12px !important;
  }

  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM [data-testid="form-component"]:has(button),
  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM button.klaviyo-form-button,
  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 52px !important;
    height: 50px !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM [data-testid="form-component"]:has(button) {
    z-index: 2 !important;
  }

  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM button.klaviyo-form-button,
  .cherry-footer__newsletter-form .klaviyo-form-ShEUbM button {
    background-image: var(--submit-icon-mobile) !important;
    background-position: right 16px center !important;
    background-size: 24px 5.77px !important;
  }

  .cherry-footer__newsletter-heading-desktop {
    display: none;
  }

  .cherry-footer__newsletter-heading-mobile {
    display: inline;
  }

  .cherry-footer__navigation {
    display: block;
    width: 100%;
    margin-top: 40px;
  }

  .cherry-footer__navigation>.cherry-footer__column:not(.cherry-footer__column--social) {
    display: block;
    width: 100%;
    margin: 0;
    border-bottom: 0.5px solid var(--cherry-footer-border);
  }

  .cherry-footer__navigation>.cherry-footer__column:first-child {
    border-top: 0.5px solid var(--cherry-footer-border);
  }

  .cherry-footer__column-title--desktop,
  .cherry-footer__social--desktop {
    display: none;
  }

  .cherry-footer__column-toggle {
    display: flex;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 9px 0 18px;
    align-items: center;
    justify-content: space-between;
    color: var(--cherry-footer-text);
    background: transparent;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.7px;
    text-align: left;
    text-transform: uppercase;
  }

  .cherry-footer__column-toggle img {
    display: block;
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
  }

  .cherry-footer__column-toggle.is-expanded img {
    transform: rotate(45deg);
  }

  .cherry-footer__menu-content .cherry-footer__links {
    gap: 14px;
    margin: 0;
    padding: 4px 18px 20px;
  }

  .cherry-footer__menu-content [data-collapsible-content] {
    transform: none;
  }

  .cherry-footer__right {
    padding-top: 40.08px;
  }

  .cherry-footer__visit {
    width: auto;
    margin: 0;
  }

  .cherry-footer .cherry-footer__store-link {
    text-transform: capitalize;
  }

  .cherry-footer__store-image {
    width: 100%;
    height: auto;
    margin-top: 13.81px;
    aspect-ratio: 376 / 212;
  }

  .cherry-footer__bottom {
    display: flex;
    margin: 41.79px 0 0;
    padding-left: 18px;
    padding-right: 18px;
    align-items: flex-start;
    justify-content: space-between;
  }

  .cherry-footer__social--mobile {
    display: block;
    flex: 0 0 110px;
  }

  .cherry-footer__social--mobile p.cherry-footer__column-title {
    margin-bottom: 20px !important;
  }

  .cherry-footer__social--mobile .cherry-footer__social-links {
    gap: 13.7px;
    margin-top: 13.7px;
    padding: 0;
  }

  .cherry-footer__copyright {
    flex: 0 0 132px;
    width: 132px;
    margin: 29.2px 0 0 !important;
  }
}

/* ============================================================
   CHERRY REFERENCE HEADER — node 380:351
   Exact 1728 × 80 reference proportions, colors, and exported artwork.
   ============================================================ */
#SiteHeader {
  --text: #241a12;
  --header-sticky-height: 80px;
  height: 80px;
  min-height: 80px;
  color: #241a12 !important;
  background: #fffbf6 !important;
  border: 0;
  border-bottom: 0.5px solid #e3e3e1;
  box-shadow: none !important;
}

:is(.template-collection, .template-search) #SiteHeader.site-header,
.template-search #SiteHeader.site-header,
.template-product #SiteHeader.site-header {
  --text: #241a12;
  color: #241a12 !important;
  background: #fffbf6 !important;
}

#SiteHeader .site-header__background {
  height: 80px !important;
  background: #fffbf6 !important;
}

/* Homepage Header: Transparent initially and overlaid on the banner */
.template-index:not(.has-scrolled) .shopify-section-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 0 !important;
  z-index: 111 !important;
}

.template-index:not(.has-scrolled) #SiteHeader,
.template-index #SiteHeader.site-header--transparent {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  --text: #ffffff !important;
  z-index: 111 !important;
}

.template-index:not(.has-scrolled) #SiteHeader .site-header__background,
.template-index #SiteHeader.site-header--transparent .site-header__background {
  background: transparent !important;
}

.template-index:not(.has-scrolled) #SiteHeader .cherry-header__icon,
.template-index #SiteHeader.site-header--transparent .cherry-header__icon {
  filter: brightness(0) invert(1) !important;
}

.template-index:not(.has-scrolled) #SiteHeader .cherry-header__cart-count,
.template-index #SiteHeader.site-header--transparent .cherry-header__cart-count {
  background: #ffffff !important;
  color: #241a12 !important;
}

/* Header Logos: Ensure the logo is always visible initially */
/* #SiteHeader .cherry-header__logo-image {
  display: block !important;
} */

/* On un-scrolled transparent homepage, if home logo exists, show home and hide other */
.template-index:not(.has-scrolled) #SiteHeader.site-header--transparent .cherry-header__logo:has(.cherry-header__logo-image--home) .cherry-header__logo-image--other {
  display: none !important;
}

/* In all other states (scrolled, non-transparent homepage, or inner pages), if other logo exists, show other and hide home */
.template-index.has-scrolled .cherry-header__logo:has(.cherry-header__logo-image--other) .cherry-header__logo-image--home,
.template-index:not(.has-scrolled) #SiteHeader:not(.site-header--transparent) .cherry-header__logo:has(.cherry-header__logo-image--other) .cherry-header__logo-image--home,
body:not(.template-index) .cherry-header__logo:has(.cherry-header__logo-image--other) .cherry-header__logo-image--home {
  display: none !important;
}

/* Homepage Scrolled Header: Solid background & sticky */
.template-index.has-scrolled .shopify-section-header {
  height: 80px !important;
}

.template-index.has-scrolled #SiteHeader:not(.site-header--transparent) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: #fffbf6 !important;
  color: #241a12 !important;
  --text: #241a12 !important;
  border-bottom: 0.5px solid #e3e3e1 !important;
  z-index: 111 !important;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.template-index.has-scrolled #SiteHeader:not(.site-header--transparent) .site-header__background {
  background: #fffbf6 !important;
  height: 80px !important;
}

.template-index.has-scrolled #SiteHeader:not(.site-header--transparent) .cherry-header__icon {
  filter: none !important;
}

.template-index.has-scrolled #SiteHeader:not(.site-header--transparent) .cherry-header__cart-count {
  background: #241a12 !important;
  color: #ffffff !important;
}

#SiteHeader>.wrapper {
  width: 100%;
  max-width: none;
  height: 80px;
  min-height: 80px;
  padding: 0;
}

#SiteHeader .cherry-header__logo,
.has-scrolled #SiteHeader .cherry-header__logo,
.has-scrolled #SiteHeader.site-header--has-logo .cherry-header__logo {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 50%;
  display: block;
  width: var(--cherry-header-logo-width, 100px);
  max-width: none;
  height: 60px;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}

#SiteHeader .cherry-header__logo-link {
  display: block;
  width: var(--cherry-header-logo-width, 100px);
  height: 60px;
}

#SiteHeader .cherry-header__logo-image {
  width: var(--cherry-header-logo-width, 100px);
  height: 60px;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

#SiteHeader .cherry-header__logo-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cherry-header-logo-width, 100px);
  height: 60px;
  color: #241a12;
  font: inherit;
  text-align: center;
}

#SiteHeader .cherry-header__nav,
#SiteHeader .cherry-header__nav.nav--compress {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex !important;
  width: 100%;
  height: 80px;
  padding: 0 !important;
  pointer-events: none;
}

#SiteHeader .cherry-header__controls {
  position: absolute;
  top: 0;
  height: 80px;
  pointer-events: none;
}

#SiteHeader .cherry-header__controls--left {
  left: 24px;
  width: 76px;
}

#SiteHeader .cherry-header__controls--right,
#SiteHeader.site-header--nav-left .cherry-header__controls--right,
#SiteHeader.site-header--nav-center .cherry-header__controls--right {
  right: 24px;
  width: 53.07px;
  margin: 0;
}

#SiteHeader .cherry-header__control {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  color: #241a12;
  line-height: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  pointer-events: auto;
  cursor: pointer;
}

#SiteHeader .cherry-header__menu-button {
  top: 28px;
  left: 0;
  width: 24px;
  height: 24px;
}

#SiteHeader .cherry-header__search {
  position: absolute;
  top: 31px;
  left: 55px;
  width: 21px;
  height: 21px;
  pointer-events: auto;
}

#SiteHeader .cherry-header__search search-popdown,
#SiteHeader .cherry-header__search details,
#SiteHeader .cherry-header__search summary {
  display: block;
  width: 21px;
  height: 21px;
  min-height: 0;
}

#SiteHeader .cherry-header__search .search-popdown__toggle {
  position: relative;
}

#SiteHeader .cherry-header__account-link {
  top: 34px;
  left: 0;
  width: 18.9614px;
  height: 19.5001px;
}

#SiteHeader .cherry-header__cart-link {
  top: 32px;
  right: 0;
  width: 17px;
  height: 21px;
  margin-top: 1px;
}

#SiteHeader .cherry-header__cart-count {
  position: absolute;
  top: -7px;
  right: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  border-radius: 999px;
  background: #241a12;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

#SiteHeader .cherry-header__icon {
  display: block;
  flex: none;
  max-width: none;
  pointer-events: none;
}

#SiteHeader .cherry-header__icon--menu {
  width: 24px;
  height: 24px;
}

#SiteHeader .cherry-header__icon--search {
  width: 21px;
  height: 21px;
}

#SiteHeader .cherry-header__icon--account {
  width: 18.9614px;
  height: 19.5001px;
}

#SiteHeader .cherry-header__icon--bag {
  width: 17px;
  height: 21px;
}

#SiteHeader .cherry-header__control::before,
#SiteHeader .cherry-header__control::after {
  display: none;
}

#SiteHeader .cherry-header__control:hover,
#SiteHeader .cherry-header__control:focus {
  color: #241a12;
  background: transparent;
}

#SiteHeader .cherry-header__search .search-form__inner {
  background: #fffbf6;
}

.has-scrolled #SiteHeader,
.has-scrolled #SiteHeader.site-header--fixed {
  height: 80px;
}

/* Mobile header: Figma 367:12565, measured within the 80px header. */
@media only screen and (max-width: 749px) {

  #SiteHeader .cherry-header__logo,
  .has-scrolled #SiteHeader .cherry-header__logo,
  .has-scrolled #SiteHeader.site-header--has-logo .cherry-header__logo {
    top: 13px;
    width: 96px;
    height: 57.6px;
  }

  #SiteHeader .cherry-header__logo-link,
  #SiteHeader .cherry-header__logo-image,
  #SiteHeader .cherry-header__logo-text {
    width: 96px;
    height: 57.6px;
  }

  #SiteHeader .cherry-header__controls--left {
    left: 16px;
    width: 64px;
  }

  #SiteHeader .cherry-header__controls--right,
  #SiteHeader.site-header--nav-left .cherry-header__controls--right,
  #SiteHeader.site-header--nav-center .cherry-header__controls--right {
    right: 16px;
    width: 54px;
  }

  #SiteHeader .cherry-header__search {
    top: 30px;
    left: 44px;
    width: 20px;
    height: 20px;
  }

  #SiteHeader .cherry-header__search search-popdown,
  #SiteHeader .cherry-header__search details,
  #SiteHeader .cherry-header__search summary,
  #SiteHeader .cherry-header__icon--search {
    width: 20px;
    height: 20px;
  }

  #SiteHeader .cherry-header__account-link {
    top: 30.75px;
    left: -0.25px;
  }

  #SiteHeader .cherry-header__account-link,
  #SiteHeader .cherry-header__icon--account {
    width: 19.5px;
    height: 20.0543px;
  }

  #SiteHeader .cherry-header__cart-link {
    top: 31px;
    margin-top: 0;
  }

  #SiteHeader .cherry-header__cart-link,
  #SiteHeader .cherry-header__icon--bag {
    width: 16px;
    height: 20px;
  }
}

@media (pointer: coarse) {
  #SiteHeader .cherry-header__nav.nav--default {
    display: flex !important;
  }
}

/* ============================================================
   CHERRY HEADER DRAWER
   ============================================================ */
.cherry-drawer {
  --drawer-width: calc(50vw - 3px);
  --cherry-drawer-brown: #241a12;
  --cherry-drawer-cream: #fffbf6;
  --cherry-drawer-tab: #fcf7eb;
  --cherry-drawer-rule: #e3e3e1;
  --cherry-drawer-red: #bd2023;
  width: var(--drawer-width);
  max-width: none;
  height: 100vh;
  height: 100dvh;
  padding: 0;
  overflow: hidden;
  color: var(--cherry-drawer-cream);
  background: var(--cherry-drawer-brown);
  border: 0;
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
}

.cherry-drawer__topbar {
  position: relative;
  width: 100%;
  height: 80px;
  min-height: 80px;
}

.cherry-drawer__topbar::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 56.32985%;
  height: 80px;
  border-right: 0.5px solid var(--cherry-drawer-cream);
  border-bottom: 0.5px solid var(--cherry-drawer-cream);
  content: "";
  pointer-events: none;
}

.cherry-drawer .cherry-drawer__close {
  top: 28px;
  right: auto;
  left: 24px;
  z-index: 2;
  display: block;
  width: 24px;
  height: 24px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  color: var(--cherry-drawer-cream);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.cherry-drawer .cherry-drawer__close-icon {
  display: block;
  width: 24px;
  height: 24px;
  max-width: none;
  pointer-events: none;
}

.cherry-drawer .cherry-drawer__close:hover .cherry-drawer__close-icon {
  transform: none;
}

.cherry-drawer__logo {
  position: absolute;
  top: 50%;
  left: calc(56.32985% / 2);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: calc(56.32985% - 64px);
  transform: translate(-50%, -50%);
  pointer-events: auto;
}

.cherry-drawer__logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 0;
  transition: opacity 0.2s ease;
}

.cherry-drawer__logo-link:hover {
  opacity: 0.85;
}

.cherry-drawer__logo-image {
  display: block;
  width: auto;
  max-width: min(var(--cherry-header-logo-width, 100px), 120px);
  height: auto;
  max-height: 52px;
  object-fit: contain;
  object-position: center;
}

.cherry-drawer__logo-text {
  color: var(--cherry-drawer-cream);
  font-family: inherit;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cherry-drawer__layout {
  display: grid;
  grid-template-columns: 56.32985% minmax(0, 1fr);
  gap: 5px;
  width: 100%;
  height: calc(100% - 80px);
  min-height: 0;
}

.cherry-drawer__menu-pane {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.cherry-drawer__menu-pane::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  border-right: 0.5px solid var(--cherry-drawer-cream);
  content: "";
  pointer-events: none;
}

.cherry-drawer__tabs {
  display: flex;
  width: 100%;
  height: 50px;
  min-height: 50px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cherry-drawer__tabs::-webkit-scrollbar {
  display: none;
}

.cherry-drawer__tab {
  display: flex;
  flex: 0 0 50%;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--cherry-drawer-cream);
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.7px;
  text-align: center;
  text-transform: uppercase;
  background: var(--cherry-drawer-brown);
  border: 0;
  border-right: 0.5px solid var(--cherry-drawer-rule);
  border-bottom: 0.5px solid var(--cherry-drawer-rule);
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
}

.cherry-drawer__tab.current {
  color: var(--cherry-drawer-brown);
  background: var(--cherry-drawer-tab);
  border-right-color: transparent;
  border-bottom-color: var(--cherry-drawer-red);
}

.cherry-drawer__tab:only-child {
  flex-basis: 100%;
}

.cherry-drawer__tab:last-child {
  border-right: 0;
}

.cherry-drawer__tab:focus-visible,
.cherry-drawer a:focus-visible,
.cherry-drawer__close:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: -3px;
}

.cherry-drawer__panels {
  position: relative;
  width: 100%;
  height: calc(100% - 50px);
  min-height: 0;
  overflow: hidden;
}

.cherry-drawer__panel.tab,
.cherry-drawer__panel.tab.current {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.cherry-drawer__panel.tab {
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.cherry-drawer__panel.tab.current {
  display: flex;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.2s ease, visibility 0s linear 0s;
}

.cherry-drawer__menu {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 30.2px 24px 42px;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cherry-drawer__menu::-webkit-scrollbar,
.cherry-drawer__editorial::-webkit-scrollbar,
.cherry-drawer__editorial-slider::-webkit-scrollbar {
  display: none;
}

.cherry-drawer__menu li {
  position: relative;
  display: block;
  width: 100%;
  height: 52.17px;
  margin: 0;
  padding: 0;
}

.cherry-drawer__menu li::before {
  position: absolute;
  top: 50%;
  right: -24px;
  left: -24px;
  height: 50px;
  background: rgba(252, 247, 235, 0.4);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 0.15s ease;
}

.cherry-drawer__menu a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--cherry-drawer-cream);
  font: inherit;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.9px;
  text-decoration: none;
  text-transform: capitalize;
}

.cherry-drawer__row-arrow {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 24px;
  height: 24px;
  max-width: none;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 0.15s ease;
}

@media (hover: hover) {

  .cherry-drawer__menu li:hover::before,
  .cherry-drawer__menu li:hover .cherry-drawer__row-arrow {
    opacity: 1;
  }
}

.cherry-drawer__menu li:focus-within::before,
.cherry-drawer__menu li:focus-within .cherry-drawer__row-arrow {
  opacity: 1;
}

.cherry-drawer__menu a:hover,
.cherry-drawer__menu a:focus {
  color: var(--cherry-drawer-cream);
}

.cherry-drawer__panel--stacked.tab,
.cherry-drawer__panel--stacked.tab.current {
  display: block;
  padding: 29.5px 24px 27px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cherry-drawer__panel--stacked::-webkit-scrollbar {
  display: none;
}

.cherry-drawer__menu--stacked {
  position: static;
  inset: auto;
  width: 100%;
  height: auto;
  padding: 0;
  overflow: visible;
}

.cherry-drawer__menu--stacked li {
  height: 53.26px;
}

.cherry-drawer__newsletter {
  position: static;
  width: 100%;
  max-width: none;
  margin: 62px 0 0;
}

.cherry-drawer__newsletter-title {
  width: 100%;
  margin: 0;
  color: var(--cherry-drawer-cream);
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.cherry-drawer__newsletter-form {
  position: relative;
  width: 100%;
  margin: 19px 0 0;
}

.cherry-drawer .cherry-drawer__newsletter-input {
  display: block;
  width: 100%;
  height: 50px;
  min-height: 50px;
  margin: 0;
  padding: 0 52px 0 14px;
  color: var(--cherry-drawer-rule);
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
  background: transparent;
  border: 0.5px solid var(--cherry-drawer-rule);
  border-radius: 5px;
  box-shadow: none;
  box-sizing: border-box;
}

.cherry-drawer .cherry-drawer__newsletter-input::placeholder {
  color: var(--cherry-drawer-rule);
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  opacity: 1;
}

.cherry-drawer__newsletter-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 52px;
  height: 50px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0 16px 0 0;
  color: var(--cherry-drawer-cream);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
}

.cherry-drawer__newsletter-submit img {
  display: block;
  width: 24px;
  height: 5.77px;
  max-width: none;
  pointer-events: none;
}

.cherry-drawer__newsletter-message {
  margin: 5px 0 0;
  color: var(--cherry-drawer-cream);
  font-size: 10px;
  line-height: 1.2;
}

.cherry-drawer__newsletter-message ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Klaviyo Newsletter Form - Drawer Integration */
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM,
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM .needsclick {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM form {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
}

/* Reset the 120px min-height container injected by Klaviyo */
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM form>div.needsclick {
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
}

/* Form row wrapper: positioned relative, 50px high */
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM [data-testid="form-row"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Input component container: full width */
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM [data-testid="form-component"]:has(input),
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM [data-testid="form-component"]:first-child {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM .klaviyo-emailinput {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide Klaviyo's internal hidden submit input */
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM input[type="submit"],
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM input[type="hidden"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Input element: 50px tall, 0.5px solid border, 5px radius */
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM input[type="email"],
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM input:not([type="submit"]):not([type="hidden"]):not([type="button"]) {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 52px 0 14px !important;
  color: var(--cherry-drawer-rule) !important;
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0.48px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0.5px solid var(--cherry-drawer-rule) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM input::placeholder,
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM input[type="email"]::placeholder {
  color: var(--cherry-drawer-rule) !important;
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0.48px !important;
  text-transform: capitalize !important;
  opacity: 1 !important;
}

/* Button component container: absolute on right side */
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM [data-testid="form-component"]:has(button) {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 52px !important;
  height: 50px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
}

/* Button element: 52x50 submit button with cherry-drawer-submit arrow */
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM button.klaviyo-form-button,
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM button {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 50px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  background-image: var(--submit-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='6' viewBox='0 0 24 5.7735' fill='none'%3E%3Cpath d='M24 2.88675L19 0V5.7735L24 2.88675ZM0 2.88675V3.38675H19.5V2.88675V2.38675H0V2.88675Z' fill='%23FFFBF6'/%3E%3C/svg%3E")) !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 24px 5.77px !important;
}

:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM p,
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM span:not(.klaviyo-form-button),
:is(.cherry-drawer__newsletter, .cherry-drawer__newsletter-form) .klaviyo-form-ShEUbM label {
  color: var(--cherry-drawer-cream) !important;
  font-family: inherit !important;
}

.cherry-drawer__secondary {
  width: 100%;
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
}

.cherry-drawer__secondary li {
  display: block;
  width: 100%;
  height: 38.16px;
  margin: 0;
  padding: 0;
}

.cherry-drawer__secondary a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--cherry-drawer-cream);
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
  text-decoration: none;
  text-transform: capitalize;
}

.cherry-drawer__secondary a:hover,
.cherry-drawer__secondary a:focus {
  color: var(--cherry-drawer-cream);
}

.cherry-drawer__menu li.cherry-drawer__menu-footer {
  height: 234px;
  margin-top: 40px;
}

@media (min-width: 990px) {
  .cherry-drawer__menu li.cherry-drawer__menu-footer {
    height: 52.17px;
    margin-top: 0;
  }
}

.cherry-drawer__menu li.cherry-drawer__menu-footer::before {
  display: none;
}

.cherry-drawer__menu .cherry-drawer__view-all {
  position: static;
  display: flex;
  align-items: center;
  color: var(--cherry-drawer-cream);
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
  text-decoration: none;
  text-transform: capitalize;
}

.cherry-drawer__view-all:hover,
.cherry-drawer__view-all:focus {
  color: var(--cherry-drawer-cream);
}

.cherry-drawer__editorial {
  display: none;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cherry-drawer__editorial.current {
  display: flex;
}

@media only screen and (min-width: 990px) {
  .cherry-drawer__editorial {
    /* Let the initial top gap scroll away with the editorial images. */
    margin-top: -80px;
    padding-top: 0;
  }

  .cherry-drawer__editorial-slider {
    display: contents;
  }

  .cherry-drawer__editorial-scrollbar {
    display: none !important;
  }
}

.cherry-drawer__story {
  position: relative;
  display: block;
  flex: 0 0 499px;
  width: 100%;
  height: 499px;
  overflow: hidden;
  color: var(--cherry-drawer-cream);
  background: var(--cherry-drawer-brown);
  text-decoration: none;
  touch-action: pan-x pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.cherry-drawer__story>img,
.cherry-drawer__story .cherry-drawer__story-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.cherry-drawer__story-copy {
  position: absolute;
  inset: 0;
  display: block;
  color: var(--cherry-drawer-cream);
  text-align: center;
  pointer-events: none;
}

.cherry-drawer__story-eyebrow,
.cherry-drawer__story-title {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  color: #FFFBF6;
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
}

.cherry-drawer__story-eyebrow {
  top: 426px;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.7px;
}

.cherry-drawer__story-title {
  top: 451px;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 1px;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: from-font;
  text-underline-offset: auto;
}

.js-drawer-open .drawer__overlay {
  background: #000;
  opacity: 0.6;
}

@media only screen and (max-width: 989px) {
  .cherry-drawer {
    --drawer-width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cherry-drawer::-webkit-scrollbar {
    display: none;
  }

  .cherry-drawer__topbar {
    position: sticky;
    top: 0;
    z-index: 10;
    height: 60px;
    min-height: 60px;
    background: var(--cherry-drawer-brown);
  }

  .cherry-drawer__topbar::after {
    width: 100%;
    height: 60px;
    border-right: 0;
    border-bottom-color: var(--cherry-drawer-rule);
  }

  .cherry-drawer .cherry-drawer__close {
    top: 20px;
    left: 16px;
    width: 20px;
    height: 20px;
  }

  .cherry-drawer .cherry-drawer__close-icon {
    width: 20px;
    height: 20px;
  }

  .cherry-drawer__logo {
    left: 50%;
    max-width: calc(100% - 80px);
  }

  .cherry-drawer__logo-image {
    max-width: 100px;
    max-height: 48px;
  }

  .cherry-drawer__layout {
    display: block;
    height: auto;
    padding-bottom: 107px;
  }

  .cherry-drawer__layout:has(.cherry-drawer__panel--stacked.current) {
    padding-bottom: 50px;
  }

  .cherry-drawer__menu-pane {
    display: contents;
    width: 100%;
  }

  .cherry-drawer__tabs {
    position: sticky;
    top: 60px;
    z-index: 9;
    background: var(--cherry-drawer-brown);
  }

  .cherry-drawer__panels {
    height: 896px;
  }

  .cherry-drawer__panels:has(.cherry-drawer__panel--stacked.current) {
    height: auto;
  }

  .cherry-drawer__menu-pane::after {
    display: none;
  }

  .cherry-drawer__tab {
    flex: 1 0 50%;
  }

  .cherry-drawer__tab.current {
    flex: 0 0 49.69072%;
    background: var(--cherry-drawer-cream);
    border-right-color: var(--cherry-drawer-rule);
  }

  .cherry-drawer__tab:only-child {
    flex-basis: 100%;
  }

  .cherry-drawer__menu {
    padding: 24px 18px 32px;
    overflow: visible;
  }

  .cherry-drawer__panel--stacked.tab,
  .cherry-drawer__panel--stacked.tab.current {
    padding: 0 18px 32px;
  }

  .cherry-drawer__panel--stacked.tab.current {
    position: relative;
    inset: auto;
    height: auto;
  }

  .cherry-drawer__menu--stacked {
    padding: 24px 0 32px;
  }

  .cherry-drawer__menu--stacked li {
    height: 52.17px;
  }

  .cherry-drawer__row-arrow {
    display: none;
  }

  .cherry-drawer__newsletter {
    width: 100%;
    max-width: none;
  }

  .cherry-drawer__panel--stacked .cherry-drawer__newsletter {
    position: static;
    width: 100%;
    margin: 0;
  }

  .cherry-drawer__panel--stacked .cherry-drawer__newsletter-title {
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 0.7px;
    text-transform: capitalize;
  }

  .cherry-drawer__panel--stacked .cherry-drawer__newsletter-form {
    margin-top: 12.6px;
  }

  .cherry-drawer__panel--stacked .cherry-drawer__newsletter-input {
    color: var(--cherry-drawer-cream);
  }

  .cherry-drawer__panel--stacked .cherry-drawer__newsletter-input::placeholder {
    color: var(--cherry-drawer-cream);
  }

  .cherry-drawer__panel--stacked .cherry-drawer__newsletter-submit {
    width: 64px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .cherry-drawer__panel--stacked .cherry-drawer__secondary {
    position: static;
    width: 100%;
    margin: 24px 0 0;
  }

  .cherry-drawer__menu li.cherry-drawer__menu-footer {
    height: 52.17px;
    margin-top: 0;
  }

  .cherry-drawer__menu .cherry-drawer__view-all {
    transform: none;
  }

  .cherry-drawer__editorial {
    position: relative !important;
    display: none;
    width: 100%;
    box-sizing: border-box;
    overflow: visible !important;
    padding-bottom: 24px;
  }

  .cherry-drawer__editorial.current {
    display: block !important;
  }

  .cherry-drawer__editorial-slider {
    position: relative;
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cherry-drawer__editorial-slider::-webkit-scrollbar {
    display: none !important;
  }

  .cherry-drawer__editorial-scrollbar {
    position: relative !important;
    display: block !important;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    background: rgba(255, 251, 246, 0.2) !important;
    pointer-events: auto;
    cursor: pointer;
    z-index: 10;
    box-sizing: border-box;
  }

  .cherry-drawer__editorial-scrollbar::before {
    position: absolute;
    top: -12px;
    bottom: -12px;
    left: 0;
    right: 0;
    content: "";
  }

  .cherry-drawer__editorial-scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 164px;
    max-width: 37.27273vw;
    height: 1px;
    background: #FFFBF6 !important;
    transform: translate3d(0, 0, 0);
    will-change: transform;
    pointer-events: none;
    z-index: 2;
  }

  .cherry-drawer__story {
    flex: 0 0 320px;
    width: 320px;
    height: auto;
    touch-action: pan-x pan-y;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .cherry-drawer__story>img,
  .cherry-drawer__story .cherry-drawer__story-image {
    height: auto;
  }

  .cherry-drawer__story-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px 12px 24px;
  }

  .cherry-drawer__story-copy:only-child {
    position: static;
  }

  .cherry-drawer__story-eyebrow,
  .cherry-drawer__story-title {
    position: static;
  }
}

/* CHERRY EMPTY CART DRAWER */
.cart-drawer {
  --drawer-width: min(589px, 100vw);
  max-width: 100%;
  overflow: hidden !important;
  color: #241a12;
  background: #fffbf6;
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
  touch-action: pan-y;
}

.js-drawer-open-cart .drawer__overlay {
  background: #000;
  opacity: 0.6;
}

.cart-drawer .cart-drawer__head {
  display: flex;
  flex: 0 0 80px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 80px;
  padding: 0 28px 0 16px;
  border-bottom: 0.5px solid #e3e3e1;
}

.cart-drawer .cart-drawer__head h3 {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  color: #241a12;
  font-family: inherit;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 1px;
  text-transform: none;
}

.cart-drawer__title-empty {
  display: none;
  text-transform: capitalize;
}

/* ============================================================
   CHERRY COLLECTION PAGE — node 147:445
   ============================================================ */
:is(.template-collection, .template-search),
:is(.template-collection, .template-search) main,
:is(.template-collection, .template-search) .collection-section,
:is(.template-collection, .template-search) .collection.collection-items {
  color: #241a12;
  background: #fffbf6 !important;
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
}

:is(.template-collection, .template-search)::after {
  display: none !important;
  content: none !important;
}

:is(.template-collection, .template-search) .collection-promo {
  display: none !important;
}

@media only screen and (max-width: 989px) {
  :is(.template-collection, .template-search) .collection__products .product-grid-item .sizes_new {
    top: auto !important;
    right: auto !important;
    bottom: 58px;
    left: 50% !important;
    width: max-content;
    max-width: calc(100% - 20px);
    justify-content: center;
    transform: translateX(-50%);
  }

  :is(.template-collection, .template-search) .collection.collection-items {
    padding-top: 0 !important;
  }

  :is(.template-collection, .template-search) .collection__wrapper>.wrapper--full-padded,
  :is(.template-collection, .template-search) .collection__inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar.collection__sticky-bar {
    position: sticky;
    z-index: 50;
    top: 80px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 70px;
    min-height: 70px;
    margin: 0;
    padding: 0 12px 0 16px;
    color: #241a12;
    background: #fffbf6;
    border-bottom: 0.5px solid #e3e3e1;
  }

  :is(.template-collection, .template-search) .cherry-collection-current {
    position: absolute;
    top: 14px;
    left: 16px;
    width: auto;
    margin: 0;
  }

  :is(.template-collection, .template-search) .cherry-collection-dropdown {
    position: absolute;
    top: 14px;
    left: 16px;
    width: auto;
    margin: 0;
  }

  .cherry-collection-dropdown__title {
    font-size: 16px;
    letter-spacing: 0.8px;
    max-width: calc(100vw - 160px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .cherry-collection-dropdown__menu {
    top: calc(100% + 10px);
    min-width: 200px;
    gap: 14px;
    padding: 14px 20px 16px 0;
    max-height: calc(80vh - 100px);
  }

  .cherry-collection-dropdown__link {
    font-size: 13px;
    letter-spacing: 0.6px;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__label,
  :is(.template-collection, .template-search) .cherry-collection-dropdown__label {
    display: block !important;
    margin: 0;
    color: #241a12;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.6px;
    text-transform: capitalize;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title-row {
    display: flex;
    align-items: center;
    gap: 5px;
    width: auto;
    height: 24px;
    margin: 5px 0 0;
    padding: 0;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title {
    display: block;
    max-width: calc(100vw - 265px);
    margin: 0;
    overflow: hidden;
    color: #241a12;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.8px;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title-row img {
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .collection__products-count,
  :is(.template-collection, .template-search) #CollectionStickyBar .collection__sort-bar,
  :is(.template-collection, .template-search) .cherry-collection-density {
    display: none;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .coll-filter-wrap {
    position: absolute;
    top: 26px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .collection__filters__toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: auto;
    height: 20px;
    margin: 0;
    padding: 0;
    color: #241a12;
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: left;
    text-transform: capitalize;
    cursor: pointer;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .all-filter-count {
    font-size: 12px;
    opacity: 0.6;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-button__plus {
    font-size: 13px;
    line-height: 1;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-clear-all {
    display: none;
    align-items: center;
    gap: 4px;
    color: #241a12;
    font-size: 11px;
    text-decoration: underline;
    opacity: 0.6;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-clear-all.is-visible {
    display: inline-flex;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-clear-dot {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #241a12;
  }

  :is(.template-collection, .template-search) .cherry-collection-refine__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    overflow: hidden;
  }

  :is(.template-collection, .template-search) .cherry-collection-refine__icon img {
    display: block;
    width: 16px;
    height: 14.3333px;
  }

  :is(.template-collection, .template-search) .collection__products {
    container-type: inline-size;
    width: 100%;
    margin: 0;
    padding: 20px 16px 60px;
    overflow: visible;
    background: #fffbf6 !important;
    border: 0 !important;
  }

  :is(.template-collection, .template-search) .collection__products>.grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: auto;
    align-items: start;
    column-gap: 8px !important;
    row-gap: 20px !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  :is(.template-collection, .template-search) .collection__products>.grid>.product-grid-item {
    width: 100% !important;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  :is(.template-collection, .template-search) .collection__products>.grid>.product-grid-item:not(.collection-promo):not(.collection-image) {
    display: flex;
    flex-direction: column;
    height: auto !important;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__image {
    width: 100%;
    height: 0;
    margin: 0 0 10px;
    padding-top: 133.5% !important;
    overflow: hidden;
    background: #fcf7eb;
  }

  :is(.template-collection, .template-search) .collection__products .product__media,
  :is(.template-collection, .template-search) .collection__products .product__media__slide,
  :is(.template-collection, .template-search) .collection__products .product__media__hover-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100.2%;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__info.product-grid-item__info--left,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__info {
    position: static !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    color: #241a12;
    background: transparent;
    opacity: 1 !important;
  }

  :is(.template-collection, .template-search) .collection__products .product-cutline,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__rating,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__quick-buy {
    display: none !important;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__title,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__price {
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    color: #241a12;
    font-family: inherit;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__title {
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.7px;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__price {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.6px;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__price__new {
    margin: 0;
  }

  :is(.template-collection, .template-search) .collection__products .cherry-collection-price-separator {
    color: #241a12;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__price s {
    color: #bd2023;
    text-decoration-thickness: auto;
    text-decoration-skip-ink: none;
  }

  :is(.template-collection, .template-search) .collection__products .product__badge {
    top: 12px;
    right: auto;
    left: 4px;
    margin: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product__badge__item {
    height: auto;
    padding: 0;
    color: #201d1c;
    background: transparent;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.6px;
    text-transform: capitalize;
  }

  :is(.template-collection, .template-search) .collection__products .progress-bar {
    display: none !important;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch {
    position: absolute;
    z-index: 5;
    top: 13px;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 2.5px;
    width: auto;
    min-height: 4px;
    margin: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch::before,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__text-more {
    display: none;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__button,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__button:last-child {
    position: relative;
    display: block;
    flex: 0 0 15px;
    width: 15px;
    height: 4px;
    margin: 0;
    padding: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__button.is-hidden {
    display: none !important;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__label {
    display: block;
    width: 15px;
    height: 4px;
    margin: 0;
    background: var(--swatch, #d9d9d9) no-repeat center / cover;
    border: 0;
    border-radius: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__label::before,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__label::after {
    display: none;
  }

  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- {
    position: absolute;
    z-index: 5;
    top: 13px;
    right: 6px;
    display: block;
    width: auto;
    height: 4px;
    margin: 0;
    padding: 0;
    background: transparent;
  }

  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown,
  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown ul {
    position: static;
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2.5px;
    width: auto;
    height: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 1;
  }

  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown li,
  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown li img {
    display: block;
    flex: 0 0 15px;
    width: 15px;
    height: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 0;
  }

}

:is(.template-collection, .template-search) .cherry-collection-current {
  position: relative;
  margin: 0;
}

:is(.template-collection, .template-search) .cherry-collection-current__title-row {
  position: relative;
  margin: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

:is(.template-collection, .template-search) .cherry-collection-current__title-row:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}

/* Collection Subcategories Dropdown (Drôle de Monsieur style) */
.cherry-collection-dropdown {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}

.cherry-collection-dropdown.is-open {
  z-index: 1000;
}

:is(.template-collection, .template-search) #CollectionStickyBar.collection__sticky-bar:has(.cherry-collection-dropdown.is-open),
:is(.template-collection, .template-search) #CollectionStickyBar.has-dropdown-open,
body.cherry-collection-dropdown-open :is(.template-collection, .template-search) #CollectionStickyBar.collection__sticky-bar {
  z-index: 1000 !important;
}

.cherry-collection-dropdown__label,
.cherry-collection-current__label {
  display: block !important;
  margin: 0;
  color: #241a12;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
  text-transform: capitalize;
}

.cherry-collection-dropdown__trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  margin: 5px 0 0;
  padding: 0;
  color: #241a12;
  background: transparent;
  border: 0;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  line-height: 1;
}

.cherry-collection-dropdown__trigger:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}

.cherry-collection-dropdown__title {
  margin: 0;
  padding: 0;
  color: #241a12;
  font-family: inherit;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.cherry-collection-dropdown__caret {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  color: #241a12;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cherry-collection-dropdown__trigger.is-open .cherry-collection-dropdown__caret,
.cherry-collection-dropdown.is-open .cherry-collection-dropdown__caret {
  transform: rotate(180deg);
}

.cherry-collection-dropdown__menu {
  position: absolute;
  top: calc(100% + 14px);
  left: -16px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 220px;
  max-height: calc(100vh - 200px);
  padding: 16px 24px 20px 16px;
  overflow-y: auto;
  color: #241a12;
  background-color: var(--bg, #fffbf6);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
  scrollbar-width: thin;
}

.cherry-collection-dropdown__menu.is-open,
.cherry-collection-dropdown.is-open .cherry-collection-dropdown__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0s;
}

.cherry-collection-dropdown__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #766d66;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.8px;
  text-decoration: none;
  transition: color 0.15s ease, padding-left 0.15s ease;
}

.cherry-collection-dropdown__link:hover,
.cherry-collection-dropdown__link:focus-visible {
  color: #241a12;
  text-decoration: none;
}

.cherry-collection-dropdown__link.is-active {
  color: #241a12;
  font-weight: 600;
  padding-left: 12px;
}

.cherry-collection-dropdown__link.is-active::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #241a12;
  border-radius: 50%;
  content: "";
  transform: translateY(-50%);
}

body.cherry-collection-selector-open {
  overflow: hidden;
}

.cherry-collection-selector {
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width: min(361px, 100vw);
  height: min(850px, 100dvh);
  max-height: 100vh;
  overflow: hidden;
  color: #fffbf6;
  background: #241a12;
  border-bottom: 0.5px solid #e3e3e1;
  border-radius: 0 0 10px;
  font-family: "Source Serif 4", var(--FONT-STACK-BODY), "Times New Roman", serif;
  visibility: hidden;
  transform: translate3d(-100%, 0, 0);
  transition: transform 300ms ease, visibility 0s linear 300ms;
}

.cherry-collection-selector.is-open {
  visibility: visible;
  transform: translate3d(0, 0, 0);
  transition: transform 300ms ease, visibility 0s linear 0s;
}

.cherry-collection-selector__close {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  color: #fffbf6;
  background: transparent;
  border: 0;
  cursor: pointer;
  appearance: none;
}

.cherry-collection-selector__close img {
  display: block;
  width: 24px;
  height: 24px;
}

.cherry-collection-selector__content {
  height: 100%;
  padding: 94px 24px 32px;
  overflow-y: auto;
  scrollbar-width: none;
}

.cherry-collection-selector__content::-webkit-scrollbar {
  display: none;
}

.cherry-collection-selector__show-all,
.cherry-collection-selector__link {
  color: #fffbf6;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.8px;
  text-decoration: none;
  text-transform: none;
}

.cherry-collection-selector__show-all {
  display: inline-block;
}

.cherry-collection-selector__divider {
  display: block;
  width: 267px;
  max-width: 100%;
  height: 0.5px;
  margin: 20px 0 0;
}

.cherry-collection-selector__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.cherry-collection-selector__item {
  margin: 0;
  padding: 0;
}

.cherry-collection-selector__link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  gap: 5px;
}

.cherry-collection-selector__link.is-current {
  font-weight: 700;
}

.cherry-collection-selector__link img {
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
}

.cherry-collection-selector__show-all:hover,
.cherry-collection-selector__show-all:focus-visible,
.cherry-collection-selector__link:hover,
.cherry-collection-selector__link:focus-visible {
  color: #fffbf6;
  text-decoration: none;
}

.cherry-collection-selector__overlay {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(36, 26, 18, 0.4);
  border: 0;
  border-bottom: 0.5px solid #e3e3e1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: default;
  transition: opacity 300ms ease, visibility 0s linear 300ms;
}

.cherry-collection-selector__overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 300ms ease, visibility 0s linear 0s;
}

@media (prefers-reduced-motion: reduce) {

  .cherry-collection-selector,
  .cherry-collection-selector__overlay {
    transition-duration: 0s;
  }
}

body.cherry-collection-filters-open {
  overflow: hidden;
}

.cherry-collection-filters__overlay {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(36, 26, 18, 0.4);
  border: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: pointer;
  will-change: opacity;
  transition: opacity 350ms cubic-bezier(0.25, 1, 0.5, 1), visibility 0s linear 350ms;
}

.cherry-collection-filters__overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 350ms cubic-bezier(0.25, 1, 0.5, 1), visibility 0s linear 0s;
}

/* Collection Filters - Fabienne Chapot Minimalist Off-White Design */
.filter-dot {
  position: relative;
  display: inline-block;
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
  box-sizing: border-box;
  border: 1px solid rgba(36, 26, 18, 0.3);
  background: transparent;
  transition: border-color 0.2s ease;
}

.filter-dot--round {
  border-radius: 50% !important;
}

.filter-color {
  display: inline-block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(36, 26, 18, 0.15);
}

.filter-toggle-symbol {
  font-family: inherit;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  color: #241a12;
}

/* ==========================================================================
   FABIENNE CHAPOT COLLECTION FILTER SYSTEM
   ========================================================================== */

:is(.template-collection, .template-search) #CollectionFilterContainer.collection-filter-container {
  position: sticky !important;
  top: var(--header-height, 80px) !important;
  z-index: 100 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fffbf6 !important;
  pointer-events: auto !important;
}

:is(.template-collection, .template-search) #CollectionStickyBar.collection__sticky-bar {
  position: relative !important;
  top: auto !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  background: #fffbf6 !important;
}

@media only screen and (min-width: 990px) {
  :is(.template-collection, .template-search) .collection__filters {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    --full-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fffbf6 !important;
    color: #241a12 !important;
    z-index: 1 !important;
    border-bottom: 1px solid rgba(36, 26, 18, 0.08) !important;
    box-shadow: 0 16px 36px rgba(36, 26, 18, 0.08) !important;
    overflow: hidden !important;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-100%) !important;
    will-change: transform;
    transition: transform 450ms cubic-bezier(0.25, 1, 0.5, 1), visibility 0s linear 450ms !important;
  }

  :is(.template-collection, .template-search) .collection__filters.collection__filters--visible {
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition: transform 450ms cubic-bezier(0.25, 1, 0.5, 1), visibility 0s linear 0s !important;
  }

  /* Hide duplicate drawer header on Desktop (Sticky Bar serves as the top bar) */
  :is(.template-collection, .template-search) .collection__filters-header.mb-filter-head,
  :is(.template-collection, .template-search) .collection__filters-header {
    display: none !important;
  }
}


:is(.template-collection, .template-search) body.cherry-collection-filters-open #CollectionStickyBar .filter-button__plus,
:is(.template-collection, .template-search) body.open-filter #CollectionStickyBar .filter-button__plus,
:is(.template-collection, .template-search) #CollectionStickyBar .collection__filters__toggle.is-active .filter-button__plus {
  display: none !important;
}



/* Accordion Rows */
:is(.template-collection, .template-search) .collection__sort,
:is(.template-collection, .template-search) .collection__filter {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

:is(.template-collection, .template-search) .collection__sort__label,
:is(.template-collection, .template-search) .collection__filter__title {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  color: #241a12 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease !important;
}

@media only screen and (max-width: 989px) {

  :is(.template-collection, .template-search) .collection__sort__label,
  :is(.template-collection, .template-search) .collection__filter__title {
    padding: 0 16px !important;
  }
}

:is(.template-collection, .template-search) .collection__sort__label:hover,
:is(.template-collection, .template-search) .collection__filter__title:hover {
  background-color: rgba(36, 26, 18, 0.02) !important;
}

:is(.template-collection, .template-search) .filter-title-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}

:is(.template-collection, .template-search) .collection__sort__label .current-sort-name {
  display: none !important;
}

:is(.template-collection, .template-search) .collection__filter__title .filter-title-count {
  font-size: 11px !important;
  font-weight: 400 !important;
  margin-left: 2px !important;
  opacity: 0.7 !important;
}

:is(.template-collection, .template-search) .collection__filter__count {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

:is(.template-collection, .template-search) .collection__filter__count:after {
  display: none !important;
}

:is(.template-collection, .template-search) .collection__filter__title .filter-toggle-symbol,
:is(.template-collection, .template-search) .collection__sort__label .filter-toggle-symbol {
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: #241a12 !important;
  display: inline-block !important;
  margin-left: 1px !important;
  vertical-align: middle !important;
}

/* Accordion Content Container */
:is(.template-collection, .template-search) .collection__sort__option-wrapper,
:is(.template-collection, .template-search) .collection__filter-tags-wrapper {
  overflow: hidden !important;
  background: #fffbf6 !important;
  color: #241a12 !important;
  transition: height 350ms cubic-bezier(0.25, 1, 0.5, 1), opacity 250ms ease !important;
}

:is(.template-collection, .template-search) .collection__sort__option-wrapper>[data-collapsible-content],
:is(.template-collection, .template-search) .collection__filter-tags-wrapper>[data-collapsible-content] {
  transform: none !important;
  transition: none !important;
}

/* Options Lists & Side Alignment */
:is(.template-collection, .template-search) .collection__sort__options,
:is(.template-collection, .template-search) .collection__filter-tags,
:is(.template-collection, .template-search) .collection__filter>.collection__filter-tags-wrapper>.collection__filter-tags {
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 24px 24px !important;
  list-style: none !important;
  background: #fffbf6 !important;
}

:is(.template-collection, .template-search) .collection__sort__options .collection__filter-tags {
  padding: 0 !important;
  margin: 0 !important;
  gap: 12px 24px !important;
}

:is(.template-collection, .template-search) .collection__filter-tag {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Inputs & Labels */
:is(.template-collection, .template-search) .filter__input,
:is(.template-collection, .template-search) .collection__sort__input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

:is(.template-collection, .template-search) .filter__button,
:is(.template-collection, .template-search) .collection__sort__button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  color: #241a12 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.3px !important;
  text-transform: capitalize !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

:is(.template-collection, .template-search) .filter__button:before,
:is(.template-collection, .template-search) .filter__button:after,
:is(.template-collection, .template-search) .collection__sort__button:before,
:is(.template-collection, .template-search) .collection__sort__button:after {
  display: none !important;
}

/* Minimalist Dot Checkbox (11px box with perfectly centered SVG dot) */
:is(.template-collection, .template-search) .filter-dot {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 11px !important;
  width: 11px !important;
  height: 11px !important;
  border: 1px solid rgba(36, 26, 18, 0.25) !important;
  border-radius: 1px !important;
  box-sizing: border-box !important;
  background-color: transparent !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  transition: border-color 0.15s ease !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}

:is(.template-collection, .template-search) .filter-dot--round {
  border-radius: 50% !important;
}

:is(.template-collection, .template-search) .filter__input:checked+.filter__button .filter-dot,
:is(.template-collection, .template-search) .collection__sort__input:checked+.collection__sort__button .filter-dot,
:is(.template-collection, .template-search) .filter__input:checked+label .filter-dot,
:is(.template-collection, .template-search) .collection__sort__input:checked+label .filter-dot {
  border-color: #241a12 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Ccircle cx='4.5' cy='4.5' r='1.5' fill='%23241a12'/%3E%3C/svg%3E") !important;
  box-shadow: none !important;
}

:is(.template-collection, .template-search) .filter__input:checked+.filter__button .filter-dot:after,
:is(.template-collection, .template-search) .collection__sort__input:checked+.collection__sort__button .filter-dot:after,
:is(.template-collection, .template-search) .filter__input:checked+label .filter-dot:after,
:is(.template-collection, .template-search) .collection__sort__input:checked+label .filter-dot:after {
  display: none !important;
  content: none !important;
}

:is(.template-collection, .template-search) .filter__input:disabled+.filter__button,
:is(.template-collection, .template-search) .filter__input:disabled+label {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}

/* Color Swatches - Rectangle Box Layout (Matching Image) */
:is(.template-collection, .template-search) .collection__filter-tags--swatches {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
  padding: 8px 24px 24px !important;
}

:is(.template-collection, .template-search) .facet-color-item,
:is(.template-collection, .template-search) .collection__filter--swatches .collection__filter-tag--swatch,
:is(.template-collection, .template-search) .collection__filter-tag--swatch .swatch__button {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

:is(.template-collection, .template-search) .facet-color-item label.swatch__label,
:is(.template-collection, .template-search) .collection__filter--swatches label.swatch__label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: none !important;
  height: 28px !important;
  min-width: 0 !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid rgba(36, 26, 18, 0.15) !important;
  border-radius: 0 !important;
  font-family: inherit !important;
  font-size: 11px !important;
  letter-spacing: 0.2px !important;
  line-height: normal !important;
  cursor: pointer !important;
  background: #fffbf6 !important;
  color: #241a12 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  transition: border-color 0.15s ease, background-color 0.15s ease !important;
}

:is(.template-collection, .template-search) .facet-color-item label.swatch__label:before,
:is(.template-collection, .template-search) .facet-color-item label.swatch__label:after,
:is(.template-collection, .template-search) .collection__filter--swatches label.swatch__label:before,
:is(.template-collection, .template-search) .collection__filter--swatches label.swatch__label:after {
  display: none !important;
}

:is(.template-collection, .template-search) .facet-color-item label.swatch__label:hover,
:is(.template-collection, .template-search) .collection__filter--swatches label.swatch__label:hover {
  border-color: rgba(36, 26, 18, 0.4) !important;
}

:is(.template-collection, .template-search) .filter__input:checked+label.swatch__label,
:is(.template-collection, .template-search) .facet-color-item:has(.filter__input:checked) label.swatch__label {
  border-color: #241a12 !important;
  background: rgba(36, 26, 18, 0.05) !important;
}

:is(.template-collection, .template-search) .filter-color {
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  background-size: cover !important;
  background-position: center !important;
  flex: 0 0 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

:is(.template-collection, .template-search) .facet-color-item .filter-name,
:is(.template-collection, .template-search) .collection__filter--swatches .filter-name {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.2px !important;
  color: #241a12 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-transform: capitalize !important;
}

:is(.template-collection, .template-search) .facet-color-item .filter-dot,
:is(.template-collection, .template-search) .collection__filter--swatches .filter-dot {
  display: none !important;
}

/* Sticky Bottom Footer on Desktop */
@media only screen and (min-width: 990px) {
  :is(.template-collection, .template-search) .cherry-collection-filters__footer.coll-filter-btm {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    margin-top: auto !important;
    padding: 0 !important;
    border-top: 0 !important;
  }

  :is(.template-collection, .template-search) .view-filter-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 6px 14px !important;
    color: #241a12 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
  }

  :is(.template-collection, .template-search) .view-filter-btn:hover {
    background: transparent !important;
    opacity: 0.65 !important;
  }

  :is(.template-collection, .template-search) .view-filter-btn .is-hidden {
    display: none !important;
  }
}

/* ==========================================================================
   MOBILE FILTER DRAWER (FABIENNE CHAPOT SPECIFICATION)
   Strictly scoped to mobile (max-width: 989px). Desktop remains 100% untouched.
   ========================================================================== */
@media only screen and (max-width: 989px) {

  /* Elevate container & overlay z-index above sticky header */
  :is(.template-collection, .template-search) body.cherry-collection-filters-open #CollectionFilterContainer,
  :is(.template-collection, .template-search) body.open-filter #CollectionFilterContainer,
  :is(.template-collection, .template-search) #CollectionFilterContainer:has(.collection__filters.collection__filters--visible) {
    z-index: 999999 !important;
  }

  :is(.template-collection, .template-search) .cherry-collection-filters__overlay {
    z-index: 999998 !important;
  }

  /* Slide-in from top drawer */
  :is(.template-collection, .template-search) .collection__filters {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    background: #fffbf6 !important;
    z-index: 1000000 !important;
    transform: translateY(-100%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    will-change: transform;
    transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), visibility 0s linear 400ms !important;
  }

  :is(.template-collection, .template-search) .collection__filters.collection__filters--visible,
  :is(.template-collection, .template-search) body.cherry-collection-filters-open .collection__filters,
  :is(.template-collection, .template-search) body.open-filter .collection__filters {
    transform: translateY(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), visibility 0s linear 0s !important;
  }

  /* Drawer Header: Filter & Sort (14px) and Clear all (14px) */
  :is(.template-collection, .template-search) .collection__filters-header.mb-filter-head,
  :is(.template-collection, .template-search) .collection__filters-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 16px !important;
    background: #fffbf6 !important;
    border-bottom: 1px solid rgba(36, 26, 18, 0.08) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  :is(.template-collection, .template-search) .collection__filters-header .collection__filters__top {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto;
  }

  :is(.template-collection, .template-search) .collection__filters-header .collection__filters__title {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #241a12 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  :is(.template-collection, .template-search) .collection__filters-header .all-filter-count {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #241a12 !important;
  }

  :is(.template-collection, .template-search) .collection__filters-header .collection__filters__header-actions {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  :is(.template-collection, .template-search) .collection__filters-header .collection__filters__reset.filter-clear-all,
  :is(.template-collection, .template-search) .collection__filters-header a.collection__filters__reset {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #241a12 !important;
    opacity: 0.35 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
  }

  :is(.template-collection, .template-search) .collection__filters-header .collection__filters__reset.filter-clear-all.is-visible,
  :is(.template-collection, .template-search) .collection__filters-header a.collection__filters__reset.is-visible {
    opacity: 1 !important;
  }

  /* Hide close 'X' button in header on mobile - closed via bottom Close filter button */
  :is(.template-collection, .template-search) .collection__filters-header .collection__filters__close,
  :is(.template-collection, .template-search) .collection__filters-header .close-filter,
  :is(.template-collection, .template-search) .collection__filters-header .collection__filters__line,
  :is(.template-collection, .template-search) .collection__filters__clear {
    display: none !important;
  }

  /* Internal wrapper & scrollable form */
  :is(.template-collection, .template-search) .collection__filters-wrapper,
  :is(.template-collection, .template-search) .collection__filters-list,
  :is(.template-collection, .template-search) .collection__filters-list__inner {
    background: #fffbf6 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  :is(.template-collection, .template-search) .collection__filters-wrapper {
    height: 100% !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  :is(.template-collection, .template-search) .collection__filters-list {
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  :is(.template-collection, .template-search) .collection__filters-list__inner {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  :is(.template-collection, .template-search) [data-collection-filters-form] {
    background: #fffbf6 !important;
    padding-bottom: calc(171px + env(safe-area-inset-bottom, 0px)) !important;
    /* Reserve clearance for fixed bottom Close filter button */
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Accordion Rows */
  :is(.template-collection, .template-search) .collection__sort,
  :is(.template-collection, .template-search) .collection__filter {
    display: block !important;
    width: 100% !important;
    background: #fffbf6 !important;
    border-bottom: 1px solid rgba(36, 26, 18, 0.08) !important;
    border-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  :is(.template-collection, .template-search) .collection__filter__title,
  :is(.template-collection, .template-search) .collection__sort__label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 18px 16px !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.24px !important;
    text-transform: uppercase !important;
    color: #241a12 !important;
    background: #fffbf6 !important;
    border: 0 !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  :is(.template-collection, .template-search) .collection__filter__title .filter-title-text {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.24px !important;
    text-transform: uppercase !important;
    color: #241a12 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  :is(.template-collection, .template-search) .collection__filter__count,
  :is(.template-collection, .template-search) .filter-toggle-symbol {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #241a12 !important;
    padding-left: 2px !important;
  }

  /* Inner Filter Columns: EXACT 2-COLUMN GRID (50% / 50%) for ALL filters */
  :is(.template-collection, .template-search) .collection__filter-tags-wrapper {
    background: #fffbf6 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  :is(.template-collection, .template-search) .collection__sort__options {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  :is(.template-collection, .template-search) ul.collection__filter-tags,
  :is(.template-collection, .template-search) .collection__filter-tags,
  :is(.template-collection, .template-search) .collection__sort__options ul.collection__filter-tags,
  :is(.template-collection, .template-search) .collection__sort__options .collection__filter-tags,
  :is(.template-collection, .template-search) .collection__filter>.collection__filter-tags-wrapper>.collection__filter-tags,
  :is(.template-collection, .template-search) .collection__filter--size>.collection__filter-tags-wrapper>.collection__filter-tags,
  :is(.template-collection, .template-search) .collection__filter--swatches>.collection__filter-tags-wrapper>.collection__filter-tags,
  :is(.template-collection, .template-search) .collection__filter-tags--swatches {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 16px 20px !important;
    margin: 0 !important;
    list-style: none !important;
    background: #fffbf6 !important;
  }

  :is(.template-collection, .template-search) li.collection__filter-tag,
  :is(.template-collection, .template-search) li.cherry-collection-filter__option,
  :is(.template-collection, .template-search) li.collection__filter-tag--swatch,
  :is(.template-collection, .template-search) li.collection__filter-tag--default,
  :is(.template-collection, .template-search) .collection__sort__options .collection__filter-tag,
  :is(.template-collection, .template-search) .collection__filter>.collection__filter-tags-wrapper>.collection__filter-tags>.collection__filter-tag,
  :is(.template-collection, .template-search) .collection__filter--swatches .collection__filter-tag--swatch {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
  }

  :is(.template-collection, .template-search) li.cherry-collection-filter__row-break {
    display: none !important;
  }

  :is(.template-collection, .template-search) .filter__button,
  :is(.template-collection, .template-search) .collection__sort__button,
  :is(.template-collection, .template-search) .swatch__button,
  :is(.template-collection, .template-search) .cherry-collection-filter__option.collection__filter-tag--default .filter__button {
    display: inline-flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  /* Disable theme.css default pseudo-element checkbox box so only our round dot is used */
  :is(.template-collection, .template-search) .collection__filter-tag--default .filter__button:before,
  :is(.template-collection, .template-search) .collection__filter-tag--default .filter__button:after,
  :is(.template-collection, .template-search) .collection__filter-tag--default.is-active .filter__button:before,
  :is(.template-collection, .template-search) .collection__filter-tag--default .filter__input:checked~.filter__button:before {
    display: none !important;
    content: none !important;
  }

  :is(.template-collection, .template-search) .collection__filter-tag--default .filter__button {
    padding-left: 0 !important;
  }

  :is(.template-collection, .template-search) .filter__input,
  :is(.template-collection, .template-search) .collection__sort__input,
  :is(.template-collection, .template-search) .swatch__input {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
  }

  /* Hide SVG radio icons on mobile sort so we use consistent dot */
  :is(.template-collection, .template-search) .cherry-collection-filter__radio {
    display: none !important;
  }

  /* Checkbox Dot */
  :is(.template-collection, .template-search) .filter-dot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    min-height: 11px !important;
    flex: 0 0 11px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(36, 26, 18, 0.25) !important;
    background: #fffbf6 !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.15s ease !important;
  }

  /* Square checkboxes for Size and Product Type on mobile */
  :is(.template-collection, .template-search) .collection__filter--size .filter-dot,
  :is(.template-collection, .template-search) .collection__filter--product-type .filter-dot,
  :is(.template-collection, .template-search) .collection__filter--product_type .filter-dot,
  :is(.template-collection, .template-search) .collection__filter--type .filter-dot,
  :is(.template-collection, .template-search) [data-filter-handle*="size"] .filter-dot,
  :is(.template-collection, .template-search) [data-filter-handle*="product-type"] .filter-dot,
  :is(.template-collection, .template-search) [data-filter-handle*="product_type"] .filter-dot,
  :is(.template-collection, .template-search) [data-filter-handle="type"] .filter-dot {
    border-radius: 1px !important;
  }

  :is(.template-collection, .template-search) .collection__sort__input:checked+label .filter-dot,
  :is(.template-collection, .template-search) .collection__sort__input:checked+.cherry-collection-filter__radio+.collection__sort__button .filter-dot,
  :is(.template-collection, .template-search) .filter__input:checked+.filter__button .filter-dot,
  :is(.template-collection, .template-search) .filter__input:checked+label .filter-dot,
  :is(.template-collection, .template-search) .swatch__input:checked+label .filter-dot,
  :is(.template-collection, .template-search) li.is-active .filter-dot,
  :is(.template-collection, .template-search) .filter__button.is-active .filter-dot {
    border-color: #241a12 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Ccircle cx='4.5' cy='4.5' r='1.5' fill='%23241a12'/%3E%3C/svg%3E") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
  }

  /* Label Text: 12px, 400 weight, capitalize */
  :is(.template-collection, .template-search) .filter-name,
  :is(.template-collection, .template-search) .collection__sort__button,
  :is(.template-collection, .template-search) .filter__button span:not(.filter-dot):not(.filter-color) {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: #241a12 !important;
    text-transform: capitalize !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  /* Swatch color circles */
  :is(.template-collection, .template-search) .filter-color {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    flex: 0 0 14px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(36, 26, 18, 0.15) !important;
    background-size: cover !important;
    background-position: center !important;
    box-sizing: border-box !important;
  }

  :is(.template-collection, .template-search) .facet-color-item,
  :is(.template-collection, .template-search) .collection__filter--swatches .collection__filter-tag--swatch {
    width: 100% !important;
    max-width: 100% !important;
  }

  :is(.template-collection, .template-search) .facet-color-item label.swatch__label,
  :is(.template-collection, .template-search) .collection__filter-tag--swatch .swatch__button,
  :is(.template-collection, .template-search) .collection__filter--swatches label.swatch__label {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
  }

  /* Fixed Bottom "Close filter" Button */
  :is(.template-collection, .template-search) .cherry-collection-filters__footer.coll-filter-btm,
  :is(.template-collection, .template-search) .cherry-collection-filters__footer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 12px 16px calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    background: #fffbf6 !important;
    border-top: 1px solid rgba(36, 26, 18, 0.08) !important;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04) !important;
    z-index: 50 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  :is(.template-collection, .template-search) .view-filter-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: opacity 0.2s ease !important;
  }

  :is(.template-collection, .template-search) .view-filter-btn:hover {
    background: #000000 !important;
    color: #ffffff !important;
    opacity: 0.9 !important;
  }

  /* Show "Close filter" text on mobile button */
  :is(.template-collection, .template-search) .view-filter-btn .view-products-text {
    display: none !important;
  }

  :is(.template-collection, .template-search) .view-filter-btn .close-filter-text {
    display: inline-block !important;
    color: #ffffff !important;
  }
}


/* Backdrop Overlay */
:is(.template-collection, .template-search) .cherry-collection-filters__overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.35) !important;
  z-index: 90 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.35s ease, visibility 0.35s !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(.template-collection, .template-search) .cherry-collection-filters__overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

@media (prefers-reduced-motion: reduce) {

  :is(.template-collection, .template-search) .collection__filters,
  .cherry-collection-filters__overlay {
    transition-duration: 0s;
  }
}

@media only screen and (min-width: 990px) {
  :is(.template-collection, .template-search) .collection.collection-items {
    padding-top: 0 !important;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar.collection__sticky-bar {
    position: relative;
    top: auto;
    z-index: 50;
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    min-height: 80px;
    margin: 0;
    padding: 0 24px;
    color: #241a12;
    background: #fffbf6;
    border-bottom: 0.5px solid #faf1e2;
  }

  :is(.template-collection, .template-search) .cherry-collection-current {
    position: absolute;
    top: 19px;
    left: 24px;
    margin: 0;
  }

  :is(.template-collection, .template-search) .cherry-collection-dropdown {
    position: absolute;
    top: 19px;
    left: 24px;
    margin: 0;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__label,
  :is(.template-collection, .template-search) .cherry-collection-dropdown__label {
    display: block !important;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.6px;
    text-transform: capitalize;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title-row {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 24px;
    margin-top: 5px;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title {
    margin: 0;
    color: #241a12;
    font-family: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: capitalize;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title-row img {
    display: block;
    width: 24px;
    height: 24px;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .collection__products-count,
  :is(.template-collection, .template-search) #CollectionStickyBar .collection__sort-bar {
    display: none;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .coll-filter-wrap {
    position: absolute;
    top: 30px;
    right: 90px;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .collection__filters__toggle {
    display: flex;
    align-items: center;
    gap: 5px;
    width: auto;
    height: 20px;
    margin: 0;
    padding: 0;
    color: #241a12;
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    cursor: pointer;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .all-filter-count {
    font-size: 12px;
    opacity: 0.6;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-button__plus {
    font-size: 13px;
    line-height: 1;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-clear-all {
    display: none;
    align-items: center;
    gap: 6px;
    color: #241a12;
    font-size: 11px;
    text-decoration: underline;
    opacity: 0.6;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-clear-all.is-visible {
    display: inline-flex;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-clear-all:hover {
    opacity: 1;
  }

  :is(.template-collection, .template-search) #CollectionStickyBar .filter-clear-dot {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #241a12;
  }

  :is(.template-collection, .template-search) .cherry-collection-refine__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    overflow: hidden;
  }

  :is(.template-collection, .template-search) .cherry-collection-refine__icon img {
    display: block;
    width: 16px;
    height: 15px;
  }

  :is(.template-collection, .template-search) .cherry-collection-density {
    position: absolute;
    top: 30px;
    right: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 50px;
    height: 20px;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__icon {
    display: grid;
    width: 20px;
    height: 20px;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__icon--two {
    grid-template-columns: repeat(2, 9px);
    grid-template-rows: repeat(2, 9px);
    gap: 2px;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__icon--four {
    display: block;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__icon--four img {
    display: block;
    width: 20px;
    height: 20px;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__icon--four img.cherry-collection-density__dense-icon--active,
  :is(.template-collection, .template-search) .cherry-collection-density__button.is-active .cherry-collection-density__dense-icon--inactive {
    display: none;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__button.is-active .cherry-collection-density__dense-icon--active {
    display: block;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__icon span {
    display: block;
    width: 100%;
    height: 100%;
    background: #faf1e2;
    border: 0.5px solid #faf1e2;
  }

  :is(.template-collection, .template-search) .cherry-collection-density__button.is-active .cherry-collection-density__icon span {
    background: #241a12;
    border-color: #241a12;
  }

  :is(.template-collection, .template-search) .collection__products {
    container-type: inline-size;
    width: 100%;
    padding: 20px 24px 60px;
    overflow: visible;
    background: #fffbf6 !important;
    border: 0 !important;
  }

  :is(.template-collection, .template-search) [data-cherry-grid-density="4"] .collection__products>.grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: calc((100vw - 96px) / 3 + 74px);
    gap: 16px !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  @supports (width: 1cqw) {
    :is(.template-collection, .template-search) [data-cherry-grid-density="4"] .collection__products>.grid {
      grid-auto-rows: calc((100cqw - 48px) / 3 + 74px);
    }

  }

  :is(.template-collection, .template-search) [data-cherry-grid-density="6"] .collection__products>.grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: calc((200vw - 256px) / 9 + 74px);
    gap: 16px !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  @supports (width: 1cqw) {
    :is(.template-collection, .template-search) [data-cherry-grid-density="6"] .collection__products>.grid {
      grid-auto-rows: calc((200cqw - 160px) / 9 + 74px);
    }
  }

  :is(.template-collection, .template-search) .collection__products>.grid>.product-grid-item {
    width: 100% !important;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  :is(.template-collection, .template-search) [data-cherry-grid-density="4"] .collection__products>.grid>.product-grid-item:not(.collection-promo),
  :is(.template-collection, .template-search) [data-cherry-grid-density="6"] .collection__products>.grid>.product-grid-item:not(.collection-promo) {
    height: 100%;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__image {
    width: 100%;
    height: 0;
    margin: 0 0 10px;
    padding-top: 133.333333% !important;
    overflow: hidden;
    background: #fcf7eb;
  }

  :is(.template-collection, .template-search) .collection__products .product__media__hover-img,
  :is(.template-collection, .template-search) .collection__products .product__media__slide {
    background-position: center;
    background-size: cover;
    width: 100.2%;
  }

  :is(.template-collection, .template-search) .collection__products .product__media {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100.2%;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__info.product-grid-item__info--left,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__info {
    position: static !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #241a12;
    background: transparent;
    opacity: 1 !important;
  }

  :is(.template-collection, .template-search) .collection__products .product-cutline,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__rating,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__quick-buy {
    display: none;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__title,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__price {
    display: block;
    margin: 0;
    color: #241a12;
    font-family: inherit;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__title {
    width: calc(100% - 77px);
    overflow: hidden;
    font-size: 14px;
    letter-spacing: 0.7px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__price {
    width: 100%;
    font-size: 12px;
    letter-spacing: 0.6px;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__price__new {
    margin: 0;
  }

  :is(.template-collection, .template-search) .collection__products .cherry-collection-price-separator {
    color: #241a12;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__price s {
    color: #bd2023;
    text-decoration-thickness: auto;
    text-decoration-skip-ink: none;
  }

  :is(.template-collection, .template-search) .collection__products .product__badge {
    top: 25px;
    left: 12px;
    margin: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product__badge__item {
    height: auto;
    padding: 0;
    color: #201d1c;
    background: transparent;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.6px;
    text-transform: capitalize;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch {
    position: absolute;
    z-index: 5;
    top: 25px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 3px;
    width: auto;
    min-height: 8px;
    margin: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch::before,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__text-more {
    display: none;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__button,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__button:last-child {
    display: block;
    position: relative;
    width: 30px;
    height: 8px;
    margin: 0;
    padding: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__button.is-hidden {
    display: none !important;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__label {
    display: block;
    width: 30px;
    height: 8px;
    margin: 0;
    background: var(--swatch, #d9d9d9) no-repeat center / cover;
    border: 0;
    border-radius: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__label::before,
  :is(.template-collection, .template-search) .collection__products .product-grid-item__swatch .swatch__label::after {
    display: none;
  }

  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- {
    position: absolute;
    z-index: 5;
    top: 25px;
    right: 12px;
    display: block;
    width: auto;
    height: 8px;
    margin: 0;
    padding: 0;
    background: transparent;
  }

  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown,
  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown ul {
    position: static;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 3px;
    width: auto;
    height: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 1;
  }

  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown li,
  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown li img {
    display: block;
    flex: 0 0 30px;
    width: 30px;
    height: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 0;
  }

  :is(.template-collection, .template-search) .collection__products .product__selectors.product-color- .colordropdown li[role="link"] {
    cursor: pointer;
  }

  :is(.template-collection, .template-search) .collection__products .progress-bar {
    display: none;
  }

  :is(.template-collection, .template-search) .collection__products .sizes_new {
    position: absolute;
    z-index: 7;
    top: calc((100vw - 96px) / 3 - 69px);
    right: 24px;
    left: 24px;
    display: flex;
    gap: 0;
    width: auto;
    height: 40px;
    margin: 0;
    overflow: hidden;
    background: #fffbf6;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  :is(.template-collection, .template-search) [data-cherry-grid-density="6"] .collection__products .sizes_new {
    top: calc((200vw - 256px) / 9 - 69px);
    right: 4px;
    left: 4px;
  }

  @supports (width: 1cqw) {
    :is(.template-collection, .template-search) [data-cherry-grid-density="4"] .collection__products .sizes_new {
      top: calc((100cqw - 48px) / 3 - 69px);
    }

    :is(.template-collection, .template-search) [data-cherry-grid-density="6"] .collection__products .sizes_new {
      top: calc((200cqw - 160px) / 9 - 69px);
    }
  }

  :is(.template-collection, .template-search) .collection__products .product-grid-item:hover .sizes_new,
  :is(.template-collection, .template-search) .collection__products .product-grid-item:focus-within .sizes_new {
    opacity: 1;
  }

  :is(.template-collection, .template-search) .collection__products .sizes_new:empty {
    display: none;
  }

  :is(.template-collection, .template-search) .collection__products .sizes_new button,
  :is(.template-collection, .template-search) .collection__products .sizes_new span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    min-width: 0;
    height: 40px;
    margin: 0;
    padding: 0;
    color: #241a12;
    background: #fffbf6;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.7px;
    text-align: center;
    transition: background 0.2s ease;
    cursor: pointer;
  }

  :is(.template-collection, .template-search) .collection__products .sizes_new button.is-sold-out {
    color: #241a12;
    opacity: 1;
  }

  :is(.template-collection, .template-search) .collection__products .sizes_new button.is-active,
  :is(.template-collection, .template-search) .collection__products .sizes_new button:hover,
  :is(.template-collection, .template-search) .collection__products .sizes_new button:focus-visible {
    color: #fffbf6;
    background: #241a12;
  }

  :is(.template-collection, .template-search) .collection__products .sizes_new span {
    text-decoration: line-through;
    color: #241a12;
    cursor: default;
  }

}

@media only screen and (max-width: 989px) {
  :is(.template-collection, .template-search) .cherry-collection-density {
    display: none;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__label,
  :is(.template-collection, .template-search) .cherry-collection-dropdown__label {
    display: block !important;
    margin: 0;
    color: #241a12;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.6px;
    text-transform: capitalize;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title-row {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title {
    margin: 0;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.8px;
  }

}

/* Collection page canvas and shop-all sections. */
.template-collection,
.template-collection #MainContent,
.template-collection .collection-section,
.template-collection .collection.collection-items,
.template-collection .collection__products,
.template-collection .subcollections,
.template-collection [data-section-type="featured-collection"] {
  --bg: #fffbf6;
  background-color: #fffbf6 !important;
}

.template-collection #CollectionFilterContainer.collection-filter-container,
.template-collection #CollectionStickyBar.collection__sticky-bar {
  --bg: #fffbf6;
  position: relative !important;
  top: auto !important;
  background-color: #fffbf6 !important;
}

/* Keep card slider and hover layers on the same cream as their image frame. */
.product-grid-item__image,
.cherry-product-card__image {
  --bg: #fcf7eb;
  background-color: #fcf7eb;
}

.cart-drawer:has(.cart-drawer__empty-message:not(.hidden)) .cart-drawer__title-default,
.cart-drawer:has(.cart-drawer__empty-message:not(.hidden)) .cart-drawer__item-qty {
  display: none;
}

.cart-drawer:has(.cart-drawer__empty-message:not(.hidden)) .cart-drawer__title-empty {
  display: inline;
}

.cart-drawer .cart-drawer__close {
  position: static;
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  color: #241a12;
}

.cart-drawer .cart-drawer__close img {
  display: block;
  width: 24px;
  height: 24px;
}

.cart-drawer .cart-drawer__close:hover img {
  transform: none;
}

.cart-drawer .cart-drawer__body {
  min-height: 0;
}

.cart-drawer .cart-drawer__empty-message {
  display: flex;
  height: 100%;
  min-height: 100%;
  padding: 0;
  text-align: left;
}

.cart-drawer .cart-drawer__empty-message.hidden {
  display: none;
}

.cherry-empty-cart {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0 24px 53px 16px;
  overflow: hidden;
}

.cherry-empty-cart__heading {
  margin: 0 0 20px;
  padding-left: 8px;
  color: #241a12;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.7px;
  text-align: center;
}

.cherry-empty-cart__recommendations {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-top: 30px;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior-y: contain;
}

.cherry-empty-cart__recommendations::-webkit-scrollbar {
  display: none;
}

.cherry-empty-cart__grid {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 20px;
  margin-bottom: 84px;
  align-content: start;
}

.cherry-empty-cart__product {
  min-width: 0;
}

.cherry-empty-cart__product-image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 266 / 334;
  overflow: hidden;
  background: #f1eee9;
}

.cherry-empty-cart__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cherry-empty-cart__image--placeholder {
  color: #c9c2ba;
  background: #f1eee9;
}

.cherry-empty-cart__badge {
  position: absolute;
  top: 11px;
  left: 7px;
  color: #201d1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
  text-transform: capitalize;
}

.cherry-empty-cart__image-indicator {
  position: absolute;
  top: 13px;
  right: 6px;
  display: flex;
  gap: 3px;
}

.cherry-empty-cart__image-indicator span {
  display: block;
  width: 15px;
  height: 4px;
  background: #d9d9d9;
}

.cherry-empty-cart__image-indicator span:first-child {
  background: #978e82;
}

.cherry-empty-cart__product-title,
.cherry-empty-cart__product-price {
  display: block;
  overflow: hidden;
  color: #241a12;
  font-family: inherit;
  font-weight: 400;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cherry-empty-cart__product-title {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: 0.7px;
}

.cherry-empty-cart__product-price {
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 0.6px;
  color: #000;
}

.cherry-empty-cart__product-price del {
  color: #bd2023;
  text-decoration-thickness: auto;
  text-decoration-skip-ink: none;
}

.cherry-empty-cart__continue {
  display: flex;
  flex: 0 0 50px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  margin-top: 0;
  padding: 12px 20px;
  color: #fffbf6;
  background: #241a12;
  border-radius: 5px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.6px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.cherry-empty-cart__continue:hover,
.cherry-empty-cart__continue:focus {
  color: #fffbf6;
  background: #241a12;
}

@media only screen and (max-width: 749px) {
  .cart-drawer .cart-drawer__head {
    flex-basis: 80px;
    min-height: 80px;
    padding: 0 15px 0 16px;
  }

  .cart-drawer .cart-drawer__head h3 {
    font-size: 20px;
    letter-spacing: 1px;
  }

  .cart-drawer .cart-drawer__close,
  .cart-drawer .cart-drawer__close img {
    flex-basis: 24px;
    width: 24px;
    height: 24px;
  }

  .cherry-empty-cart {
    padding: 0 16px 32px;
  }

  .cherry-empty-cart__recommendations {
    padding-top: 30px;
  }

  .cherry-empty-cart__heading {
    margin-bottom: 14px;
    padding-left: 0;
  }

  .cherry-empty-cart__grid {
    column-gap: 8px;
    row-gap: 22px;
    margin-bottom: 0;
  }

  .cherry-empty-cart__product-image {
    aspect-ratio: 200 / 267;
    background: #fcf7eb;
  }

  .cherry-empty-cart__image--placeholder {
    background: #fcf7eb;
  }

  .cherry-empty-cart__product-title {
    margin-top: 10px;
    line-height: normal;
  }

  .cherry-empty-cart__product-price {
    line-height: normal;
  }
}

/* CHERRY POPULATED CART DRAWER */
.cart-drawer {
  overflow: hidden;
}

.cart-drawer__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  background: #fffbf6;
}

.cherry-cart-recommendations {
  display: none;
  height: 100%;
  min-height: 0;
  color: #241a12;
  background: #fffbf6;
  border-right: 0.5px solid #e3e3e1;
  border-left: 0.5px solid #e3e3e1;
}

.cherry-cart-recommendations-mobile {
  display: none;
}

.cart-drawer .cherry-cart-recommendations:not(:has(.cherry-cart-recommendations__product)),
.cart-drawer .cherry-cart-recommendations-mobile:not(:has(.cherry-cart-recommendations__product)) {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .cart-drawer:has(.cart-drawer__items:not(.hidden)):has([data-cart-recommendations-desktop] .cherry-cart-recommendations__product) {
    --drawer-width: min(789px, 100vw);
    flex-direction: row;
  }

  .cart-drawer:has(.cart-drawer__items:not(.hidden)) [data-cart-recommendations-desktop]:has(.cherry-cart-recommendations__product) {
    display: flex;
    flex: 0 0 200px;
    flex-direction: column;
    width: 200px;
  }

  .cart-drawer:has(.cart-drawer__items:not(.hidden)):has([data-cart-recommendations-desktop] .cherry-cart-recommendations__product) .cart-drawer__main {
    flex: 0 0 589px;
    width: 589px;
  }
}

.cherry-cart-recommendations__heading {
  display: flex;
  flex: 0 0 80px;
  align-items: center;
  width: 100%;
  min-height: 80px;
  margin: 0;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.7px;
  text-transform: capitalize;
}

.cherry-cart-recommendations__list {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 16px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior-y: contain;
}

.cherry-cart-recommendations__list::-webkit-scrollbar {
  display: none;
}

.cherry-cart-recommendations__product {
  width: 100%;
  margin: 0 0 20px;
}

.cherry-cart-recommendations__image-link {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #fcf7eb;
}

.cherry-cart-recommendations__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cherry-cart-recommendations__image--placeholder {
  color: #c9c2ba;
  background: #fcf7eb;
}

.cherry-cart-recommendations__info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  margin-top: 10px;
}

.cherry-cart-recommendations__title,
.cherry-cart-recommendations__price {
  display: block;
  color: #241a12;
  font-family: inherit;
  font-weight: 400;
  text-decoration: none;
}

.cherry-cart-recommendations__title {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.7px;
}

.cherry-cart-recommendations__price {
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.6px;
}

.cherry-cart-recommendations__price del {
  color: #bd2023;
}

.cart-drawer:has(.cart-drawer__items:not(.hidden)) .cart-drawer__head {
  padding-right: 24px;
}

.cart-drawer .cart-drawer__head h3 {
  gap: 0;
}

.cart-drawer .cart-drawer__item-qty {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.cart-drawer .cart-drawer__item-qty::before {
  content: " (";
}

.cart-drawer .cart-drawer__item-qty::after {
  content: ")";
}

.cart-drawer .cart-drawer__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}

.cart-drawer .cart-drawer__message {
  display: flex;
  flex: 0 0 65px;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 65px;
  margin: 0;
  padding: 0 24px 0 16px;
  border-bottom: 0.5px solid #e3e3e1;
}

.cart-drawer .cart__message__success,
.cart-drawer .cart__message__default {
  width: 100%;
  padding: 0;
  color: #241a12;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
}

.cart-drawer .cart__message__progress__holder,
.cart-drawer .cart__message__progress {
  display: block;
  width: 100%;
  height: 4px;
  margin: 0;
  border-radius: 1px;
}

.cart-drawer .cart__message__progress__holder {
  flex: 0 0 4px;
  overflow: hidden;
  background: #e3e3e1;
}

.cart-drawer .cart__message__progress {
  -webkit-appearance: none;
  appearance: none;
  overflow: hidden;
  padding: 0;
  border: 0;
  color: #bd2023;
  background: #e3e3e1;
  vertical-align: top;
}

.cart-drawer .cart__message__progress::-webkit-progress-bar {
  background: #e3e3e1;
  border-radius: 1px;
  box-shadow: none;
}

.cart-drawer .cart__message__progress::-webkit-progress-value {
  background: #bd2023;
  border-radius: 1px;
  transition: none;
}

.cart-drawer .cart__message__progress::-moz-progress-bar {
  background: #bd2023;
  border-radius: 1px;
  transition: none;
}

.aos-initialized .cart-drawer .cart-drawer__message .cart__message__progress::-webkit-progress-value {
  width: min(var(--progress-width, 100%), 100%) !important;
  transition: none;
}

@-moz-document url-prefix() {
  .aos-initialized .cart-drawer .cart-drawer__message .cart__message__progress:indeterminate::-moz-progress-bar {
    width: min(var(--progress-width, 100%), 100%) !important;
    transition: none;
  }
}

.cart-drawer .cart-drawer__items {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior-y: contain;
}

.cart-drawer .cart-drawer__items::-webkit-scrollbar {
  display: none;
}

.cart-drawer .cart__item {
  display: grid;
  grid-template-columns: 125px minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  padding: 22px 24px 22px 16px;
  overflow: hidden;
  border-bottom: 0.5px solid #e3e3e1;
}

@media only screen and (min-width: 750px) {
  .cart-drawer .cart__item {
    min-height: 200px;
  }
}

.cart-drawer .cart__item__image {
  width: 125px;
  height: 156px;
  margin: 0;
}

.cart-drawer .cart__item__image a {
  width: 125px;
  height: 156px;
  border-radius: 0;
}

.cart-drawer .cart__item__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-height: 156px;
  min-width: 0;
  padding: 30px 0;
}

.cart-drawer .cart__item__content-inner {
  align-items: flex-start;
  width: 100%;
}

.cart-drawer .cart__item__info {
  flex: 0 1 283px;
  width: 283px;
  max-width: 283px;
  min-width: 0;
}

.cart-drawer .cart__item__title {
  width: 100%;
  margin: 0;
  color: #201d1c;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.8px;
  overflow-wrap: anywhere;
  white-space: normal;
}

.cart-drawer .cart__item__price {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  color: #201d1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
  white-space: nowrap;
}

.cart-drawer .cart__item__meta {
  display: none;
}

.cherry-cart-item__variant,
.cherry-cart-item__fulfilment {
  display: none;
}

.cart-drawer .cherry-cart-item__variant {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
  color: #201d1c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
  white-space: nowrap;
}

.cherry-cart-item__swatch {
  display: block;
  flex: 0 0 25px;
  width: 25px;
  height: 8px;
  background-color: #8db1d1;
  border: 0.5px solid #e3e3e1;
}

.cart-drawer .cart__item__bottom {
  position: static;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: auto 0 0;
}

.cart-drawer .cart__item__remove {
  display: none;
}

.cart-drawer .cart__item__quantity {
  position: static;
  display: grid;
  flex: 0 0 90px;
  grid-template-columns: repeat(3, 30px);
  width: 90px;
  height: 30px;
  overflow: visible;
  position: relative;
}

.cart-drawer .cart__item__quantity button,
.cart-drawer .cart__item__quantity-field {
  width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  margin: 0;
  padding: 0;
  color: #241a12;
  background: #fffbf6;
  border: 0.5px solid #e3e3e1;
  border-radius: 0;
  box-shadow: none;
  font-family: var(--pdp-font, "Source Serif 4", serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.48px;
  text-align: center;
  text-transform: uppercase;
  transform: none;
  position: relative;
}

.cart-drawer .cart__item__quantity button .cart-drawer .cart__item__quantity button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.cart-drawer .cart__item__quantity button:hover:not(:disabled) {
  opacity: 0.7;
}

.cart-drawer .cart__item__quantity button:disabled {
  opacity: 0.4;
  cursor: default;
}

.cart-drawer .cart__item__quantity-minus {
  border-radius: 5px 0 0 5px !important;
}

.cart-drawer .cart__item__quantity-plus {
  border-radius: 0 5px 5px 0 !important;
}

.cart-drawer .cart__item__quantity-field {
  position: static;
  border-right: 0;
  border-left: 0;
  -moz-appearance: textfield;
  appearance: textfield;
}

.cart-drawer .cart__item__quantity-field::-webkit-outer-spin-button,
.cart-drawer .cart__item__quantity-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
  margin: 0;
}



.cart-drawer .cherry-cart-quantity__icon {
  position: static;
  display: block;
  width: 12px;
  height: 12px;
  max-width: 12px;
  max-height: 12px;
  margin: auto;
  pointer-events: none;
}

.cart-drawer .cherry-cart-quantity__icon--minus,
.cart-drawer .cherry-cart-quantity__icon--plus {
  position: static;
  width: 12px;
  height: 12px;
}

.cart-drawer .cherry-cart-item__fulfilment,
.cart .cherry-cart-item__fulfilment,
[data-cart-page] .cherry-cart-item__fulfilment {
  display: grid;
  flex: 0 0 267px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 267px;
  height: 30px;
  padding: 4px;
  color: #241a12;
  background: #e3e3e1;
  border-radius: 5px;
  transition: opacity 0.2s ease;
}

.cherry-cart-item__fulfilment.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.cherry-cart-item__fulfilment-option {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 4px;
  margin: 0;
  border: none;
  background: transparent;
  color: #241a12;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.6px;
  white-space: nowrap;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color 0.15s ease, opacity 0.15s ease, color 0.15s ease;
}

.cherry-cart-item__fulfilment-option:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: rgba(252, 247, 235, 0.6);
}

.cherry-cart-item__fulfilment-option.is-active {
  background: #fcf7eb;
  cursor: default;
}

.cherry-cart-item__fulfilment-option:disabled,
.cherry-cart-item__fulfilment-option.is-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.cart-drawer .cart-drawer__foot {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fffbf6;
}

.cart-drawer .cart__pair {
  display: none;
}

.cart-drawer .cart-drawer__foot form {
  display: flex;
  flex-direction: column;
}

.cart-drawer .cart__widget__wrapper,
.cart-drawer .cart__widget__wrapper div:last-of-type {
  margin: 0;
}

.cart-drawer .cherry-cart__notes {
  padding: 20px 16px 20px;
  border-top: 0.5px solid #e3e3e1;
  border-bottom: 0.5px solid #e3e3e1;
  font-weight: 400;
}

.cart-drawer .cherry-cart__notes .cart__widget__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  color: #241a12;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.7px;
  text-transform: capitalize;
}

.cherry-cart__notes-chevron {
  display: block;
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}

.cart__widget__title:not(.is-expanded) .cherry-cart__notes-chevron {
  transform: rotate(90deg);
}

.cart-drawer .cherry-cart__notes [data-collapsible-container].is-expanded {
  height: auto;
}

.cart-drawer .cherry-cart__notes .cart__widget__content {
  margin-top: 10px;
}

.cart-drawer .cherry-cart__notes .cart__widget__content label {
  display: none;
}

.cart-drawer .cherry-cart__notes .cart__field--textarea {
  display: block;
  width: 100%;
  height: 61px;
  min-height: 61px;
  margin: 0;
  padding: 16px;
  resize: none;
  color: #241a12;
  background: #fffbf6;
  border: 0.5px solid #f3c4b4;
  border-radius: 10px;
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
}

.cart-drawer .cherry-cart__notes .cart__field--textarea::placeholder {
  color: #241a12;
  opacity: 1;
}

.cherry-cart__protection {
  display: grid;
  grid-template-columns: minmax(0, auto) 20px 1fr;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 0 24px 0 16px;
  border-bottom: 0.5px solid #e3e3e1;
}

.cherry-cart__protection-label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
  color: #241a12;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.7px;
  white-space: nowrap;
}

.cherry-cart__protection-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.cherry-cart__protection-switch {
  position: relative;
  display: block;
  flex: 0 0 50px;
  width: 50px;
  height: 20px;
  background: #e3e3e1;
  border-radius: 30px;
}

.cherry-cart__protection-switch::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fffbf6;
  border-radius: 50%;
  content: "";
  transition: transform 0.2s ease;
}

.cherry-cart__protection-input:checked+.cherry-cart__protection-switch {
  background: #241a12;
}

.cherry-cart__protection-input:checked+.cherry-cart__protection-switch::after {
  transform: translateX(30px);
}

.cherry-cart__protection-input:focus-visible+.cherry-cart__protection-switch {
  outline: 2px solid #bd2023;
  outline-offset: 2px;
}

.cherry-cart__protection-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: #fffbf6;
  background: #000;
  border-radius: 50%;
  font-family: serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.cherry-cart__protection-price {
  justify-self: end;
  color: #241a12;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.7px;
  white-space: nowrap;
}

.cherry-cart__subtotal-label {
  display: none;
}

.cart-drawer .cart__foot-inner {
  padding: 16px 24px 21px 16px;
}

.cart-drawer .cherry-cart__subtotal {
  padding: 0;
  margin: 0 0 11px;
  color: #241a12;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.7px;
}

.cart-drawer .cherry-cart__subtotal>span:first-child {
  text-transform: none;
  letter-spacing: inherit;
}

.cart-drawer .cherry-cart__subtotal-label-default {
  display: none;
}

.cart-drawer .cherry-cart__subtotal-label {
  display: inline;
}

.cart-drawer .cart__discounts {
  margin: 0 0 10px;
}

.cart-drawer .cart__buttons-wrapper,
.cart-drawer .cart__buttons,
.cart-drawer .cart__buttons__fieldset {
  width: 100%;
}

.cart-drawer .cart__checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  height: 50px;
  min-height: 50px;
  padding: 8px 20px;
  color: #fffbf6;
  background: #241a12;
  border: 0;
  border-radius: 5px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

redo-shopify-toggle {
  display: block !important;
  width: 100% !important;
}

.cart__buttons__fieldset:has(redo-shopify-toggle)>.cart__checkout {
  display: none !important;
}

.cart-drawer:has(redo-shopify-toggle)>.cherry-cart__protection,
.cart-drawer:has(redo-shopify-toggle) .cart__foot>.cherry-cart__protection {
  display: none !important;
}

.cart-drawer .cart__total__money::before {
  display: none;
}

.cart-drawer .cart__text {
  margin: 19px 0 0;
  color: #241a12;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.6px;
  text-transform: capitalize;
}

/* Use the horizontal recommendation row on phones and tablets. */
@media only screen and (max-width: 1199px) {
  .cart-drawer .cart-drawer__items {
    touch-action: pan-x pan-y;
  }

  .cart-drawer .cherry-cart-recommendations-mobile {
    display: block;
    height: auto;
    margin-top: 22px;
    padding: 0 0 40px;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
  }

  .cherry-cart-recommendations-mobile .cherry-cart-recommendations {
    display: block;
    height: auto;
    border: 0;
  }

  .cherry-cart-recommendations-mobile .cherry-cart-recommendations__heading {
    display: block;
    min-height: 0;
    margin: 0 0 16px;
    text-transform: none;
  }

  .cherry-cart-recommendations-mobile .cherry-cart-recommendations__list {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 10px) / 2);
    gap: 10px;
    width: 100%;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
  }

  .cherry-cart-recommendations-mobile .cherry-cart-recommendations__product {
    width: auto;
    min-width: 0;
    margin: 0;
    scroll-snap-align: start;
  }

  .cherry-cart-recommendations__progress {
    height: 2px;
    margin: 16px 16px 0;
    overflow: hidden;
    background: #e3e3e1;
  }

  .cherry-cart-recommendations__progress span {
    display: block;
    height: 100%;
    background: #ad1e23;
  }

  .cart-drawer .cherry-cart-recommendations-mobile .cherry-cart-recommendations__image-link {
    width: 100%;
    height: auto;
    aspect-ratio: 199 / 266;
    touch-action: pan-x pan-y;
  }

  .cherry-cart-recommendations-mobile .cherry-cart-recommendations__info {
    width: min(177px, 100%);
  }

  .cherry-cart-recommendations-mobile .cherry-cart-recommendations__title {
    line-height: 1.1;
  }

}

@media only screen and (max-width: 749px) {
  .cart-drawer .cart-drawer__message {
    background: #fffbf6;
    z-index: 1;
  }

  .cart-drawer:has(.cart-drawer__items:not(.hidden)) .cart-drawer__head {
    flex-basis: 60px;
    min-height: 60px;
    padding: 0 15px 0 16px;
  }

  .cart-drawer:has(.cart-drawer__items:not(.hidden)) .cart-drawer__message {
    padding-right: 16px;
  }

  .cart-drawer .cart__item {
    grid-template-columns: 125px minmax(0, 1fr);
    gap: 16px;
    width: calc(100% - 16px);
    height: auto;
    padding: 22px 0 22px 16px;
    overflow: visible;
  }

  .cart-drawer .cart__item__image,
  .cart-drawer .cart__item__image a {
    width: 125px;
    height: 156px;
  }

  .cart-drawer .cart__item__content {
    height: auto;
    padding-top: 30px;
  }

  .cart-drawer .cart__item__info {
    flex: 1 1 0;
    width: 100%;
    max-width: 100%;
  }

  .cart-drawer .cart__item__content-inner {
    position: relative;
    display: block;
  }

  .cart-drawer .cart__item__title {
    font-size: 16px;
    letter-spacing: 0.8px;
  }

  .cart-drawer .cart__item__price {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: auto;
    margin: 0;
    text-align: right;
    font-size: 12px;
    line-height: 1.1;
    letter-spacing: 0.6px;
  }

  .cart-drawer .cherry-cart-item__variant {
    padding-right: 95px;
  }

  .cart-drawer .cart__item__bottom {
    margin-top: 0;
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    row-gap: 13px;
    align-items: start;
    justify-content: start;
  }

  .cart-drawer .cart__item__quantity {
    grid-column: 1;
  }

  .cart-drawer .cherry-cart-item__fulfilment,
  .cart .cherry-cart-item__fulfilment,
  [data-cart-page] .cherry-cart-item__fulfilment {
    display: grid;
    grid-column: 1 / -1;
    width: 100%;
  }

  .cherry-cart__protection {
    grid-template-columns: minmax(0, 1fr) 20px 70px;
    gap: 10px;
    padding-right: 16px;
  }

  .cherry-cart__protection-label {
    gap: 10px;
    font-size: 12px;
    line-height: 1.1;
    letter-spacing: 0.6px;
  }

  .cherry-cart__protection-label>span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cherry-cart__protection-switch {
    flex-basis: 50px;
    width: 50px;
    background: #fffbf6;
    border: 0.5px solid #e3e3e1;
  }

  .cherry-cart__protection-switch::after {
    top: 2px;
    left: 3.5px;
    width: 15px;
    height: 15px;
    background: #e3e3e1;
  }

  .cherry-cart__protection-input:checked+.cherry-cart__protection-switch::after {
    background: #fffbf6;
    transform: translateX(28px);
  }

  .cherry-cart__protection-info {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  .cherry-cart__protection-price {
    font-size: 12px;
    line-height: 1.1;
    letter-spacing: 0.6px;
  }

  .cart-drawer .cart__foot-inner {
    padding-right: 16px;
  }
}

@media only screen and (max-width: 989px) {
  :is(.template-collection, .template-search) .collection__filters-list::-webkit-scrollbar {
    display: none !important;
  }



  :is(.template-collection, .template-search) .cherry-collection-selector {
    width: min(320px, 100vw);
    height: min(850px, 100dvh);
    max-height: 100vh;
    background: rgba(36, 26, 18, 0.95);
    border-bottom: 0.5px solid #e3e3e1;
    border-radius: 0 0 10px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__close {
    top: 30px;
    left: 24px;
    width: 24px;
    height: 24px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__close img {
    width: 24px;
    height: 24px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__content {
    padding: 94px 24px 32px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__show-all,
  :is(.template-collection, .template-search) .cherry-collection-selector__link {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0.8px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__divider {
    width: 262px;
    max-width: 100%;
    height: 0.5px;
    margin-top: 14px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__list {
    gap: 27px;
    margin-top: 23px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__link {
    gap: 5px;
    min-height: 24px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__link img {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }

  :is(.template-collection, .template-search) .cherry-collection-selector__overlay {
    background: rgba(36, 26, 18, 0.2);
  }

  :is(.template-collection, .template-search) .cherry-collection-current {
    position: absolute;
    top: 14px;
    left: 16px;
  }

  :is(.template-collection, .template-search) .cherry-collection-dropdown {
    position: absolute;
    top: 14px;
    left: 16px;
    margin: 0;
  }

  :is(.template-collection, .template-search) .cherry-collection-current__title-row {
    margin-top: 5px;
  }


}



@media (max-width: 767px) {
  .template-product button.product__popup__link span {
    font-size: 12px;
    text-decoration: underline !important;
  }
}

/* Keep the collection selector on the same row as Filter & Sort. */
.template-collection #CollectionStickyBar .cherry-collection-dropdown {
  top: 50%;
  transform: translateY(-50%);
}

:is(.template-collection, .template-search) #CollectionStickyBar .collection__filters__toggle,
:is(.template-collection, .template-search) #CollectionStickyBar .filter-clear-all {
  white-space: nowrap;
  flex-shrink: 0;
}

.template-collection #CollectionStickyBar .cherry-collection-current__title,
.template-collection #CollectionStickyBar .filter-button__text {
  font-size: 13px;
}

.template-collection #CollectionStickyBar .cherry-collection-current__title-row {
  margin-top: 0;
}

@media only screen and (max-width: 989px) {
  .template-collection #CollectionStickyBar .cherry-collection-current__label,
  .template-collection #CollectionStickyBar .cherry-collection-dropdown__label {
    display: none !important;
  }

  .template-collection #CollectionStickyBar .cherry-collection-dropdown {
    top: 26px;
    transform: none;
  }

  .template-collection #CollectionStickyBar .cherry-collection-current__title-row {
    height: 20px;
    margin: 0;
  }
}

/* Safari mobile drawer image touch, swipe & scroll rules */
.cart-drawer img,
.cart-drawer .cart__item__image img,
.cart-drawer .cherry-empty-cart__image,
.cart-drawer .cherry-cart-recommendations__image,
.cart-drawer .product-upsell__image__thumb,
.cart-drawer [data-item] img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

.cart-drawer .cart__item__image a,
.cart-drawer .cherry-empty-cart__product-image,
.cart-drawer .cherry-cart-recommendations__image-link,
.cart-drawer .product-upsell__image__link {
  -webkit-user-drag: none;
  touch-action: pan-y;
}

.cherry-drawer__story {
  -webkit-user-drag: none;
  touch-action: pan-x pan-y;
}

.cherry-drawer__story>img,
.cherry-drawer__story .cherry-drawer__story-image {
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

/* PDP Thumbnails Top Alignment */
.template-product .cherry-product .product-single__thumbnails {
  margin-top: 0 !important;
  align-self: flex-start !important;
}

/* Size Dropdown: Inside thin scrollbar */
.cherry-product__size-menu,
.cherry-size-popout .select-popout__list {
  box-sizing: border-box !important;
  max-height: 300px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: .5px solid #241a12 !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(36, 26, 18, 0.6) transparent !important;
}

.cherry-product__size-menu::-webkit-scrollbar,
.cherry-size-popout .select-popout__list::-webkit-scrollbar,
.cherry-look .cherry-product__size-menu::-webkit-scrollbar {
  width: 4px !important;
  display: block !important;
}

.cherry-product__size-menu::-webkit-scrollbar-track,
.cherry-size-popout .select-popout__list::-webkit-scrollbar-track,
.cherry-look .cherry-product__size-menu::-webkit-scrollbar-track {
  background: transparent !important;
}

.cherry-product__size-menu::-webkit-scrollbar-thumb,
.cherry-size-popout .select-popout__list::-webkit-scrollbar-thumb,
.cherry-look .cherry-product__size-menu::-webkit-scrollbar-thumb {
  background-color: rgba(36, 26, 18, 0.6) !important;
  border-radius: 4px !important;
}

.cherry-product__size-menu::-webkit-scrollbar-thumb:hover,
.cherry-size-popout .select-popout__list::-webkit-scrollbar-thumb:hover,
.cherry-look .cherry-product__size-menu::-webkit-scrollbar-thumb:hover {
  background-color: #241a12 !important;
}

li.cherry-collection-filter__row-break {
  display: none;
}

/* ==========================================================================
   Cherry Search Modal System (Figma: 767:1471, 781:346, 767:1276, 767:1593)
   ========================================================================== */

/* Header Search Modal Integration & Stacking Context Fixes */
body.search-opened {
  overflow: hidden !important;
}

body.search-opened .shopify-section-header,
body.search-opened #SiteHeader {
  z-index: 999999 !important;
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

body.search-opened #SiteHeader .site-header__background {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

body.search-opened #SiteHeader,
body.search-opened #SiteHeader .wrapper,
body.search-opened #SiteHeader [data-aos],
body.search-opened #SiteHeader .cherry-header__nav,
body.search-opened #SiteHeader .cherry-header__controls {
  transform: none !important;
  filter: none !important;
  perspective: none !important;
  contain: none !important;
}

body.search-opened #SiteHeader .cherry-header__logo,
body.search-opened #SiteHeader .cherry-header__controls--left>button,
body.search-opened #SiteHeader .cherry-header__controls--right,
body.search-opened #SiteHeader .search-popdown__toggle {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  display: none !important;
}

/* Explicitly guarantee header logo and controls are ALWAYS visible when modal is closed */
body:not(.search-opened) #SiteHeader .cherry-header__logo {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body:not(.search-opened) #SiteHeader .cherry-header__controls--left>button,
body:not(.search-opened) #SiteHeader .cherry-header__controls--right,
body:not(.search-opened) #SiteHeader .search-popdown__toggle {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.search-opened #SiteHeader .cherry-header__search,
body.search-opened #SiteHeader .cherry-header__search search-popdown,
body.search-opened #SiteHeader .cherry-header__search details {
  position: static !important;
  width: 0 !important;
  height: 0 !important;
}

/* Neutralize legacy theme.css rules that affect search popdowns */
.search-popdown__body,
.search-popdown__body--fixed,
.search-popdown__results,
.popular-searches,
.predictive-search,
.search-form__inner,
.search-form__input-holder,
.search-form__label,
.search-form__input {
  position: static !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  background: transparent !important;
  overflow: visible !important;
  pointer-events: auto !important;
  border: none !important;
}

body.search-opened .main-content:before {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Fullscreen Search Overlay Container */
.cherry-search__body--fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  z-index: 999999 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s linear !important;
}

body.search-opened .cherry-search__body--fixed {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Backdrop: only active when inside fixed body */
.cherry-search__body--fixed .cherry-search__backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.45) !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Modal Content Panel */
.cherry-search__modal-panel {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  background-color: #fffbf6 !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-8px) !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.search-opened .cherry-search__modal-panel {
  transform: translateY(0) !important;
}

/* Inline Search Bar on Search Page */
.cherry-search__page-search {
  position: relative !important;
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto 24px !important;
  display: block !important;
}

.cherry-search__page-search .cherry-search__input-bar {
  position: relative !important;
  width: 100% !important;
  height: 52px !important;
  background-color: #fffbf6 !important;
  border-bottom: 1.5px solid #241a12 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}

.cherry-search__page-search .cherry-search__input-holder {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

.cherry-search__page-search .cherry-search__input {
  width: 100% !important;
  height: 100% !important;
  padding: 0 40px 0 36px !important;
  border: none !important;
  background: transparent !important;
  color: #241a12 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  outline: none !important;
}

.cherry-search__page-search .cherry-search__input-icon {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  pointer-events: none !important;
}

.cherry-search__page-search .cherry-search__clear-btn {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 8px !important;
  display: none !important;
}

.cherry-search__page-search .cherry-search__input-holder.has-value .cherry-search__clear-btn {
  display: block !important;
}

.template-search .search-page__head {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.template-search .search-page__head .search-page__title {
  text-align: center !important;
  width: 100% !important;
}

.cherry-search__modal-panel::-webkit-scrollbar {
  width: 5px;
}

.cherry-search__modal-panel::-webkit-scrollbar-thumb {
  background-color: rgba(36, 26, 18, 0.2);
  border-radius: 4px;
}

/* Top Bar (Figma: 80px height, 0.5px bottom border, cream bg) */
.cherry-search__top-bar {
  position: relative !important;
  width: 100% !important;
  height: 80px !important;
  min-height: 80px !important;
  flex: 0 0 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #fffbf6 !important;
  border-bottom: 0.5px solid #e3e3e1 !important;
  padding: 0 24px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Close Button (Figma: Left 24px, 24x24px) */
.cherry-search__close-btn {
  position: absolute !important;
  left: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #241a12 !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  z-index: 5 !important;
}

.cherry-search__close-btn:hover {
  opacity: 0.7 !important;
  transform: translateY(-50%) scale(1.06) !important;
}

.cherry-search__close-btn svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
}

/* Logo (Figma: Centered, 100x60px) */
.cherry-search__logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 60px !important;
  text-decoration: none !important;
}

.cherry-search__logo-img {
  width: 100px !important;
  height: 60px !important;
  max-height: 60px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Main Search Container (Figma: max 1728px, margin 0 auto) */
.cherry-search__container {
  width: 100% !important;
  max-width: 1728px !important;
  margin: 0 auto !important;
  padding: 25px clamp(20px, 5.5%, 95px) 50px !important;
  box-sizing: border-box !important;
}

.cherry-search__main {
  width: 100% !important;
}

.cherry-search__form {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
}

/* Search Input Bar (Figma: height 50px, border 0.5px solid #241a12, bg #fffbf6) */
.cherry-search__input-bar {
  width: 100% !important;
  max-width: 1538px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 auto !important;
  background-color: #fffbf6 !important;
  border: 0.5px solid #241a12 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
  visibility: visible !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.cherry-search__input-bar:focus-within {
  border-color: #241a12 !important;
  box-shadow: 0 0 0 1px #241a12 !important;
}

.cherry-search__input-holder {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 16px !important;
  margin: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  position: relative !important;
  transform: none !important;
  opacity: 1 !important;
}

.cherry-search__input-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 21px !important;
  height: 21px !important;
  margin: 0 14px 0 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  position: static !important;
  transform: none !important;
}

.cherry-search__mag-icon {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
}

/* Input Typography (Figma: Source Serif 4, 14px, letter-spacing 0.7px, color #241a12) */
.cherry-search__input {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 14px !important;
  line-height: normal !important;
  font-weight: 400 !important;
  color: #241a12 !important;
  letter-spacing: 0.7px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cherry-search__input::placeholder {
  color: #241a12 !important;
  opacity: 1 !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 14px !important;
  letter-spacing: 0.7px !important;
}

.cherry-search__input::-webkit-search-decoration,
.cherry-search__input::-webkit-search-cancel-button,
.cherry-search__input::-webkit-search-results-button,
.cherry-search__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

/* Clear Button inside search input box (Figma: 12x12px 'X' close icon on right) */
.cherry-search__clear-btn {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  margin: 0 0 0 10px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: #241a12 !important;
  flex-shrink: 0 !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.cherry-search__input-holder.has-value .cherry-search__clear-btn,
.cherry-search__input-bar:has(input:not(:placeholder-shown)) .cherry-search__clear-btn {
  display: flex !important;
}

.cherry-search__clear-btn:hover {
  opacity: 0.7 !important;
  transform: scale(1.1) !important;
}

.cherry-search__clear-btn svg {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
}

/* Results Area Flow */
.cherry-search__results {
  width: 100% !important;
  position: static !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cherry-search__predictive-target {
  width: 100% !important;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
}

.cherry-search__initial-content {
  width: 100% !important;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

predictive-search[open="true"][results="true"] .cherry-search__initial-content,
predictive-search:not(.reset)[results] .cherry-search__initial-content {
  display: none !important;
}

/* Popular Searches (Figma: 39px gap below input) */
.cherry-search__popular {
  width: 100% !important;
  max-width: 1538px !important;
  margin: 39px auto 0 auto !important;
  padding: 0 !important;
}

/* Section Headings (Figma: Source Serif 4, 12px, letter-spacing 0.6px, uppercase, #241a12) */
.cherry-search__section-title {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  color: #241a12 !important;
  line-height: 1.1 !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

.cherry-search__pills-list {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.cherry-search__pill-item {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Pill Tags (Figma: bg #fcf7eb, border 0.5px #e3e3e1, radius 30px, height 30px, padding 0 22px, 12px) */
.cherry-search__pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  padding: 0 22px !important;
  background-color: #fcf7eb !important;
  border: 0.5px solid #e3e3e1 !important;
  border-radius: 30px !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.6px !important;
  color: #241a12 !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
}

.cherry-search__pill:hover {
  background-color: #f5eedb !important;
  border-color: #d6cfc0 !important;
  color: #241a12 !important;
  transform: translateY(-1px) !important;
}

/* Divider Line (Figma: line below popular searches, border 0.5px solid #e3e3e1) */
.cherry-search__divider {
  border: none !important;
  border-bottom: 0.5px solid #e3e3e1 !important;
  margin: 40px auto 26px auto !important;
  width: 100% !important;
  max-width: 1538px !important;
  padding: 0 !important;
}

/* Trending Section (Figma: 4 columns desktop) */
.cherry-search__trending {
  width: 100% !important;
  max-width: 1538px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.cherry-search__trending-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cherry-search__product-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cherry-search__product-link {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Product Image Wrap (Figma: aspect ratio 371/465, bg #fcf7eb) */
.cherry-search__product-image-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 371 / 465 !important;
  background-color: #fcf7eb !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cherry-search__product-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.6px !important;
  color: #201d1c !important;
  text-transform: capitalize !important;
  line-height: 1.1 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.cherry-search__product-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  display: block !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cherry-search__product-link:hover .cherry-search__product-img {
  transform: scale(1.03) !important;
}

.cherry-search__product-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px !important;
  box-sizing: border-box !important;
}

.cherry-search__product-placeholder svg {
  width: 100% !important;
  height: 100% !important;
  opacity: 0.25 !important;
}

/* Product Meta (Figma: title 14px, letter-spacing 0.7px; price 12px, letter-spacing 0.6px) */
.cherry-search__product-meta {
  margin-top: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.cherry-search__product-title {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.7px !important;
  color: #241a12 !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.cherry-search__product-price-wrap {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.cherry-search__product-price {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.6px !important;
  color: #241a12 !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cherry-search__product-compare-price {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.6px !important;
  color: #bd2023 !important;
  text-decoration: line-through !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Live Predictive Search State Management */
.cherry-search__live-results {
  width: 100% !important;
  padding-top: 0 !important;
}

.cherry-search__live-results-inner {
  width: 100% !important;
}

/* Results Count in Filled State (Figma 781:346: left-aligned, 12px Source Serif 4, top 194px) */
.cherry-search__results-count-bar {
  width: 100% !important;
  max-width: 1538px !important;
  margin: 39px auto 24px auto !important;
  text-align: left !important;
  padding: 0 !important;
}

.cherry-search__results-count {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.6px !important;
  color: rgba(36, 26, 18, 0.6) !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: lowercase !important;
}

.cherry-search__no-results-msg {
  padding: 40px 0 60px !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 14px !important;
  color: #241a12 !important;
  text-align: center !important;
}

/* Live Divider Below Results (Figma: Line 5, top 772.93px) */
.cherry-search__divider--live {
  border: none !important;
  border-bottom: 0.5px solid #e3e3e1 !important;
  margin: 40px auto 24px auto !important;
  width: 100% !important;
  max-width: 1538px !important;
  padding: 0 !important;
}

/* "VIEW ALL RESULTS" Button (Figma: 408x50px, #241a12 background, #fffbf6 text, 5px radius) */
.cherry-search__view-all-wrap {
  width: 100% !important;
  max-width: 1538px !important;
  margin: 0 auto 30px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cherry-search__view-all-btn {
  width: 408px !important;
  max-width: 100% !important;
  height: 50px !important;
  background-color: #241a12 !important;
  color: #fffbf6 !important;
  border: none !important;
  border-radius: 5px !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
}

.cherry-search__view-all-btn:hover {
  background-color: #3b2c21 !important;
  color: #fffbf6 !important;
  transform: translateY(-1px) !important;
}

/* Suggestions Group */
.cherry-search__suggestions-group {
  width: 100% !important;
  max-width: 1538px !important;
  margin: 28px auto 0 auto !important;
}

/* ==========================================================================
   Mobile & Responsive Adjustments for Search Modal (Figma Nodes 767:1276 & 767:1593)
   ========================================================================== */
@media only screen and (max-width: 767px) {

  /* Follow the visible browser height and leave room below the final product. */
  .cherry-search__body--fixed {
    height: 100dvh !important;
    max-height: 100dvh !important;
  }

  .cherry-search__modal-panel {
    max-height: 100dvh !important;
  }

  /* Top Bar (Figma: 80px, left 16px close button, 96x57.6px logo) */
  .cherry-search__top-bar {
    height: 80px !important;
    min-height: 80px !important;
    flex: 0 0 80px !important;
    padding: 0 16px !important;
  }

  .cherry-search__close-btn {
    left: 16px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .cherry-search__close-btn svg {
    width: 24px !important;
    height: 24px !important;
  }

  .cherry-search__logo-link {
    height: 58px !important;
  }

  .cherry-search__logo-img {
    width: 96px !important;
    height: 58px !important;
  }

  /* Content Container (Figma: 24px top padding from header to search bar, 16px side padding) */
  .cherry-search__container {
    flex-shrink: 0;
    padding: 24px 16px calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Search Input (Figma: 50px height, 0.5px solid #241a12 border) */
  .cherry-search__input-bar {
    height: 50px !important;
    min-height: 50px !important;
    max-width: 100% !important;
    border: 0.5px solid #241a12 !important;
  }

  .cherry-search__input-holder {
    padding: 0 14px !important;
  }

  .cherry-search__input-icon {
    width: 21px !important;
    height: 21px !important;
    margin: 0 12px 0 0 !important;
  }

  .cherry-search__mag-icon {
    width: 21px !important;
    height: 21px !important;
  }

  .cherry-search__input {
    font-size: 14px !important;
    letter-spacing: 0.7px !important;
  }

  .cherry-search__input::placeholder {
    font-size: 14px !important;
    letter-spacing: 0.7px !important;
  }

  .cherry-search__clear-btn {
    width: 16px !important;
    height: 16px !important;
    margin-left: 8px !important;
  }

  .cherry-search__clear-btn svg {
    width: 12px !important;
    height: 12px !important;
  }

  /* Popular Searches (Figma 767:1276: 40px gap below search input) */
  .cherry-search__popular {
    margin-top: 40px !important;
    width: 100% !important;
  }

  .cherry-search__section-title {
    font-size: 12px !important;
    letter-spacing: 0.6px !important;
    margin-bottom: 18px !important;
  }

  .cherry-search__pills-list {
    gap: 10px 10px !important;
  }

  .cherry-search__pill {
    height: 30px !important;
    padding: 0 20px !important;
    font-size: 12px !important;
    letter-spacing: 0.6px !important;
  }

  /* Results Count in Filled State (Figma 767:1593: Centered, 12px Source Serif 4, 40px margin-top, 24px margin-bottom) */
  .cherry-search__results-count-bar {
    margin-top: 40px !important;
    margin-bottom: 24px !important;
    text-align: center !important;
  }

  .cherry-search__results-count {
    text-align: center !important;
    font-size: 12px !important;
    letter-spacing: 0.6px !important;
  }

  /* Dividers (Figma: 0.5px solid #e3e3e1) */
  .cherry-search__divider {
    margin: 40px 0 20px 0 !important;
  }

  .cherry-search__divider--live {
    margin: 30px 0 20px 0 !important;
  }

  .cherry-search__divider--bottom {
    margin: 28px 0 0 0 !important;
  }

  /* Trending Section */
  .cherry-search__trending {
    width: 100% !important;
  }

  /* 2-Column Product Grid (Figma: 8px column gap, 24px row gap) */
  .cherry-search__trending-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 24px !important;
  }

  /* Product Card Image (Figma: aspect ratio 200/267, bg #fcf7eb) */
  .cherry-search__product-image-wrap {
    aspect-ratio: 200 / 267 !important;
  }

  .cherry-search__product-badge {
    top: 10px !important;
    left: 10px !important;
    font-size: 12px !important;
  }

  .cherry-search__product-img {
    padding: 12px !important;
  }

  .cherry-search__product-meta {
    margin-top: 10px !important;
    gap: 4px !important;
  }

  .cherry-search__product-title {
    font-size: 14px !important;
    letter-spacing: 0.7px !important;
    line-height: normal !important;
  }

  .cherry-search__product-price {
    font-size: 12px !important;
    letter-spacing: 0.6px !important;
    line-height: normal !important;
  }

  .cherry-search__product-compare-price {
    font-size: 12px !important;
    letter-spacing: 0.6px !important;
    line-height: normal !important;
  }

  /* "VIEW ALL RESULTS" Button (Figma 767:1593: full width, 50px height, 5px radius, 32px bottom margin) */
  .cherry-search__view-all-wrap {
    width: 100% !important;
    margin: 0 0 32px 0 !important;
  }

  .cherry-search__view-all-btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 50px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    letter-spacing: 0.6px !important;
  }
}

/* Shared product-card swatch size across grids, sliders, and lookbooks.
   Override legacy section and mobile dimensions without changing PDP controls. */
.product-grid-item .product-grid-item__swatch .swatch__button,
.product-grid-item .product-grid-item__swatch .swatch__label,
.product-grid-item .product-color- .colordropdown li,
.product-grid-item .product-color- .colordropdown li img,
.cherry-product-card__swatch,
.cherry-product-card__swatch > span,
.cherry-product-card__swatch > img {
  box-sizing: border-box;
  flex: 0 0 10.5px !important;
  width: 10.5px !important;
  height: 7px !important;
  min-width: 10.5px;
  min-height: 7px;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
}

.product-grid-item .product-color- .colordropdown li,
.product-grid-item .product-color- .colordropdown li img {
  display: block;
  object-fit: cover;
}

.product-grid-item .product-grid-item__swatch,
.product-grid-item .product__selectors.product-color- {
  max-width: calc(100% - 24px);
  height: auto !important;
  min-height: 7px;
}

.product-grid-item .product-grid-item__swatch,
.product-grid-item .product-color- .colordropdown ul {
  flex-wrap: wrap !important;
  row-gap: 5px !important;
}

.product-grid-item .product-color- .colordropdown,
.product-grid-item .product-color- .colordropdown ul {
  max-width: 100%;
  height: auto !important;
  min-height: 7px;
}

.cherry-product-card__colors {
  row-gap: 5px !important;
}

.product-grid-item .product-color- .colordropdown ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}