:root {
  --text-sm-0: .938rem; /* 15px */
  --text-sm-1: .8125rem;
  --text-sm-3: .625rem;
  --text-lg-0_25: 1.063rem;
  --text-lg-1: 1.0625rem;  /* 17px */
  --text-lg-2_25: 1.375rem;
  --text-lg-3_5: 1.5625rem; /* 25px */

  --font-body: "Gotham Book", Arial, sans-serif;
  --font-headline: "Gotham Medium", Arial, sans-serif;
  --color-white: #ffffff;
  --color-white-100: #f8f8f8;
  --color-black: #000000;
  --color-black-rgb: 0,0,0;
  --color-black-40: rgba(var(--color-black-rgb), 0.4);
  --color-black-64: rgba(var(--color-black-rgb), 0.64);
  --color-primary: #A7EFD2;
  --color-primary-100: #f4f6f4;
  --color-primary-200: #D2F0E6;
  --color-primary-300: #e0e0e0;
  --color-primary-400: #cccccc;
  --color-primary-500: #808080;
  --color-primary-600: #707070;
  --color-primary-700: #ee9f57;
  --color-primary-800: #A7EFD2;
  --color-primary-900: #212121;
  --color-button-sku: var(--color-primary-200);
  --color-secondary: #A7EFD2;
  --color-secondary-100: #a7efd2;
  --color-secondary-200: #D2F0E6;
  --color-secondary-300: #f2f2f2;
  --color-secondary-400: #404040;
  --color-secondary-500: #d4d4d4;
  --color-secondary-600: #a3a3a3;
  --color-secondary-700: #fafafa;
  --color-secondary-900: #606060;
  --color-red-100: #f9eeee;
  --color-red-200: #e9bfbf;
  --color-red-300: #cc0000;
  --color-red-500: #ff0000;
  --color-green-100: #f0f9f5;
  --color-green-200: #bee3d2;
  --color-green-300: #a3d6c7;
  --color-green-500: #458745;
  --color-error-light: var(--color-red-500);
  --alert-color: var(--color-red-300);
  --success-color: var(--color-green-500);
  --color-success-contrast: var(--color-green-500);
  --star-size: 1rem;
  --star-color: var(--color-white);
  --star-background: var(--color-black);
  --color-body-minimal-bg: var(--color-secondary-700);
  --color-quantity-control: var(--color-primary-900);
  --color-separator: var(--color-secondary-300);
  --color-copyright: var(--color-secondary-900);

  /* Size Chips */
  --padding-size-chip-x: 15px;
  --padding-size-chip-y: 15px;
  --padding-size-chip-x-with-price: 15px;
  --padding-size-chip-y-with-price: 10px;
  --color-size-chip-bg-disabled: var(--color-secondary-300);
  --color-size-chip-text-disabled: #606060;

  /* Add to Bag Button */
  --height-add-to-bag: 62px;
  --padding-add-to-bag: 10px;
  --color-add-to-bag-bg: var(--color-black);
  --color-add-to-bag-text: var(--color-white);
  --color-add-to-bag-bg-hover: var(--color-primary);
  --color-add-to-bag-text-hover: var(--color-black);
  --color-add-to-bag-bg-disabled: var(--color-secondary-300);
  --color-add-to-bag-text-disabled: #606060;

  /* Minimal Header */
  --width-logo-header: 7.556rem;
  --width-logo-header-lg: 7.875rem;
  --color-header-fg: var(--color-secondary-900);

  /* Minimal Footer */
  --color-footer-text: var(--color-black);
  --copyright-font-size: 10px;
  --footer-links-text-transform: uppercase;
  --letter-spacing-primary: normal;
  --font-weight-secure-text: 400;

  /* Button :: Default */
  --button-height: 60px;
  --button-min-w: 337px;
  --button-px: 20px;
  --button-text-size: 12px;
  --button-hover-color: #A7EFD2;

  /** Settings **/
  --max-width-screen-3xl: 120rem;
  --swiper-pagination-bullet-horizontal-gap: 8px;

  /** Product Grid **/
  --aspect-product-card: 1/1 auto;

  /** Carousel **/
  --width-carousel-thumbnail: 98px;
  --height-carousel-thumbnail: 130px;
  --width-carousel-image: 600px;
  --height-carousel-image: 784px;
  --product-grid-arrow-left-mobile: 1.25rem;
  --product-grid-arrow-right-mobile: 1.25rem;

  --pincer-swiper-desktop-image-height: 473px;
  --pincer-swiper-mobile-image-height: 335px;
  --pincer-swiper-desktop-image-width: 473px;
  --pincer-swiper-mobile-image-width: 335px;
  --pincer-swiper-padding-bottom: 0px;
  --pincer-swiper-margin-bottom: 0;
  --pincer-swiper-slide-margin-bottom: 0;

  --pincer-swiper-navigation-width: 40px;
  --pincer-swiper-navigation-height: 40px;
  --pincer-swiper-navigation-top-offset: 50%;
  --pincer-swiper-navigation-sides-offset: 0px;
  --pincer-swiper-navigation-background-color: #FFFFFF;
  --pincer-swiper-navigation-opacity: 0.8;
  --pincer-swiper-navigation-font-size: 1rem;
  --pincer-swiper-navigation-font-color: #000000;
  --pincer-swiper-navigation-prev-side-offset: 0rem;
  --pincer-swiper-navigation-next-side-offset: 0rem;
  --product-grid-navigation-prev-side-offset: 0px;
  --product-grid-navigation-next-side-offset: 0px;
  --product-grid-navigation-top-offset: 14rem;
  --pincer-swiper-thumbnails-navigation-prev-top: 20px;
  --pincer-swiper-thumbnails-navigation-prev-bottom: unset;
  --pincer-swiper-thumbnails-navigation-prev-left: 1.3rem;
  --pincer-swiper-thumbnails-navigation-next-top: unset;
  --pincer-swiper-thumbnails-navigation-next-right: unset;
  --pincer-swiper-thumbnails-navigation-next-bottom: 0;
  --pincer-swiper-thumbnails-navigation-next-left: 1.3rem;
  --pincer-swiper-pagination-margin-top: 10px;

  --swiper-pagination-color: #A7EFD2;
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 0;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #CCC;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
}

