/*
* 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; }

.pull-left-xs {
  float: left; }

.pull-right-xs {
  float: right; }

@media (min-width: 320px) and (max-width: 599.98px) {
  .pull-left-sm {
    float: left; }
  .pull-right-sm {
    float: right; } }

@media (min-width: 600px) and (max-width: 1199.98px) {
  .pull-left-md {
    float: left; }
  .pull-right-md {
    float: right; } }

@media (min-width: 1200px) and (max-width: 1439.98px) {
  .pull-left-lg {
    float: left; }
  .pull-right-lg {
    float: right; } }

@media (min-width: 1440px) and (max-width: 1779.98px) {
  .pull-left-xl {
    float: left; }
  .pull-right-xl {
    float: right; } }

@media (min-width: 1780px) {
  .pull-left-xxl {
    float: left; }
  .pull-right-xxl {
    float: right; } }

@media (max-width: 319.98px) {
  .hidden-xs-down {
    display: none !important; } }

@media (max-width: 599.98px) {
  .hidden-sm-down {
    display: none !important; } }

@media (max-width: 1199.98px) {
  .hidden-md-down {
    display: none !important; } }

@media (max-width: 1439.98px) {
  .hidden-lg-down {
    display: none !important; } }

@media (max-width: 1779.98px) {
  .hidden-xl-down {
    display: none !important; } }

.hidden-xxl-down {
  display: none !important; }

.row.equal-height > [class^="col"] {
  display: flex; }

/*
* 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; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-square-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-square-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-square-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #000;
  display: block;
  position: relative; }
  .swatch-square-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #007cf3;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-square-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #007cf3;
  display: block;
  position: relative; }
  .swatch-square-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #007cf3;
  border-radius: 0.69em;
  background-color: #007cf3;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-square-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #a52a2a;
  display: block;
  position: relative; }
  .swatch-square-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0d8600;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-square-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #0d8600;
  display: block;
  position: relative; }
  .swatch-square-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0d8600;
  border-radius: 0.69em;
  background-color: #0d8600;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-square-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #8f979d;
  display: block;
  position: relative; }
  .swatch-square-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-square-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #000080;
  display: block;
  position: relative; }
  .swatch-square-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-square-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #ffa500;
  display: block;
  position: relative; }
  .swatch-square-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-square-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #fe249a;
  display: block;
  position: relative; }
  .swatch-square-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-square-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #800080;
  display: block;
  position: relative; }
  .swatch-square-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-square-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #f00;
  display: block;
  position: relative; }
  .swatch-square-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-square-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #fff;
  display: block;
  position: relative; }
  .swatch-square-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-square-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  background: #ff0;
  display: block;
  position: relative; }
  .swatch-square-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.page-greyout {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }

.store-availability {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  position: absolute;
  z-index: 9999;
  background: white;
  max-width: 900px;
  padding: 0; }
  @media (max-width: 1199.98px) {
    .store-availability {
      width: 100%; } }
  .store-availability .close-store-availability {
    height: 40px;
    background: #f1f1f1;
    padding: 5px; }
    .store-availability .close-store-availability .logo {
      height: calc(40px - 5px * 2);
      width: calc(40px - 5px * 2);
      margin-left: 5px; }
    .store-availability .close-store-availability .close-button button {
      height: 40px;
      width: 40px;
      border-left: thin solid #999;
      padding-left: 5px; }
  .store-availability .availability-popup {
    padding: 2em;
    background: white;
    width: 100%; }
    .store-availability .availability-popup .title {
      font-weight: bold; }
    .store-availability .availability-popup .search-product {
      border: thin solid black; }
      .store-availability .availability-popup .search-product .subtitle {
        padding: 1em;
        width: 100%;
        background: black; }
        .store-availability .availability-popup .search-product .subtitle h2 {
          color: white;
          font-weight: bold; }
      .store-availability .availability-popup .search-product .product-specs {
        padding: 1em;
        display: flex;
        align-content: center;
        flex-direction: row; }
        @media (max-width: 599.98px) {
          .store-availability .availability-popup .search-product .product-specs {
            flex-direction: column; } }
        .store-availability .availability-popup .search-product .product-specs .tile-image {
          max-height: 150px;
          max-width: 150px; }
          @media (max-width: 599.98px) {
            .store-availability .availability-popup .search-product .product-specs .tile-image {
              max-width: 100%;
              max-height: 100%; } }
        .store-availability .availability-popup .search-product .product-specs .title-and-variation {
          flex: 0 1 100%;
          margin-left: 1em; }
          @media (max-width: 599.98px) {
            .store-availability .availability-popup .search-product .product-specs .title-and-variation {
              width: 100%;
              margin-left: 0;
              margin-top: 1em; } }
          .store-availability .availability-popup .search-product .product-specs .title-and-variation h3 {
            font-weight: bold; }
    .store-availability .availability-popup .store-inventory-text {
      margin-top: 1em;
      margin-bottom: 1em; }
    .store-availability .availability-popup .stores-data {
      width: 100%; }
      .store-availability .availability-popup .stores-data td, .store-availability .availability-popup .stores-data th {
        padding: 10px 16px; }
      .store-availability .availability-popup .stores-data thead {
        background: #999;
        color: white; }
        .store-availability .availability-popup .stores-data thead tr {
          border: 1px solid #999; }
      .store-availability .availability-popup .stores-data tbody tr {
        border: 1px solid #ccc; }
        .store-availability .availability-popup .stores-data tbody tr .store-link {
          font-weight: bold; }
        .store-availability .availability-popup .stores-data tbody tr .high-stock {
          color: #0e9600; }
        .store-availability .availability-popup .stores-data tbody tr .low-stock, .store-availability .availability-popup .stores-data tbody tr .no-stock {
          color: #e80008; }
        .store-availability .availability-popup .stores-data tbody tr .no-stock {
          text-align: center; }

.product-promotions .info-icon .icon-help {
  position: relative;
  top: -2px; }
  .product-promotions .info-icon .icon-help:active, .product-promotions .info-icon .icon-help:focus {
    outline: none; }

.favorite-button {
  margin: 0;
  height: 74px; }
  .favorite-button .fa-heart, .favorite-button .fa-heart-o {
    color: #ff0000;
    font-size: 18px; }
  .favorite-button .fa-heart {
    -webkit-animation: pop 200ms linear forwards;
            animation: pop 200ms linear forwards; }

@-webkit-keyframes pop {
  50% {
    scale: 1.5; } }

@keyframes pop {
  50% {
    scale: 1.5; } }

.find-in-store {
  margin-left: 0;
  margin-right: 0; }
  .find-in-store .find-in-store-button {
    font-weight: 700; }

/* Instore pickup Style Overwrite */
.store-availability .availability-popup .store-inventory-text {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em 0;
  list-style: none;
  font-size: 80%; }

