/* stylelint-disable keyframes-name-pattern */
@layer brand {
  @font-face {
    font-family: 'Formula Condensed';
    src: url('/fonts/FormulaCondensed-Bold.woff2') format('woff2'),
    url('/fonts/FormulaCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Formula Condensed';
    src: url('/fonts/FormulaCondensed-Regular.woff2') format('woff2'),
    url('/fonts/FormulaCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  :root {
    /* ----------  colors  ---------- */
    --clr-bali-crimson: #9b2b45;
    --clr-bali-mauve: #976664;
    --clr-bali-slate: #3c505e;
    --clr-bali-coral: #f66;
    --clr-bali-gray: #F0F0F0;
    --clr-bali-gray-200: #D0D0D0;
    --clr-bali-gray-300: #777;
    --clr-bali-pink: #f2c8ce;
    --clr-bali-tan: #f5f2f0;
    --clr-bali-green: #afb090;

    --clr-brand-primary: var(--clr-black);
    --clr-brand-secondary: var(--clr-bali-slate);
    --clr-brand-teritary: var(--clr-bali-gray-200);

    --text-color: var(--clr-black);
    --text-color-accent: var(--clr-brand-primary);
    --link-color: var(--text-color);
    --link-hover-color: var(--clr-brand-primary);
    --heading-color: var(--clr-black);


    /*----------  videos  ----------*/
    --video-background-color: #d7d6d3;


    /*---------- ratings | reviews | Labels  ----------*/
    --stars-filled: var(--clr-bali-crimson);


    /*---------- banner ----------*/
    --global-banner-background: var(--clr-bali-green);
    --global-banner-color: var(--clr-black);

    /*---------- button ----------*/
    --button-border-radius: .4rem;
    --button-padding: 0 18px;
    --button-text-transform: uppercase;
    --button-secondary-background: var(--clr-brand-secondary);

    --button-primary-text: var(--clr-white);

    --button-primary-background-hover: var(--clr-white);
    --button-secondary-background-hover: var(--clr-white);
    --button-tertiary-background-hover: var(--clr-black);

    --button-primary-border-color: var(--clr-black);

    --button-primary-border-color-hover: var(--clr-black);
    --button-secondary-border-color-hover: var(--clr-black);

    --button-primary-color-hover: var(--clr-black);
    --button-secondary-color-hover: var(--clr-black);
    --button-tertiary-color-hover: var(--clr-white);


    /*---------- focus colors ----------*/
    --focus-color: var(--clr-brand-primary);


    /*---------- fonts ----------*/
    --base-font-size: 1.8rem;
    --body-font-size-xxs: 1.2rem;
    --body-font-size-xs: 1.4rem;

    --body-font-family: 'acumin-pro', sans-serif;
    --body-font-family-bold: var(--body-font-family);
    --body-font-family-cond: var(--body-font-family);

    --heading-font-family: var(--body-font-family);
    --heading-font-family-secondary: 'acumin-pro', serif;
    --heading-font-family-tertiary: 'antonia-variable', sans-serif;

    --font-body: var(--fw-light) var(--base-font-size)/1.4 var(--body-font-family);
    --font-body-bold: var(--fw-bold) var(--base-font-size) var(--body-font-family);
    --font-body-cond: var(--font-body);
    --font-heading-primary: var(--fw-bold) var(--heading-font-size-xl) var(--heading-font-family);
    --font-heading-seconday: var(--fw-normal) var(--heading-font-size-xl) var(--heading-font-family-secondary);


    /*---------- nav height ----------*/
    --nav-height: 6rem;
    --header-btm-border-size: 0;


    /*---------- Global Banner height ----------*/
    --global-banner-height: 4rem;
    --banner-line-height: 1.4rem;


    /*---------- plp ----------*/
    --plp-product-title-font: var(--fw-bold) var(--body-font-size-m) var(--body-font-family);

  }

  @media (width >= 900px), (min-width: 900px) {
    :root {
      --content-max-width: 84%;
    }
  }

  @media (width >= 1024px), (min-width: 1024px) {
    :root {
      --nav-height: 7.5rem;
    }
  }

  /* END :root */

  .page-wrapper {
    overflow-x: unset;
  }

  header.header-wrapper {
    background-color: #000;
  }

  header.header-wrapper .nav-tools {
    background: none;
  }

  /* BEGIN - Temp BV v1 style rules */
  /* Write A Review button */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-action-bar button,
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-action-bar button:hover,
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-action-bar button:focus {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: var(--button-border-radius) !important;
    font-weight: 700 !important;
    font-size: initial !important;
    text-transform: uppercase !important;
    outline: 0 !important;
  }

  /* First to review button */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate .bv-shared button.bv-first-to-review,
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate .bv-shared button.bv-first-to-review:hover,
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate .bv-shared button.bv-first-to-review:focus {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: var(--button-border-radius) !important;
    text-transform: uppercase !important;
    font-weight: initial !important;
    outline: 0 !important;
  }

  /* Ask A Product Question button */
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-ask-question.bv-focusable.bv-submission-button,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-ask-question.bv-focusable.bv-submission-button:hover,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-ask-question.bv-focusable.bv-submission-button:focus {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: var(--button-border-radius) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* First to ask a question */
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate .bv-shared button.bv-first-to-ask-question,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate .bv-shared button.bv-first-to-ask-question:hover,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate .bv-shared button.bv-first-to-ask-question:focus {
    background-color: var(--button-secondary-background) !important;
    color: var(--button-secondary-color) !important;
    border-radius: var(--button-border-radius) !important;
    font-family: inherit !important;
    font-weight: initial !important;
    outline: 0 !important;
  }

  /* Answer This Question button */
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-secondary-content-actions-container .bv-content-btn,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-secondary-content-actions-container .bv-content-btn:hover,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-secondary-content-actions-container .bv-content-btn:focus {
    background-color: var(--button-secondary-background) !important;
    color: var(--button-secondary-color) !important;
    border-radius: var(--button-border-radius) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* Main buttons focus */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-action-bar button:focus,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-ask-question.bv-focusable.bv-submission-button:focus,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-secondary-content-actions-container .bv-content-btn:focus {
    background-color: var(--button-primary-background-hover) !important;
    color: var(--button-primary-color-hover) !important;
  }

  /* Review Highlights Text Header */
  .product-reviews.v1 .css-fom8uq,
  .product-reviews.v1 .css-tvbl82 {
    font-family: var(--heading-font-family-secondary) !important;
    color: var(--clr-brand-secondary) !important;
    font-size: 50px;
    font-weight: var(--fw-normal) !important;
    font-style: normal !important;
    line-height: 1 !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  /* Reviews cards */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-content-item.bv-content-review {
    background-color: var(--clr-neutral-40) !important;
  }

  /* Reviews card slider */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-content-slider-container {
    background-color: #fff !important;
  }

  /* Small navigation arrows for navigating reviews */
  .product-reviews.v1 .bv-cv2-cleanslate .bv-shared .bv-content-pagination-container a.bv-content-btn {
    background-color: var(--button-secondary-background) !important;
    color: var(--button-secondary-color) !important;
    border-radius: var(--button-border-radius) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* Z-index fix for write a review pop-up (header in way) */
  body[style*="overflow: hidden"] header.header-wrapper {
    z-index: 1;
  }

  /* Stars color */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-rating-stars-on {
    color: var(--stars-filled) !important;
  }

  /* Stars color on PLP and PDP */
  .product-list-page .products .list > ol > li .rating > div::before,
  .sidebar .product-title .rating .stars::before {
    content: '★★★★★';
    background: linear-gradient(90deg, var(--stars-filled), var(--percent), var(--stars-unfilled) var(--percent));
    background-clip: text;
  }

  /* Slider knob color */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-content-slider-value {
    background-color: var(--stars-filled) !important;
  }

  /* Post Product Question button */
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit:hover,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit:focus {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: var(--button-border-radius) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* Write a Review and Answer this Question modal form submit buttons */
  #bv-mboxzone-lightbox.bv-cv2-cleanslate .bv-shared .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: var(--button-border-radius) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* Reviews highlights ratings distribution color */
  .product-reviews.v1 .css-1ndw5ap > div:first-child {
    background-color: var(--stars-filled);
  }

  /* Reviews highlights ratings distribution color */
  .product-reviews.v1 .css-12t6rv svg linearGradient > stop:first-child {
    stop-color: var(--stars-filled) !important;
  }

  /* Pros and Cons "Full Review" text color */
  .product-reviews.v1 .css-chupt6 {
    color: var(--button-primary-background);
  }

  /* Pros and Cons "Full Review" stars color */
  .product-reviews.v1 .css-4s7zf4 {
    filter: grayscale(1) contrast(2.5);
  }

  /* END - Temp BV v1 style rules */
  /*=============================================
  =            header            =
  =============================================*/
  header.header-wrapper nav .nav-logo .icon {
    aspect-ratio: 2/1;
  }

  .minicart-wrapper .minicart,
  header.header-wrapper nav .nav-hamburger .icon svg,
  header.header-wrapper .nav-tools-wrapper > button {
    filter: invert(1);
  }

  header.header-wrapper nav > div {
    align-items: center;
  }

  header.header-wrapper .block:not(.banner) nav {
    background: var(--clr-black);
  }

  header.header-wrapper form input[type="text"] {
    border: 1px solid var(--clr-neutral-60) !important;
  }

  header.header-wrapper form input[type="text"]::placeholder {
    color: var(--clr-neutral-80);
  }

  @media (width >= 1024px), (min-width: 1024px) {
    header.header-wrapper .block:not(.banner) {
      padding-inline-start: 0 !important;
    }

    header.header-wrapper .block:not(.banner) nav {
      padding-inline-start: var(--gutter-l);
    }

    .minicart-wrapper .minicart,
    header.header-wrapper nav .nav-hamburger .icon svg,
    header.header-wrapper .nav-tools-wrapper > button {
      filter: invert(0);
    }

    header.header-wrapper nav .nav-menu,
    header.header-wrapper nav .nav-menu > ul {
      height: 100%;
      margin-block-start: 0;
      align-items: flex-end;
    }

    header.header-wrapper nav .nav-menu > ul > li .menu-nav-category a,
    header.header-wrapper nav .nav-menu > ul > li[aria-expanded="true"] .menu-nav-category a {
      color: var(--clr-white) !important;
      padding-block: 0 .55em !important;
    }

    header.header-wrapper nav .nav-menu > ul > li .menu-nav-category:hover a {
      color: var(--clr-white);
    }

    header.header-wrapper nav .nav-menu > ul > li.menu-expandable[aria-expanded="true"] .menu-nav-category a {
      position: relative;
    }

    header.header-wrapper nav .nav-menu > ul > li.menu-expandable[aria-expanded="true"] .menu-nav-category a::after {
      content: '';
      background: var(--clr-black);
      aspect-ratio: 2;
      clip-path: polygon(50% 100%,100% 0,0 0);
      height: 1.6rem;
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      translate: -50% 100%;
      z-index: 50;
    }

    header.header-wrapper nav .nav-menu .menu-expandable .menu-nav-dropdown {
      border-radius: 0 0 1rem 1rem;
    }

    header.header-wrapper nav .nav-menu ul .menu-nav-dropdown .m-col-1:has(> ul:first-child) {
      border-right: none;
    }

    header.header-wrapper nav .nav-menu .menu-nav-dropdown .column > :is(p:first-of-type) a {
      border-bottom: 1px solid var(--text-color);
    }

    header.header-wrapper .block:not(.banner) .nav-tools,
    header.header-wrapper .block:not(.banner) form {
      align-self: end;
    }
  }
/*=====  End of header.header-wrapper  ======*/
}

/*===== global dropin commerce =====*/ 

.dropin-design {
  --type-body-font-family: var(--body-font-family);
  --type-base-font-family: var(--body-font-family);
}