/*
  Default brand styles BEGIN
  https://www.figma.com/file/7OYNZBvJR6zcgh0K5Jzy8Y/Darphin-Fr-Design-System?type=design&t=AteiaQpYtoMzUwtH-0)
  **/
body .default-brand-styles {
  font-family: var(--font-body);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.default-brand-styles p {
  margin-bottom: 1rem;
}

.default-brand-styles h1,
.default-brand-styles h2,
.default-brand-styles h3,
.default-brand-styles h4 {
  font-family: var(--font-headline);
}

.default-brand-styles h1 {
  font-size: 1.5625rem;
  line-height: 1.875rem;
}

.default-brand-styles h2 {
  font-size: 1.25rem;
  line-height: 1.5625rem;
}

.default-brand-styles h3 {
  font-size: 1rem;
  line-height: 1.25rem;
}

.default-brand-styles h4 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .default-brand-styles h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .default-brand-styles h2 {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }

  .default-brand-styles h3 {
    font-size: 1.375rem;
    line-height: 1.5625rem;
  }

  .default-brand-styles h4 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.default-brand-styles table {
  border-width: 1px;
  -webkit-border-horizontal-spacing: 2px;
  -webkit-border-vertical-spacing: 2px;
  border-collapse: separate;
  border-color: var(--color-secondary-900);
}
.default-brand-styles td {
  border-width: 1px;
  padding: 2px;
  border-color: var(--color-secondary-900);
}
/*
  Default brand styles END
  **/

.br-replace br {
  content: "";
}

.collapsible-block__button:after {
  content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath d='M250.6 0L500 249.4 250.6 498.9l-24.7-24.7 224.7-224.7L225.9 24.7 250.6 0z'%3E%3C/path%3E%3C/svg%3E");
  display: block;
  width: 12px;
  aspect-ratio: 1;
  position: absolute;
  top: .25rem;
  right: 1rem;
}

[aria-expanded="true"] .collapsible-block__button:after {
  transform: rotate(90deg);
}

.cs-page-wrapper .cs-page__breadcrumbs li:not(:last-child):after{
  display: inline-block;
  content: '>';
  margin: 0 0.25rem;
}

.cs-page-wrapper .customer-service__subtitle a {
  text-decoration: underline;
}

.cs-page-wrapper .drupal.menu li a[aria-expanded] + .drupal.menu {
  display: none;
}

.cs-page-wrapper .drupal.menu li a[aria-expanded="true"] + .drupal.menu {
  display: block;
}

.cs-page-wrapper .drupal.menu[level="0"] > li > a {
  text-transform: uppercase;
}

.cs-page-wrapper .drupal.menu .drupal.menu {
  padding: 0 10px 12px;
}

.cs-page-wrapper .drupal.menu a {
  padding-top: 10px;
  display: inline-block;
}

select.caret {
  background-image: url('icons/caret-down-3defdaca1a9fc52514eb448017130ff4.svg?vsn=d');
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
}

.swiper_main .pincer-button-next,
.swiper_main .pincer-button-prev {
  --pincer-swiper-navigation-height: 40px;
  --pincer-swiper-navigation-width: 40px;
}

.swiper_main .pincer-button-next:hover,
.swiper_main .pincer-button-prev:hover {
  background: var(--color-primary);
}
@media (min-width: 768px) {
  .swiper_main .pincer-button-next,
  .swiper_main .pincer-button-prev {
    --pincer-swiper-navigation-height: 80px;
    --pincer-swiper-navigation-width: 80px;
  }
}