.store-availability .availability-popup .stores-data-table > div {
  border: 1px solid #999;
  border-bottom: none; }
  .store-availability .availability-popup .stores-data-table > div:last-child {
    border-bottom: 1px solid #999; }

.store-availability .availability-popup .stores-data-table .header-block > div {
  padding: 10px 16px;
  background: #999;
  color: #fff; }

.store-availability .availability-popup .stores-data-table .store-list-block > div {
  padding: 10px 16px; }
  .store-availability .availability-popup .stores-data-table .store-list-block > div .store-name {
    font-weight: 700; }
  .store-availability .availability-popup .stores-data-table .store-list-block > div .store-data {
    font-size: 85%;
    color: #6b6b6b; }
  .store-availability .availability-popup .stores-data-table .store-list-block > div .store-link {
    font-weight: bold; }
  .store-availability .availability-popup .stores-data-table .store-list-block > div .high-stock {
    color: #0e9600; }
  .store-availability .availability-popup .stores-data-table .store-list-block > div .low-stock, .store-availability .availability-popup .stores-data-table .store-list-block > div .no-stock {
    color: #e80008; }
  .store-availability .availability-popup .stores-data-table .store-list-block > div .no-stock {
    text-align: center; }
  .store-availability .availability-popup .stores-data-table .store-list-block > div button.popup-bopis-add-to-cart-btn {
    font-size: 10px;
    padding: 6px 15px;
    margin-top: 5px; }

.spec-tabs {
  display: flex;
  justify-content: center;
  border-bottom: solid 2px #000;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  .spec-tabs button {
    padding: 0 10px;
    margin: 0 10px -2px 10px;
    border: 2px solid transparent;
    border-bottom: solid 2px #000;
    background: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    color: #000;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-family: var(--primary-font);
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 700; }
    @media (min-width: 600px) {
      .spec-tabs button {
        font-size: 18px;
        line-height: 26px; } }
    @media (min-width: 600px) {
      .spec-tabs button {
        font-family: var(--primary-font);
        font-size: 24px;
        line-height: 30px;
        text-transform: none;
        letter-spacing: 0.04em;
        font-weight: 300;
        padding: 0 20px; } }
  @media (min-width: 600px) and (min-width: 600px) {
    .spec-tabs button {
      font-size: 32px;
      line-height: 40px; } }
    .spec-tabs button:hover {
      color: #858585; }
    .spec-tabs button:active, .spec-tabs button:focus {
      border: 2px solid #444;
      outline: none; }
    .spec-tabs button.active {
      color: #000;
      border-bottom: solid 2px #222; }

.hide-heading .spec-tabs {
  display: none; }

.spec-tab-content {
  display: none; }
  .spec-tab-content.active {
    display: block; }

.club-spec-table table, .shaft-spec-table table, .grip-spec-table table, .product-sizing-table table {
  margin: 0 auto; }
  .club-spec-table table thead th, .shaft-spec-table table thead th, .grip-spec-table table thead th, .product-sizing-table table thead th {
    background: #f5f5f5;
    padding: 10px 30px 10px 10px;
    font-family: var(--primary-font);
    font-size: 16px;
    line-height: 22px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap; }
    @media (min-width: 600px) {
      .club-spec-table table thead th, .shaft-spec-table table thead th, .grip-spec-table table thead th, .product-sizing-table table thead th {
        font-size: 16px;
        line-height: 22px; } }
  .club-spec-table table td, .shaft-spec-table table td, .grip-spec-table table td, .product-sizing-table table td {
    padding: 10px;
    white-space: nowrap;
    font-size: 14px; }

.club-spec-table .os-theme-dark > .os-scrollbar-horizontal, .club-spec-table .os-theme-light > .os-scrollbar-horizontal, .shaft-spec-table .os-theme-dark > .os-scrollbar-horizontal, .shaft-spec-table .os-theme-light > .os-scrollbar-horizontal, .grip-spec-table .os-theme-dark > .os-scrollbar-horizontal, .grip-spec-table .os-theme-light > .os-scrollbar-horizontal, .product-sizing-table .os-theme-dark > .os-scrollbar-horizontal, .product-sizing-table .os-theme-light > .os-scrollbar-horizontal {
  margin-left: 10px;
  margin-right: 10px; }

.club-spec-table .glove-measuring, .shaft-spec-table .glove-measuring, .grip-spec-table .glove-measuring, .product-sizing-table .glove-measuring {
  display: block;
  max-width: 90px;
  margin: 0 auto 20px; }
  @media (min-width: 1200px) {
    .club-spec-table .glove-measuring, .shaft-spec-table .glove-measuring, .grip-spec-table .glove-measuring, .product-sizing-table .glove-measuring {
      margin: 0 20px 20px; } }

.shaft-spec-table .shaft, .shaft-spec-table .grip, .grip-spec-table .shaft, .grip-spec-table .grip {
  margin-top: 26px;
  margin-bottom: 26px; }

.shaft-spec-table .spec-image, .grip-spec-table .spec-image {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.shaft-spec-table a.btn, .grip-spec-table a.btn {
  color: white; }
  .shaft-spec-table a.btn:hover, .grip-spec-table a.btn:hover {
    color: white; }

#product-comparison table tr:first-child td:first-child {
  background: #fff;
  width: 10rem !important; }

#product-comparison table tr:not(:first-child) td:first-child {
  background: #f7f9f9;
  width: 10rem !important; }

#product-comparison table td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0; }

/**
 * Product Set Page
 */
/*
* 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; }

.page .product-set-container {
  background-color: #fff;
  overflow: hidden;
  margin-top: 0; }

.container.product-detail.product-set-detail {
  margin-top: 0;
  background-color: #fff; }
  .container.product-detail.product-set-detail h1.product-name {
    margin: 30px 0; }
  @media (min-width: 1200px) {
    .container.product-detail.product-set-detail .product-set-left-column {
      height: 100%;
      position: -webkit-sticky;
      position: sticky;
      top: 20px; } }
  .container.product-detail.product-set-detail .primary-image-wrapper img {
    width: 100%;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    margin-bottom: 15px; }
  .container.product-detail.product-set-detail .custom-description {
    margin-bottom: 15px; }
  .container.product-detail.product-set-detail .set-item {
    background-color: #f1f1f1;
    padding: 15px 0;
    margin-bottom: 15px; }
    .container.product-detail.product-set-detail .set-item .product-image {
      border: 0.063em solid rgba(0, 0, 0, 0.3);
      margin-bottom: 15px; }
      .container.product-detail.product-set-detail .set-item .product-image img {
        width: 100%; }
    .container.product-detail.product-set-detail .set-item .product-name {
      font-family: var(--primary-font);
      font-size: 22px;
      line-height: 28px;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      font-weight: 700; }
      @media (min-width: 600px) {
        .container.product-detail.product-set-detail .set-item .product-name {
          font-size: 26px;
          line-height: 34px; } }
      .container.product-detail.product-set-detail .set-item .product-name a:link, .container.product-detail.product-set-detail .set-item .product-name a:visited {
        text-decoration: none; }
      .container.product-detail.product-set-detail .set-item .product-name a:hover, .container.product-detail.product-set-detail .set-item .product-name a:active {
        text-decoration: underline; }

/*
* 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; }

.klaviyo-notify-me input[type='submit'],
.klaviyo-notify-me div.form-group,
.klaviyo-notify-me div.custom-checkbox {
  margin-top: 16px; }

.klaviyo-notify-me .form-group .invalid-feedback {
  display: block; }

.klaviyo-notify-me .wrapper {
  background: #fff;
  padding-top: 23px;
  border-radius: 16px; }
  .klaviyo-notify-me .wrapper .error-msg,
  .klaviyo-notify-me .wrapper .confirmation {
    display: none; }
  .klaviyo-notify-me .wrapper .error-msg {
    color: #c00; }

.klaviyo-notify-me .error {
  display: none;
  color: #c00; }

.product-detail .attributes .swatch {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative;
  border: 0.063em solid #949494;
  width: 76px;
  height: 76px;
  margin-right: 0;
  background-size: cover;
  color: #000; }
  .product-detail .attributes .swatch i.fa-times-circle {
    background: #fff;
    border-radius: 50%;
    height: 0.75em;
    line-height: 0.8em;
    width: 0.8em; }
  .product-detail .attributes .swatch:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #444444; }
    .product-detail .attributes .swatch:hover .color-swatch-hover {
      display: block; }
  .product-detail .attributes .swatch:active {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.16); }
  .product-detail .attributes .swatch .color-swatch-hover {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border: 1px solid #444444; }
  .product-detail .attributes .swatch.Akeneo_Size-value, .product-detail .attributes .swatch.Hand-value {
    width: 58px;
    height: 58px;
    padding-top: 14px; }
  .product-detail .attributes .swatch.selected {
    border: 2px solid #222222; }
    .product-detail .attributes .swatch.selected:before {
      content: '\2713';
      display: block;
      position: absolute;
      margin-left: 4px;
      font-size: 11px;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px;
      line-height: 16px;
      color: #fff;
      background-color: #222222; }
    .product-detail .attributes .swatch.selected .color-swatch-hover {
      border: none; }
  .product-detail .attributes .swatch.unselectable:hover {
    border: 1px solid #E2E2E2; }
  .product-detail .attributes .swatch.unselectable .color-swatch-hover {
    border: none; }
  .product-detail .attributes .swatch.unselectable.color-value > span {
    background: linear-gradient(to top left, #bcbcbc54 calc(50% - 1px), white, #bcbcbc54 calc(50% + 1px));
    display: block;
    border: 1px solid #E2E2E2;
    opacity: 80%; }

.product-detail [disabled] .swatch,
.product-detail .swatch.unselectable {
  cursor: not-allowed;
  border: 1px solid #E2E2E2; }
  .product-detail [disabled] .swatch.color-value.selected::after,
  .product-detail .swatch.unselectable.color-value.selected::after {
    background-color: #495057; }

label.color ~ a:hover {
  text-decoration: none; }

.description-and-detail .pdpSections .nav-link,
.description-and-detail .pdpSections .product-name {
  font-weight: 700;
  font-size: .875rem;
  letter-spacing: .1rem;
  text-transform: uppercase;
  padding-bottom: 0.5rem 1rem;
  display: block; }
  .description-and-detail .pdpSections .nav-link.active,
  .description-and-detail .pdpSections .product-name.active {
    border: 0; }

.description-and-detail .pdpSections .section-title {
  font-family: var(--primary-font);
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700; }
  @media (min-width: 600px) {
    .description-and-detail .pdpSections .section-title {
      font-size: 26px;
      line-height: 34px; } }

.description-and-detail .pdpSections #product-features {
  padding-top: 0; }

.social-container {
  padding-top: 0.9375em;
  text-align: center; }
  .social-container .social-icons {
    text-decoration: none;
    font-size: 1.875em;
    list-style-type: none;
    padding: 0;
    color: #424242; }
    @media (max-width: 1199.98px) {
      .social-container .social-icons {
        font-size: 1.5625em; } }
    .social-container .social-icons i,
    .social-container .social-icons a {
      color: #424242;
      padding-right: 0.2em; }

.promotions {
  font-weight: normal;
  text-align: center;
  height: 85%; }
  .promotions div.collapsible-xl button.callout {
    font-size: 1.25em;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    color: #c00; }
    @media (min-width: 320px) {
      .promotions div.collapsible-xl button.callout {
        font-size: 1.375em; } }
    .promotions div.collapsible-xl button.callout::after {
      color: #000; }

.product-options {
  margin-top: 1.25em; }

.size-chart .size-chart-collapsible {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0, 1); }
  .size-chart .size-chart-collapsible.active {
    max-height: 100%;
    transition-timing-function: ease-in-out; }

.attribute.swatches [class*="-attribute"] {
  border: none;
  padding: 0;
  background: none; }

.attribute.swatches .non-input-label {
  display: block;
  margin-bottom: 0.5rem; }
  .attribute.swatches .non-input-label.invisibleLoad {
    visibility: hidden; }

.attribute.swatches .selected-non-input-label {
  display: none;
  float: left;
  font-weight: 500;
  margin: 1px 10px 0 0;
  text-transform: uppercase; }

.attribute.swatches.selected .selected-non-input-label {
  display: inline; }

.attribute.swatches button:focus-visible .swatch,
.attribute.swatches button:focus .swatch {
  outline: 2px solid #222222;
  outline-offset: 2px; }

.attribute.swatches .personalize-swatch {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  width: 76px;
  height: 76px;
  margin: 0 5px 7px 0;
  border: 0.063em solid #949494;
  background-color: #fff;
  color: #000;
  text-align: center;
  text-decoration: none; }
  .attribute.swatches .personalize-swatch .personalize-swatch-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 4px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #de5569, #e37059, #e97f4e, #edaa54, #efc15a, #e8d066, #e5e172, #cbdc85, #bae098, #a7cdb0, #9abcc1, #8f9bc8, #966fd0, #a655c1, #bb49ae, #de5569);
    -webkit-mask: radial-gradient(circle, transparent 6px, #000 7px);
            mask: radial-gradient(circle, transparent 6px, #000 7px); }
  .attribute.swatches .personalize-swatch .personalize-swatch-label {
    font-size: 12px;
    font-weight: 700;
    line-height: 1; }

@media (max-width: 319.98px) {
  .product-grid {
    padding-top: 0.938em; }
    .product-grid .col-6 {
      padding-left: 5px;
      padding-right: 5px; } }

/**
 * Gift card PDP - i know its kind of a hack.
 */
.custom-amount:before {
  position: relative;
  content: 'or';
  display: block;
  top: 51px;
  left: -16px;
  height: 30px; }

.custom-amount .attribute.d-inline-block {
  width: 100%; }

.or-lines {
  position: relative;
  z-index: 1; }
  .or-lines.line-start {
    position: absolute;
    border-top: solid 1px #ccc;
    left: 0; }

.section-toc-container {
  height: 0px;
  display: flex; }
  .section-toc-container .toc-name {
    padding-left: 35px; }
    .section-toc-container .toc-name span {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .section-toc-container .section-toc {
    position: static;
    visibility: hidden;
    top: -50px;
    left: 0;
    width: 100%;
    z-index: 100; }
    .section-toc-container .section-toc li {
      margin: 0 15px; }
    .section-toc-container .section-toc .btn.btn-rounded {
      margin-left: 20px;
      padding: 11px 40px;
      line-height: 14px; }
    .section-toc-container .section-toc .toc-shop-btn {
      display: none; }
    .section-toc-container .section-toc .toc-button-shop, .section-toc-container .section-toc .toc-button-addtocart {
      display: none; }
      .section-toc-container .section-toc .toc-button-shop.active, .section-toc-container .section-toc .toc-button-addtocart.active {
        display: block; }
    .section-toc-container .section-toc.stick {
      position: fixed;
      visibility: visible;
      top: 0;
      transition: top .3s; }
      .section-toc-container .section-toc.stick .container {
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
        max-width: 1920px; }
      .section-toc-container .section-toc.stick .toc-shop-btn {
        display: inline-block; }
      .section-toc-container .section-toc.stick .row {
        justify-content: center; }
        @media (max-width: 1199.98px) {
          .section-toc-container .section-toc.stick .row .toc-name {
            width: 95%;
            justify-content: center;
            padding-left: 0; } }
        .section-toc-container .section-toc.stick .row .h6 {
          line-height: 1.5rem; }
        @media (max-width: 1199.98px) {
          .section-toc-container .section-toc.stick .row .options {
            display: none; } }
        .section-toc-container .section-toc.stick .row .divider {
          color: #aaa;
          overflow: visible; }
        .section-toc-container .section-toc.stick .row .catParent {
          color: #aaa;
          text-decoration: none;
          text-align: center; }
          .section-toc-container .section-toc.stick .row .catParent:hover {
            color: #000;
            text-decoration: underline; }

.pdp-primary-details .container-fluid {
  width: 100%;
  padding: 0; }
  @media (max-width: 1439.98px) {
    .pdp-primary-details .container-fluid {
      padding: 0 15px; } }

.pdp-primary-details .primary-images-placeholder {
  height: 108vw; }

.pdp-primary-details #zoomModal .modal-dialog {
  max-width: 900px;
  width: 80vh; }
  @media only screen and (max-width: 856px) {
    .pdp-primary-details #zoomModal .modal-dialog {
      width: 95vw; } }
  .pdp-primary-details #zoomModal .modal-dialog .modal-header {
    display: block;
    border: none;
    padding: 0rem 1rem; }
    .pdp-primary-details #zoomModal .modal-dialog .modal-header .btn-close {
      background: none;
      border: 0;
      outline: 0;
      float: right; }
      .pdp-primary-details #zoomModal .modal-dialog .modal-header .btn-close span {
        font-size: 55px;
        color: #000;
        line-height: 1; }

.pdp-primary-details .primary-images {
  display: none;
  padding-right: 0; }
  @media (max-width: 1199.98px) {
    .pdp-primary-details .primary-images {
      height: unset; } }
  @media (max-width: 599.98px) {
    .pdp-primary-details .primary-images {
      flex: 0 0 100%;
      max-width: 100%; } }
  .pdp-primary-details .primary-images::-webkit-scrollbar {
    display: none; }
  @media (max-width: 599.98px) {
    .pdp-primary-details .primary-images .primary-images-wrapper {
      margin: 24px 0; } }
  .pdp-primary-details .primary-images .primary-images-wrapper .image-wrap {
    display: inline-block;
    max-width: 49%;
    cursor: pointer; }
    .pdp-primary-details .primary-images .primary-images-wrapper .image-wrap:only-child {
      display: block;
      max-width: 600px;
      margin: 0 auto; }
    .pdp-primary-details .primary-images .primary-images-wrapper .image-wrap.transparent {
      background-color: black; }
      .pdp-primary-details .primary-images .primary-images-wrapper .image-wrap.transparent img {
        opacity: 0.95; }

.pdp-primary-details .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.pdp-primary-details .pdp-badging {
  position: absolute;
  max-width: 100px;
  z-index: 100;
  top: 25px;
  right: 50px; }
  @media (max-width: 599.98px) {
    .pdp-primary-details .pdp-badging {
      max-width: 70px;
      top: 10px;
      right: 15px; } }
  .pdp-primary-details .pdp-badging img {
    width: 100%; }

.pdp-primary-details .callout {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 20px;
  color: #4D4D4D; }

.pdp-primary-details .carousel {
  display: none;
  min-height: 270px;
  padding: 10px 0 50px;
  background: transparent;
  overflow: hidden; }
  .pdp-primary-details .carousel tm-carousel {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    width: 100%; }
    .pdp-primary-details .carousel tm-carousel img {
      width: 100%;
      display: block; }

.pdp-primary-details .product-breadcrumb {
  display: none; }

.pdp-primary-details .product-name {
  line-height: 1;
  margin-bottom: 0;
  text-transform: none !important;
  letter-spacing: 0;
  font-size: 32px; }

.pdp-primary-details .prices {
  text-align: left; }

.pdp-primary-details .short-description {
  padding: 15px 0 10px; }
  .pdp-primary-details .short-description p {
    margin-bottom: 0; }
    .pdp-primary-details .short-description p + p {
      margin-top: 16px; }

.pdp-primary-details .additional-models-container span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px; }

.pdp-primary-details .additional-models-container .additional-models {
  width: 100%;
  overflow-y: auto;
  white-space: nowrap;
  padding: 10px 0; }
  .pdp-primary-details .additional-models-container .additional-models .additional-model-link {
    display: inline-block;
    padding: 8px 20px;
    width: auto;
    margin: 0 2px;
    border: 1px solid #000;
    border-radius: 40px;
    background: #fff;
    height: 40px; }

.pdp-primary-details .rotation-tooltip-container {
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 0 0 32px 32px;
  background: rgba(0, 0, 0, 0.1); }
  .pdp-primary-details .rotation-tooltip-container .rotation-tooltip-icon {
    display: block;
    padding: 15px;
    font-weight: 700;
    letter-spacing: 1.2px;
    cursor: pointer;
    text-decoration: none; }
  .pdp-primary-details .rotation-tooltip-container .icon {
    background: transparent; }

.pdp-primary-details .loading-error,
.pdp-primary-details .config-error {
  margin-top: 10px;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 16px;
  border-radius: 16px;
  display: none; }
  .pdp-primary-details .loading-error .text,
  .pdp-primary-details .config-error .text {
    display: block; }

.pdp-primary-details .config-error {
  position: relative; }
  .pdp-primary-details .config-error .config-error-close {
    position: absolute;
    top: 4px;
    right: 8px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    opacity: 0.8;
    cursor: pointer;
    text-shadow: none; }
    .pdp-primary-details .config-error .config-error-close:hover, .pdp-primary-details .config-error .config-error-close:focus {
      opacity: 1;
      color: #fff; }

.pdp-primary-details .stock-custom-buttons {
  position: relative;
  display: flex;
  border-radius: 8px;
  border: none;
  background: transparent;
  width: 100%;
  justify-content: center;
  background: #fff;
  padding: 0px 16px;
  margin: 20px 0 16px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 0px 16px 6px;
  margin: 16px 0 0; }
  .pdp-primary-details .stock-custom-buttons .btn {
    border-bottom: 2px solid #222;
    width: 50%;
    text-align: center;
    z-index: 1;
    padding: 14px 0 12px 0;
    border-radius: 0px;
    background: transparent;
    position: relative !important;
    transition: width 300ms ease-in-out;
    color: #222;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0.96px;
    text-transform: uppercase; }
    .pdp-primary-details .stock-custom-buttons .btn + .btn {
      right: 0; }
    .pdp-primary-details .stock-custom-buttons .btn.inactive {
      z-index: 0;
      border-bottom: 1px solid #ccc;
      background: transparent;
      border-radius: 0px;
      color: #333; }
      .pdp-primary-details .stock-custom-buttons .btn.inactive:hover::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border: solid 2px #fff;
        border-radius: 40px; }
    .pdp-primary-details .stock-custom-buttons .btn:hover, .pdp-primary-details .stock-custom-buttons .btn:active {
      color: #000; }
  .pdp-primary-details .stock-custom-buttons #pdp-customize-disabled-modal {
    display: none;
    position: absolute;
    top: 47px;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0px 3px 6px #000000; }
    .pdp-primary-details .stock-custom-buttons #pdp-customize-disabled-modal img {
      width: 70px;
      float: left;
      display: block;
      margin: 24px 16px; }
    .pdp-primary-details .stock-custom-buttons #pdp-customize-disabled-modal .message {
      float: left;
      margin: 24px 16px 24px 24px; }
      .pdp-primary-details .stock-custom-buttons #pdp-customize-disabled-modal .message span {
        display: block;
        font-size: 16px;
        width: 250px; }
      .pdp-primary-details .stock-custom-buttons #pdp-customize-disabled-modal .message .rain-check {
        font-size: 25px;
        font-weight: bold; }
    .pdp-primary-details .stock-custom-buttons #pdp-customize-disabled-modal button {
      position: absolute;
      top: 0;
      right: 20px;
      font-size: 32px;
      outline: none; }

