/*
* BUTTONS
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #007cf3;
  --color-green: #0d8600;
  --color-primary: #222222;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #0088ff;
  --color-gray1: #efefef;
  --color-gray2: #e0e0e0;
  --color-gray3: #aaa;
  --color-gray4: #999;
  --color-gray5: #858585;
  --color-gray6: #424242;
  --color-gray7: #333;
  --color-gray8: #191919;
  --color-gray-transparent-1: rgba(0, 0, 0, 0.65);
  --color-gray-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: #ccc;
  --color-slightly-darker-gray: #666;
  --color-dark-gray: #333;
  --color-darker-gray: #181818;
  --color-horizontal-rule-gray: var(--color-gray3);
  --color-product-number-gray: var(--color-gray3);
  --color-horizontal-border-gray: var(--color-gray4);
  --color-menu-link: var(--color-gray6);
  --color-close-menu-bg: var(--color-gray2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-gray3);
  --skin-background-color-1: #fff;
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #f1f1f1;
  --skin-banner-background-color-2: #f1f1f1;
  --skin-banner-text-color-1: #333;
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-primary);
  --skin-price-1: var(--color-gray7);
  --skin-body-font: $primary-font; }

.search-results {
  padding-bottom: 10px; }

.seo-content {
  width: 100%;
  padding-left: 5px;
  padding-top: 20px; }
  @media (min-width: 1200px) {
    .seo-content {
      width: 67%;
      padding-left: 0;
      padding-top: 30px; } }
  @media (min-width: 1440px) {
    .seo-content {
      width: 50%; } }

.seo-content {
  padding-bottom: 20px; }

.article-result {
  line-height: 1.4;
  text-transform: none;
  border-bottom: solid 1px #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  padding-left: 10px;
  padding-right: 10px; }

.search-nav {
  padding-top: 32px;
  padding-bottom: 24px;
  border-bottom: none; }
  @media (min-width: 600px) {
    .search-nav {
      padding-bottom: 40px; } }
  .search-nav .nav-tabs {
    border-bottom: none; }
  .search-nav .nav-tabs-wrapper {
    border-bottom: solid 2px #949494;
    width: 100%;
    justify-content: center;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto; }
    .search-nav .nav-tabs-wrapper a {
      padding: 0 10px;
      margin: 0 0 -2px 0;
      border: none;
      border-bottom: solid 2px #949494;
      background: transparent;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      color: #949494;
      font-family: var(--primary-font);
      font-size: 18px;
      line-height: 26px;
      text-transform: uppercase;
      letter-spacing: 0px;
      font-weight: 700;
      text-decoration: none; }
      @media (min-width: 600px) {
        .search-nav .nav-tabs-wrapper a {
          font-size: 18px;
          line-height: 26px; } }
      @media (min-width: 600px) {
        .search-nav .nav-tabs-wrapper a {
          font-family: var(--primary-font);
          font-size: 22px;
          line-height: 28px;
          text-transform: uppercase;
          letter-spacing: 0.07em;
          font-weight: 700;
          padding: 0 20px; } }
  @media (min-width: 600px) and (min-width: 600px) {
    .search-nav .nav-tabs-wrapper a {
      font-size: 26px;
      line-height: 34px; } }
      .search-nav .nav-tabs-wrapper a:hover {
        color: #858585;
        cursor: pointer; }
      .search-nav .nav-tabs-wrapper a:active, .search-nav .nav-tabs-wrapper a:focus {
        outline: none; }
      .search-nav .nav-tabs-wrapper a.active {
        color: #000;
        border-bottom: solid 2px #222; }

.product-customization-unavailable--container {
  padding: 16px;
  background-color: #ffffff; }

.product-customization-unavailable--background {
  padding: 24px 16px;
  background-color: #F7F7F7;
  border-radius: 8px;
  width: 100%; }

.product-customization-unavailable-message--block {
  max-width: 650px;
  width: 100%;
  gap: 24px; }
  .product-customization-unavailable-message--block h1 {
    font-size: 26px;
    line-height: 34px;
    /* 130.769% */
    letter-spacing: 1.04px; }
  @media (min-width: 1200px) {
    .product-customization-unavailable-message--block h1 {
      font-size: 22px;
      line-height: 30px;
      /* 136.364% */
      letter-spacing: 1.76px; } }

.plp-marketing-tile-container {
  position: relative;
  display: flex;
  height: 100%;
  overflow: hidden; }

.plp-marketing-tile {
  position: relative;
  height: 100%;
  margin-bottom: 32px;
  aspect-ratio: 5/6;
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: end;
  width: 100%; }
  .plp-marketing-tile .plp-marketing-tile-media {
    display: block;
    width: 100%;
    position: relative;
    pointer-events: none; }
    .plp-marketing-tile .plp-marketing-tile-media:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5) 100%); }
    .plp-marketing-tile .plp-marketing-tile-media .plp-marketing-tile-video,
    .plp-marketing-tile .plp-marketing-tile-media .plp-marketing-tile-image {
      display: block;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      aspect-ratio: 5/6;
      overflow: hidden;
      position: relative; }
  .plp-marketing-tile .plp-marketing-tile-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .plp-marketing-tile .plp-marketing-tile-link:focus-visible {
      outline: solid 2px #000;
      outline-offset: 2px; }
  .plp-marketing-tile .plp-marketing-tile-body {
    pointer-events: none;
    padding: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }
  .plp-marketing-tile .plp-marketing-tile-headline {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
    letter-spacing: 1.33px;
    padding: 0;
    alignment-baseline: baseline;
    color: #fff; }
  .plp-marketing-tile .plp-marketing-tile-subcopy {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 8px 0;
    padding: 0;
    color: #fff; }
  .plp-marketing-tile .btn {
    margin-top: 8px;
    pointer-events: auto;
    cursor: pointer; }
  .plp-marketing-tile.plp-marketing-tile--alt {
    background: #fff; }
    .plp-marketing-tile.plp-marketing-tile--alt .plp-marketing-tile-headline,
    .plp-marketing-tile.plp-marketing-tile--alt .plp-marketing-tile-subcopy {
      color: #000; }
    .plp-marketing-tile.plp-marketing-tile--alt .plp-marketing-tile-media:after {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 100%); }

/*# sourceMappingURL=search.css.map*/