/** Shopify CDN: Minification failed

Line 906:0 Unexpected "="
Line 1473:0 Unexpected "}"

**/
/* Global price styling with Dirham glyph */
.price,
.compare-at-price,
.cart__total-value,
.cart__original-total-value,
.cart__discount-value,
.unit-price,
.popular-service-card__price {
  font-family: 'Instrument Sans Dirham', sans-serif;
}

.price:before,
.compare-at-price:before,
.cart__total-value:before,
.cart__original-total-value:before,
.cart__discount-value:before,
.unit-price:before,
.popular-service-card__price:before {
  content: '\EAED';
}

.p-medium {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.p-small {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.subheading, .subheading > :is(h2, h3, h4, h5, h6) {
  font-family: var(--font-subheading--family);
  font-weight: var(--font-subheading--weight);
  font-style: var(--font-subheading--style);
  line-height: 1.5;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
}


.menu-drawer__parent_wrapper {
  gap: 50px;
}

.view-all-link {
  color: #292929;
  font-weight: 400;
  display: flex;
  align-items: center;
}

details[open]>summary .icon-caret--down svg {
  transform: rotate(180deg);
}

summary.menu__heading {
  border-bottom: 1px dashed #99A0A8;
  padding-bottom: 16px;
}

.button, .button-secondary {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.slideshow-controls__dots button[aria-selected=true]:after, .slideshow-controls__dots button[aria-selected=true] {
  width: 28px;
}
.index .header-drawer-icon svg path {
    fill: #fff;
}
#header-component[data-scroll-direction="down"] .header-drawer-icon svg path {
    fill: #000;
}
#header-component[data-scroll-direction="up"] .header-drawer-icon svg path {
    fill: #000;
}
#header-component[data-scroll-direction="up"] .sms-header-actions .button{
 border-radius: 6px;
 background: var(--Brand-Colour-Cosmic, #08192C);
}
#header-component[data-scroll-direction="down"] .sms-header-actions .button{
  border-radius: 6px;
  background: var(--Brand-Colour-Cosmic, #08192C);
}
/* When mega-menu is open, change button to dark background with white text */
.header:has(.mega-menu__list:hover) .sms-header-actions .button,
.header:has(.menu-list__link[aria-haspopup]:is(:hover, [aria-expanded='true'], [data-animating])) .sms-header-actions .button,
.header:has(.menu-list__list-item[slot='overflow'] .menu-list__link:is(:hover, [aria-expanded='true'], [data-animating])) .sms-header-actions .button,
.header--inherit-color-scheme-on-menu-open:has(.mega-menu__list:hover) .sms-header-actions .button,
.header--inherit-color-scheme-on-menu-open:has(.menu-list__link[aria-haspopup]:is(:hover, [aria-expanded='true'], [data-animating])) .sms-header-actions .button,
.header--inherit-color-scheme-on-menu-open:has(.menu-list__list-item[slot='overflow'] .menu-list__link:is(:hover, [aria-expanded='true'], [data-animating])) .sms-header-actions .button,
.sms-header-actions .button.menu-open {
  background-color: #1A202C !important;
  color: #fff !important;
  border-color: #1A202C !important;
}
span.svg-wrapper.header-drawer-icon.header-drawer-icon--close {
    width: 24px;
}
.menu-drawer__close-button{ 
  width: 100% !important;
  justify-content: end;
  right: 0 !important;
}

@media screen and (min-width: 750px) {
  .shopify-section-group-footer-group .footer-block {
    column-gap: 80px;
    align-items: start;
  }

  .shopify-section-group-footer-group .footer-block > .group-block {
    width: calc(32.8% - 80px);
    flex: unset;
  }

  .shopify-section-group-footer-group accordion-custom.menu {
    width: calc(22.45% - 80px);
    flex: 1;
  }

  summary.menu__heading {
    border: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: -0.4px;

  }

  .shopify-section-group-footer-group .newsletter-block {
    flex-direction: column;
    align-items: start;
    width: 100%;
  }

  accordion-custom .menu:not(:has(.menu__heading--empty)) .details-content {
    margin-block-start: 16px;
  }

  .footer-utilities__group.footer-utilities__group--left {
    justify-content: end;
    flex-direction: column;
  }

  .footer-utilities__group.footer-utilities__group--left.footer-policy-terms {
    align-items: end;
  }

  product-price .price {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
    letter-spacing: -0.48px;
    color: #222;
  }
  .resource-card__price-wrap .price {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
    letter-spacing: -0.48px;
    color: #222;
  }
}

/* Ensure grid items have equal height */
.product-grid {
  align-items: stretch;
}
.product-grid__item {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}

/* Ensure product cards fill the item height */
.product-grid__item .product-card {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  flex: 1;
  grid-template-rows: none !important;
}

  /* Ensure product card content uses flexbox column and fills space */
 .product-card__content.product-grid__card {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 0;
   
  }

  /* Push price and button to bottom of card */
   .product-card-price-buy,
   .product-card__content .group-block:has(product-price):has(button),
   .product-card__content .group-block:has(product-price):has(add-to-cart-component) {
    margin-top: auto !important;
    align-self: stretch;
    flex-shrink: 0;
    border-top: 1px dashed rgba(0, 0, 0, 0.40);
    padding-top:24px;
  }

  .product-card-price-buy .group-block-content {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
  }

  .product-card-price-buy product-price {
    width: 40%;
    flex: unset !important;
    align-self: flex-end;
  }

   .product-card-price-buy .buy-buttons-block {
    flex: 1;
    display: inline-block;
    align-items: flex-end;
  }

   .product-card-price-buy span.add-to-cart-text {
    width: 100%;
    font-weight: 500;
  }
.product-card__content .spacing-style.text-block  p {
    color: var(--Heading-Colour, #08192C);
}
  /* Ensure button aligns to bottom */
  .product-card-price-buy button,
  .product-card-price-buy add-to-cart-component {
    align-self: flex-end;
  }

  /* Ensure button aligns to bottom */
   .product-card-price-buy button,
   .product-card-price-buy add-to-cart-component {
    align-self: flex-end;
  }

   .card-gallery {
    margin-bottom: 8px;
  }

   .product-usps {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.40);
    padding-block-end: 24px;
  }

   .product-usps li {
    list-style: none;
    color: #31302F;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%; /* 18px */
    letter-spacing: 0.96px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
   .product-badges__badge.product-badges__badge--custom {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%; /* 18px */
    letter-spacing: 0.96px;
    text-transform: uppercase;  
  }
  /* Type-driven badge colors on product cards */
  .product-badges__badge.product-badges__badge--custom.badge-government {
    background-color: #1A7F8A !important;
    color: #ffffff !important;
    border-radius: 120px;
    padding: 8px 16px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .product-badges__badge.product-badges__badge--custom.badge-wellness {
    background-color: #927AFF !important;
    color: #ffffff !important;
    border-radius: 120px;
    padding: 8px 16px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
/* header-component[data-sticky-state="inactive"] .header__row {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);
} */

.sms-header-actions {
    display: flex;
    gap: 24px;
    align-items: center;
}

.sms-header-actions .button {
    padding: 12px 24px;
}

.header__row {
  background: var(--header-bg-color, var(--color-background));
}
/* Header search (icon + placeholder text) */
.search-modal__button.search-trigger {
  background: transparent;
  border: 0;
  overflow: visible;
  padding: 0;
  width: max-content;
}


/* Make icon follow the same text color */
.featured-collections-custom__item-link:hover{
  text-decoration: none !important;
}
.resource-list button.slideshow-control.slideshow-control--previous {
    position: absolute;
    right: 30px;
}
.resource-list .slideshow-controls__dots{
  display:none;
}
.resource-list slideshow-controls {
    margin-top: 20px;
}
/* search-button.search-action{
  justify-content: flex-end;
  padding-right: 20px;
  padding: 8px 16px 8px 12px;
} */
.view-all-mobile{
  display:none !important;
}
.index .sms-header-actions .button {
    background: transparent;
    border-radius: 6px;
    border: 1px solid var(--Background-Colour, #FFF);
    color: var(--Primary-Button---Text, #FFF);
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px;
}
/* On mobile, make all featured collections and carousel text black */
@media screen and (max-width: 749px) {
  .featured-collections-custom__item-link,
  .featured-collections-custom__item-link:active,
  .featured-collections-custom__item-link[aria-current='true'] {
    color: #000 !important;
  }
  
  .featured-collections-custom__item-link[aria-current='true'] {
    font-weight: 500 !important;
  }
  
  /* Carousel collection card titles on mobile */
  .resource-list__carousel .collection-card .h3,
  .resource-list__carousel .collection-card .h4,
  .resource-list__carousel .collection-card h3,
  .resource-list__carousel .collection-card h4,
  .resource-list__carousel .resource-card__title {
    color: #000 !important;
  }
  .view-all-desktop {
      display: none !important;
  }
  .view-all-mobile{
      display:flex !important;
    }
    .menu-drawer__details-parent .menu-drawer__menu-container--divider{
      border-block-end: 1px dashed var(--color-border);
      padding-bottom: 16px;
  }
    search-button.search-action{
      padding-right: 0;
    }
    .menu-drawer__parent_wrapper{
      gap: 50px !important;
    }
    ul.menu-drawer__menu.has-submenu {
        margin-bottom: 100px;
    }
}
/* When mega-menu is open, header swaps to light scheme:
   change search text/icon from white -> black */

/* When search modal is open, set search text color to grey and icon to black (desktop and mobile) */

@media only screen and (max-width:749px){
  .search-trigger__text{
    display:none;
  }
  
  /* Show search text when search modal is open and set color */
}
@media screen and (max-width: 749px) {
  /* Let the actions block have a bit more width */
  header-actions {
    min-width: 136px; /* tweak as needed */
  }

  .product-usps {
    flex-direction: column;
  }

  .product-card-price-buy product-price {
    width: auto;
  }

  .product-card-price-buy .buy-buttons-block {
    display: flex;
    justify-content: end;

  }
}

.featured-blog-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.blog-read-more {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  padding-top: 16px;
  color: #292929;
}

@media screen and (min-width: 750px) {
  .blog-read-more {
    padding-top: 24px;
  }
}

.section--page-narrow {
 max-width: 720px;
  margin-inline: auto;
  margin: 0 auto;
}

@media screen and (max-width: 749px) {
  .section--page-narrow {
    max-width: calc(100% - 40px);
  }

}

.metafield-single_line_text_field-array li, .proof_points {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.metafield-single_line_text_field-array, .proof_points {
  margin: 0;
  padding: 0;
}

/* Tag color styling based on data-tag-type attribute */
/* Wellness & Health tags - Purple */
.text-block[data-tag-type="wellness"],
.text-block[data-tag-type="health"] {
  --text-background-color: #927AFF !important;
}

/* Government tags - Teal */
.text-block[data-tag-type="government"] {
  --text-background-color: #1A7F8A !important;
}

/* Medical & Clinic tags - Red/Coral */
.text-block[data-tag-type="medical"],
.text-block[data-tag-type="clinic"] {
  --text-background-color: #E74C3C !important;
}

/* Service tags - Blue */
.text-block[data-tag-type="service"] {
  --text-background-color: #3498DB !important;
}

/* Package & Plan tags - Orange */
.text-block[data-tag-type="package"],
.text-block[data-tag-type="plan"] {
  --text-background-color: #F39C12 !important;
}

/* Default tag color - Gray */
.text-block[data-tag-type="default"] {
  --text-background-color: #95A5A6 !important;
}

.proof_points {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.proof_points li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #31302F;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%; /* 18px */
  letter-spacing: 0.96px;
  text-transform: uppercase;
}

.proof_points svg {
  color: #31302F;
}

.benefits-image-block img{
 max-width: 96px;
 max-height: 96px;
 border-radius: 100%;
}

@media screen and (min-width: 750px) {
  .proof_points {
    flex-direction: row;
    column-gap: 16px;
    row-gap: 18px;
    flex-wrap: wrap;
  }
}

/* Product card background colors based on service type */
.product-card__content.government-product, .government-product {
  background: #EDF1F4;
}

.product-card__content.wellness-product, .wellness-product {
  background: linear-gradient(0deg, rgba(146, 122, 255, 0.10) 0%, rgba(146, 122, 255, 0.10) 100%), #FFF;

}

/* Carousel arrow styling - minimalist design */
.resource-list__carousel slideshow-arrows .slideshow-control {
  opacity: 1 !important;
  color: #999;
  padding: 0;
  min-height: auto;
  width: auto;
  height: auto;
}

.resource-list__carousel slideshow-arrows .slideshow-control--previous {
  color: #999;
}

.resource-list__carousel slideshow-arrows .slideshow-control--next {
  color: #000;
}

.resource-list__carousel slideshow-arrows .slideshow-control svg {
  width: 24px;
  height: 24px;
  stroke-width: 1;
}

.resource-list__carousel slideshow-arrows .slideshow-control[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Mobile carousel: Show only one full card at a time */
@media screen and (max-width: 749px) {
  /* Override container query slide width to show full card */
  @container resource-list-carousel (max-width: 749px) {
    .resource-list__carousel .resource-list__slide {
      --slide-width: 100% !important;
      width: 100% !important;
      flex-shrink: 0 !important;
      min-width: 100% !important;
    }
  }
  
  /* Fallback for non-container query support */
  .resource-list__carousel .resource-list__slide {
    --slide-width: 100% !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    min-width: 100% !important;
  }
  
  /* Ensure proper scroll snap alignment */
  .resource-list__carousel slideshow-slides {
    scroll-snap-type: x mandatory !important;
  }
  
  .resource-list__carousel .resource-list__slide {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  
  /* Remove gap between slides on mobile to prevent partial cards */
  .resource-list__carousel slideshow-slides {
    gap: 0 !important;
  }
  
  /* Add gap as padding to slides instead */
  .resource-list__carousel .resource-list__slide:not(:first-child) {
    padding-left: var(--resource-list-column-gap, 12px);
  }
  
  /* Mobile carousel navigation: Horizontal lines + arrows */
  .resource-list__carousel slideshow-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 0 !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }
  
  /* Style dots as horizontal lines (center) */
  .resource-list__carousel .slideshow-controls__dots {
    display: flex !important;
    gap: 8px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    order: 2 !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .resource-list__carousel .slideshow-controls__dots li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .resource-list__carousel .slideshow-controls__dots button {
    --size: 2px !important;
    width: 40px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-width: 24px !important;
    min-height: 2px !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
  }
  
  .resource-list__carousel .slideshow-controls__dots button::after {
    content: '' !important;
    display: block !important;
    width: 40px !important;
    height: 2px !important;
    border-radius: 0 !important;
    background-color: #999 !important; /* Light grey for inactive */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }
  
  .resource-list__carousel .slideshow-controls__dots button[aria-selected='true']::after {
    background-color: #000 !important; /* Black for active */
  }
  
  /* Style arrows containers - previous (left) and next (right) */
  .resource-list__carousel .slideshow-controls__arrows {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Previous arrow (left) - order 1 */
  .resource-list__carousel .slideshow-controls__arrows:first-of-type {
    order: 1 !important;
  }
  
  /* Next arrow (right) - order 3 */
  .resource-list__carousel .slideshow-controls__arrows:last-of-type {
    order: 3 !important;
  }
  
  /* Style arrow buttons */
  .resource-list__carousel .slideshow-controls__arrows .slideshow-control {
    color: #000 !important; /* Default black for enabled */
    opacity: 1 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    min-width: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
  }
  
  .resource-list__carousel .slideshow-controls__arrows .slideshow-control[disabled] {
    color: #999 !important; /* Light grey for disabled */
    opacity: 1 !important;
  }
  
  .resource-list__carousel .slideshow-controls__arrows .slideshow-control svg {
    width: 24px !important;
    height: 24px !important;
    stroke-width: 1 !important;
    display: block !important;
  }
  
  /* Ensure arrows are visible and properly colored */
  .resource-list__carousel .slideshow-controls__arrows .slideshow-control svg path {
    stroke: currentColor !important;
  }
}

/* Desktop carousel: Keep card width consistent on larger screens */
@media screen and (min-width: 750px) {
  /* Ensure cards maintain consistent width and don't grow on larger screens */
  @container resource-list-carousel (min-width: 750px) {
    .resource-list__carousel .resource-list__slide {
      /* Use calculated width but cap it at max-width to prevent growth */
      width: var(--slide-width) !important;
      max-width: var(--slide-width-max, 450px) !important;
      min-width: 0 !important;
      flex: 0 0 auto !important;
    }
  }
  
  /* Fallback for consistent card sizing on desktop */
  .resource-list__carousel .resource-list__slide {
    width: var(--slide-width) !important;
    max-width: var(--slide-width-max, 450px) !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  
  /* Ensure product cards inside slides maintain consistent sizing */
  .resource-list__carousel .resource-list__slide product-card,
  .resource-list__carousel .resource-list__slide .product-card,
  .resource-list__carousel .resource-list__slide .resource-card {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Reset any mobile-specific padding that might affect desktop */
  .resource-list__carousel .resource-list__slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Ensure proper gap between slides on desktop */
  .resource-list__carousel slideshow-slides {
    gap: var(--resource-list-column-gap, 16px) !important;
  }
}

/* Mega menu dropdown - Explore Tests padding */
.menu-list__submenu-inner {
  padding-block-start: 50px !important;
  padding-block-end: 50px !important;
}

/* Promo banner View All button */
.menu-drawer__image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.menu-drawer__image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}
span.mega-menu__link-title.promo-title-link {
    color: #696969;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
span.child-menu-link.mega-menu__link-title {
    color: var(--Body-Colour, #292929);
    font-family: "Instrument Sans";
    font-style: normal;
    font-weight: var(--menu-child-font-weight);
    line-height: 150%;
    letter-spacing: -0.4px;
    padding: 0;
    margin-bottom: 4px;
}
span.child-menu-link.mega-menu__link-title.view-all-link {
    color: var(--Colours-General-Body-Text, #222);
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px;

}
a.mega-menu__link.mega-menu__link--parent {
    margin-bottom: 8px;
    color: var(--Grey-800, #4B4B4B);
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}
.menu-drawer__promo-title {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 0;
 color: #FFF;
  font-family: "Instrument Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  z-index:1;
}
.menu-drawer__promo-view-all {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(2px);
  padding: 12px 16px;
  display: flex;
}
.menu-drawer__image-wrapper {
    position: relative;
}
.menu-drawer__promo-view-all-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  transition: opacity 0.2s ease;
}

.menu-drawer__promo-view-all-link:hover {
  opacity: 0.8;
}

.menu-drawer__promo-view-all-link svg {}
=======
/* Facets vertical sidebar styling */
.facets--vertical {
  background: #fff;
  padding: 0;
}

/* Filter item styling */
.facets--vertical .facets__item {
  margin-bottom: 0;
}

/* Summary/Header styling */
.facets--vertical .facets__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px dashed var(--Grey-700, #99A0A8);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #222;
  cursor: pointer;
}

.facets--vertical .facets__summary:hover {
  opacity: 1;
}

/* Label styling */
.facets--vertical .facets__label {
  color: #000;
  font-family: "Instrument Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}

span.checkbox__label-text {
  color: var(--Grey-700, #99A0A8);
  font-family: 'Instrument Sans';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.4px;
  padding: 0;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.facets__inputs-wrapper .facets__inputs-list {
  gap: 24px !important;
}

/* Caret icon styling */
.facets--vertical .facets__summary .icon-caret,
.facets--vertical .facets__summary .svg-wrapper.icon-caret {
  margin: 0;
  width: 24px;
  height: 24px;
  color: #222;
  transition: transform 0.2s ease;
}

.facets--vertical .facets__summary .svg-wrapper.icon-caret svg {
  width: 24px;
  height: 24px;
}

/* Panel content styling */
.facets--vertical .facets__panel-content {
  padding: 16px 0 0 0;
  border: none;
  background: transparent;
}

/* Filter options list styling */
.facets--vertical .facets__inputs {
  gap: 0;
}

.facets--vertical .facets__inputs label {
  border: 0;
  box-shadow: none;
  padding: 0;
  cursor: pointer;
  color: var(--Grey-700, #99A0A8);
  font-family: "Instrument Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.4px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  display: block;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.facets--vertical .facets__inputs label:hover {
  color: #222;
}

/* Sorting section styling */
.facets--vertical .sorting-filter {
  margin-top: 0;
}

.facets--vertical .sorting-filter .facets__summary {
  border-bottom: 1px dashed var(--Grey-700, #99A0A8);
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #222;
  cursor: pointer;
}

.facets--vertical .sorting-filter .facets__label {
  margin: 0;
  color: #000;
  font-family: "Instrument Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}

/* Sorting filter chevron - same styling as regular filters */
.facets--vertical .sorting-filter .facets__summary .icon-caret,
.facets--vertical .sorting-filter .facets__summary .svg-wrapper.icon-caret {
  margin: 0;
  width: 24px;
  height: 24px;
  color: #222;
  transition: transform 0.2s ease;
}

.facets--vertical .sorting-filter .facets__summary .svg-wrapper.icon-caret svg {
  width: 24px;
  height: 24px;
}

.facets__filters-wrapper {
  margin: 0 !important;
}

/* Sorting options panel */
.facets--vertical .sorting-filter .facets__panel-content {
  padding: 16px 0 0 0;
  border: none;
  background: transparent;
  position: static;
  box-shadow: none;
  max-height: none;
  overflow: visible;
}

.facets--vertical .sorting-filter .facets__panel {
  max-height: none;
  overflow: visible;
}

.facets--vertical .sorting-filter__options {
  position: static;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
  max-height: none;
}

.sorting-filter__option {
  color: var(--Grey-700, #99A0A8);
  font-family: "Instrument Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.4px;
  width: 100%;
  display: flex !important;
  padding: 0 !important;
  margin-top: 24px;
}

.facets--vertical .sorting-filter__option label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.facets.facets--horizontal.facets-controls-wrapper.spacing-style {
  display: none;
}

.facets--vertical .sorting-filter__option:hover label {
  color: #222;
}

.facets--vertical .sorting-filter__checkmark {
  width: 16px;
  height: 16px;
}

/* Ensure proper spacing between filter sections */
.facets--vertical .facets__item:not(:last-child) {
  margin-bottom: 0;
}

/* Collection Page - 2 Column Grid Layout with Vertical Sidebar */
.collection-wrapper:has(.facets--vertical) .product-grid--grid {
  --product-grid-columns-desktop: repeat(2, 1fr) !important;
}

/* ============================================
   PROMOTIONAL BANNER IN PRODUCT GRID
   ============================================ */

.product-grid__item--banner {
  display: flex;
  align-items: stretch;
}

.promotional-banner {
  width: 100%;
  display: flex;
  position: relative;
  min-height: 300px;
  border-radius: 8px;
  overflow: hidden;
}

.promotional-banner__content .group-block {
  position: absolute;
  height: 100%;
}

.promotional-banner__content .group-block-content {
  justify-content: flex-end;
  padding: 0 32px 32px;
}

.promotional-banner__content .image-block {
  height: 100%;
}

.promotional-banner__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.promotional-banner__background .background-image-container {
  width: 100%;
  height: 100%;
}

.promotional-banner__background img,
.promotional-banner__background svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.promotional-banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.promotional-banner__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  gap: 16px;
}

.promotional-banner__content > * {
  color: #fff;
}

.promotional-banner__content h1,
.promotional-banner__content h2,
.promotional-banner__content h3,
.promotional-banner__content h4,
.promotional-banner__content h5,
.promotional-banner__content h6 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  max-width: 800px;
}

.promotional-banner__content p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  max-width: 600px;
}

.promotional-banner__content .button,
.promotional-banner__content .button-secondary {
  margin-top: 8px;
  background: #fff;
  color: #222;
  padding: 12px 24px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  font-weight: 500;
  transition: opacity 0.2s ease;
  height: 49px;
  border: 0 !important;
  box-shadow: none;
}

.promotional-banner__content .button:hover,
.promotional-banner__content .button-secondary:hover {
  opacity: 0.9;
}

.promotional-banner__content .icon-arrow {
  display: inline-flex;
  align-items: center;
}

.promotional-banner__content .icon-arrow svg {
  width: 16px;
  height: 16px;
}

.promotional-banner__content .group-block rte-formatter h4 {
  color: #FFF;
  font-family: "Instrument Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.64px;
}

/* ============================================
   ADDITIONAL FACET CONTROLS
   ============================================ */

div#ResultsList {
  margin-left: 50px;
}
.search div#ResultsList {
  margin-left: 0px;
}

.facets--mobile-inline .facets__summary .svg-wrapper.icon-caret {
  width: 24px;
  height: 24px;
}

.menu-drawer__promo-view-all-link svg path {
  stroke: #fff;
}
facet-status-component.facets__status {
  display: none !important;
}

.facets__pill-input:checked + .facets__pill-label {
  background: transparent;
  border: 0 !important;
  box-shadow: none;
}

.facets--vertical .sorting-filter .facets__panel[open] .facets__status {
  display: block !important;
  font-size: 16px;
}

.facets--vertical .sorting-filter .facets__status {
  font-size: 16px !important;
}

/* ============================================
   TABLET BREAKPOINT (max-width: 1024px)
   ============================================ */

@media only screen and (max-width: 1024px) {
  .promotional-banner__content .group-block-content {
    padding: 0 20px 20px;
  }
  
  div#ResultsList {
    margin-left: 20px;
  }
  .search div#ResultsList {
    margin-left: 0px;
  }
  
  .product-card-price-buy > .group-block-content {
    flex-wrap: wrap;
  }
}

/* ============================================
   MOBILE BREAKPOINT (max-width: 749px)
   ============================================ */

@media only screen and (max-width: 749px) {
  .promotional-banner {
    min-height: 250px;
  }

  .promotional-banner__content {
    gap: 12px;
  }

  .promotional-banner__content h1,
  .promotional-banner__content h2,
  .promotional-banner__content h3,
  .promotional-banner__content h4,
  .promotional-banner__content h5,
  .promotional-banner__content h6 {
    font-size: 24px;
  }

  .promotional-banner__content p {
    font-size: 14px;
  }
  
  .collection .custom-section-content rte-formatter p span {
    color: var(--Grey-700, #99A0A8);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
    letter-spacing: -0.48px;
    display: block;
  }
  
  .facets--mobile-inline {
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
  }
  
  .collection-heading-section .spacing-style.text-block.h2 p {
    font-size: 32px;
  }
  
  .collection .custom-section-content rte-formatter p span {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.32px;
  }
  
  .facets--mobile-inline .facets__summary .svg-wrapper.icon-caret {
    display: block !important;
  }
  
  .facets--mobile-inline .facets__actions--mobile-inline {
    border-top: 0 !important;
  }
  
  .facets__status-wrapper {
    flex-basis: auto !important;
    width: auto !important;
  }
  
  .facets--vertical .facets__actions {
    display: none !important;
  }
  
  div#ResultsList {
    margin-left: 0px;
  }
  
  .product-card__content .spacing-style.text-block.h5 p {
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.48px;
  }
  
  .promotional-banner__content .group-block-content {
    padding: 0 20px 20px;
  }
  
  .promotional-banner__content .group-block rte-formatter h4 {
    font-size: 24px;
  }
  
  .facets--mobile-inline .facets__inputs-wrapper .facets__inputs-list {
    margin-bottom: 20px;
    gap: 15px !important;
  }
  
  .facets--mobile-inline span.checkbox__label-text {
    font-size: 18px;
  }
  
  .facets--mobile-inline .facets__item:before {
    content: unset !important;
  }
  
  .facets--mobile-inline .sorting-filter:before {
    content: unset !important;
  }
  
  .facets--vertical {
    display: block !important;
    height: 100% !important;
    max-height: 100% !important;
  }
  
  .atc-added span {
    justify-content: center;
  }
  
  .atc-added span.svg-wrapper.add-to-cart-icon--added {
    justify-content: center;
  }
  
  product-price.text-block.text-block--align-left.text-left.h4.spacing-style {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
}
}

/* Service Fee in Cart Footer */
.cart__service-fee {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px dashed var(--color-border, #e5e5e5);
  margin-bottom: 12px;
}

.cart__service-fee-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-foreground, #1a1a1a);
  letter-spacing: 0.5px;
}

.cart__service-fee-value {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-foreground, #292929);
}
search-button .header-actions__action .svg-wrapper {width: 100%;margin-right: 16px;height: auto;}
header-component .header__column--left{gap: var(--gap-24);}
accordion-custom .metafield-rich_text_field a[href='#hide-standard'] {visibility:hidden;cursor: context-menu;}
accordion-custom .metafield-rich_text_field a[href='#hide-standard']:hover {visibility:hidden;cursor: context-menu;}
accordion-custom .metafield-rich_text_field a[href='#hide-premium'] {visibility:hidden;cursor: context-menu;}
accordion-custom .metafield-rich_text_field a[href='#hide-premium']:hover {visibility:hidden;cursor: context-menu;}

accordion-custom details .details-content .metafield-rich_text_field h6 {letter-spacing: var(--font-h6--letter-spacing);color : #0b192b;}
accordion-custom details .details-content .metafield-rich_text_field p {color : #0b192b;margin-bottom:32px;}
accordion-custom details .details-content .metafield-rich_text_field p strong {color : #0b192b;font-weight: 500;}

@media screen and (max-width: 749px) {
accordion-custom .metafield-rich_text_field a[href='#hide-standard'] {display:none;cursor: context-menu;}
accordion-custom .metafield-rich_text_field a[href='#hide-standard']:hover {display:none;cursor: context-menu;}
accordion-custom .metafield-rich_text_field a[href='#hide-premium'] {display:none;cursor: context-menu;}
accordion-custom .metafield-rich_text_field a[href='#hide-premium']:hover {display:none;cursor: context-menu;}
}