.pdp-primary-details .tm-ai-fitting-card {
  background: #fff;
  border-radius: 8px;
  padding: 32px 24px;
  margin: 16px 0;
  text-align: center; }
  .pdp-primary-details .tm-ai-fitting-card__text {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px; }
  .pdp-primary-details .tm-ai-fitting-card .tm-ai-open-fitting {
    display: inline-flex;
    align-items: center;
    padding: 8px 24px;
    border-radius: 999px; }
    .pdp-primary-details .tm-ai-fitting-card .tm-ai-open-fitting:focus, .pdp-primary-details .tm-ai-fitting-card .tm-ai-open-fitting:focus-visible {
      border-radius: 999px;
      outline: solid 2px #000;
      outline-offset: 2px; }
    .pdp-primary-details .tm-ai-fitting-card .tm-ai-open-fitting .context-fitting-icon {
      margin-right: 8px; }

.pdp-primary-details #pdp-stock-view {
  margin-bottom: 32px; }
  .pdp-primary-details #pdp-stock-view ul {
    margin: 0; }
  .pdp-primary-details #pdp-stock-view .selection-wrapper {
    background: #fff;
    border-radius: 8px 8px 8px 8px; }
    .pdp-primary-details #pdp-stock-view .selection-wrapper .attribute:not(.quantity-container) {
      padding: 16px; }
  .pdp-primary-details #pdp-stock-view.blur {
    filter: blur(3px); }
  .pdp-primary-details #pdp-stock-view .attributes .add-to-cart-quantity-favorite-row .quantity-add-to-cart-btn-favorites-btn-wrapper {
    display: flex; }
  .pdp-primary-details #pdp-stock-view .attributes .add-to-cart-quantity-favorite-row .favorite-button-col {
    max-width: 100px;
    width: 96px;
    margin-left: 15px; }
    @media (min-width: 600px) {
      .pdp-primary-details #pdp-stock-view .attributes .add-to-cart-quantity-favorite-row .favorite-button-col {
        width: 100%; } }
  .pdp-primary-details #pdp-stock-view .attributes .add-to-cart-quantity-favorite-row {
    margin: 0;
    padding: 20px 16px 16px 16px;
    background: #fff;
    border-radius: 8px 8px 8px 8px; }
    .pdp-primary-details #pdp-stock-view .attributes .add-to-cart-quantity-favorite-row.with-subscription {
      margin-top: 7px; }
  .pdp-primary-details #pdp-stock-view .attributes .chargebee-subscribe {
    margin-top: 8px;
    background: #fff;
    border-radius: 8px 8px 8px 8px;
    margin-left: auto;
    margin-right: auto;
    width: 100%; }
    .pdp-primary-details #pdp-stock-view .attributes .chargebee-subscribe .cb-tab {
      padding: 20px 16px 16px 16px; }
  .pdp-primary-details #pdp-stock-view .attributes .cb-tabs {
    padding: 0; }
  .pdp-primary-details #pdp-stock-view.preview-only:not(.customize) .attributes {
    display: none; }
  .pdp-primary-details #pdp-stock-view.not-subscription-ui {
    background: #fff;
    padding: 23px 16px 16px 16px;
    border-radius: 0 0 16px 16px; }
    .pdp-primary-details #pdp-stock-view.not-subscription-ui .add-to-cart-quantity-favorite-row {
      padding: 0; }

