/** Shopify CDN: Minification failed

Line 2176:39 Expected identifier but found whitespace
Line 2176:40 Unexpected "not("
Line 3999:6 Unexpected "{"

**/
  /* .hKOVxx{
    background-color: #cf8816 !important; 
  } */

  :root {
      --alpha-button-background: 1;
      --alpha-button-border: 1;
      --alpha-link: 0.85;
      --alpha-badge-border: 0.1;
      --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
      --focused-base-outline-offset: 0.3rem;
      --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3)
  }

  .product-card-wrapper .card,
  .contains-card--product {
      --border-radius: var(--product-card-corner-radius);
      --border-width: var(--product-card-border-width);
      --border-opacity: var(--product-card-border-opacity);
      --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
      --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
      --shadow-blur-radius: var(--product-card-shadow-blur-radius);
      --shadow-opacity: var(--product-card-shadow-opacity);
      --shadow-visible: var(--product-card-shadow-visible);
      --image-padding: var(--product-card-image-padding);
      --text-alignment: var(--product-card-text-alignment)
  }

  .collection-card-wrapper .card,
  .contains-card--collection {
      --border-radius: var(--collection-card-corner-radius);
      --border-width: var(--collection-card-border-width);
      --border-opacity: var(--collection-card-border-opacity);
      --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
      --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
      --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
      --shadow-opacity: var(--collection-card-shadow-opacity);
      --shadow-visible: var(--collection-card-shadow-visible);
      --image-padding: var(--collection-card-image-padding);
      --text-alignment: var(--collection-card-text-alignment)
  }

  .article-card-wrapper .card,
  .contains-card--article {
      --border-radius: var(--blog-card-corner-radius);
      --border-width: var(--blog-card-border-width);
      --border-opacity: var(--blog-card-border-opacity);
      --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
      --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
      --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
      --shadow-opacity: var(--blog-card-shadow-opacity);
      --shadow-visible: var(--blog-card-shadow-visible);
      --image-padding: var(--blog-card-image-padding);
      --text-alignment: var(--blog-card-text-alignment)
  }

  .contains-content-container,
  .content-container {
      --border-radius: var(--text-boxes-radius);
      --border-width: var(--text-boxes-border-width);
      --border-opacity: var(--text-boxes-border-opacity);
      --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
      --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
      --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
      --shadow-opacity: var(--text-boxes-shadow-opacity);
      --shadow-visible: var(--text-boxes-shadow-visible)
  }

  .contains-media,
  .global-media-settings {
      --border-radius: var(--media-radius);
      --border-width: var(--media-border-width);
      --border-opacity: var(--media-border-opacity);
      --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
      --shadow-vertical-offset: var(--media-shadow-vertical-offset);
      --shadow-blur-radius: var(--media-shadow-blur-radius);
      --shadow-opacity: var(--media-shadow-opacity);
      --shadow-visible: var(--media-shadow-visible)
  }

  @font-face {
      font-family: 'Riven';
      src:url('{{ "Riven.woff2" | asset_url }}') format("woff2");
      font-weight: 400;
      font-style: normal;
      font-display: swap
  }

  .page-width {
      margin: 0 auto;
      padding: 0 1.6rem
  }

  .page-width-left {
      padding-left: 2rem !important
  }

  .page-width-right {
      padding-right: 2rem !important
  }

  body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
      max-width: 100%
  }

  .page-width.drawer-menu {
      max-width: 100%
  }

  .page-width-desktop {
      padding: 0;
      margin: 0 auto
  }

  .utility-bar__grid.page-width {
      padding-left: 1rem;
      padding-right: 1rem;
  }

  @media screen and (min-width:750px) {
      .bestseller-products {
          gap: 44px
      }
      .page-width {
          padding: 0 7rem
      }
      .page-width-left {
          padding-left: 8rem !important
      }
      .page-width-right {
          padding-right: 8rem !important
      }
      .header.page-width,
      .utility-bar__grid.page-width {
          padding-left: 8rem;
          padding-right: 8rem
      }
      .page-width--narrow {
          padding: 0 9rem
      }
      .page-width-desktop {
          padding: 0
      }
      .page-width-tablet {
          padding: 0 5rem
      }
  }

  @media screen and (min-width:990px) {
      .header:not(.drawer-menu).page-width {
          padding-left: 5rem;
          padding-right: 5rem
      }
      .page-width-desktop {
          margin-inline: 8rem !important
      }
  }

  .isolate {
      position: relative;
      z-index: 0
  }

  .section+.section {
      margin-top: var(--spacing-sections-mobile)
  }

  @media screen and (min-width:750px) {
      .section+.section {
          margin-top: var(--spacing-sections-desktop)
      }
  }

  .element-margin-top {
      margin-top: 5rem
  }

  @media screen and (min-width:750px) {
      .element-margin {
          margin-top: calc(5rem + var(--page-width-margin))
      }
  }

  .background-secondary {
      background-color: rgba(var(--color-foreground), .04)
  }

  .grid-auto-flow {
      display: grid;
      grid-auto-flow: column
  }

  .page-margin,
  .shopify-challenge__container {
      margin: 7rem auto
  }

  .rte-width {
      max-width: 82rem;
      margin: 0 auto 2rem
  }

  .list-unstyled {
      margin: 0;
      padding: 0;
      list-style: none
  }

  .hidden {
      display: none !important
  }

  .visually-hidden {
      position: absolute !important;
      overflow: hidden;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      clip: rect(0 0 0 0);
      word-wrap: normal !important
  }

  .visually-hidden--inline {
      margin: 0;
      height: 1em
  }

  .overflow-hidden {
      overflow: hidden
  }

  .skip-to-content-link:focus {
      z-index: 9999;
      position: inherit;
      overflow: auto;
      width: auto;
      height: auto;
      clip: auto
  }

  .full-width-link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2
  }

  ::selection {
      background-color: rgba(var(--color-foreground), .2)
  }

  .text-body {
      font-size: 1.5rem;
      letter-spacing: var(--font-primary-letter-spacing, 0px);
      line-height: calc(1 + 0.8 / var(--font-body-scale));
      font-family: var(--font-body-family);
      font-style: var(--font-body-style);
      font-weight: var(--font-body-weight)
  }

  .quantity,
  h2,
  h3,
  h4,
  h5,
  .h0,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5 {
      font-family: var(--font-heading-family);
      font-style: var(--font-heading-style);
      font-weight: var(--font-heading-weight);
      letter-spacing: var(--font-primary-letter-spacing, 0px);
      color: rgb(var(--color-foreground));
      line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
      word-break: break-word;
      margin: 0
  }

  .hxxl {
      font-size: clamp(calc(var(--font-heading-scale) * 5.6rem), 14vw, calc(var(--font-heading-scale) * 7.2rem));
      line-height: 1.1
  }

  .hxl {
      font-size: calc(var(--font-heading-scale) * 5rem);
      line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)))
  }

  @media only screen and (min-width:750px) {
      .hxl {
          font-size: calc(var(--font-heading-scale) * 6.2rem)
      }
  }

  .h0 {
      font-size: calc(var(--font-heading-scale) * 4rem)
  }

  @media only screen and (min-width:750px) {
      .h0 {
          font-size: calc(var(--font-heading-scale) * 5.2rem)
      }
  }

  h1,
  .h1 {
      font-size: calc(var(--font-heading-scale) * 2.8rem);
      font-family: "Quattrocento";
      font-weight: 400
  }

  @media only screen and (min-width:750px) {
      h1,
      .h1 {
          font-size: calc(var(--font-heading-scale) * 3.6rem);
          font-family: "Quattrocento";
          font-weight: 400;
          letter-spacing: -1px
      }
  }

  h2,
  .h2 {
      font-size: calc(var(--font-heading-scale) * 2.8rem);
      font-family: "Quattrocento";
      letter-spacing: -1px;
      font-weight: 400;
      line-height: 100%
  }

  @media only screen and (min-width:750px) {
      h2,
      .h2 {
          font-size: calc(var(--font-heading-scale) * 3.6rem);
          font-family: "Quattrocento";
          letter-spacing: -1px;
          font-weight: 400
      }
  }

  h3,
  .h3 {
      font-size: calc(var(--font-heading-scale) * 2rem);
      font-family: "Quattrocento"
  }

  @media only screen and (min-width:750px) {
      h3,
      .h3 {
          font-size: calc(var(--font-heading-scale) * 1.8rem)
      }
  }

  h4,
  .h4 {
      font-family: var(--font-body-family);
      font-style: var(--font-heading-style);
      font-size: calc(var(--font-heading-scale) * 1.4rem)
  }

  h5,
  .h5 {
      font-size: calc(var(--font-heading-scale) * 1.2rem);
      font-weight: 500
  }

  body .collapsible-content-wrapper-narrow{max-width: 80%;}

  @media only screen and (min-width:750px) {
      h5,
      .h5 {
          font-size: calc(var(--font-heading-scale) * 1.3rem)
      }
      h6,
      .h6 {
          font-size: calc(var(--font-heading-scale) * 1.2rem)
      }
  }

  h6,
  .h6 {
      color: rgba(var(--color-foreground), .75);
      font-size: calc(var(--font-heading-scale) * 1rem);
      margin: 0;
      font-weight: 500
  }

  blockquote {
      font-style: italic;
      color: rgba(var(--color-foreground), .75);
      border-left: .2rem solid rgba(var(--color-foreground), .2);
      padding-left: 1rem
  }

  @media screen and (min-width:750px) {
      blockquote {
          padding-left: 1.5rem
      }
  }

  .caption {
      font-size: 1rem;
      letter-spacing: .07rem;
      line-height: calc(1 + 0.7 / var(--font-body-scale))
  }

  @media screen and (min-width:750px) {
      .caption {
          font-size: 1.2rem
      }
  }

  .caption-with-letter-spacing {
      font-size: 1rem;
      letter-spacing: .13rem;
      line-height: calc(1 + 0.2 / var(--font-body-scale));
      text-transform: uppercase
  }

  .caption-with-letter-spacing--medium {
      font-size: 1.2rem;
      letter-spacing: .16rem
  }

  .caption-with-letter-spacing--large {
      font-size: 1.4rem;
      letter-spacing: .18rem
  }

  .caption-large,
  .customer .field input,
  .customer select,
  .field__input,
  .form__label,
  .select__select {
      font-size: 1.4rem;
      line-height: calc(1 + 0.5 / var(--font-body-scale));
      letter-spacing: var(--font-primary-letter-spacing, 0px);
  }

  .color-foreground {
      color: rgb(var(--color-foreground))
  }

  table:not([class]) {
      table-layout: fixed;
      border-collapse: collapse;
      font-size: 1.4rem;
      border-style: hidden;
      box-shadow: 0 0 0 .1rem rgba(var(--color-foreground), .2)
  }

  table:not([class]) td,
  table:not([class]) th {
      padding: 1em;
      border: .1rem solid rgba(var(--color-foreground), .2)
  }


  @media screen and (max-width:749px) {
      table:not([class]) td,
      table:not([class]) th {
          padding: .5rem;
          font-size: 1rem
      }
      .small-hide {
          display: none !important
      }
       body .collapsible-content-wrapper-narrow {max-width:100%;}
  }
   @media screen and (max-width:1200px) {

   body .collapsible-content-wrapper-narrow {max-width:93%;}
   
}
  @media screen and (min-width:750px) and (max-width:989px) {
      .medium-hide {
          display: none !important
      }
    body .collapsible-content-wrapper-narrow {max-width:95%;}
  }

  @media screen and (min-width:990px) {
      .large-up-hide {
          display: none !important
      }
  }

  .left {
      text-align: left
  }

  .center {
      text-align: center
  }

  .right {
      text-align: right
  }

  .uppercase {
      text-transform: uppercase
  }

  .light {
      opacity: .7
  }

  a:empty,
  ul:empty,
  dl:empty,
  div:empty,
  section:empty,
  article:empty,
  p:empty,
  h1:empty,
  h2:empty,
  h3:empty,
  h4:empty,
  h5:empty,
  h6:empty {
      display: none
  }

  .link,
  .customer a {
      cursor: pointer;
      display: inline-block;
      border: none;
      box-shadow: none;
      text-decoration: underline;
      text-underline-offset: .3rem;
      color: #F3F3F399;
      background-color: #fff0;
      font-size: 1.4rem;
      font-weight: 500
  }

  .link--text {
      color: rgb(var(--color-foreground))
  }

  .link--text:hover {
      color: rgba(var(--color-foreground), .75)
  }

  .link-with-icon {
      display: inline-flex;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: .1rem;
      text-decoration: none;
      margin-bottom: 4.5rem;
      white-space: nowrap
  }

  .link-with-icon .icon {
      width: 1.5rem;
      margin-left: 1rem
  }

  a:not([href]) {
      cursor: not-allowed
  }

  .circle-divider::after {
      content: '\2022';
      margin: 0 1.3rem 0 1.5rem
  }

  .circle-divider:last-of-type::after {
      display: none
  }

  hr {
      border: none;
      height: .1rem;
      background-color: rgba(var(--color-foreground), .2);
      display: block;
      margin: 5rem 0
  }

  @media screen and (min-width:750px) {
      hr {
          margin: 7rem 0
      }
  }

  .full-unstyled-link {
      text-decoration: none;
      color: currentColor;
      display: block;
      font-family: var(--font-primary);
      font-weight: var(--font-weight-regular);
  }

  .placeholder {
      background-color: rgba(var(--color-foreground), .04);
      color: rgba(var(--color-foreground), .55);
      fill: rgba(var(--color-foreground), .55)
  }

  details>* {
      box-sizing: border-box
  }

  .break {
      word-break: break-word
  }

  .visibility-hidden {
      visibility: hidden
  }

  @media (prefers-reduced-motion) {
      .motion-reduce {
          transition: none !important;
          animation: none !important
      }
  }

  :root {
      --duration-short: 100ms;
      --duration-default: 200ms;
      --duration-announcement-bar: 250ms;
      --duration-medium: 300ms;
      --duration-long: 500ms;
      --duration-extra-long: 600ms;
      --duration-extra-longer: 750ms;
      --duration-extended: 3s;
      --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
      --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
      --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)
  }

  .underlined-link,
  .customer a,
  .inline-richtext a {
      text-underline-offset: .3rem;
      text-decoration-thickness: .1rem;
      transition: text-decoration-thickness ease 100ms
  }

  .underlined-link,
  .customer a {
      color: rgba(var(--color-link), var(--alpha-link))
  }

  .inline-richtext a,
  .rte.inline-richtext a {
      color: currentColor
  }

  .underlined-link:hover,
  .customer a:hover,
  .inline-richtext a:hover {
      color: rgb(var(--color-link));
      text-decoration-thickness: .2rem
  }

  .icon-arrow {
      width: 1.5rem
  }

  h3 .icon-arrow,
  .h3 .icon-arrow {
      width: calc(var(--font-heading-scale) * 1.5rem)
  }

  .animate-arrow .icon-arrow path {
      transform: translateX(-.25rem);
      transition: transform var(--duration-short) ease
  }

  .animate-arrow:hover .icon-arrow path {
      transform: translateX(-.05rem)
  }

  .svg-wrapper {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px
  }

  summary {
      cursor: pointer;
      list-style: none;
      position: relative
  }

  summary .icon-caret {
      position: absolute;
      height: .6rem;
      right: 1.5rem;
      top: calc(50% - 0.2rem)
  }

  summary::-webkit-details-marker {
      display: none
  }

  .disclosure-has-popup {
      position: relative
  }

  .disclosure-has-popup[open]>summary::before {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      display: block;
      cursor: default;
      content: ' ';
      background: #fff0
  }

  .disclosure-has-popup>summary::before {
      display: none
  }

  .disclosure-has-popup[open]>summary+* {
      z-index: 100
  }

  @media screen and (min-width:750px) {
      .disclosure-has-popup[open]>summary+* {
          z-index: 4
      }
      .facets .disclosure-has-popup[open]>summary+* {
          z-index: 2
      }
  }

  .placeholder-svg {
      height: 100%;
      width: 100%
  }

  *:focus {
      outline: 0;
      box-shadow: none
  }

  *:focus-visible {
      outline: var(--focused-base-outline);
      outline-offset: var(--focused-base-outline-offset);
      box-shadow: var(--focused-base-box-shadow)
  }

  .focused {
      outline: var(--focused-base-outline);
      outline-offset: var(--focused-base-outline-offset);
      box-shadow: var(--focused-base-box-shadow)
  }

  .focus-inset:focus-visible {
      outline: .2rem solid rgba(var(--color-foreground), .5);
      outline-offset: -.2rem;
      box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3)
  }

  .focused.focus-inset {
      outline: .2rem solid rgba(var(--color-foreground), .5);
      outline-offset: -.2rem;
      box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3)
  }

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

  .focus-offset:focus-visible {
      outline: .2rem solid rgba(var(--color-foreground), .5);
      outline-offset: 1rem;
      box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
  }

  .focus-offset.focused {
      outline: .2rem solid rgba(var(--color-foreground), .5);
      outline-offset: 1rem;
      box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
  }

  .title,
  .title-wrapper-with-link {
      margin: 3rem 0 2rem
  }

  .title-wrapper-with-link .title {
      margin: 0
  }

  .title .link {
      font-size: inherit
  }

  .title-wrapper {
      margin-bottom: 3rem
  }

  .title-wrapper-with-link {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      gap: 1rem;
      margin-bottom: 3rem;
      flex-wrap: wrap
  }

  .title--primary {
      margin: 4rem 0
  }

  .title-wrapper--self-padded-tablet-down,
  .title-wrapper--self-padded-mobile {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

  @media screen and (min-width:750px) {
      .title-wrapper--self-padded-mobile {
          padding-left: 0;
          padding-right: 0
      }
  }

  @media screen and (min-width:990px) {
      .title,
      .title-wrapper-with-link {
          margin: 5rem 0 3rem
      }
      .title--primary {
          margin: 2rem 0
      }
      .title-wrapper-with-link {
          align-items: center
      }
      .title-wrapper-with-link .title {
          margin-bottom: 0
      }
      .title-wrapper--self-padded-tablet-down {
          padding-left: 0;
          padding-right: 0
      }
  }

  .title-wrapper-with-link .link-with-icon {
      margin: 0;
      flex-shrink: 0;
      display: flex;
      align-items: center
  }

  .title-wrapper-with-link .link-with-icon .svg-wrapper {
      width: 1.5rem
  }

  .title-wrapper-with-link a {
      margin-top: 0;
      flex-shrink: 0
  }

  .title-wrapper--no-top-margin {
      margin-top: 0
  }

  .title-wrapper--no-top-margin>.title {
      margin-top: 0
  }

  .subtitle {
      font-size: 1.8rem;
      line-height: calc(1 + 0.8 / var(--font-body-scale));
      letter-spacing: var(--font-primary-letter-spacing, 0px);
      color: rgba(var(--color-foreground), .7)
  }

  .subtitle--small {
      font-size: 1.4rem;
      letter-spacing: .1rem
  }

  .subtitle--medium {
      font-size: 1.6rem;
      letter-spacing: .08rem
  }

  .grid {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 2.4rem;
      padding: 0;
      list-style: none;
      column-gap: var(--grid-mobile-horizontal-spacing);
      row-gap: var(--grid-mobile-vertical-spacing)
  }

  @media screen and (min-width:750px) {
      .grid {
          column-gap: calc(var(--grid-desktop-horizontal-spacing) / 1.2);
          row-gap: 2.5rem
      }
      .grid-pdp {
          column-gap: calc(var(--grid-desktop-horizontal-spacing) / 3.6);
          row-gap: var(--grid-desktop-vertical-spacing)
      }
  }

  .grid:last-child {
      margin-bottom: 0
  }

  .grid__item {
      width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
      max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
      flex-grow: 1;
      flex-shrink: 0
  }

  @media screen and (min-width:750px) {
      .grid__item {
          width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
          max-width: calc(25% - var(--grid-desktop-horizontal-spacing) / 2)
      }
  }

  .grid--gapless.grid {
      column-gap: 0;
      row-gap: 0
  }

  @media screen and (max-width:749px) {
      .grid__item.slider__slide--full-width {
          width: 100%;
          max-width: none
      }
  }

  .grid--1-col .grid__item {
      max-width: 100%;
      width: 100%
  }

  .grid--3-col .grid__item {
      width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)
  }

  @media screen and (min-width:750px) {
      .grid--3-col .grid__item {
          width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
      }
  }

  .grid--2-col .grid__item {
      width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
  }

  @media screen and (min-width:750px) {
      .grid--2-col .grid__item {
          width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
      }
      .grid--4-col-tablet .grid__item {
          width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
      }
      .grid--3-col-tablet .grid__item {
          width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
      }
      .grid--2-col-tablet .grid__item {
          width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
      }
  }

  @media screen and (max-width:989px) {
      .grid--1-col-tablet-down .grid__item {
          width: 100%;
          max-width: 100%
      }
      .slider--tablet.grid--peek {
          margin: 0;
          width: 100%
      }
      .slider--tablet.grid--peek .grid__item {
          box-sizing: content-box;
          margin: 0
      }
      .slider.slider--tablet .scroll-trigger.animate--slide-in,
      .slider.slider--mobile .scroll-trigger.animate--slide-in {
          animation: none;
          opacity: 1;
          transform: inherit
      }
      .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
          animation: var(--animation-slide-in)
      }
  }

  @media screen and (min-width:990px) {
      .grid--6-col-desktop .grid__item {
          width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
          max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6)
      }
      .grid--5-col-desktop .grid__item {
          width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
          max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)
      }
      .grid--4-col-desktop .grid__item {
          width: calc(25% - 20px * 3 / 4)
      }
      .grid--3-col-desktop .grid__item {
          width: calc(33.33% - 20px * 2 / 3);
          max-width: none
      }
      .grid--2-col-desktop .grid__item {
          width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
          max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
      }
      .slider.slider--desktop .scroll-trigger.animate--slide-in {
          animation: none;
          opacity: 1;
          transform: inherit
      }
      .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
          animation: var(--animation-slide-in)
      }
  }

  @media screen and (min-width:990px) {
      .grid--1-col-desktop {
          flex: 0 0 100%;
          max-width: 100%
      }
      .grid--1-col-desktop .grid__item {
          width: 100%;
          max-width: 100%
      }
  }

  @media screen and (max-width:749px) {
      .grid--peek.slider--mobile {
          margin: 0;
          width: 100%
      }
      .grid--peek.slider--mobile .grid__item {
          box-sizing: content-box;
          margin: 0
      }
      .grid--peek .grid__item {
          min-width: 35%
      }
      .grid--peek.slider .grid__item:first-of-type {
          margin-left: 2rem
      }
      .grid--peek.slider:after {
          margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing))
      }
      .grid--2-col-tablet-down .grid__item {
          width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
      }
      .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
      .grid--peek .grid__item {
          width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem)
      }
      .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
      .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
          width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem)
      }
      .slider--tablet.grid--peek.grid--1-col-tablet-down-ank .grid__item {
          width: calc(50% - var(--grid-mobile-horizontal-spacing) - 4rem);
          max-width: 100%
      }
  }

  @media screen and (min-width:750px) and (max-width:989px) {
      .slider--tablet.grid--peek .grid__item {
          width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem)
      }
      .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
          width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem)
      }
      .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
      .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
          width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem)
      }
      .slider--tablet.grid--peek .grid__item:first-of-type {
          margin-left: 1.5rem
      }
      .grid--2-col-tablet-down .grid__item {
          width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
      }
      .grid--1-col-tablet-down.grid--peek .grid__item {
          width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem)
      }
  }

  .media {
      display: block;
      background-color: rgba(var(--color-foreground), .1);
      position: relative;
      overflow: hidden
  }

  .media--transparent {
      background-color: #fff0
  }

  .media>*:not(.zoom):not(.deferred-media__poster-button),
  .media model-viewer {
      display: block;
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%
  }

  .media>img {
      object-fit: cover;
      object-position: center center;
      transition: opacity 0.4s cubic-bezier(.25, .46, .45, .94)
  }

  .media--square {
      padding-bottom: 100%
  }

  .media--portrait {
      padding-bottom: 125%
  }

  .media--landscape {
      padding-bottom: 66.6%
  }

  .media--cropped {
      padding-bottom: 56%
  }

  .media--16-9 {
      padding-bottom: 56.25%
  }

  .media--circle {
      padding-bottom: 100%;
      border-radius: 50%
  }

  .media.media--hover-effect>img+img {
      opacity: 0
  }

  @media screen and (min-width:990px) {
      .media--cropped {
          padding-bottom: 63%
      }
  }

  deferred-media {
      display: block
  }

  .button--secondary,
  .button--tertiary {
      --color-button: var(--color-secondary-button);
      --color-button-text: var(--color-secondary-button-text)
  }

  .button--tertiary {
      --alpha-button-background: 0;
      --alpha-button-border: 0.2
  }

  .button,
  .shopify-challenge__button,
  .customer button,
  button.shopify-payment-button__button--unbranded {
      --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
      --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
      --shadow-blur-radius: var(--buttons-shadow-blur-radius);
      --shadow-opacity: var(--buttons-shadow-opacity);
      --shadow-visible: var(--buttons-shadow-visible);
      --border-offset: var(--buttons-border-offset);
      --border-opacity: calc(1 - var(--buttons-border-opacity));
      border-radius: var(--buttons-radius-outset);
      position: relative
  }

  .button,
  .shopify-challenge__button,
  .customer button,
  button.shopify-payment-button__button--unbranded {
      min-width: 73px;
      min-height: 4rem
  }

  .button,
  .shopify-challenge__button,
  .customer button {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      border: 0;
      padding: 0 19px;
      cursor: pointer;
      font: inherit;
      font-size: 1.5rem;
      text-decoration: none;
      color: rgb(var(--color-button-text));
      transition: box-shadow var(--duration-short) ease;
      -webkit-appearance: none;
      appearance: none;
      background-color: rgba(var(--color-button), var(--alpha-button-background))
  }

  .button:before,
  .shopify-challenge__button:before,
  .customer button:before,
  .shopify-payment-button__button--unbranded:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      border-radius: var(--buttons-radius-outset);
      box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  }

  .button:after,
  .shopify-challenge__button:after,
  .customer button:after,
  .shopify-payment-button__button--unbranded:after {
      content: '';
      position: absolute;
      top: var(--buttons-border-width);
      right: var(--buttons-border-width);
      bottom: var(--buttons-border-width);
      left: var(--buttons-border-width);
      z-index: 1;
      border-radius: var(--buttons-radius);
      box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
      transition: box-shadow var(--duration-short) ease
  }

  .button:not([disabled]):hover::after,
  .shopify-challenge__button:hover::after,
  .customer button:hover::after,
  .shopify-payment-button__button--unbranded:hover::after {
      --border-offset: 1.3px;
      box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background))
  }

  .button--secondary:after {
      --border-opacity: var(--buttons-border-opacity)
  }

  .button:focus-visible,
  .button:focus,
  .button.focused,
  .shopify-payment-button__button--unbranded:focus-visible,
  .shopify-payment-button__button--unbranded:focus {
      outline: 0;
      box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  }

  .button:focus:not(:focus-visible):not(.focused),
  .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) {
      box-shadow: inherit
  }

  .button::selection,
  .shopify-challenge__button::selection,
  .customer button::selection {
      background-color: rgba(var(--color-button-text), .3)
  }

  .button,
  .button-label,
  .shopify-challenge__button,
  .customer button {
      font-size: 14px;
      font-weight: 600;
      letter-spacing: .1rem;
      line-height: calc(1 + 0.2 / var(--font-body-scale))
  }

  .button--tertiary {
      font-size: 1.2rem;
      padding: 1rem 1.5rem;
      min-width: calc(9rem + var(--buttons-border-width) * 2);
      min-height: calc(3.5rem + var(--buttons-border-width) * 2)
  }

  .button--small {
      padding: 1.2rem 2.6rem
  }

  shopify-accelerated-checkout {
      --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
      --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  }

  shopify-accelerated-checkout-cart {
      --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
      --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  }

  .button:disabled,
  .button[aria-disabled='true'],
  .button.disabled,
  .customer button:disabled,
  .customer button[aria-disabled='true'],
  .customer button.disabled,
  .quantity__button.disabled {
      cursor: not-allowed;
      opacity: .5
  }

  .button--full-width {
      display: flex;
      width: 100%
  }

  .button.loading {
      color: #fff0;
      position: relative
  }

  @media screen and (forced-colors:active) {
      .button.loading {
          color: rgb(var(--color-foreground))
      }
  }

  .button.loading>.loading__spinner {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      height: 100%;
      display: flex;
      align-items: center
  }

  .button.loading>.loading__spinner .spinner {
      width: fit-content
  }

  .button.loading>.loading__spinner .path {
      stroke: rgb(var(--color-button-text))
  }

  .share-button {
      display: block;
      position: relative
  }

  .share-button details {
      width: fit-content
  }

  .share-button__button {
      font-size: 1.2rem;
      display: flex;
      align-items: center;
      gap: 4px;
      margin-left: 0;
      padding-left: 0;
      font-weight: 500;
      font-family: var(--font-body-family)
  }

  details[open]>.share-button__fallback {
      animation: animateMenuOpen var(--duration-default) ease
  }

  .share-button__button:hover {
      text-decoration: underline;
      text-underline-offset: .3rem
  }

  .share-button__button,
  .share-button__fallback button {
      cursor: pointer;
      background-color: #fff0;
      border: none
  }

  .share-button__button .icon-share {
      height: 1.2rem;
      margin-right: 1rem;
      min-width: 1.3rem
  }

  .share-button__fallback {
      display: flex;
      align-items: center;
      position: absolute;
      top: 3rem;
      left: .1rem;
      z-index: 3;
      width: 100%;
      min-width: max-content;
      border-radius: var(--inputs-radius);
      border: 0
  }

  .share-button__fallback:after {
      pointer-events: none;
      content: '';
      position: absolute;
      top: var(--inputs-border-width);
      right: var(--inputs-border-width);
      bottom: var(--inputs-border-width);
      left: var(--inputs-border-width);
      border: .1rem solid #fff0;
      border-radius: var(--inputs-radius);
      box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
      transition: box-shadow var(--duration-short) ease;
      z-index: 1
  }

  .share-button__fallback:before {
      background: rgb(var(--color-background));
      pointer-events: none;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: var(--inputs-radius-outset);
      box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
      z-index: -1
  }

  .share-button__fallback button {
      width: 4.4rem;
      height: 4.4rem;
      padding: 0;
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      right: var(--inputs-border-width)
  }

  .share-button__fallback button:hover {
      color: rgba(var(--color-foreground), .75)
  }

  .share-button__fallback button:hover .svg-wrapper {
      transform: scale(1.07)
  }

  .share-button__close:not(.hidden)+.share-button__copy {
      display: none
  }

  .share-button__close,
  .share-button__copy {
      background-color: #fff0;
      color: rgb(var(--color-foreground))
  }

  .share-button__copy:focus-visible,
  .share-button__close:focus-visible {
      background-color: rgb(var(--color-background));
      z-index: 2
  }

  .share-button__copy:focus,
  .share-button__close:focus {
      background-color: rgb(var(--color-background));
      z-index: 2
  }

  .field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused),
  .field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused) {
      background-color: inherit
  }

  .share-button__fallback .field:after,
  .share-button__fallback .field:before {
      content: none
  }

  .share-button__fallback .field {
      border-radius: 0;
      min-width: auto;
      min-height: auto;
      transition: none
  }

  .share-button__fallback .field__input:focus,
  .share-button__fallback .field__input:-webkit-autofill {
      outline: .2rem solid rgba(var(--color-foreground), .5);
      outline-offset: .1rem;
      box-shadow: 0 0 0 .1rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  }

  .share-button__fallback .field__input {
      box-shadow: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      filter: none;
      min-width: auto;
      min-height: auto
  }

  .share-button__fallback .field__input:hover {
      box-shadow: none
  }

  .share-button__fallback .icon {
      width: 1.5rem;
      height: 1.5rem
  }

  .share-button__message:not(:empty) {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      margin-top: 0;
      padding: .8rem 0 .8rem 1.5rem;
      margin: var(--inputs-border-width)
  }

  .share-button__message:not(:empty):not(.hidden)~* {
      display: none
  }

  .field__input,
  .select__select,
  .customer .field input,
  .customer select {
      -webkit-appearance: none;
      appearance: none;
      background-color: #fff0;
      color: rgb(var(--color-foreground));
      font-family: var(--font-body-family);
      font-style: var(--font-body-style);
      font-weight: var(--font-body-weight);
      font-size: 1.6rem;
      width: 100%;
      box-sizing: border-box;
      transition: box-shadow var(--duration-short) ease;
      border-radius: var(--inputs-radius);
      position: relative;
      border: 0
  }

  .field:before,
  .select:before,
  .customer .field:before,
  .customer select:before,
  .localization-form__select:before {
      pointer-events: none;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: var(--inputs-radius-outset);
      box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
      z-index: -1
  }

  .field:after,
  .select:after,
  .customer .field:after,
  .customer select:after,
  .localization-form__select:after {
      pointer-events: none;
      content: '';
      position: absolute;
      top: var(--inputs-border-width);
      right: var(--inputs-border-width);
      bottom: var(--inputs-border-width);
      left: var(--inputs-border-width);
      border: .1rem solid #fff0;
      border-radius: var(--inputs-radius);
      box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
      transition: box-shadow var(--duration-short) ease;
      z-index: 1
  }

  .select__select {
      font-family: var(--font-body-family);
      font-style: var(--font-body-style);
      font-weight: var(--font-body-weight);
      font-size: 1.2rem;
      color: rgba(var(--color-foreground), .75)
  }

  .field:hover.field:after,
  .select:hover.select:after,
  .select__select:hover.select__select:after,
  .customer .field:hover.field:after,
  .customer select:hover.select:after,
  .localization-form__select:hover.localization-form__select:after {
      box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground), var(--inputs-border-opacity));
      outline: 0;
      border-radius: var(--inputs-radius)
  }

  .field__input:focus-visible,
  .select__select:focus-visible,
  .customer .field input:focus-visible,
  .customer select:focus-visible,
  .localization-form__select:focus-visible.localization-form__select:after {
      box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
      outline: 0;
      border-radius: var(--inputs-radius)
  }

  .field__input:focus,
  .select__select:focus,
  .customer .field input:focus,
  .customer select:focus,
  .localization-form__select:focus.localization-form__select:after {
      box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
      outline: 0;
      border-radius: var(--inputs-radius)
  }

  .localization-form__select:focus {
      outline: 0;
      box-shadow: none
  }

  .text-area,
  .select {
      display: flex;
      position: relative;
      width: 48px;
      height: 24px
  }

  .select .svg-wrapper,
  .customer select+.svg-wrapper {
      height: .6rem;
      width: 1rem;
      pointer-events: none;
      position: absolute;
      top: calc(50% - 0.2rem);
      right: 0
  }

  .select__select,
  .customer select {
      cursor: pointer;
      line-height: calc(1 + 0.6 / var(--font-body-scale));
      height: 24px;
      width: 48px;
      padding-left: 6px
  }

  .field {
      position: relative;
      width: 100%;
      display: flex;
      transition: box-shadow var(--duration-short) ease
  }

  .customer .field {
      display: flex
  }

  .field--with-error {
      flex-wrap: wrap
  }

  .field__input,
  .customer .field input {
      flex-grow: 1;
      text-align: left;
      padding: 1.5rem;
      margin: var(--inputs-border-width);
      transition: box-shadow var(--duration-short) ease
  }

  .field__label,
  .customer .field label {
      font-size: 1.6rem;
      left: calc(var(--inputs-border-width) + 2rem);
      top: calc(1rem + var(--inputs-border-width));
      margin-bottom: 0;
      pointer-events: none;
      position: absolute;
      transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
      color: rgba(var(--color-foreground), .75);
      letter-spacing: .1rem;
      line-height: 1.5
  }

  .field__input:focus~.field__label,
  .field__input:not(:placeholder-shown)~.field__label,
  .field__input:-webkit-autofill~.field__label,
  .customer .field input:focus~label,
  .customer .field input:not(:placeholder-shown)~label,
  .customer .field input:-webkit-autofill~label {
      font-size: 1rem;
      top: calc(var(--inputs-border-width) + 0.5rem);
      left: calc(var(--inputs-border-width) + 2rem);
      letter-spacing: var(--font-primary-letter-spacing, 0px);
  }

  .field__input:focus,
  .field__input:not(:placeholder-shown),
  .field__input:-webkit-autofill,
  .customer .field input:focus,
  .customer .field input:not(:placeholder-shown),
  .customer .field input:-webkit-autofill {
      padding: 2.2rem 1.5rem .8rem 2rem;
      margin: var(--inputs-border-width)
  }

  .field__input::-webkit-search-cancel-button,
  .customer .field input::-webkit-search-cancel-button {
      display: none
  }

  .field__input::placeholder,
  .customer .field input::placeholder {
      opacity: 0
  }

  .field__button {
      align-items: center;
      background-color: #fff0;
      border: 0;
      color: currentColor;
      cursor: pointer;
      display: flex;
      height: 4.4rem;
      justify-content: center;
      overflow: hidden;
      padding: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 4.4rem
  }

  .field__button>.svg-wrapper {
      height: 2.5rem;
      width: 2.5rem
  }

  .field__input:-webkit-autofill~.field__button,
  .field__input:-webkit-autofill~.field__label,
  .customer .field input:-webkit-autofill~label {
      color: #000
  }

  .text-area {
      font-family: var(--font-body-family);
      font-style: var(--font-body-style);
      font-weight: var(--font-body-weight);
      min-height: 10rem;
      resize: none
  }

  input[type='checkbox'] {
      display: inline-block;
      width: auto;
      margin-right: .5rem
  }

  .form__label {
      display: block;
      margin-bottom: .6rem
  }

  .form__message {
      align-items: center;
      display: flex;
      font-size: 1.4rem;
      line-height: 1;
      margin-top: 1rem
  }

  .form__message--large {
      font-size: 1.6rem
  }

  .customer .field .form__message {
      font-size: 1.4rem;
      text-align: left
  }

  .form__message .icon,
  .customer .form__message .svg-wrapper {
      flex-shrink: 0;
      height: 1.3rem;
      margin-right: .5rem;
      width: 1.3rem
  }

  .form__message--large .icon,
  .customer .form__message .svg-wrapper {
      height: 1.5rem;
      width: 1.5rem;
      margin-right: 1rem
  }

  .customer .field .form__message .svg-wrapper {
      align-self: start
  }

  .form-status {
      margin: 0;
      font-size: 1.6rem
  }

  .form-status-list {
      padding: 0;
      margin: 2rem 0 4rem
  }

  .form-status-list li {
      list-style-position: inside
  }

  .form-status-list .link::first-letter {
      text-transform: capitalize
  }

  .quantity {
      color: rgba(var(--color-foreground));
      position: relative;
      display: flex;
      border-radius: var(--inputs-radius);
      min-height: calc((var(--inputs-border-width) * 2) + 3.5rem)
  }

  .price-per-item__container {
      border: 1px solid #E5ECDF
  }

  .quantity:after {
      pointer-events: none;
      content: '';
      position: absolute;
      top: var(--inputs-border-width);
      right: var(--inputs-border-width);
      bottom: var(--inputs-border-width);
      left: var(--inputs-border-width);
      border-radius: var(--inputs-radius);
      transition: box-shadow var(--duration-short) ease;
      z-index: 1
  }

  .quantity:before {
      background: rgb(var(--color-background));
      pointer-events: none;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: var(--inputs-radius-outset);
      box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
      z-index: -1
  }

  .quantity__input {
      color: currentColor;
      font-family:Montserrat; 
      font-style: var(--font-body-style);
      font-weight: 500;
      font-size: 1.6rem;
      font-weight: 500;
      opacity: .85;
      text-align: center;
      background-color: #fff0;
      border: 0;
      padding: 0 .5rem;
      width: 40px;
      flex-grow: 1;
      -webkit-appearance: none;
      appearance: none
  }

  .quantity__button {
      width: calc(3.2rem / var(--font-body-scale));
      flex-shrink: 0;
      font-size: 1.8rem;
      border: 0;
      background-color:#F7F5F5 !important;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgb(var(--color-foreground));
      padding: 0
  }

  .quantity__button .svg-wrapper {
      width: 1rem;
      pointer-events: none
  }

  .quantity__button:focus-visible,
  .quantity__input:focus-visible {
      background-color: rgb(var(--color-background));
      z-index: 2
  }

  .quantity__button:focus,
  .quantity__input:focus {
      background-color: rgb(var(--color-background));
      z-index: 2
  }

  .quantity__button:not(:focus-visible):not(.focused),
  .quantity__input:not(:focus-visible):not(.focused) {
      box-shadow: inherit;
      background-color: inherit
  }

  .quantity__input:-webkit-autofill,
  .quantity__input:-webkit-autofill:hover,
  .quantity__input:-webkit-autofill:active {
      box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
      -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important
  }

  .quantity__input::-webkit-outer-spin-button,
  .quantity__input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0
  }

  .quantity__input[type='number'] {
      -moz-appearance: textfield
  }

  .quantity__rules {
      margin-top: .5rem;
      position: relative;
      font-size: 1.2rem
  }

  .quantity__rules .caption {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0
  }

  .quantity__rules .divider+.divider::before {
      content: '\2022';
      margin: 0 .5rem
  }

  .quantity__rules-cart {
      position: relative
  }

  .product__info-container .loading__spinner:not(.hidden)~*,
  .quantity__rules-cart .loading__spinner:not(.hidden)~* {
      visibility: hidden
  }

  .modal__toggle {
      list-style-type: none
  }

  .modal__toggle-close {
      display: none
  }

  .modal__toggle-open {
      display: flex
  }

  .modal__close-button.link {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0rem;
      height: 4.4rem;
      width: 4.4rem;
      background-color: #fff0
  }

  .modal__close-button .icon {
      width: 1.7rem;
      height: 1.7rem
  }

  .modal__content {
      position: absolute;
      top: -40px;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff !important;
      z-index: 4;
      display: flex;
      justify-content: center;
      align-items: center
  }

  .media-modal {
      cursor: zoom-out
  }

  .media-modal .deferred-media {
      cursor: initial
  }

  .cart-count-bubble:empty {
      display: none
  }

  .cart-count-bubble {
      position: absolute;
      background-color: rgb(var(--color-button));
      color: rgb(var(--color-button-text)) !important;
      height: 1.7rem;
      width: 1.7rem;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .9rem;
      bottom: 1.2rem;
      left: 1.5rem;
      line-height: calc(1 + 0.1 / var(--font-body-scale))
  }

  .utility-bar {
      height: 100%
  }

  .utility-bar--bottom-border {
      border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  }

  @media screen and (min-width:990px) {
      .utility-bar--bottom-border-social-only {
          border-bottom: .1rem solid rgba(var(--color-foreground), .08)
      }
  }

  .utility-bar__grid {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-areas: 'announcements'
  }

  .utility-bar__grid .list-social {
      justify-content: flex-start;
      align-content: center;
      margin-left: -1.2rem;
      grid-area: social-icons
  }

  @media screen and (max-width:989px) {
      .utility-bar .utility-bar__grid .list-social {
          display: none
      }
  }

  .utility-bar .list-social__item .icon {
      scale: .9
  }

  @media screen and (min-width:990px) {
      .utility-bar__grid--3-col {
          grid-template-columns: 3fr 4fr 3fr;
          grid-template-areas: 'social-icons announcements language-currency'
      }
      .utility-bar__grid--2-col {
          grid-template-columns: 1fr 1fr;
          grid-template-areas: 'social-icons language-currency'
      }
      .announcement-bar.announcement-bar--one-announcement,
      .announcement-bar--one-announcement .announcement-bar__link {
          width: fit-content;
          margin: auto
      }
  }

  .announcement-bar,
  .announcement-bar__announcement {
      color: rgb(var(--color-foreground));
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-content: center;
      grid-area: announcements
  }

  .announcement-bar .slider--everywhere {
      margin-bottom: 0;
      scroll-behavior: auto
  }

  .utility-bar__grid .announcement-bar-slider {
      width: 100%
  }

  .utility-bar__grid .announcement-bar-slider {
      width: 100%
  }

  .announcement-bar-slider,
  .announcement-bar-slider .slider {
      width: 100%
  }

  .announcement-bar .slider-button--next {
      margin-right: -1.5rem;
      min-width: 44px
  }

  .announcement-bar .slider-button--prev {
      margin-left: -1.5rem;
      min-width: 44px
  }

  .announcement-bar .slider-button--next:focus-visible,
  .announcement-bar .slider-button--prev:focus-visible,
  .utility-bar .list-social__link:focus-visible {
      outline-offset: -.3rem;
      box-shadow: 0 0 0 -.2rem rgb(var(--color-foreground))
  }

  .localization-wrapper {
      grid-area: language-currency;
      align-self: center;
      display: flex;
      justify-content: flex-end
  }

  .localization-wrapper .localization-selector+.disclosure__list-wrapper {
      animation: animateMenuOpen var(--duration-default) ease
  }

  .utility-bar .localization-wrapper .disclosure .localization-form__select,
  .utility-bar .localization-wrapper .disclosure__link {
      font-size: calc(var(--font-heading-scale) * 1.3rem)
  }

  @media screen and (min-width:990px) {
      body:has(.section-header .header: not(.drawer-menu)) .utility-bar .page-width {
          padding-left:5rem;
          padding-right: 5rem
      }
      .announcement-bar-slider {
          width: 60%
      }
      .announcement-bar .slider-button {
          height: 3.8rem
      }
  }

  .announcement-bar__link {
      display: flex;
      width: 100%;
      text-decoration: none;
      height: 100%;
      justify-content: center;
      align-items: center
  }

  .announcement-bar__link:hover {
      text-decoration: underline
  }

  .announcement-bar__link .icon-arrow {
      display: inline-block;
      pointer-events: none;
      margin-left: .8rem;
      vertical-align: middle;
      margin-bottom: .2rem
  }

  .announcement-bar__message {
      text-align: center;
      padding: 0.7rem 0;
      margin: 0;
      font-family: var(--font-primary);
      line-height: 13px;
      font-weight: 300;
  }

  .announcement-bar-slider--fade-in-next .announcement-bar__message,
  .announcement-bar-slider--fade-in-previous .announcement-bar__message,
  .announcement-bar-slider--fade-out-next .announcement-bar__message,
  .announcement-bar-slider--fade-out-previous .announcement-bar__message {
      animation-duration: var(--duration-announcement-bar);
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards
  }

  .announcement-bar-slider--fade-in-next .announcement-bar__message {
      --announcement-translate-from: -1.5rem;
      opacity: 0;
      animation-name: translateAnnouncementSlideIn;
      animation-delay: var(--duration-announcement-bar)
  }

  .announcement-bar-slider--fade-in-previous .announcement-bar__message {
      --announcement-translate-from: 1.5rem;
      opacity: 0;
      animation-name: translateAnnouncementSlideIn;
      animation-delay: var(--duration-announcement-bar)
  }

  .announcement-bar-slider--fade-out-next .announcement-bar__message {
      --announcement-translate-to: 1.5rem;
      animation-name: translateAnnouncementSlideOut
  }

  .announcement-bar-slider--fade-out-previous .announcement-bar__message {
      --announcement-translate-to: -1.5rem;
      animation-name: translateAnnouncementSlideOut
  }

  @keyframes translateAnnouncementSlideIn {
      0% {
          opacity: 0;
          transform: translateX(var(--announcement-translate-from))
      }
      100% {
          opacity: 1;
          transform: translateX(0)
      }
  }

  @keyframes translateAnnouncementSlideOut {
      0% {
          opacity: 1;
          transform: translateX(0)
      }
      100% {
          opacity: 0;
          transform: translateX(var(--announcement-translate-to))
      }
  }

  .section-header.shopify-section-group-header-group {
      z-index: 8
  }

  .shopify-section-header-sticky {
      position: relative;
      z-index: 5
  }
  
  .shopify-section-group-header-group {
      position: sticky;
      top: 0;
      z-index: 10;
      box-shadow: 0px 1px 4px 0px #00000040;
  }

  .shopify-section-header-hidden {
      top: calc(-1 * var(--header-height))
  }

  .shopify-section-header-hidden.menu-open {
      top: 0
  }

  .section-header.animate {
      transition: top 0.15s ease-out
  }

  .shopify-section-group-header-group {
      z-index: 3
  }

  .section-header~.shopify-section-group-header-group {
      z-index: initial
  }

  .header-wrapper {
      display: block;
      position: relative;
      background-color: rgb(var(--color-background))
  }

  .header-wrapper--border-bottom {
      border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  }

  .header {
      display: grid;
      grid-template-areas: "menu left-icons heading icons";
      grid-template-columns: min-content min-content auto min-content;
      align-items: center
  }

  @media screen and (max-width:749px) {
      .header--has-app {
          grid-template-columns: auto 1fr auto
      }
  }

  @media screen and (min-width:990px) {
      .header {
          grid-template-columns: 1fr auto 1fr
      }
      .header--top-left,
      .header--middle-left:not(.header--has-menu) {
          grid-template-areas: 'heading icons' 'navigation navigation';
          grid-template-columns: 1fr auto
      }
      .header--top-left.drawer-menu,
      .header--middle-left.drawer-menu {
          grid-template-areas: 'navigation heading icons';
          grid-template-columns: auto 1fr auto;
          column-gap: 1rem
      }
      .header--middle-left {
          grid-template-areas: 'heading navigation div icons';
          grid-template-columns: auto auto auto 70px;
          column-gap: 2rem
      }
      .header--middle-center:not(.drawer-menu) {
          grid-template-areas: 'navigation heading icons';
          grid-template-columns: 1fr auto 1fr;
          column-gap: 2rem
      }
      .header--middle-center a.header__heading-link {
          text-align: center
      }
      .header--top-center {
          grid-template-areas: 'left-icons heading icons' 'navigation navigation navigation'
      }
      .header--top-center.drawer-menu {
          grid-template-areas: 'menu left-icons heading icons';
          grid-template-columns: auto auto 1fr
      }
      .header:not(.header--middle-left,
      .header--middle-center) .header__inline-menu {
          margin-top: 1.05rem
      }
  }

  .header *[tabindex='-1']:focus {
      outline: none
  }

  .header__heading {
      margin: 0;
      line-height: 0
  }

  .header>.header__heading-link {
      line-height: 0
  }

  .header__heading,
  .header__heading-link {
      grid-area: heading;
      justify-self: center
  }

  .header__heading-link {
      display: inline-block;
      padding: .75rem;
      text-decoration: none;
      word-break: break-word
  }

  .header__heading-link:hover .h2 {
      color: rgb(var(--color-foreground))
  }

  .header__heading-link .h2 {
      line-height: 1;
      color: rgba(var(--color-foreground), .75)
  }

  .header__heading-logo {
      height: 32px;
      max-width: 100%
  }

  .header__heading-logo-wrapper {
      width: 100%;
      display: inline-block;
      transition: width 0.3s cubic-bezier(.52, 0, .61, .99)
  }

  .header__heading-logo-wrapper img {
      width: revert-layer
  }

  @media screen and (max-width:989px) {
      .header__heading,
      .header__heading-link {
          text-align: center
      }
  }

  @media screen and (min-width:990px) {
      .header--middle-left .header__heading-link,
      .header--top-left .header__heading-link {
          margin-left: -.75rem
      }
      .header__heading,
      .header__heading-link {
          justify-self: start
      }
      .header--middle-center .header__heading-link,
      .header--middle-center .header__heading {
          justify-self: center;
          text-align: center
      }
      .header--top-center .header__heading-link,
      .header--top-center .header__heading {
          justify-self: center;
          text-align: center
      }
  }

  .header__icons {
      display: flex;
      grid-area: icons;
      justify-self: end;
      padding-right: .8rem
  }

  .header__icons .shopify-app-block {
      max-width: 4.4rem;
      max-height: 4.4rem;
      overflow: hidden
  }

  .header__icon:not(.header__icon--summary),
  .header__icon span {
      display: flex;
      align-items: center;
      justify-content: center
  }

  .header__icon {
      color: rgb(var(--color-foreground))
  }

  .header__icon span {
      height: 100%
  }

  .header__icon .svg-wrapper {
      width: 44px;
      height: 44px
  }

  .header__icon::after {
      content: none
  }

  .header__icon:hover .icon,
  .modal__close-button:hover .icon {
      transform: scale(1.07)
  }

  .header__icon .icon {
      height: 2rem;
      width: 2rem;
      fill: none;
      vertical-align: middle
  }

  .header__icon,
  .header__icon--cart .icon {
      height: 4.4rem;
      width: 3.4rem;
      padding: 0
  }

  .header__icon--cart {
      position: relative;
      margin-right: -1.2rem
  }

  .header__icon--menu[aria-expanded='true']::before {
      content: '';
      top: 100%;
      left: 0;
      height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
      width: 100%;
      display: block;
      position: absolute;
      /* background: rgba(var(--color-foreground), .5) */
  }

  .header__icon--account shop-user-avatar {
      --shop-avatar-size: 2.8rem
  }

  details .header__icon-close {
      display: none
  }

  details[open] .header__icon-close {
      display: inline-block
  }

  account-icon {
      display: flex
  }

  menu-drawer+.header__search {
      display: none
  }

  .header>.header__search {
      grid-area: left-icons;
      justify-self: start
  }

  .header:not(.header--has-menu) *>.header__search {
      display: none
  }

  .header__search {
      display: inline-flex;
      line-height: 0
  }

  .header--top-center *>.header__search {
      display: inline-flex
  }

  @media screen and (min-width:990px) {
      .header:not(.header--top-center) *>.header__search,
      .header--top-center>.header__search {
          display: inline-flex
      }
      .header:not(.header--top-center)>.header__search,
      .header--top-center *>.header__search {
          display: none
      }
  }

  details[open]>.search-modal {
      opacity: 1;
      animation: animateMenuOpen var(--duration-default) ease
  }

  details[open] .modal-overlay {
      display: block
  }

  details[open] .modal-overlay::after {
      position: absolute;
      content: '';
      background-color: rgb(var(--color-foreground), .5);
      top: 100%;
      left: 0;
      right: 0;
      height: 100vh
  }

  .search-modal {
      opacity: 0;
      border-bottom: .1rem solid rgba(var(--color-foreground), .08);
      min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
      height: 72px
  }

  .search-modal__content {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      padding-inline: 20px;
      line-height: calc(1 + 0.8 / var(--font-body-scale));
      position: relative
  }

  .search-modal__content-bottom {
      bottom: calc((var(--inputs-margin-offset) / 2))
  }

  .search-modal__content-top {
      top: calc((var(--inputs-margin-offset) / 2))
  }

  .search-modal__form {
      width: 100%
  }

  .search-modal__close-button {
      right: .3rem
  }

  @media screen and (min-width:750px) {
      .search-modal__close-button {
          right: 1rem
      }
  }

  @media screen and (min-width:990px) {
      .search-modal__form {
          max-width: 74.2rem
      }
      .search-modal__close-button {
          position: initial;
          margin-left: .5rem
      }
  }

  .header__icon--menu .icon {
      display: block;
      position: absolute;
      opacity: 1;
      transform: scale(1);
      transition: transform 150ms ease, opacity 150ms ease
  }

  details:not([open])>.header__icon--menu .icon-close,
  details[open]>.header__icon--menu .icon-hamburger {
      visibility: hidden;
      opacity: 0;
      transform: scale(.8)
  }

  .js details[open]:not(.menu-opening)>.header__icon--menu .icon-close {
      visibility: hidden
  }

  .js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger {
      visibility: visible;
      opacity: 1;
      transform: scale(1.07)
  }

  .js details>.header__submenu {
      opacity: 0;
      transform: translateY(-1.5rem)
  }

  details[open]>.header__submenu {
      animation: animateMenuOpen var(--duration-default) ease;
      animation-fill-mode: forwards;
      z-index: 1
  }

  @media (prefers-reduced-motion) {
      details[open]>.header__submenu {
          opacity: 1;
          transform: translateY(0)
      }
  }

  .header__inline-menu {
      margin-left: -1.2rem;
      grid-area: navigation;
      display: none
  }

  .header--top-center .header__inline-menu,
  .header--top-center .header__heading-link {
      margin-left: 0
  }

  @media screen and (min-width:990px) {
      .header__inline-menu {
          display: block
      }
      .header--top-center .header__inline-menu {
          justify-self: center
      }
      .header--top-center .header__inline-menu>.list-menu--inline {
          justify-content: center
      }
      .header--middle-left .header__inline-menu {
          margin-left: 0
      }
  }

  .header__menu {
      padding: 0 1rem
  }

  .header__menu-item {
      padding: .8rem;
      padding-inline: 1.1vw;
      text-decoration: none;
      color: rgb(var(--color-foreground))
  }

  .header__menu-item a {
      font-weight: 500;
      color: rgb(var(--color-foreground))
  }

  .header__menu-item:hover {
      color: rgb(var(--color-foreground))
  }

  .header__menu-item span {
      transition: text-decoration var(--duration-short) ease
  }

  .header__menu-item:hover span {
      text-decoration: underline;
      text-underline-offset: .3rem
  }

  details[open]>.header__menu-item {
      text-decoration: underline
  }

  details[open]:hover>.header__menu-item {
      text-decoration-thickness: .2rem
  }

  details[open]>.header__menu-item .icon-caret {
      transform: rotate(180deg)
  }

  .header__active-menu-item {
      transition: text-decoration-thickness var(--duration-short) ease;
      color: rgb(var(--color-foreground));
      text-underline-offset: .3rem
  }

  .header__menu-item:hover .header__active-menu-item {
      text-decoration-thickness: .2rem
  }

  .header__submenu {
      transition: opacity var(--duration-default) ease, transform var(--duration-default) ease
  }

  .global-settings-popup,
  .header__submenu.global-settings-popup {
      border-radius: var(--popup-corner-radius);
      border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
      border-style: solid;
      border-width: var(--popup-border-width);
      box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
      z-index: -1
  }

  .header__submenu.list-menu {
      padding: 1rem 0
  }

  .header__submenu .header__submenu {
      background-color: rgba(var(--color-foreground), .03);
      padding: 1rem 0;
      margin: 1rem 0
  }

  .header__submenu .header__menu-item:after {
      right: 2rem
  }

  .header__submenu .header__menu-item {
      justify-content: space-between;
      padding: .8rem 2rem
  }

  .header__submenu .header__menu-item:hover {
      text-decoration-line: underline
  }

  .header__menu-item .icon-caret {
      right: .8rem;
      display: none;
  }

  .header__submenu .icon-caret {
      flex-shrink: 0;
      margin-left: 1rem;
      position: static
  }

  header-menu>details,
  details-disclosure>details {
      position: relative
  }

  @keyframes animateMenuOpen {
      0% {
          opacity: 0;
          transform: translateY(-1.5rem)
      }
      100% {
          opacity: 1;
          transform: translateY(0)
      }
  }

  .overflow-hidden-mobile,
  .overflow-hidden-tablet,
  .overflow-hidden-desktop {
      overflow: hidden
  }

  @media screen and (min-width:750px) {
      .overflow-hidden-mobile {
          overflow: auto
      }
  }

  @media screen and (min-width:990px) {
      .overflow-hidden-tablet {
          overflow: auto
      }
  }

  .badge {
      display: inline-block;
      font-size: 1.2rem;
      letter-spacing: .1rem;
      line-height: 1;
      padding: .5rem 1.3rem .6rem 1.3rem;
      text-align: center;
      background-color: #fff;
      color: rgb(var(--color-badge-foreground));
      word-break: break-word
  }

  .gradient {
      background:#fff;
      background-attachment: fixed
  }

  @media screen and (forced-colors:active) {
      .icon {
          color: CanvasText;
          fill: CanvasText !important
      }
      .icon-close-small path {
          stroke: CanvasText
      }
  }

  .ratio {
      display: flex;
      position: relative;
      align-items: stretch
  }

  .ratio::before {
      content: '';
      width: 0;
      height: 0;
      padding-bottom: var(--ratio-percent)
  }

  .content-container {
      border-radius: var(--text-boxes-radius);
      border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
      position: relative
  }

  .content-container:after {
      content: '';
      position: absolute;
      top: calc(var(--text-boxes-border-width) * -1);
      right: calc(var(--text-boxes-border-width) * -1);
      bottom: calc(var(--text-boxes-border-width) * -1);
      left: calc(var(--text-boxes-border-width) * -1);
      border-radius: var(--text-boxes-radius);
      box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
      z-index: -1
  }

  .content-container--full-width:after {
      left: 0;
      right: 0;
      border-radius: 0
  }

  @media screen and (max-width:749px) {
      .content-container--full-width-mobile {
          border-left: none;
          border-right: none;
          border-radius: 0
      }
      .content-container--full-width-mobile:after {
          display: none
      }
      .logo_mob_img{
        padding-left: 0px;
      }
  }

  .global-media-settings {
      position: relative;
      border-radius: var(--media-radius);
      overflow: visible !important;
      background-color: rgb(var(--color-background))
  }

  .global-media-settings:after {
      content: '';
      position: absolute;
      top: calc(var(--media-border-width) * -1);
      right: calc(var(--media-border-width) * -1);
      bottom: calc(var(--media-border-width) * -1);
      left: calc(var(--media-border-width) * -1);
      border-radius: var(--media-radius);
      box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
      z-index: -1;
      pointer-events: none
  }

  .global-media-settings--no-shadow {
      overflow: hidden !important
  }

  .global-media-settings--no-shadow:after {
      content: none
  }

  .global-media-settings img,
  .global-media-settings iframe,
  .global-media-settings model-viewer,
  .global-media-settings video,
  .global-media-settings .placeholder-svg {
      border-radius: calc(var(--media-radius) - var(--media-border-width))
  }

  .content-container--full-width,
  .global-media-settings--full-width,
  .global-media-settings--full-width img,
  .global-media-settings--full-width video,
  .global-media-settings--full-width iframe,
  .global-media-settings--full-width .placeholder-svg {
      border-radius: 0;
      border-left: none;
      border-right: none
  }

  @supports not (inset:10px) {
      .grid {
          margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing))
      }
      .grid__item {
          padding-left: var(--grid-mobile-horizontal-spacing);
          padding-bottom: var(--grid-mobile-vertical-spacing)
      }
      @media screen and (min-width:750px) {
          .grid {
              margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
          }
          .grid__item {
              padding-left: var(--grid-desktop-horizontal-spacing);
              padding-bottom: var(--grid-desktop-vertical-spacing)
          }
      }
      .grid--gapless .grid__item {
          padding-left: 0;
          padding-bottom: 0
      }
      @media screen and (min-width:749px) {
          .grid--peek .grid__item {
              padding-left: var(--grid-mobile-horizontal-spacing)
          }
      }
      .product-grid .grid__item {
          padding-bottom: var(--grid-mobile-vertical-spacing)
      }
      @media screen and (min-width:750px) {
          .product-grid .grid__item {
              padding-bottom: var(--grid-desktop-vertical-spacing)
          }
      }
  }

  .font-body-bold {
      font-weight: var(--font-body-weight-bold)
  }

  @media (forced-colors:active) {
      .button,
      .shopify-challenge__button,
      .customer button {
          border: #fff0 solid 1px
      }
      .button:focus-visible,
      .button:focus,
      .button.focused,
      .shopify-payment-button__button--unbranded:focus-visible,
      .shopify-payment-button [role='button']:focus-visible,
      .shopify-payment-button__button--unbranded:focus,
      .shopify-payment-button [role='button']:focus {
          outline: solid #fff0 1px
      }
      .field__input:focus,
      .select__select:focus,
      .customer .field input:focus,
      .customer select:focus,
      .localization-form__select:focus.localization-form__select:after {
          outline: #fff0 solid 1px
      }
      .localization-form__select:focus {
          outline: #fff0 solid 1px
      }
  }

  .rte:after {
      clear: both;
      content: '';
      display: block
  }

  .rte>*:first-child {
      margin-top: 0
  }

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

  .rte table {
      table-layout: fixed
  }

  @media screen and (min-width:750px) {
      .rte table td {
          padding-left: 1.2rem;
          padding-right: 1.2rem
      }
  }

  .rte img {
      height: auto;
      max-width: 100%;
      border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
      border-radius: var(--media-radius);
      box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
      margin-bottom: var(--media-shadow-vertical-offset)
  }

  @media (min-width:749px) {
      .rte img {
          max-width: 70%
      }
  }

  .rte ul,
  .rte ol {
      list-style-position: inside;
      padding-left: 2rem
  }

  .rte li {
      list-style: inherit
  }

  .rte li:last-child {
      margin-bottom: 1.6rem
  }

  .rte a {
      color: rgba(var(--color-link), var(--alpha-link));
      text-underline-offset: .3rem;
      text-decoration-thickness: .1rem;
      transition: text-decoration-thickness var(--duration-short) ease
  }

  .rte a:hover {
      color: rgb(var(--color-link));
      text-decoration-thickness: .2rem
  }

  .rte blockquote {
      display: inline-flex
  }

  .rte blockquote>* {
      margin: -.5rem 0 -.5rem 0
  }

  .shape--mask {
      display: block;
      height: 0;
      width: 0
  }

  .shape--arch {
      clip-path: url('#Shape-Arch')
  }

  .shape--blob {
      clip-path: polygon(var(--shape--blob-1))
  }

  .shape--chevronleft {
      clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%)
  }

  .shape--chevronright {
      clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%)
  }

  .shape--circle {
      clip-path: circle(closest-side)
  }

  .shape--diamond {
      clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
  }

  .shape--parallelogram {
      clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%)
  }

  .shape--round {
      clip-path: ellipse(45% 45% at 50% 50%)
  }

  .animate--fixed {
      clip-path: inset(0)
  }

  .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button),
  .animate--fixed>svg:not(.zoom):not(.deferred-media__poster-button) {
      position: fixed;
      height: 100vh
  }

  .animate--zoom-in {
      --zoom-in-ratio: 1
  }

  .animate--zoom-in>img,
  .animate--zoom-in>.svg-wrapper {
      transition: scale var(--duration-short) linear;
      scale: var(--zoom-in-ratio)
  }

  @media (prefers-reduced-motion:no-preference) {
      .animate--ambient>img,
      .animate--ambient>.svg-wrapper {
          animation: animateAmbient 30s linear infinite
      }
      @keyframes animateAmbient {
          0% {
              transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2)
          }
          100% {
              transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2)
          }
      }
      .scroll-trigger.animate--fade-in,
      .scroll-trigger.animate--slide-in {
          opacity: .01
      }
      .scroll-trigger.animate--slide-in {
          transform: translateY(2rem)
      }
      .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
          opacity: 1;
          animation: var(--animation-fade-in)
      }
      .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
          animation: var(--animation-slide-in);
          animation-delay: calc(var(--animation-order) * 75ms)
      }
      .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
      .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
      .scroll-trigger.scroll-trigger--design-mode .slider,
      .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
          opacity: 1;
          animation: none;
          transition: none;
          transform: none
      }
      .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
          transform: translateY(0)
      }
      @keyframes slideIn {
          from {
              transform: translateY(2rem);
              opacity: .01
          }
          to {
              transform: translateY(0);
              opacity: 1
          }
      }
      @keyframes fadeIn {
          from {
              opacity: .01
          }
          to {
              opacity: 1
          }
      }
  }

  @media (prefers-reduced-motion:no-preference) and (hover:hover) {
      .animate--hover-3d-lift .card-wrapper .card--card,
      .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
      .animate--hover-3d-lift .button:not(.button--tertiary),
      .animate--hover-3d-lift .shopify-challenge__button,
      .animate--hover-3d-lift .customer button,
      .animate--hover-3d-lift .shopify-payment-button__button,
      .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
          transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
          transform-origin: center
      }
      .animate--hover-3d-lift .card-wrapper:hover .card--card,
      .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
      .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
      .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
      .animate--hover-3d-lift .customer button:not([disabled]):hover,
      .animate--hover-3d-lift .shopify-payment-button__button:hover,
      .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
          transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease;
          transform: rotate(1deg);
          box-shadow: -1rem -1rem 1rem -1rem rgb(0 0 0 / .05), 1rem 1rem 1rem -1rem rgb(0 0 0 / .05), 0 0 .5rem 0 #fff0, 0 2rem 3.5rem -2rem rgb(0 0 0 / .5)
      }
      .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
          transform: translate(-50%, -50%) scale(1.05)
      }
      .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
      .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
          transform: rotate(0.5deg)
      }
      .animate--hover-3d-lift .product-grid .grid__item:hover,
      .animate--hover-3d-lift .collection-list .grid__item:hover,
      .animate--hover-3d-lift .collage__item:hover,
      .animate--hover-3d-lift .blog-articles .article:hover,
      .animate--hover-3d-lift .complementary-slide li:hover {
          z-index: 2
      }
      .animate--hover-3d-lift .product-grid {
          isolation: isolate
      }
      .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
          box-shadow: none;
          transition: transform var(--duration-long) ease, filter var(--duration-long) ease
      }
      .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
          transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease;
          filter: drop-shadow(0rem 2rem 2rem rgb(0 0 0 / .15)) drop-shadow(0rem 1rem 1rem rgb(0 0 0 / .15))
      }
      .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
      .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
      .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
          background-image: var(--easter-egg);
          background-size: 250px 250px;
          mix-blend-mode: color-dodge;
          pointer-events: none;
          z-index: 2
      }
      .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0
      }
      .animate--hover-3d-lift .card-wrapper .card--card:before,
      .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          opacity: 0;
          pointer-events: none;
          transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
          mix-blend-mode: overlay;
          background-size: 400% 100%;
          background-position: 90% 0;
          background-repeat: no-repeat;
          background-image: linear-gradient(135deg, #fff0 45%, rgb(255 255 255) 50%, #fff0 55%)
      }
      .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
      .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
          opacity: .2;
          transition: background-position 6s ease, opacity var(--duration-long) ease;
          background-position: left;
          z-index: 2
      }
      :root {
          --easter-egg: none;
          --sparkle: url(./sparkle.gif)
      }
      .animate--hover-vertical-lift .button:not(.button--tertiary),
      .animate--hover-vertical-lift .shopify-challenge__button,
      .animate--hover-vertical-lift .customer button,
      .animate--hover-vertical-lift .shopify-payment-button__button {
          transition: transform var(--duration-default) var(--ease-out-slow)
      }
      .animate--hover-vertical-lift .card-wrapper .card--card,
      .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
          transition: transform var(--duration-medium) var(--ease-out-slow)
      }
      .animate--hover-vertical-lift .card-wrapper:hover .card--card,
      .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
          transform: translateY(-.75rem)
      }
      .animate--hover-vertical-lift .card-wrapper:active .card--card,
      .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
          transform: translateY(-.5rem)
      }
      .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
      .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
      .animate--hover-vertical-lift .customer button:not([disabled]):hover,
      .animate--hover-vertical-lift .shopify-payment-button__button:hover {
          transform: translateY(-.25rem)
      }
      .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
      .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
      .animate--hover-vertical-lift .customer button:not([disabled]):active,
      .animate--hover-vertical-lift .shopify-payment-button__button:active {
          transform: translateY(0)
      }
      .animate--hover-vertical-lift .button:not([disabled]):hover:after,
      .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
      .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
          --border-offset: 0.3px;
          box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background))
      }
      .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
          --border-offset: 0px
      }
  }

  .loading__spinner {
      position: absolute;
      z-index: 1;
      width: 1.8rem
  }

  .loading__spinner {
      width: 1.8rem;
      display: inline-block
  }

  .spinner {
      animation: rotator 1.4s linear infinite
  }

  @keyframes rotator {
      0% {
          transform: rotate(0deg)
      }
      100% {
          transform: rotate(270deg)
      }
  }

  .path {
      stroke-dasharray: 280;
      stroke-dashoffset: 0;
      transform-origin: center;
      stroke: rgb(var(--color-foreground));
      animation: dash 1.4s ease-in-out infinite
  }

  @media screen and (forced-colors:active) {
      .path {
          stroke: CanvasText
      }
  }

  @keyframes dash {
      0% {
          stroke-dashoffset: 280
      }
      50% {
          stroke-dashoffset: 75;
          transform: rotate(135deg)
      }
      100% {
          stroke-dashoffset: 280;
          transform: rotate(450deg)
      }
  }

  .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  .loading__spinner:not(.hidden)~cart-remove-button {
      opacity: 50%
  }

  .loading__spinner:not(.hidden)~cart-remove-button {
      pointer-events: none;
      cursor: default
  }

  .progress-bar-container {
      width: 100%;
      margin: auto
  }

  .progress-bar {
      height: .13rem;
      width: 100%
  }

  .progress-bar-value {
      width: 100%;
      height: 100%;
      background-color: rgb(var(--color-foreground));
      animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;
      transform-origin: 0
  }

  .progress-bar .progress-bar-value {
      display: block
  }

  .product__info-wrapper .accordion {
      border-bottom: 1px solid #D9D9D9
  }

  @keyframes indeterminateAnimation {
      0% {
          transform: translateX(-20%) scaleX(0)
      }
      40% {
          transform: translateX(30%) scaleX(.7)
      }
      100% {
          transform: translateX(100%) scaleX(0)
      }
  }

  @media (min-width:990px) {
      .header__menu-item {
          font-weight: 500
      }
      .logo_mob_img {
          display: none
      }
      .logo_web_img {
          display: block !important
      }
  }

  .logo_web_img {
      display: none
  }

  @media (max-width:990px) {
      .header__icons details-modal {
          display: none !important
      }
  }

  input.search__input.field__input:focus {
      outline: none;
      border: none;
      box-shadow: none;
      padding-left: 0;
      margin: 0;
      height: 42px
  }

  .field__label {
      font-size: 12px
  }

  #chat-popup-iframe-bottom {
      left: 15px;
      bottom: 70px !important;
      z-index: 9 !important
  }

  .offerchild1 {
      font-weight: 700;
      background: #AC7972;
      padding: 6px 12px
  }

  .offerchild2 {
      padding: 6px 12px
  }

  .offerchild1 h3 {
      font-family: var(--font-body-family);
      font-size: 1.4rem;
      color: #fff;
      margin: 0;
      line-height: 30px;
      font-weight: 700
  }

  .offerchild2 h4 {
      font-size: 12px;
      margin: 0;
      font-weight: 500
  }

  .offerchild2 p {
      font-size: 12px;
      margin: 0
  }

  .offerchild1 {
      background: rgba(var(--color-button), var(--alpha-button-background));
      padding-block: 12px
  }

  .offer-child-p {
      border-top: 1px solid #D9D9D9;
      padding: 6px 12px;
      text-align: center;
      margin: 0;
      font-weight: 500;
      color: rgba(var(--color-button), var(--alpha-button-background))
  }

  .offers-main {
      display: flex;
      gap: 16px;
      width: fit-content;
      padding-bottom: 12px
  }

  .offers-wrapper-main {
      margin-right: -16px !important;
      overflow: auto;
      scrollbar-width: none
  }

  .offers-main-child {
      width: 140px;
      box-shadow: 0 4px 10px 4px #f1f1f1
  }

  @media (min-width:750px) {
      .offers-wrapper-main {
          width: 100%;
          margin-left: 0 !important;
          margin-right: 0 !important
      }
      .sticky-buy-buttons-wrapper {
          display: none !important
      }
  }

  h2.accordion__title.footer-block__heading.inline-richtext {
      margin: 0
  }

  .sticky-buy-buttons-wrapper {
      position: fixed;
      width: 100%;
      background: #fff;
      padding: 10px;
      bottom: 0;
      z-index: 7;
      display: none
  }

  .sticky-buy-buttons-wrapper button {
      margin: 0
  }

  .theme-product-variant-picker-size {
      display: flex;
      position: relative
  }

  .theme-product-variant-picker-size modal-opener {
      position: absolute;
      right: 0;
      top: 0;
      line-height: initial
  }

  .theme-product-variant-picker-size modal-opener button {
      min-height: 0
  }

  .collection-product-search {
      width: 100%;
      position: relative;
      background: #fff;
      gap: 12px;
      display: grid;
      margin-block: 20px
  }

  predictive-search:focus-within .predictive-search {
      display: block
  }

  predictive-search .collection-product-search ul li {
      flex: 0 0 calc(45% - 5px);
      box-sizing: border-box;
      height: 100%
  }

  img {
      width: 100%
  }

  .collection-product-search ul {
      display: flex;
      gap: 10px;
      padding: 0;
      margin: 0;
      list-style: none;
      overflow: scroll;
      scrollbar-width: none
  }

  predictive-search .field label.field__label {
      padding-left: 1.5rem
  }

  predictive-search .field {
      border: 1px solid #6A666733;
      height: 44px
  }

  predictive-search button.search__button.field__button {
      position: relative
  }

  button.search-modal__close-button {
      justify-content: flex-start !important
  }

  input.search__input.field__input {
      height: 40px
  }

  .predictive-search-collections a {
      flex: 0 0 calc(33% - 5px);
      text-align: center
  }

  .predictive-search--header {
      scroll-snap-type: y mandatory;
      overflow-y: auto;
      scroll-behavior: smooth;
      height: 100vh;
      scrollbar-width: none
  }

  .collection-item-search {
      display: flex;
      gap: 10px;
      overflow: scroll;
      scrollbar-width: none
  }

  .predictive-search {
      display: block !important
  }

  .predictive-search-collections {
      margin-bottom: 80px;
      gap: 12px;
      display: grid
  }

  .announcement-bar-section {
      position: relative;
      margin-bottom: 0;
      z-index: 5
  }

  .search-img-searching {
      margin-inline: -20px
  }

  .collection-product-search img {
      width: 100%
  }

  .footer-block__details-content a {
      font-size: 1.2rem;
      font-weight: 400
  }

  @media (min-width:748px) {
      .predictive-search .collection-product-search ul li {
          flex: 0 0 calc((100% - 30px) / 4)
      }
      .predictive-search-collections a {
          flex: 0 0 calc((100% - 30px) / 4)
      }
      .predictive-search-collections {
          margin-bottom: 0;
          padding-bottom: 0
      }
      .predictive-search--header {
          height: 55vh
      }
      .search-img-searching {
          margin-inline: 0
      }
  }

  .collection-product-search img {
      width: 100%
  }

  .img-width-auto {
      width: auto
  }

  .circle-menu-bar {
      display: flex;
      gap: 5px;
      text-align: center;
      width: 100%;
      overflow: scroll;
      height: max-content;
      padding: 24px 16px;
      scrollbar-width: none
  }

  .circle-menu-item {
      flex: 0 0 calc((100% - 57px) /3)
  }

  .fashion-feed {
      background-color: #F2F5EF;
      position: relative;
      padding-top: 25px;
      padding-bottom: 40px
  }

  .fashion-feed-child::after,
  .fashion-feed__description::after {
      content: url(/cdn/shop/files/Vector_1.svg?v=1755764623);
      position: absolute
  }

  .fashion-feed-child::after {
      left: 20%
  }

  .fashion-feed__description {
      font-family: "Montserrat";
      color: #757575
  }

  .fashion-feed__description::after {
      left: 10%
  }

  .fashion-feed-child::before {
      content: url(/cdn/shop/files/Vector_2.svg?v=1755769424);
      position: absolute;
      right: 15%;
      bottom: 10%
  }

  .fashion-feed__image {
      border-top-left-radius: 80px;
      border-top-right-radius: 80px
  }

  .fashion-feed__images {
      margin-bottom: 0px !important
  }

  .fashion-feed.page-width {
      position: relative
  }

  .fashion-feed_images-line {
      position: relative
  }

  .margin-block-0 {
      margin-block: 0
  }

  .margin-top-20 {
      margin-top: 20px
  }

  .margin-top-16 {
      margin-top: 16px
  }

  .padding-12 {
      padding: 12px
  }

  .padding-block-12 {
      padding-block: 12px
  }

  .margin-20 {
      margin: 20px
  }

  .margin-bottom-20 {
      margin-bottom: 20px
  }

  .margin-top-0 {
      margin-top: 0
  }

  .margin-bottom-0 {
      margin-bottom: 0
  }

  .font-size-12 {
      font-size: 12px;
      font-weight: 400
  }

  .font-size-24 {
      font-size: 24px;
      font-weight: 400;
      font-family: "Quattrocento";
      letter-spacing: -1px;
      line-height: normal
  }

  .font-size-14-500 {
      font-size: 14px;
      font-weight: 500
  }

  a {
      text-decoration: none;
      color: #000
  }

  .margin-top-12 {
      margin-top: 12px
  }

  .flex {
      display: flex
  }

  .tab-list__titleds.flower::after {
      top: auto;
      position: fixed;
      display: flex;
      top: 33%;
      z-index: -1
  }

  .usp-section .container.flower::after {
      top: auto;
      bottom: 0
  }

  .page-width-margin {
      padding-top: 60px
  }

  .page-width-bottom {
      padding-bottom: 60px
  }

  p {
      margin: 0
  }

  .displaynone-mob {
      display: none
  }

  .mobile-only {
      display: block
  }

  .desktop-only {
      display: none
  }

  .text-center {
      text-align: center
  }

  .padding-block-60 {
      padding-block: 60px
  }

  .fashion-feed__images div {
      width: 100%
  }

  .loox-trust-badge-container .loox-trust-badge-widget {
      background-color: transparent !important
  }

  .product-share-wraper hr {
      width: 16px;
      transform: rotate(90deg);
      margin: 0
  }

  .product__share-button {
      display: flex;
      align-items: center;
      justify-content: space-between
  }

  .product-share-wraper {
      display: flex;
      align-items: center;
      gap: 6px
  }

  .loox-trust-badge-container {
      align-items: center
  }

  .loox-trust-badge-container .loox-trust-badge-widget {
      min-width: auto !important
  }

  .drawer__cart-items-wrapper .quantity {
      min-height: 2.4rem;
      align-items: center
  }

  .drawer__cart-items-wrapper .quantity__button {
      width: 2.4rem;
      background-color: unset !important
  }

  .drawer__cart-items-wrapper .quantity::after {
      border: 1px solid #6A666733
  }

  .drawer__cart-items-wrapper .quantity__input {
      border-inline: 1px solid #6A666733;
      height: 2.2rem
  }

  .card__heading {
      margin-top: 0;
      margin-bottom:0;
      font-family: 'Mulish';
      font-weight: 400;
      font-size: 1.5rem;
      letter-spacing: normal
  }

  .subheading-title {
      font-size: 16px;
      color: #757575;
      font-weight: 500;
      margin-bottom: 8px;
      font-family: var(--font-primary);
  }

  .card-information .price {
      font-weight: 400 !important
  }

  .discount-percentage {
      font-weight: 500
  }

  .rc-carousel-video-list,
  .rc-carousel-scroll-container {
      padding: 0px !important
  }

  .product__accordion span,
      {
      font-size: 1.2rem;
      font-weight: 500;
      line-height: 0px !important;
      letter-spacing: normal
  }

  .product__accordion li {
      font-size: 1.2rem;
      font-weight: 500;
      list-style: none
  }

  .product__accordion h5 {
      line-height: calc(1 + 0.8 / var(--font-body-scale))
  }

  .rc-video-carousel-container {
      margin-right: 8px !important;
      border: none !important
  }

  .shipping-ex .section__title_page {
      text-align: center
  }

  .section__title_page {
      margin-bottom: 12px
  }

  .carousel-dots,
  .carousel-img-dots {
      display: flex;
      justify-content: center;
      gap: 10px
  }

  .carousel-dot,
  .carousel-img-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: rgb(25 32 19 / .2);
      cursor: pointer;
      transition: all 0.3s ease
  }

  .carousel-dot.active {
      background: #192013;
      transform: scale(1.2)
  }

  .carousel-img-dot.active {
      background: #192013;
      transform: scale(1.2)
  }

  .carousel-img-dots {
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      z-index:99;
  }

  hr.hr_pages {
      margin-block: 25px
  }

  @keyframes wiggle-wiggle {
      0% {
          transform: translateX(0)
      }
      15% {
          transform: translateX(-6px)
      }
      30% {
          transform: translateX(6px)
      }
      45% {
          transform: translateX(-4px)
      }
      60% {
          transform: translateX(4px)
      }
      75% {
          transform: translateX(-2px)
      }
      100% {
          transform: translateX(0)
      }
  }

  .wiggle-wiggle {
      animation: wiggle-wiggle 0.5s ease-in-out
  }

  .select-variant-first {
      font-size: 1.4rem;
      font-weight: 600;
      color: red
  }

  product-form .button:disabled {
      opacity: 1
  }

  .justforaddtocart {
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 3
  }

  .message_CTA_Error_parent {
      position: relative
  }

  .collapsible-content__heading {
      font-family: var(--font-body-family);
      font-size: 1.6rem;
      font-weight: 600
  }

  .collapsible-content {
      details {
          border-bottom: 1px solid #e6e0e2;
          padding-bottom: 10px
      }
      h3 {
          font-size: 1.4rem;
          font-weight: 400
      }
  }

  .article-template__content {
      h2,
      h3 {
          margin-block: 2rem
      }
  }

  .article-template__title {
      line-height: 130%
  }

  .seo-main-content {
      height: 100px;
      overflow-x: auto;
      border: 1px solid #ddd;
      background: #F3F4F5;
      padding-bottom: 20px;
      h2,
      h1 {
          font-size: 1.4rem;
          letter-spacing: normal;
          margin-block: 10px
      }
      h3 {
          font-size: 1.2rem;
          letter-spacing: normal;
          margin-block: 10px
      }
      p,
      li {
          font-size: 1rem
      }
  }

  .article-card__image img {
      object-fit: fill !important
  }

  @media (max-width:749px) {
      .page-width-margin {
          padding-top: 36px
      }
      .page-width-bottom {
          padding-bottom: 36px
      }
      .title-wrapper-with-link {
          justify-content: start;
          margin-bottom: 2rem
      }
      .loox-rating.loox-widget {
          display: none
      }
  }

  #pop-variant_picker {
      font-family: var(--font-body-family);
      font-weight: 600;
      font-size: 1.2rem
  }

  @media (min-width:749px) {
      .rc-carousel-video-list {
          gap: 5px !important
      }
      .rc-carousel-container {
          padding: 60px 0 !important
      }
      .padding-inline-15 {
          padding-inline: 13%
      }
      .displaynone-web {
          display: none !important
      }
      .displaynone-mob {
          display: block
      }
      .mobile-only {
          display: none !important
      }
      .desktop-only {
          display: block
      }
      .footer__content-top {
          display: flex !important;
          gap: 6rem
      }
      .footer-block__details-content p {
          font-size: 1.2rem
      }
  }