:root {
  --font-body: Helvetica, Arial, sans-serif;
  --font-secondary: Helvetica, Arial, sans-serif;
  --font-generic: Helvetica, Arial, sans-serif;
  --font-headline: 'Times New Roman', serif;
  --font-size-footer: 14px;
  --font-size-pdp-title: 2.25rem;
  --line-height-pdp-title: 2.5rem;
  --color-bg: #ffffff;
  --color-black: #000000;
  --color-body: #333333;
  --color-button-sku: #a6a6a6;
  --color-error: #b00020;
  --color-error-light: #b00020;
  --color-facebook: #1877f2;
  --color-foreground: #000000;
  --color-green: #70b000;
  --color-primary: #666666;
  --color-primary-100: #f9f9f9;
  --color-primary-150: #f5f5f5;
  --color-primary-160: #f4f4f4;
  --color-primary-200: #eeeeee;
  --color-primary-250: #c9c9c9;
  --color-primary-300: #aaaaaa;
  --color-primary-900: #212121;
  --color-secondary: #000000;
  --color-secondary-200: #aaaaaa;
  --color-secondary-500: #d4d4d4;
  --color-gray-65: #e5e5e5;
  --color-separator: #d4d4d4;
  --color-success: #087443;
  --color-success-contrast: #518000;
  --color-warning: #c28513;
  --color-white: #ffffff;
  --color-mobile-footer: var(--color-primary-150);
  --color-footer-bg: #ffffff;
  --color-footer-border-top: var(--color-separator);
  --color-footer-text: #5c5c5c;
  --color-mobile-footer-bg: var(--color-white);
  --color-lock-icon: var(--color-footer-text);
  --color-a11y-icon: var(--color-footer-text);
  --color-a11y-icon-bg: var(--color-gray-65);
  --max-width-page: '1024px';
  --letter-spacing-primary: 0.4px;
  --color-body-minimal-bg: var(--color-primary-150);
  --color-header: var(--color-white);
  --color-header-border-bottom: var(--color-separator);
  --color-copyright: #a3a3a3;
  --copyright-font-size: var(--font-size-footer);
  --color-off-black: #221F20;
  --color-secure-text: var(--color-footer-text);
  --font-weight-secure-text: 600;
  --footer-links-text-transform: unset;
  --font-size-secure-text: var(--font-size-footer);
  --text-transform-secure-text: unset;

  /* input fields */
  --input-height: 48px;
  --input-padding: 12px 16px;
  --input-background: var(--color-white);
  --input-disabled-background: #E9E9E9;
  --input-disabled-color: #616161;
  --input-disabled-border: #aaaaaa;

  /* Add to Bag Button */
  --color-add-to-bag-bg: #000;
  --color-add-to-bag-bg-hover: #424242;
  --color-add-to-bag-text: #fff;
  --color-add-to-bag-bg-disabled: #808080;
  --color-add-to-bag-text-disabled: #fff;

  /* Product Card */
  --color-product-card-badge-border: #000;
  --color-product-card-badge-text-hover: #4b4b4b;
  --color-product-card-bg: #ffffff;
  --color-product-card-image-bg: transparent;
  --color-product-card-shade-title: #000;
  --color-product-card-price-strikethrough: #dc2626;
  --color-product-card-inventory-status-text: #000;
  --max-width-product-card-img: 185px;
  --width-product-card-shade-slider-container: 180px;

  /* Review Stars */
  --color-review-total-text: #000;
  --star-color: #ffffff;
  --star-size: 1rem;
  --star-background: var(--color-primary);

  /* Quickshop Related Settings */
  --max-width-quickshop-modal: 1200px;
  --width-quickshop-modal: 96%;
  --width-slider-dot: 7px;
  --height-slider-dot: 7px;
  --width-slider-dot-button: 20px;
  --height-slider-dot-button: 20px;
  --height-quickshop-button: 30px;

  /* Carousel Slider */
  --width-carousel-thumbnail: 98px;
  --height-carousel-thumbnail: 130px;
  --width-carousel-image: 333px;
  --height-carousel-image: 444px;
  --product-grid-arrow-left-mobile: 1rem;
  --product-grid-arrow-right-mobile: 1rem;

  /* Icons */
  --width-icon: 20px;
  --height-icon: 20px;

  --border-radius: 0;
  --input-border-radius: var(--border-radius);
  --btn-border-radius: var(--border-radius);

  /* Settings */
  --screen-md-width: 45.5rem;
  --screen-lg-width: 61.5rem;
  --screen-xl-width: 77.5rem;
  --screen-2xl-width: 87.5rem;

  --pincer-swiper-pagination-margin-top: initial;

  --height-logo-header: 100%;
  --width-logo-header-lg: 12rem;
  --width-logo-header: 8rem;
  --minimal-header-height: 3.5rem;
  --mobile-minimal-header-height: 2.2rem;

  /* Vulcan Blocks - Drupal */
  --drupal-section-max-width: 1200px;
  --drupal-section-margin: auto;

  /*Live Person engagements */
  --live-person-all-z-index: 107158;
  --live-person-proactive-z-index: 107159;


  /* Drupal Tokens */

  --color-text: #1c1c1c;


  --letter-spacing-1: .01em;

  --desktop-grid-item-flex-basis: 48%;
  --mobile-grid-item-flex-basis: 100%;

  --desktop-grid-item-flex-grow: 0;
  --mobile-grid-item-flex-grow: 1;

  --desktop-grid-item-flex-shrink: 1;
  --mobile-grid-item-flex-shrink: 1;


  --mobile-video-container-margin-bottom: 64px;
  --desktop-video-container-margin-bottom: 80px;

  --mobile-video-content-margin-right: auto;
  --mobile-video-content-margin-left: auto;
  --mobile-video-content-margin-top: 20px;
  --mobile-video-content-margin-bottom: 20px;

  --desktop-video-content-margin-right: auto;
  --desktop-video-content-margin-left: 44px;
  --desktop-video-content-margin-top: 20px;
  --desktop-video-content-margin-bottom: 44px;


  --mobile-video-content-padding-right: 30px;
  --mobile-video-content-padding-left: 30px;
  --mobile-video-content-padding-top: 30px;
  --mobile-video-content-padding-bottom: 24px;

  --desktop-video-content-padding-right: 40px;
  --desktop-video-content-padding-left: 40px;
  --desktop-video-content-padding-top: 32px;
  --desktop-video-content-padding-bottom: 32px;

  --video-content-border-radius: 10px;

  --desktop-video-content-min-width: 380px;

  --h1-font-weight: 400;
  --h1-padding: 0;
  --h1-margin: 0;


  --button-container-margin-top: 15px;
  --button-default-border-color: var(--color-neutral-1-900);
  --button-default-text-color: var(--color-brand-1-50);
  --button-default-height: 52px;

  --mobile-button-default-padding-right: 24px;
  --mobile-button-default-padding-left: 24px;
  --mobile-button-default-padding-top: 16px;
  --mobile-button-default-padding-bottom: 16px;


  --mobile-faq-container-padding-left: 20px;
  --mobile-faq-container-padding-right: 20px;
  --mobile-faq-container-padding-bottom: 100px;
  --mobile-faq-container-width: 100%;
  --mobile-faq-container-max-width: 1440px;
  --desktop-faq-container-padding-left: 44px;
  --desktop-faq-container-padding-right: 44px;

  --mobile-faq-details-container-padding-top: 5px;
  --mobile-faq-details-container-padding-bottom: 25px;

  --mobile-faq-header-title-container-font-size: var(--mobile-font-size-3xl);
  --mobile-faq-header-title-container-padding-top: 32px;
  --mobile-faq-header-title-container-padding-right: 25px;
  --mobile-faq-header-title-container-padding-bottom: 32px;

  --desktop-faq-header-title-container-padding-top: 8px;
  --desktop-faq-header-title-container-padding-right: 30px;
  --desktop-faq-header-title-container-padding-bottom: 8px;

  --mobile-faq-ruler-visibility: none;

  --mobile-faq-question-container-padding-y: 32px;
  --mobile-faq-question-container-padding-right: 25px;
  --mobile-faq-question-container-padding-left: 0px;

  --mobile-faq-item-container-font-size: var(--mobile-font-size-2xl);
  --mobile-faq-item-container-line-height: 1.1;
  --mobile-faq-item-container-border-style: solid;
  --mobile-faq-item-container-border-top: 1px;
  --mobile-faq-item-container-border-color: var(--color-brand-1-300);

  --desktop-faq-question-container-padding-y: 30px;
  --desktop-faq-question-container-padding-right: 0px;
  --desktop-faq-question-container-padding-left: 0px;

  --mobile-faq-answer-container-padding-bottom: 32px;
  --desktop-faq-answer-container-padding-bottom: 30px;

  --mobile-faq-icon-size: 14px;


}