.pdp-primary-details .configurable-only-container .btn {
  margin: 30px 0; }

.pdp-primary-details .configurable-only-container .exclamation-circle {
  color: #222;
  width: 24px;
  height: 24px; }

.pdp-primary-details .myproduct-link-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  background-color: black;
  color: white; }
  .pdp-primary-details .myproduct-link-container .myproduct-link-image {
    padding: 8px; }
    .pdp-primary-details .myproduct-link-container .myproduct-link-image img {
      height: 114px;
      width: 114px; }
  .pdp-primary-details .myproduct-link-container .myproduct-link-text {
    text-align: center; }
    .pdp-primary-details .myproduct-link-container .myproduct-link-text .text {
      display: block;
      text-transform: uppercase;
      font-size: 15px;
      letter-spacing: 1.62px;
      font-weight: 500;
      margin-bottom: 16px; }
      @media (max-width: 599.98px) {
        .pdp-primary-details .myproduct-link-container .myproduct-link-text .text {
          font-size: 11px;
          margin-bottom: 12px; } }
    .pdp-primary-details .myproduct-link-container .myproduct-link-text .myproduct-link-button {
      color: white;
      text-decoration: none;
      padding: 12px 24px;
      border: 1px solid white;
      text-transform: uppercase;
      font-size: 11px;
      width: 144px;
      margin: 0 auto;
      letter-spacing: 1px; }

.price {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase; }

.loyalty {
  font-weight: 700;
  font-size: .875rem;
  text-transform: uppercase; }

.product-number-rating .bv_numReviews_component_container {
  display: none; }

.product-number-rating .bv_main_container {
  justify-content: right; }
  .product-number-rating .bv_main_container > .div {
    display: none; }

.product-number-rating .bv_stars_component_container svg defs stop:first-of-type {
  stop-color: #000 !important; }

.product-number-rating .bv_stars_component_container svg defs stop:last-of-type {
  stop-color: #ccc !important; }

.with-favorite .cart-and-ipay > div {
  padding-right: 0; }

.cart-and-ipay {
  margin: 0; }
  .cart-and-ipay > .with-quantity {
    padding: 0; }
  .cart-and-ipay button.add-to-cart {
    display: block;
    width: 100%;
    height: 74px; }
    .cart-and-ipay button.add-to-cart .fa-shopping-bag {
      display: none; }

.save-for-later-btn {
  width: 100%;
  margin-top: 16px;
  background: #fff;
  border: 1px solid #000;
  color: #000; }
  .save-for-later-btn:hover, .save-for-later-btn:focus, .save-for-later-btn.focus, .save-for-later-btn:not(:disabled):not(.disabled):active, .save-for-later-btn:not(:disabled):not(.disabled).active {
    background: #fff;
    background-color: #fff;
    border-color: #000;
    color: #000;
    box-shadow: none; }
    .save-for-later-btn:hover:focus, .save-for-later-btn:focus:focus, .save-for-later-btn.focus:focus, .save-for-later-btn:not(:disabled):not(.disabled):active:focus, .save-for-later-btn:not(:disabled):not(.disabled).active:focus {
      box-shadow: none; }
  .save-for-later-btn:disabled, .save-for-later-btn.disabled {
    color: #fff;
    background-color: #ccc;
    opacity: .5;
    pointer-events: none;
    border: none; }
  .save-for-later-btn .save-for-later-text {
    font-size: 12px;
    letter-spacing: 0.96px;
    margin-left: 8px; }

.availability-msg, .promo-text, .availability-message {
  color: #424242;
  text-transform: uppercase; }

.promo-text, .availability-msg, .availability-message {
  font-weight: 700; }

.promo-text {
  font-size: .875rem; }

.availability-msg, .availability-message {
  font-size: 12px; }

.availability-message-container .unavailable {
  color: #AB0D0D; }

.product-number {
  color: #333;
  font-size: .875rem;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap; }

.attributes .attribute {
  margin-bottom: 20px;
  position: relative; }
  .attributes .attribute:not(.swatches):after {
    content: "\F107";
    font-family: "icomoon" !important;
    position: absolute;
    right: 15px;
    top: 28px;
    font-size: 28px;
    pointer-events: none; }
  .attributes .attribute label {
    font-size: .85rem;
    line-height: 1;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-size: 0.8125rem;
    position: absolute;
    left: 12px;
    top: 12px; }
  .attributes .attribute .custom-select {
    border: 1px solid #949494;
    height: auto;
    padding: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: calc(12px + (3 / 2 * 16px));
    background-position-y: calc(50% + (12px / 2));
    background: none; }
    .attributes .attribute .custom-select:hover {
      border: solid 1px #4D4D4D; }
    .attributes .attribute .custom-select:not(.quantity-select) option:first-child {
      color: #B8B8B8; }
    .attributes .attribute .custom-select option:disabled {
      color: #B8B8B8; }
    .attributes .attribute .custom-select:focus {
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }
  .attributes .attribute .faux-select-group {
    position: relative;
    cursor: default; }
    .attributes .attribute .faux-select-group .selected-image img {
      width: 100%;
      height: 35px; }
    .attributes .attribute .faux-select-group .faux-select-selected {
      display: none;
      background-color: white;
      border-top: 0;
      z-index: 52;
      position: absolute;
      top: 72px;
      left: 0;
      margin: 0 -1px;
      max-height: 265px;
      overflow-y: auto;
      box-shadow: 0px 13px 12px rgba(0, 0, 0, 0.4);
      border-left: solid 1px #8c8c8c;
      border-right: solid 1px #8c8c8c;
      border-top: dashed 1px #aaa;
      width: calc(100% + 2px); }
    .attributes .attribute .faux-select-group:has(.selected-image.has-image) .faux-select-selected {
      top: 107px; }
    .attributes .attribute .faux-select-group #select-Shaft-model ul {
      padding: 0; }
      .attributes .attribute .faux-select-group #select-Shaft-model ul li {
        list-style: none;
        border-top: 1px solid #ccc;
        padding: 5px 10px;
        cursor: pointer;
        position: relative; }
        .attributes .attribute .faux-select-group #select-Shaft-model ul li .club-option-image {
          margin: 5px 0;
          width: 100%; }
        .attributes .attribute .faux-select-group #select-Shaft-model ul li.disabled {
          opacity: 0.2; }
        .attributes .attribute .faux-select-group #select-Shaft-model ul li:first-child {
          padding: 20px 10px; }
  .attributes .attribute .error-bar {
    display: none;
    width: 4px;
    height: 100%;
    background-color: #222;
    position: absolute;
    left: -7px;
    top: 0; }
  .attributes .attribute .error-msg {
    display: none;
    position: absolute;
    font-size: 12px;
    color: #e80008;
    margin: 8px 0; }
  .attributes .attribute.error {
    margin-bottom: 30px; }
    .attributes .attribute.error .error-bar, .attributes .attribute.error .error-msg {
      display: block; }
  .attributes .attribute.swatches .error-bar {
    height: 56px;
    top: 30px; }
  .attributes .attribute.swatches .error-msg {
    bottom: -22px; }
  .attributes .attribute.swatches button {
    border-radius: 0;
    height: 76px;
    width: 76px;
    margin-right: 5px;
    margin: 0 5px 7px 0;
    background-color: #fff; }
    .attributes .attribute.swatches button.Akeneo_Head_Model-attribute {
      height: unset;
      width: unset; }
      .attributes .attribute.swatches button.Akeneo_Head_Model-attribute .swatch {
        width: 136px;
        height: 46px;
        padding: 20px;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; }
    .attributes .attribute.swatches button.Akeneo_Size-attribute, .attributes .attribute.swatches button.Hand-attribute {
      height: unset;
      width: unset; }
      .attributes .attribute.swatches button.Akeneo_Size-attribute .swatch, .attributes .attribute.swatches button.Hand-attribute .swatch {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 16px 0px 16px;
        min-width: 56px;
        min-height: 56px;
        height: unset;
        width: unset; }
      .attributes .attribute.swatches button.Akeneo_Size-attribute .unselectable, .attributes .attribute.swatches button.Hand-attribute .unselectable {
        background: #F7F7F7;
        color: #E2E2E2; }
    .attributes .attribute.swatches button:focus {
      outline: none; }

.attributes .quantity-col {
  flex-grow: 0;
  padding: 0;
  margin-right: 12px;
  max-width: 110px; }
  .attributes .quantity-col .quantity-container {
    width: 57px; }
    @media (min-width: 320px) {
      .attributes .quantity-col .quantity-container {
        width: 70px; } }
    @media (min-width: 600px) {
      .attributes .quantity-col .quantity-container {
        width: 90px; } }
  @media (max-width: 319.98px) {
    .attributes .quantity-col {
      flex-grow: 1; } }

.attributes #srd_pd {
  display: none; }

.attributes .glove-message .right-hand-msg:not(.tw-hidden),
.attributes .glove-message .left-hand-msg:not(.tw-hidden) {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #F7F7F7;
  margin-bottom: 15px; }
  .attributes .glove-message .right-hand-msg:not(.tw-hidden) img,
  .attributes .glove-message .left-hand-msg:not(.tw-hidden) img {
    height: 65px; }

@-webkit-keyframes PersonalizeAnimation {
  0% {
    background-position: 4% 0%; }
  50% {
    background-position: 97% 100%; }
  100% {
    background-position: 4% 0%; } }

@keyframes PersonalizeAnimation {
  0% {
    background-position: 4% 0%; }
  50% {
    background-position: 97% 100%; }
  100% {
    background-position: 4% 0%; } }

.personalize-button {
  padding: .188rem;
  position: relative;
  border-radius: .125rem;
  display: flex;
  margin-bottom: 1.25rem;
  background: linear-gradient(310deg, #ea1700, #2440d2, #fcdf14, #549302, #43adff);
  background-size: 1000% 1000%;
  -webkit-animation: PersonalizeAnimation 25s ease infinite;
          animation: PersonalizeAnimation 25s ease infinite; }

.personalize-button:hover {
  text-decoration: none; }

.personalize-button:hover .personalize-button-content {
  background: transparent;
  color: #fff; }

.personalize-button-content {
  width: 100%;
  color: #333;
  background: #fff;
  text-decoration: none;
  transition: 220ms background ease-in-out; }

.expectedshipdate {
  text-align: center;
  width: 100%; }

.go-to-specs a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: .875rem;
  letter-spacing: 1px; }

.btn-round {
  background: #fff !important;
  color: #000 !important;
  text-transform: uppercase;
  border-radius: 21px; }

.find-store-container {
  padding-left: 0;
  padding-right: 0; }
  .find-store-container a {
    width: 100%; }

.prices-add-to-cart-actions.find-a-retailer .row {
  margin-bottom: 16px; }

.prices-add-to-cart-actions.find-a-retailer .availability-sku {
  margin-right: -16px; }

.product-number-rating #ratings-summary + .bv_main_container_row_flex {
  height: 0 !important;
  overflow: hidden !important; }

.product-number-rating #ratings-summary .bv_numReviews_component_container {
  overflow: hidden !important;
  width: 0 !important;
  opacity: 0 !important; }

@media (min-width: 600px) {
  .pdp-primary-details > .container-fluid > .row {
    margin-right: 0;
    margin-left: 0; } }

.product-detail .gated-exp {
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  margin: 15px 0 15px 0; }

.product-detail .gated-exp-login-btn {
  margin-bottom: 15px; }

.product-detail accordion .accordion-control {
  padding: 24px 0; }

.pdp-apple-pay-button button {
  width: 100%;
  height: 54px; }
  .pdp-apple-pay-button button:disabled {
    pointer-events: none; }

.sizeChartPanel.side-panel {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  padding: 0 0 40px 0; }
  @media (min-width: 600px) {
    .sizeChartPanel.side-panel {
      padding: 0 0 0 24px; } }
  .sizeChartPanel.side-panel .side-panel-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #fff;
    margin: 0 0 0 -16px; }
    .sizeChartPanel.side-panel .side-panel-header .side-panel-drag-bar {
      width: 72px;
      height: 2px;
      background: #C4C4C4;
      position: absolute;
      top: 4px;
      left: 45%; }
      @media (min-width: 600px) {
        .sizeChartPanel.side-panel .side-panel-header .side-panel-drag-bar {
          display: none; } }
    @media (min-width: 600px) {
      .sizeChartPanel.side-panel .side-panel-header {
        margin: 0 0 0 -24px; } }
  .sizeChartPanel.side-panel.cream .side-panel-header {
    background-color: #fff; }
  .sizeChartPanel.side-panel .sizeChart-container {
    padding: 0 0 0 16px; }
    @media (min-width: 600px) {
      .sizeChartPanel.side-panel .sizeChart-container {
        padding: 0 24px 0 24px; } }
    .sizeChartPanel.side-panel .sizeChart-container .h2 {
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: 34px;
      letter-spacing: 1.04px;
      padding-bottom: 32px;
      margin-bottom: 0px; }
    .sizeChartPanel.side-panel .sizeChart-container .size-chart {
      margin-top: 0;
      margin-bottom: 0;
      overflow-x: scroll;
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */ }
      .sizeChartPanel.side-panel .sizeChart-container .size-chart .plugin-overlay-scroll-bars {
        position: relative;
        padding-bottom: 16px; }
        .sizeChartPanel.side-panel .sizeChart-container .size-chart .plugin-overlay-scroll-bars p {
          margin-bottom: 0; }
          .sizeChartPanel.side-panel .sizeChart-container .size-chart .plugin-overlay-scroll-bars p em {
            position: -webkit-sticky;
            position: sticky;
            left: 0; }
      .sizeChartPanel.side-panel .sizeChart-container .size-chart::-webkit-scrollbar {
        display: none; }
      .sizeChartPanel.side-panel .sizeChart-container .size-chart table {
        width: 100% !important;
        margin-bottom: 24px; }
      .sizeChartPanel.side-panel .sizeChart-container .size-chart table tr {
        border-bottom: 1px solid #C4C4C4; }
      .sizeChartPanel.side-panel .sizeChart-container .size-chart table thead tr:first-child td {
        font-weight: 700; }
      .sizeChartPanel.side-panel .sizeChart-container .size-chart table td {
        padding: 16px 24px; }
      .sizeChartPanel.side-panel .sizeChart-container .size-chart table td:nth-child(even),
      .sizeChartPanel.side-panel .sizeChart-container .size-chart table th:nth-child(even) {
        background-color: #f7f7f7; }
  .sizeChartPanel.side-panel .content-asset {
    background-color: #fff; }
    .sizeChartPanel.side-panel .content-asset .fit-type {
      font-size: 12px; }
    .sizeChartPanel.side-panel .content-asset .description ul {
      margin: 0 0 32px; }
    .sizeChartPanel.side-panel .content-asset a {
      font-size: 12px;
      font-weight: 700;
      padding: 16px 32px 16px 32px; }

.pairs-well-with-container {
  margin-top: 32px; }
  .pairs-well-with-container .pairs-well-with-header {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    margin-bottom: 16px; }
  .pairs-well-with-container .pairs-well-with-products {
    display: flex;
    padding: 16px;
    gap: 8px;
    border-radius: 16px;
    background-color: #fff; }
  .pairs-well-with-container .rec-prod-swiper {
    background: #fff;
    padding: 16px;
    border-radius: 8px; }
  .pairs-well-with-container .swiper-wrapper {
    justify-content: stretch; }
    .pairs-well-with-container .swiper-wrapper .swiper-slide {
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: stretch; }
  .pairs-well-with-container .slider-thumbnail-controls .swiper-button-prev,
  .pairs-well-with-container .slider-thumbnail-controls .swiper-button-next {
    display: none; }
    @media (min-width: 600px) {
      .pairs-well-with-container .slider-thumbnail-controls .swiper-button-prev,
      .pairs-well-with-container .slider-thumbnail-controls .swiper-button-next {
        display: flex;
        top: 40%;
        width: 24px;
        height: 24px;
        border-radius: 50%; }
        .pairs-well-with-container .slider-thumbnail-controls .swiper-button-prev[aria-disabled="true"],
        .pairs-well-with-container .slider-thumbnail-controls .swiper-button-next[aria-disabled="true"] {
          display: none; }
        .pairs-well-with-container .slider-thumbnail-controls .swiper-button-prev[aria-disabled="false"],
        .pairs-well-with-container .slider-thumbnail-controls .swiper-button-next[aria-disabled="false"] {
          background-color: rgba(255, 255, 255, 0.5); }
        .pairs-well-with-container .slider-thumbnail-controls .swiper-button-prev::after,
        .pairs-well-with-container .slider-thumbnail-controls .swiper-button-next::after {
          font-size: 18px;
          color: #000; } }
  .pairs-well-with-container .product,
  .pairs-well-with-container .product-tile {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    flex-grow: 1; }
  .pairs-well-with-container .product-tile:not(.upsell-tile) {
    padding: 0;
    margin-bottom: unset;
    min-height: unset; }
    @media (max-width: 599.98px) {
      .pairs-well-with-container .product-tile:not(.upsell-tile) {
        border-bottom: unset; } }
    .pairs-well-with-container .product-tile:not(.upsell-tile) .tile-body {
      padding: 16px 0 0 0;
      gap: 16px; }
      .pairs-well-with-container .product-tile:not(.upsell-tile) .tile-body .mb-2 {
        margin-bottom: 0 !important; }
      .pairs-well-with-container .product-tile:not(.upsell-tile) .tile-body .pdp-link {
        line-height: 12px; }
      .pairs-well-with-container .product-tile:not(.upsell-tile) .tile-body .product-name {
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 12px;
        /* 100% */
        letter-spacing: 0.96px;
        text-transform: uppercase !important; }
      .pairs-well-with-container .product-tile:not(.upsell-tile) .tile-body .price {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 187.5% */
        letter-spacing: 0.32px;
        margin-top: 0; }
        .pairs-well-with-container .product-tile:not(.upsell-tile) .tile-body .price .sales .value {
          font-size: 16px !important; }
        .pairs-well-with-container .product-tile:not(.upsell-tile) .tile-body .price .sales .strike-through {
          font-size: 16px !important; }
  .pairs-well-with-container .tile-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
  .pairs-well-with-container .add-to-cart-container {
    margin-top: 10px; }
  .pairs-well-with-container .swatches {
    flex-direction: column;
    align-items: stretch; }
    .pairs-well-with-container .swatches .swatch-wrapper {
      display: flex;
      flex-direction: row; }
  .pairs-well-with-container .non-input-label {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 10px; }

#product-family {
  scroll-margin-top: 150px; }
  #product-family .inline-product-module {
    display: none; }
    #product-family .inline-product-module:first-child {
      display: block; }
    #product-family .inline-product-module #product-name {
      color: #fff; }
    #product-family .inline-product-module .prices .price {
      color: #fff; }
      #product-family .inline-product-module .prices .price .sales .value {
        color: #fff; }
    #product-family .inline-product-module .view-details {
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: underline; }
    #product-family .inline-product-module .family-link {
      width: auto;
      height: 43px;
      letter-spacing: normal;
      text-align: center;
      text-transform: none;
      z-index: 1;
      padding: 0 9px;
      margin: 4px;
      color: #333;
      transition: none;
      border-radius: 40px;
      background: #fff;
      position: relative;
      transition: width 300ms ease-in-out; }
      #product-family .inline-product-module .family-link img {
        width: 90%; }
      #product-family .inline-product-module .family-link span {
        padding: 10px 20px; }
    #product-family .inline-product-module .inline-primary-image {
      margin: 0 auto; }
    #product-family .inline-product-module .quantity-col {
      display: none; }

.rotation-modal-background {
  background-color: #000;
  display: none;
  height: 100%;
  position: fixed;
  opacity: 0.75;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000; }

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