icon-twitter:before {
  content: "\E926"; }

.icon-youtube:before {
  content: "\E92A"; }

.icon-menu:before {
  content: "\E929"; }

.icon-images:before {
  content: "\E905"; }

.icon-alert:before {
  content: "\E904"; }

.icon-arrow-down:before {
  content: "\E907"; }

.icon-arrow-left:before {
  content: "\E909"; }

.icon-arrow-right:before {
  content: "\E90B"; }

.icon-arrow-top:before {
  content: "\E90C"; }

.icon-arrow-up:before {
  content: "\E90D"; }

.icon-call:before {
  content: "\E90E"; }

.icon-close-small:before {
  content: "\E911"; }

.icon-edit:before {
  content: "\E914"; }

.icon-email:before {
  content: "\E915"; }

.icon-film:before {
  content: "\E91A"; }

.icon-google:before {
  content: "\E91B"; }

.icon-guarantee:before {
  content: "\E91C"; }

.icon-image:before {
  content: "\E91D"; }

.icon-info:before {
  content: "\E921"; }

.icon-link:before {
  content: "\E923"; }

.icon-linkedin:before {
  content: "\E924"; }

.icon-livechat:before {
  content: "\E925"; }

.icon-location:before {
  content: "\E927"; }

.icon-lock:before {
  content: "\E928"; }

.icon-minus:before {
  content: "\E92C"; }

.icon-offsite:before {
  content: "\E92D"; }

.icon-pause:before {
  content: "\E92E"; }

.icon-plus:before {
  content: "\E931"; }

.icon-print:before {
  content: "\E932"; }

.icon-question:before {
  content: "\E933"; }

.icon-remove:before {
  content: "\E934"; }

.icon-size:before {
  content: "\E936"; }

.icon-zoom-out:before {
  content: "\E93C"; }

.icon-zoom:before {
  content: "\E93D"; }

.fa {
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-rendering: auto;
  font-size: inherit; }

.fa-stack {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: inherit; }

/*
* COLORS
*/
/*
* GRID SYSTEM
*/
/*
* Z Indexes
*/
/*
* ASPECT RATIOS
*/
/*
* MISC
*/
/*
* FONTS (setup is handled in utilities/_fonts.scss)
*/
/*
* TEXT
*/
/*
* HEADERS
*/
/*
* BUTTONS
*/
/*
* Notify button
*/
/*
* FORMs
*/
/*
* PROGRESSBAR
*/
/*
* BREADCRUMBS
*/
/*
* TOOLTIPS
*/
/*
* POPOVERS
*/
/*
* MODALS
*/
/*
* ALERTS (also affects toast messages)
*/
/*
* TOAST MESSAGES
*/
/*
* CARDS
*/
/*
* COLLAPSIBLE
*/
/*
* TABS
*/
/*TAB MENU - NEW COMPONENT */
/*
* SLIDER
*/
/*
* DROPDOWNS
*/
/*
* NAVIGATION LINKS // generic navigation links styling (header, footer, etc)
*/
/*
* HEADER
*/
/*
* FOOTER
*/
/*
* PAGE-LEVEL SETTINGS
*/
/*
* PRODUCT
*/
/*
* MINICART
*/
/*
* CART AND CHECKOUT
*/
/*
* PAGE DESIGNER MODULES
*/
/*
* HERO ASSETS
*/
/*
* POPSOCKETS HERO BANNER
*/
/*
* CATEGORY TILE ASSETS
*/
/*
* IMAGE TEXT BLOCK ASSETS
*/
/*
* PHOTO HOTSPOTS ASSETS
*/
/*
* VIDEO ASSETS
*/
/*
* BLOG LANDING
*/
/*
* BLOG DETAIL
*/
/*
* CONTENT TILES
*/
/*
* STORE LOCATOR
*/
/*
* STORE DETAIL PAGE
*/
/*
* ACCOUNT
*/
/*
* GIFTCERTIFICATES
*/
/*
* PAYMENTMETHODS
*/
/*
* ACCESSIBILITY
*/
/*
* CONSENT DRAWER
*/
.svg-icon {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block; }
  .svg-icon.customize-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15.4462 9.19774C15.4462 12.9716 12.4191 16 8.72308 16C5.02702 16 2 12.9716 2 9.19774C2 5.4239 5.02702 2.39551 8.72308 2.39551C12.4191 2.39551 15.4462 5.4239 15.4462 9.19774Z' stroke='url(%23paint0_linear_432_5183)' stroke-width='4'/%3E%3Cpath d='M10.3859 9.99504L7.49839 10.8875C7.41781 10.9125 7.32989 10.892 7.26939 10.8342C7.20888 10.7765 7.18563 10.6908 7.20888 10.6112L8.04114 7.75703C8.05163 7.72138 8.07099 7.68866 8.09739 7.66206L10.3859 9.99504ZM10.3859 9.99504C10.4222 9.98395 10.4549 9.96418 10.4814 9.93749L10.3859 9.99504ZM15.4203 0.56685C15.4201 0.567028 15.4199 0.567206 15.4197 0.567384L8.29433 7.81833L8.54939 8.06181L10.0544 9.49845L10.3165 9.74864L17.4482 2.491L17.4489 2.49033C17.646 2.29122 17.7537 2.02469 17.7499 1.74929L15.4203 0.56685ZM15.4203 0.56685C15.6182 0.368282 15.8892 0.253852 16.1743 0.250095C16.4598 0.246337 16.7342 0.353786 16.9376 0.547424L17.4285 1.01601C17.631 1.20988 17.746 1.47375 17.7499 1.74922L15.4203 0.56685Z' fill='white' stroke='%23181818' stroke-width='0.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_432_5183' x1='0.311538' y1='34.5041' x2='18.4047' y2='34.5041' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDD22A'/%3E%3Cstop offset='0.166667' stop-color='%23FF9244'/%3E%3Cstop offset='0.34375' stop-color='%23FF93FF'/%3E%3Cstop offset='0.536458' stop-color='%23AF0DFC'/%3E%3Cstop offset='0.697917' stop-color='%2300C4E6'/%3E%3Cstop offset='1' stop-color='%231EE1B2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    height: 20px;
    width: 20px; }

.result-count p {
  font-size: 44px;
  color: #181818;
  font-weight: 500;
  font-family: "Gotham Book", sans-serif;
  letter-spacing: 0.13px;
  line-height: 44px;
  margin-top: -54px; }
  @media (max-width: 1199.98px) {
    .result-count p {
      margin-top: -38px; } }
  @media (max-width: 1023.98px) {
    .result-count p {
      font-size: 32px; } }
  @media (max-width: 768.98px) {
    .result-count p {
      font-size: 16px;
      font-weight: bold; } }

.search-tips {
  font-size: 14.76px;
  text-align: left;
  margin-top: 22px;
  color: #32414e;
  font-weight: bolder;
  font-family: "Montserrat Regular", sans-serif;
  letter-spacing: 0.13px; }
  .search-tips h5 {
    font-size: 14.76px;
    font-family: "Gotham Book", sans-serif;
    font-weight: normal;
    letter-spacing: 0.13px; }
  .search-tips ul {
    padding-left: 40px; }
    .search-tips ul li {
      padding-left: 8px; }
    .search-tips ul a {
      color: #0879c0;
      text-decoration: none;
      font-weight: bold; }
      .search-tips ul a:hover {
        color: #32414e;
        text-decoration: underline; }

@media (max-width: 768.98px) {
  .product-grid .product-tile .product-name-wrapper {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 52px;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    padding: 0 8px; } }
  @media (max-width: 768.98px) and (min-width: 1024px) {
    .product-grid .product-tile .product-name-wrapper {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }

.product-grid .product-tile .product-name-wrapper .product-primary-name,
.product-grid .product-tile .product-name-wrapper .product-secondary-name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 1023.98px) {
    .product-grid .product-tile .product-name-wrapper .product-primary-name,
    .product-grid .product-tile .product-name-wrapper .product-secondary-name {
      font-size: 14px; } }

.product-grid .product-tile .product-name-wrapper .product-primary-name {
  font-weight: bold; }

@media (max-width: 768.98px) {
  .product-grid .product-tile .product-tile--buy-container {
    padding: 0 8px; } }

@media (max-width: 768.98px) {
  .product-grid .product-tile .product-tile--buy-container .price {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; } }
  @media (max-width: 768.98px) and (min-width: 1024px) {
    .product-grid .product-tile .product-tile--buy-container .price {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }

.product-grid .veil {
  z-index: 997; }

.flyout-opened {
  overflow: hidden; }

.flyout-veil-bg {
  background-color: transparent !important; }

.flyout-wrapper {
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  bottom: 0;
  max-width: 100%;
  overflow: hidden;
  transition: right 0.5s cubic-bezier(0, 1, 0.5, 1);
  position: fixed;
  z-index: 9999;
  visibility: hidden; }
  @media (min-width: 769px) {
    .flyout-wrapper {
      width: 414px;
      right: -27rem; } }
  .flyout-wrapper::after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    background: #FFFFFF;
    top: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none; }
  .flyout-wrapper::before {
    content: " ";
    position: fixed;
    left: 0;
    right: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
    z-index: -1;
    pointer-events: none;
    opacity: 0; }
  .flyout-wrapper.flyout-show::before {
    opacity: 1; }
  .flyout-wrapper.flyout-show {
    right: 0;
    box-shadow: 0 0 rem(9) rem(5) rgba(0, 0, 0, 0.1);
    transition: right 0.5s cubic-bezier(0, 1, 0.5, 1);
    visibility: visible; }
  .flyout-wrapper .flyout-frame {
    -ms-overflow-style: none;
    /* stylelint-disable-line */
    scrollbar-width: none;
    /* stylelint-disable-line */ }
    .flyout-wrapper .flyout-frame::-webkit-scrollbar {
      display: none; }
    .flyout-wrapper .flyout-frame.scroll {
      overflow-y: auto;
      overflow-x: hidden; }
  .flyout-wrapper .header-welcome-message {
    text-align: left; }
  .flyout-wrapper .flyout-list li {
    text-align: left;
    padding-bottom: 10px; }
  .flyout-wrapper .flyout-list a {
    font-size: 0.875rem;
    color: #181818;
    font-weight: 700; }
    .flyout-wrapper .flyout-list a:hover {
      text-decoration: underline; }
  .flyout-wrapper .contact-links li {
    margin-bottom: rem(16); }

.product-detail {
  margin-bottom: 16px; }
  .product-detail .primary-images .slider-container {
    margin-bottom: 0; }
  .product-detail .primary-images .primary-images-main.product-has-thumbnails {
    margin-bottom: 8px; }
  @media (min-width: 1024px) {
    .product-detail .primary-images > .row {
      margin-left: 0;
      margin-right: 0; }
    .product-detail .primary-images .primary-images-thumbnails {
      flex-basis: 85px;
      max-width: 85px;
      padding-left: 0;
      padding-right: 0; }
    .product-detail .primary-images .primary-images-main {
      padding-left: 0;
      padding-right: 0; }
      .product-detail .primary-images .primary-images-main.product-has-thumbnails {
        flex-basis: calc(100% - 85px - 8px);
        max-width: calc(100% - 85px - 8px);
        margin-left: 8px;
        margin-bottom: 0; } }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .product-detail .primary-images + .col-sm-6 {
      max-width: 100%;
      flex-basis: 100%; } }
  @media (min-width: 769px) {
    .product-detail .row > .product-data {
      padding-left: 16px; } }
  @media (min-width: 1024px) {
    .product-detail .row > .product-data {
      padding-left: 16px; } }
  @media (min-width: 1440px) {
    .product-detail .row > .product-data {
      padding-left: 16px; } }
  .product-detail .product-name {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal;
    color: #181818; }
    .product-detail .product-name a {
      text-decoration: none; }
  .product-detail .attribute,
  .product-detail .product-option {
    margin-top: 24px; }
    @media (min-width: 769px) {
      .product-detail .attribute,
      .product-detail .product-option {
        margin-top: 24px; } }
    @media (min-width: 1024px) {
      .product-detail .attribute,
      .product-detail .product-option {
        margin-top: 31px; } }
    .product-detail .attribute label,
    .product-detail .product-option label {
      display: block; }
  .product-detail .qty-cart-container {
    margin-top: 16px;
    margin-bottom: 16px; }
  .product-detail .quantity {
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
    .product-detail .quantity label {
      font-family: "Gotham Book", sans-serif;
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 2px;
      text-transform: none;
      letter-spacing: 0;
      margin-right: 10px; }
      .product-detail .quantity label:after {
        content: ':'; }
  @media (min-width: 544px) {
    .product-detail .quantity-stepper,
    .product-detail .quantity-select {
      width: calc(100% - 10px); } }
  .product-detail .simple-quantity {
    margin-top: 16px; }
  .product-detail .availability-container {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    margin-top: 24px; }
    @media (min-width: 769px) {
      .product-detail .availability-container {
        margin-top: 24px; } }
    @media (min-width: 1024px) {
      .product-detail .availability-container {
        margin-top: 31px; } }
  .product-detail .swatch-circle {
    width: 44px;
    height: 44px;
    background-color: #FFFFFF;
    background-size: cover;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 50%;
    margin: 8px 16px 8px 0; }
    .product-detail .swatch-circle.Color-value {
      transition: box-shadow 200ms ease-out; }
      .product-detail .swatch-circle.Color-value:hover {
        box-shadow: none; }
      .product-detail .swatch-circle.Color-value.selected {
        border: 1px solid #181818;
        border-radius: 4px;
        box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
        .product-detail .swatch-circle.Color-value.selected:after {
          content: "\E93E";
          font-family: "icomoon";
          display: inline-block;
          font-size: 7px;
          color: #FFFFFF;
          font-weight: normal; }
        .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title) {
          padding-right: 42px; }
          .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 20px;
            color: #FFFFFF;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
          .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-circle.Color-value.selected.btn[class*="btn-"]:not(.title) {
            padding-right: 42px; }
            .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-circle.Color-value.selected.btn[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title).btn-lg, .product-detail .btn-group-lg > .swatch-circle.Color-value.selected.btn[class*="btn-"]:not(.title) {
            padding-right: 63px; }
            .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title).btn-lg:after, .product-detail .btn-group-lg > .swatch-circle.Color-value.selected.btn[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .swatch-circle.Color-value.selected[class*="btn-"]:not(.title) .fa {
            display: none; }
        .product-detail .swatch-circle.Color-value.selected::after {
          position: absolute;
          top: 50%;
          right: 50%;
          transform: translate(50%, -50%);
          display: none;
          background: rgba(34, 34, 34, 0.7);
          width: 14px;
          height: 14px;
          line-height: 14px;
          padding-left: 1px;
          text-align: center;
          border-radius: 50%;
          z-index: 1; }
      .product-detail .swatch-circle.Color-value.unselectable {
        filter: blur(0px); }
        .product-detail .swatch-circle.Color-value.unselectable + .unselectable-icon {
          pointer-events: none;
          cursor: not-allowed;
          position: absolute;
          height: 72px;
          width: 72px;
          bottom: 0;
          right: 0; }
          @media (max-width: 768.98px) {
            .product-detail .swatch-circle.Color-value.unselectable + .unselectable-icon {
              height: calc(18.5vw);
              width: calc(18.5vw); } }
          .product-detail .swatch-circle.Color-value.unselectable + .unselectable-icon:before, .product-detail .swatch-circle.Color-value.unselectable + .unselectable-icon:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 50%;
            transform: translate(50%, -50%) rotate(45deg);
            height: calc(100% + 18px);
            width: 1px; }
          .product-detail .swatch-circle.Color-value.unselectable + .unselectable-icon:after {
            background-color: #FFFFFF;
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
            z-index: 2;
            width: 2px; }
      .product-detail .swatch-circle.Color-value.unselectable {
        pointer-events: none;
        pointer-events: auto;
        cursor: not-allowed;
        position: relative; }
    .product-detail .swatch-circle.non-color-swatch-value {
      transition: border 200ms ease-out, box-shadow 200ms ease-out; }
      .product-detail .swatch-circle.non-color-swatch-value:not(.unselectable):hover {
        box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
      .product-detail .swatch-circle.non-color-swatch-value.selected, .product-detail .swatch-circle.non-color-swatch-value.selected:hover {
        background: #F9F9F9;
        color: #222222;
        border-color: #181818;
        box-shadow: none; }
        .product-detail .swatch-circle.non-color-swatch-value.selected:after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover:after {
          content: "\E93E";
          font-family: "icomoon";
          display: inline-block;
          font-size: 8px;
          color: #FFFFFF;
          font-weight: normal; }
        .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title), .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) {
          padding-right: 42px; }
          .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 20px;
            color: #FFFFFF;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
          .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
            padding-right: 42px; }
            .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg, .product-detail .btn-group-lg > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg, .product-detail .btn-group-lg > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
            padding-right: 63px; }
            .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg:after, .product-detail .btn-group-lg > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg:after, .product-detail .btn-group-lg > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa {
            display: none; }
        .product-detail .swatch-circle.non-color-swatch-value.selected::after, .product-detail .swatch-circle.non-color-swatch-value.selected:hover::after {
          position: absolute;
          top: -5.33333px;
          right: -5.33333px;
          background: #181818;
          width: 16px;
          height: 16px;
          line-height: 16px;
          padding-left: 1px;
          text-align: center;
          border-radius: 50%;
          display: none; }
      .product-detail .swatch-circle.non-color-swatch-value.unselectable {
        pointer-events: auto;
        cursor: not-allowed;
        position: relative;
        color: #D4D4D4; }
  .product-detail .swatch-thumbnail {
    width: 30px;
    height: 30px;
    background-color: #FFFFFF;
    background-size: cover;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 0;
    margin: 0.5px 1px 0.5px 0; }
    .product-detail .swatch-thumbnail.Color-value {
      transition: box-shadow 200ms ease-out; }
      .product-detail .swatch-thumbnail.Color-value:hover:not(.unselectable) {
        box-shadow: inset 0px -2px 0px #595959; }
      .product-detail .swatch-thumbnail.Color-value.selected {
        box-shadow: inset 0px -2px 0px #222222; }
        .product-detail .swatch-thumbnail.Color-value.selected:after {
          content: "\E93E";
          font-family: "icomoon";
          display: inline-block;
          font-size: 7px;
          color: #FFFFFF;
          font-weight: normal; }
        .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title) {
          padding-right: 42px; }
          .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 20px;
            color: #FFFFFF;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
          .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-thumbnail.Color-value.selected.btn[class*="btn-"]:not(.title) {
            padding-right: 42px; }
            .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-thumbnail.Color-value.selected.btn[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title).btn-lg, .product-detail .btn-group-lg > .swatch-thumbnail.Color-value.selected.btn[class*="btn-"]:not(.title) {
            padding-right: 63px; }
            .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title).btn-lg:after, .product-detail .btn-group-lg > .swatch-thumbnail.Color-value.selected.btn[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .swatch-thumbnail.Color-value.selected[class*="btn-"]:not(.title) .fa {
            display: none; }
        .product-detail .swatch-thumbnail.Color-value.selected::after {
          position: absolute;
          top: -4.66667px;
          right: -4.66667px;
          display: none;
          background: rgba(34, 34, 34, 0.7);
          width: 14px;
          height: 14px;
          line-height: 14px;
          padding-left: 1px;
          text-align: center;
          border-radius: 50%;
          z-index: 1; }
      .product-detail .swatch-thumbnail.Color-value.unselectable:before, .product-detail .swatch-thumbnail.Color-value.unselectable:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%) rotate(45deg);
        height: calc(calc(100% + 15px) + 18px);
        width: 1px; }
      .product-detail .swatch-thumbnail.Color-value.unselectable:after {
        background-color: #FFFFFF;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
        z-index: 2;
        width: 2px; }
      .product-detail .swatch-thumbnail.Color-value.unselectable {
        pointer-events: none;
        pointer-events: auto;
        cursor: not-allowed;
        position: relative; }
    .product-detail .swatch-thumbnail.non-color-swatch-value {
      transition: border 200ms ease-out, box-shadow 200ms ease-out; }
      .product-detail .swatch-thumbnail.non-color-swatch-value:not(.unselectable):hover {
        box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
      .product-detail .swatch-thumbnail.non-color-swatch-value.selected, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover {
        background: #F9F9F9;
        color: #222222;
        border-color: #181818;
        box-shadow: none; }
        .product-detail .swatch-thumbnail.non-color-swatch-value.selected:after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover:after {
          content: "\E93E";
          font-family: "icomoon";
          display: inline-block;
          font-size: 8px;
          color: #FFFFFF;
          font-weight: normal; }
        .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title), .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) {
          padding-right: 42px; }
          .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 20px;
            color: #FFFFFF;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
          .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .product-detail .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
            padding-right: 42px; }
            .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .product-detail .btn-group-sm > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg, .product-detail .btn-group-lg > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg, .product-detail .btn-group-lg > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
            padding-right: 63px; }
            .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg:after, .product-detail .btn-group-lg > .swatch-thumbnail.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg:after, .product-detail .btn-group-lg > .swatch-thumbnail.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .swatch-thumbnail.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa {
            display: none; }
        .product-detail .swatch-thumbnail.non-color-swatch-value.selected::after, .product-detail .swatch-thumbnail.non-color-swatch-value.selected:hover::after {
          position: absolute;
          top: -5.33333px;
          right: -5.33333px;
          background: #181818;
          width: 16px;
          height: 16px;
          line-height: 16px;
          padding-left: 1px;
          text-align: center;
          border-radius: 50%;
          display: none; }
      .product-detail .swatch-thumbnail.non-color-swatch-value.unselectable {
        pointer-events: auto;
        cursor: not-allowed;
        position: relative;
        color: #D4D4D4; }
  .product-detail [disabled] .swatch,
  .product-detail .swatch.unselectable {
    cursor: not-allowed; }
    .product-detail [disabled] .swatch.color-value.selected::after,
    .product-detail .swatch.unselectable.color-value.selected::after {
      background-color: #BEBEBE; }
  .product-detail label.color ~ a:hover {
    text-decoration: none; }
  .product-detail .non-color-attribute-swatches::after {
    display: block;
    content: "";
    clear: both; }
  .product-detail .non-color-attribute-swatches .swatch-tile-container {
    float: left;
    display: block;
    margin: 4px 8px 4px 0; }
    .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch {
      background: none;
      display: block;
      position: relative;
      padding: 0;
      border: none; }
      .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value {
        position: relative;
        color: #222222;
        background: #F9F9F9;
        border: 2px solid #F9F9F9;
        border-radius: 8px;
        padding: 16px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: "Montserrat Regular", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; }
        @media (min-width: 1024px) {
          .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value {
            font-family: "Montserrat Regular", sans-serif;
            font-size: 20px;
            line-height: 28px;
            text-transform: none;
            font-weight: normal;
            letter-spacing: 0;
            font-style: normal;
            font-display: swap; } }
        .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value {
          transition: box-shadow 200ms ease-out; }
          .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value:hover {
            box-shadow: none; }
          .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected {
            border: 1px solid #181818;
            border-radius: 4px;
            box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
            .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected:after {
              content: "\E93E";
              font-family: "icomoon";
              display: inline-block;
              font-size: 7px;
              color: #FFFFFF;
              font-weight: normal; }
            .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title) {
              padding-right: 42px; }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title):after {
                font-family: "icomoon";
                display: inline-block;
                font-size: 20px;
                color: #FFFFFF;
                font-weight: normal;
                position: absolute;
                transform: translateX(10px); }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title).btn-sm, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.Color-value.selected.btn[class*="btn-"]:not(.title) {
                padding-right: 42px; }
                .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.Color-value.selected.btn[class*="btn-"]:not(.title):after {
                  font-family: "icomoon";
                  display: inline-block;
                  font-size: 22px;
                  color: #FFFFFF;
                  font-weight: normal;
                  position: absolute;
                  transform: translateX(10px); }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title).btn-lg, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-lg > .swatch-value.Color-value.selected.btn[class*="btn-"]:not(.title) {
                padding-right: 63px; }
                .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title).btn-lg:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-lg > .swatch-value.Color-value.selected.btn[class*="btn-"]:not(.title):after {
                  font-family: "icomoon";
                  display: inline-block;
                  font-size: 22px;
                  color: #FFFFFF;
                  font-weight: normal;
                  position: absolute;
                  transform: translateX(10px); }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected[class*="btn-"]:not(.title) .fa {
                display: none; }
            .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.selected::after {
              position: absolute;
              top: 50%;
              right: 50%;
              transform: translate(50%, -50%);
              display: none;
              background: rgba(34, 34, 34, 0.7);
              width: 14px;
              height: 14px;
              line-height: 14px;
              padding-left: 1px;
              text-align: center;
              border-radius: 50%;
              z-index: 1; }
          .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.unselectable {
            filter: blur(0px); }
            .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.unselectable + .unselectable-icon {
              pointer-events: none;
              cursor: not-allowed;
              position: absolute;
              height: 72px;
              width: 72px;
              bottom: 0;
              right: 0; }
              @media (max-width: 768.98px) {
                .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.unselectable + .unselectable-icon {
                  height: calc(18.5vw);
                  width: calc(18.5vw); } }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.unselectable + .unselectable-icon:before, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.unselectable + .unselectable-icon:after {
                content: "";
                position: absolute;
                top: 50%;
                right: 50%;
                transform: translate(50%, -50%) rotate(45deg);
                height: calc(100% + 18px);
                width: 1px; }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.unselectable + .unselectable-icon:after {
                background-color: #FFFFFF;
                box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
                z-index: 2;
                width: 2px; }
          .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.Color-value.unselectable {
            pointer-events: none;
            pointer-events: auto;
            cursor: not-allowed;
            position: relative; }
        .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value {
          transition: border 200ms ease-out, box-shadow 200ms ease-out; }
          .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value:not(.unselectable):hover {
            box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
          .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover {
            background: #F9F9F9;
            color: #222222;
            border-color: #181818;
            box-shadow: none; }
            .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover:after {
              content: "\E93E";
              font-family: "icomoon";
              display: inline-block;
              font-size: 8px;
              color: #FFFFFF;
              font-weight: normal; }
            .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title), .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) {
              padding-right: 42px; }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after {
                font-family: "icomoon";
                display: inline-block;
                font-size: 20px;
                color: #FFFFFF;
                font-weight: normal;
                position: absolute;
                transform: translateX(10px); }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
                padding-right: 42px; }
                .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-sm > .swatch-value.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
                  font-family: "icomoon";
                  display: inline-block;
                  font-size: 22px;
                  color: #FFFFFF;
                  font-weight: normal;
                  position: absolute;
                  transform: translateX(10px); }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-lg > .swatch-value.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-lg > .swatch-value.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
                padding-right: 63px; }
                .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-lg > .swatch-value.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg:after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .btn-group-lg > .swatch-value.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
                  font-family: "icomoon";
                  display: inline-block;
                  font-size: 22px;
                  color: #FFFFFF;
                  font-weight: normal;
                  position: absolute;
                  transform: translateX(10px); }
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"],
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"],
              .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa {
                display: none; }
            .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected::after, .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.selected:hover::after {
              position: absolute;
              top: -5.33333px;
              right: -5.33333px;
              background: #181818;
              width: 16px;
              height: 16px;
              line-height: 16px;
              padding-left: 1px;
              text-align: center;
              border-radius: 50%;
              display: none; }
          .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value.non-color-swatch-value.unselectable {
            pointer-events: auto;
            cursor: not-allowed;
            position: relative;
            color: #D4D4D4; }
      .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .description {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #BEBEBE;
        font-weight: normal; }
  .product-detail .social-container {
    padding-top: 24px; }
    .product-detail .social-container .social-icons {
      align-items: center; }
      .product-detail .social-container .social-icons li:not(:last-child) {
        margin-right: 30px; }
      .product-detail .social-container .social-icons .share-icons {
        font-size: 30px;
        color: #181818; }
        .product-detail .social-container .social-icons .share-icons:hover {
          color: rgba(24, 24, 24, 0.8); }
  .product-detail .product-number-rating {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 16px;
    clear: left; }
  .product-detail .product-number {
    color: #595959;
    font-size: 13px; }
  .product-detail .ratings {
    margin-left: 32px; }
    .product-detail .ratings .fa-star:before {
      content: "\E939";
      font-family: "icomoon";
      display: inline-block;
      font-size: 16px;
      color: #181818;
      font-weight: normal; }
    .product-detail .ratings .fa-star[class*="btn-"]:not(.title) {
      padding-left: 42px; }
      .product-detail .ratings .fa-star[class*="btn-"]:not(.title):before {
        font-family: "icomoon";
        display: inline-block;
        font-size: 20px;
        color: #181818;
        font-weight: normal;
        position: absolute;
        transform: translateX(-30px); }
      .product-detail .ratings .fa-star[class*="btn-"]:not(.title).btn-sm, .product-detail .ratings .btn-group-sm > .fa-star.btn[class*="btn-"]:not(.title) {
        padding-left: 42px; }
        .product-detail .ratings .fa-star[class*="btn-"]:not(.title).btn-sm:before, .product-detail .ratings .btn-group-sm > .fa-star.btn[class*="btn-"]:not(.title):before {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: #181818;
          font-weight: normal;
          position: absolute;
          transform: translateX(-32px); }
      .product-detail .ratings .fa-star[class*="btn-"]:not(.title).btn-lg, .product-detail .ratings .btn-group-lg > .fa-star.btn[class*="btn-"]:not(.title) {
        padding-left: 63px; }
        .product-detail .ratings .fa-star[class*="btn-"]:not(.title).btn-lg:before, .product-detail .ratings .btn-group-lg > .fa-star.btn[class*="btn-"]:not(.title):before {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: #181818;
          font-weight: normal;
          position: absolute;
          transform: translateX(-32px); }
      .product-detail .ratings .fa-star[class*="btn-"]:not(.title) [class*="icon-"],
      .product-detail .ratings .fa-star[class*="btn-"]:not(.title) [class^="icon-"],
      .product-detail .ratings .fa-star[class*="btn-"]:not(.title) .fa {
        display: none; }
    .product-detail .ratings .fa-star-half-o:before {
      content: "\E938";
      font-family: "icomoon";
      display: inline-block;
      font-size: 16px;
      color: #181818;
      font-weight: normal; }
    .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title) {
      padding-left: 42px; }
      .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title):before {
        font-family: "icomoon";
        display: inline-block;
        font-size: 20px;
        color: #181818;
        font-weight: normal;
        position: absolute;
        transform: translateX(-30px); }
      .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-sm, .product-detail .ratings .btn-group-sm > .fa-star-half-o.btn[class*="btn-"]:not(.title) {
        padding-left: 42px; }
        .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-sm:before, .product-detail .ratings .btn-group-sm > .fa-star-half-o.btn[class*="btn-"]:not(.title):before {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: #181818;
          font-weight: normal;
          position: absolute;
          transform: translateX(-32px); }
      .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-lg, .product-detail .ratings .btn-group-lg > .fa-star-half-o.btn[class*="btn-"]:not(.title) {
        padding-left: 63px; }
        .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title).btn-lg:before, .product-detail .ratings .btn-group-lg > .fa-star-half-o.btn[class*="btn-"]:not(.title):before {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: #181818;
          font-weight: normal;
          position: absolute;
          transform: translateX(-32px); }
      .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title) [class*="icon-"],
      .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title) [class^="icon-"],
      .product-detail .ratings .fa-star-half-o[class*="btn-"]:not(.title) .fa {
        display: none; }
    .product-detail .ratings .fa-star-o:before {
      content: "\E937";
      font-family: "icomoon";
      display: inline-block;
      font-size: 16px;
      color: #181818;
      font-weight: normal; }
    .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title) {
      padding-left: 42px; }
      .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title):before {
        font-family: "icomoon";
        display: inline-block;
        font-size: 20px;
        color: #181818;
        font-weight: normal;
        position: absolute;
        transform: translateX(-30px); }
      .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title).btn-sm, .product-detail .ratings .btn-group-sm > .fa-star-o.btn[class*="btn-"]:not(.title) {
        padding-left: 42px; }
        .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title).btn-sm:before, .product-detail .ratings .btn-group-sm > .fa-star-o.btn[class*="btn-"]:not(.title):before {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: #181818;
          font-weight: normal;
          position: absolute;
          transform: translateX(-32px); }
      .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title).btn-lg, .product-detail .ratings .btn-group-lg > .fa-star-o.btn[class*="btn-"]:not(.title) {
        padding-left: 63px; }
        .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title).btn-lg:before, .product-detail .ratings .btn-group-lg > .fa-star-o.btn[class*="btn-"]:not(.title):before {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: #181818;
          font-weight: normal;
          position: absolute;
          transform: translateX(-32px); }
      .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title) [class*="icon-"],
      .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title) [class^="icon-"],
      .product-detail .ratings .fa-star-o[class*="btn-"]:not(.title) .fa {
        display: none; }
  .product-detail .promotions {
    margin-top: 16px; }
    .product-detail .promotions .promotion {
      color: #181818; }
  .product-detail .prices {
    margin-top: 16px;
    margin-bottom: 16px; }
    @media (min-width: 544px) {
      .product-detail .prices {
        margin-bottom: 8px; } }
    @media (min-width: 769px) {
      .product-detail .prices {
        margin-top: 0; } }
    .product-detail .prices .price {
      font-size: 16px;
      font-family: "Montserrat Regular", sans-serif; }
  .product-detail .size-chart {
    position: absolute;
    right: 16px;
    font-size: 16px; }
    .product-detail .size-chart h2 {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 20px;
      line-height: 28px;
      text-transform: none;
      letter-spacing: 0;
      font-weight: normal;
      font-style: normal; }
    .product-detail .size-chart .sizinginformation .nav-tabs .nav-link.active {
      background-color: #FFFFFF; }
    .product-detail .size-chart .sizinginformation .tab-content {
      border: 1px solid #F9F9F9;
      margin-bottom: 16px; }
      .product-detail .size-chart .sizinginformation .tab-content .sizechart {
        margin-top: -1px; }
      .product-detail .size-chart .sizinginformation .tab-content .sizecharttable {
        margin-bottom: 0; }
  .product-detail .color-attribute {
    display: block;
    float: left; }
  .product-detail label,
  .product-detail .non-input-label {
    font-family: "Gotham Book", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    text-transform: none;
    letter-spacing: 0;
    display: block; }
  .product-detail .set-item {
    padding: 0; }
  .product-detail .bundle-item {
    padding: 16px; }
    .product-detail .bundle-item:not(:last-child) {
      border-bottom: 1px solid #D4D4D4; }

.tabs {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 16px; }
  @media (min-width: 769px) {
    .tabs {
      padding-top: 30px; } }
  @media (min-width: 1024px) {
    .tabs {
      padding-top: 60px; } }
  .tabs .nav-link {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal; }
  @media (min-width: 1024px) {
    .tabs.product-has-thumbnails {
      padding-left: 85px; } }

.main-content-group .main-content-item {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 16px; }
  @media (min-width: 769px) {
    .main-content-group .main-content-item {
      padding-top: 30px; } }
  @media (min-width: 1024px) {
    .main-content-group .main-content-item {
      padding-top: 60px; } }

@media (min-width: 1024px) {
  .main-content-group.product-has-thumbnails {
    padding-left: 85px; } }

.main-content-group .card .card-header .title {
  font-family: "Montserrat Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal; }

.main-content-group .card .card-body {
  padding-bottom: 16px; }
  @media (min-width: 769px) {
    .main-content-group .card .card-body {
      padding-bottom: 30px; } }
  @media (min-width: 1024px) {
    .main-content-group .card .card-body {
      padding-bottom: 60px; } }

.main-content-group .main-attributes {
  margin-bottom: 16px; }

.main-content-group .product-attributes .attribute-name {
  font-family: "Montserrat Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal; }

@media (max-width: 768.98px) {
  .main-content-group .product-attributes + .collapsible-content.collapsible-sm.border-top,
  .main-content-group .collapsible-content.collapsible-sm.border-top {
    border-top: 1px solid #D4D4D4; } }

.main-content-group .product-attributes + .collapsible-content.collapsible-xl.border-top,
.main-content-group .collapsible-content.collapsible-xl.border-top {
  border-top: 1px solid #D4D4D4; }

.cart-and-ipay {
  text-align: center; }
  .cart-and-ipay .btn {
    width: 100%; }
  @media (min-width: 544px) {
    .cart-and-ipay {
      padding-bottom: 0; } }

.add-to-cart-messages {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  position: fixed;
  top: 0;
  padding: 50px 16px 16px;
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  z-index: 1100; }

.add-to-basket-alert {
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.4);
  text-align: center; }
  .add-to-basket-alert.show {
    display: block; }
  .add-to-basket-alert:not(.alert-dismissible) {
    -webkit-animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms);
            animation: fadeIn 200ms, fadeOut 200ms linear calc(5s - 200ms); }
  .add-to-basket-alert.alert-dismissible {
    -webkit-animation: fadeIn 200ms;
            animation: fadeIn 200ms;
    padding-right: 50px; }
    .add-to-basket-alert.alert-dismissible .close {
      padding: 16px; }

.jumplink-anchor {
  position: absolute;
  top: -150px; }

.addtocart-sticky-bar {
  pointer-events: none;
  display: block;
  position: fixed;
  top: 0;
  background: #FFFFFF;
  width: 100%;
  left: 0;
  z-index: 200;
  padding: 10px 0;
  opacity: 1;
  transform: translateY(-100%);
  transition: transform 200ms linear;
  overflow: hidden;
  box-shadow: 0 2px 2px rgba(34, 34, 34, 0.2); }
  .addtocart-sticky-bar .name,
  .addtocart-sticky-bar .links {
    margin: auto; }
  .addtocart-sticky-bar h1.product-name {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 20px;
    line-height: 28px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal;
    color: #181818;
    margin: 0; }
  .addtocart-sticky-bar a.jumplink {
    margin: 0 15px;
    position: relative;
    z-index: 10; }
    .addtocart-sticky-bar a.jumplink.selected, .addtocart-sticky-bar a.jumplink:hover {
      text-decoration: none; }
  .addtocart-sticky-bar .sticky-attribute {
    float: left; }
    .addtocart-sticky-bar .sticky-attribute + .sticky-attribute {
      margin-left: 16px; }
  .addtocart-sticky-bar .attribute {
    margin-top: 0; }
    .addtocart-sticky-bar .attribute label,
    .addtocart-sticky-bar .attribute .non-input-label,
    .addtocart-sticky-bar .attribute .size-chart {
      display: none; }
    .addtocart-sticky-bar .attribute .swatch-circle {
      width: 44px;
      height: 44px;
      margin: 5px 10px 5px 0; }
    .addtocart-sticky-bar .attribute .swatch-thumbnail {
      width: calc(14px + 8px + 6px + (1px*2));
      height: calc(14px + 8px + 6px + (1px*2));
      margin: 0.5px 1px 0.5px 0; }
    .addtocart-sticky-bar .attribute .custom-select, .addtocart-sticky-bar .attribute select.form-control,
    .addtocart-sticky-bar .attribute select {
      font-size: 11px;
      line-height: 14px;
      padding: 8px 21px 6px 10px;
      height: calc(14px + 8px + 6px + (1px*2)); }
  .addtocart-sticky-bar .cart-and-ipay {
    text-align: right;
    padding-bottom: 0; }
    .addtocart-sticky-bar .cart-and-ipay .add-to-cart.btn.btn-primary {
      font-size: 14px;
      line-height: 18px;
      padding: 5px 20px 5px 20px;
      letter-spacing: 0.05em;
      width: auto; }
  .sticky-header .addtocart-sticky-bar {
    transition: transform 400ms ease-out; }
  .sticky-header.scroll-direction-up .showstickybar .addtocart-sticky-bar {
    transform: translateY(var(--header-height));
    transition: transform 400ms ease-out 50ms; }

.showstickybar .addtocart-sticky-bar {
  pointer-events: auto;
  transform: translateY(0); }

@media (min-width: 769px) {
  .product-detail {
    margin-top: 56px; } }

.product-detail .bundle-items-label {
  text-align: center;
  margin-top: 48px;
  margin-bottom: 48px; }

.product-detail .ootb-bundle {
  display: flex; }
  .product-detail .ootb-bundle .bundle-item {
    margin: 0;
    border: 0;
    width: auto;
    max-width: inherit;
    flex-basis: 33%; }
  .product-detail .ootb-bundle .primary-images .primary-images-thumbnails {
    display: none !important; }
  .product-detail .ootb-bundle .primary-images .primary-images-main {
    margin: 0 0 24px; }
    .product-detail .ootb-bundle .primary-images .primary-images-main.product-has-thumbnails {
      width: 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin: 0 0 24px; }
  .product-detail .ootb-bundle .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button[data-controls='prev'],
  .product-detail .ootb-bundle .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button[data-controls='next'] {
    display: none; }

.product-detail .product-name {
  font-family: "Montserrat Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-transform: none;
  font-weight: bold;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap; }
  @media (min-width: 1024px) {
    .product-detail .product-name {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 24px;
      line-height: 32px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  @media (min-width: 769px) {
    .product-detail .product-name {
      font-family: "Gotham Rounded Bold", sans-serif;
      font-size: 24px;
      line-height: 32px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: -1px;
      font-style: normal;
      font-display: swap; } }
  @media (min-width: 769px) and (min-width: 1024px) {
    .product-detail .product-name {
      font-family: "Gotham Rounded Bold", sans-serif;
      font-size: 32px;
      line-height: 40px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: -1px;
      font-style: normal;
      font-display: swap; } }

.product-detail .charity-message {
  margin-bottom: 10px; }

.product-detail .charity-note {
  font-size: 10px;
  line-height: 14px;
  font-style: italic; }

.product-detail .notify-bis {
  padding-top: 14px;
  padding-bottom: 14px; }

.product-detail .prices {
  margin-bottom: 0; }
  .product-detail .prices .price {
    font-family: "Gotham Bold", sans-serif;
    font-weight: bold; }
    .product-detail .prices .price .sales.body-copy-xs {
      font-size: 16px;
      font-family: "Gotham Bold", sans-serif; }

.product-detail .d-md-none .product-name {
  margin-top: 0; }
  @media (min-width: 769px) {
    .product-detail .d-md-none .product-name {
      margin-top: 16px; } }

.product-detail .d-md-none .prices {
  margin-top: 0; }

.product-detail .d-md-none .product-number-rating {
  margin-bottom: 10px; }
  @media (max-width: 768.98px) {
    .product-detail .d-md-none .product-number-rating {
      margin-bottom: 0; } }

.product-detail .product-number-rating {
  margin-bottom: 32px; }
  @media (min-width: 769px) {
    .product-detail .product-number-rating {
      margin-bottom: 18px; } }
  @media (max-width: 768.98px) {
    .product-detail .product-number-rating {
      margin-bottom: 0; } }

.product-detail .primary-images {
  margin-bottom: 24px; }
  @media (max-width: 768.98px) {
    .product-detail .primary-images {
      min-height: calc(430px + (300 * ((100vw - 425px) / (768 - 425)))); } }
  .product-detail .primary-images .align-data {
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    transform: translate(-50%, -50%); }
    @media (min-width: 1024px) {
      .product-detail .primary-images .align-data {
        bottom: 7%;
        left: 50%; } }
    @media (max-width: 1439.98px) {
      .product-detail .primary-images .align-data {
        bottom: 9%;
        left: 45%; } }
    @media (max-width: 1023.98px) {
      .product-detail .primary-images .align-data {
        bottom: 0;
        left: 50%; } }
    .product-detail .primary-images .align-data .div-class {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      border-radius: 8px;
      align-items: center;
      display: block; }
      @media (min-width: 1024px) {
        .product-detail .primary-images .align-data .div-class {
          height: 41px; } }
      @media (max-width: 1199.98px) {
        .product-detail .primary-images .align-data .div-class {
          height: 38px; } }
      .product-detail .primary-images .align-data .div-class p {
        display: flex;
        font-family: "Montserrat Regular", sans-serif;
        align-items: center;
        justify-content: center;
        padding: 12px; }
        @media (min-width: 1200px) {
          .product-detail .primary-images .align-data .div-class p {
            font-size: 14px;
            line-height: 16px; } }
        @media (max-width: 1439.98px) {
          .product-detail .primary-images .align-data .div-class p {
            font-size: 12px;
            line-height: 14px; } }
        .product-detail .primary-images .align-data .div-class p .image-styling {
          max-width: 100%;
          border-radius: 20px;
          aspect-ratio: 1/1; }
          @media (min-width: 1200px) {
            .product-detail .primary-images .align-data .div-class p .image-styling {
              margin-right: 12px;
              width: 16px;
              max-width: 100%;
              height: 16px; } }
          @media (max-width: 1439.98px) {
            .product-detail .primary-images .align-data .div-class p .image-styling {
              margin-right: 12px;
              width: 10px;
              max-width: 100%;
              height: 10px; } }
      .product-detail .primary-images .align-data .div-class #closeButton img {
        aspect-ratio: 1/1; }
        @media (min-width: 1200px) {
          .product-detail .primary-images .align-data .div-class #closeButton img {
            margin-left: 20px;
            width: 12px;
            max-width: 100%;
            height: 12px; } }
        @media (max-width: 1439.98px) {
          .product-detail .primary-images .align-data .div-class #closeButton img {
            margin-left: 12px;
            width: 10px;
            max-width: 100%;
            height: 10px; } }
  .product-detail .primary-images > .row {
    position: sticky;
    top: 32px; }
  .product-detail .primary-images .primary-images-main {
    background-color: #F9F9F9; }
    @media (min-width: 769px) {
      .product-detail .primary-images .primary-images-main {
        border-radius: 20px; } }
    .product-detail .primary-images .primary-images-main.product-has-thumbnails {
      background-color: #F9F9F9;
      margin: 0 -8px 0;
      padding: 0;
      width: calc(100% + 16px); }
      .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button {
        top: 58%;
        margin-top: -24px;
        background-color: #FFFFFF;
        display: none;
        border: 1px solid transparent;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
        @media (min-width: 769px) {
          .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button {
            display: block; }
            .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button:disabled {
              opacity: 1; }
              .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button:disabled:before {
                color: #D4D4D4; } }
        .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button:hover {
          background-color: #FFFFFF;
          border-color: #181818; }
        .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button:before {
          font-size: 17px;
          color: #181818; }
        .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button[data-controls='next'] {
          right: 0; }
        .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button[data-controls='prev'] {
          left: 0; }
        @media (min-width: 769px) {
          .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button {
            top: auto;
            bottom: 0;
            left: auto;
            right: 24px;
            background: #FFFFFF;
            box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5); }
            .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button::before {
              line-height: 48px; }
            .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button[data-controls='next'] {
              right: 24px; }
            .product-detail .primary-images .primary-images-main.product-has-thumbnails .slider-container .tns-controls button[data-controls='prev'] {
              left: auto;
              right: 84px; } }
      @media (min-width: 769px) {
        .product-detail .primary-images .primary-images-main.product-has-thumbnails {
          padding: 0 0 48px;
          margin: 0;
          border-radius: 20px;
          width: 100%;
          background: none; } }
      @media (min-width: 1024px) {
        .product-detail .primary-images .primary-images-main.product-has-thumbnails {
          flex-basis: calc(100% - 85px - 32px);
          max-width: calc(100% - 85px - 32px);
          margin-left: 32px; } }
    @media (max-width: 768.98px) {
      .product-detail .primary-images .primary-images-main .slider-container.scroll-slider-active .slider {
        margin: 0;
        padding: 0 0 48px 0; } }
    @media (max-width: 768.98px) {
      .product-detail .primary-images .primary-images-main .slider-container.scroll-slider-active .slide {
        flex: 0 0 100%;
        position: relative; } }
    .product-detail .primary-images .primary-images-main .slider-container.scroll-slider-active .simplebar-content {
      padding: 0 !important; }
    @media (max-width: 768.98px) {
      .product-detail .primary-images .primary-images-main .slider-container.scroll-slider-active.next-slide-40.slider-buttons-hidden {
        margin-left: 0;
        margin-right: 0; } }
    @media (max-width: 768.98px) {
      .product-detail .primary-images .primary-images-main .slider-container.scroll-slider-active.next-slide-22.slider-buttons-hidden {
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 769px) {
      .product-detail .primary-images .primary-images-main .slider-container .tns-controls button {
        top: auto;
        bottom: 0;
        left: auto;
        right: 25px;
        background: #FFFFFF;
        box-shadow: 0 0 2px #000000; }
        .product-detail .primary-images .primary-images-main .slider-container .tns-controls button:disabled {
          opacity: 1; }
          .product-detail .primary-images .primary-images-main .slider-container .tns-controls button:disabled:before {
            color: #D4D4D4; }
        .product-detail .primary-images .primary-images-main .slider-container .tns-controls button::before {
          line-height: 50px; }
        .product-detail .primary-images .primary-images-main .slider-container .tns-controls button[data-controls='prev'] {
          left: auto;
          right: 85px; } }
  .product-detail .primary-images .slider-container {
    padding: 0; }
  @media (max-width: 768.98px) {
    .product-detail .primary-images .primary-images-thumbnails {
      background-color: #FFFFFF;
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 0 -8px 0;
      padding: 0;
      width: calc(100% + 16px);
      max-width: inherit; }
      .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 8px;
        padding-right: 8px;
        background: #FFFFFF; }
        .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide {
          display: block;
          background: transparent;
          width: 25% !important;
          height: 4px;
          border-radius: 8px;
          margin: 0;
          padding: 0;
          cursor: pointer;
          transition: transform 200ms ease-out;
          min-width: 12px; }
          .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide img {
            display: none !important; }
          .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide:after {
            background: #FFFFFF;
            border-radius: 0;
            width: 100%;
            height: 4px;
            position: absolute;
            left: 0; }
          .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide:first-child::after {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px; }
          .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide:last-child::after {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px; }
          .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide.tns-nav-active, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide:hover:not(.tns-nav-active) {
            background-color: #D4D4D4;
            transition: background-color 900ms ease-in-out,
 height 900ms ease-in-out;
            border: none; }
            .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide.tns-nav-active:after, .product-detail .primary-images .primary-images-thumbnails .slider-thumbnails .slider .slide:hover:not(.tns-nav-active):after {
              background-color: transparent; } }
  @media (min-width: 769px) {
    .product-detail .primary-images .primary-images-thumbnails {
      margin-bottom: 48px; } }
  @media (min-width: 769px) {
    .product-detail .primary-images {
      margin-bottom: 0; }
      .product-detail .primary-images .slide {
        background-color: #F9F9F9;
        border-radius: 20px; }
        .product-detail .primary-images .slide img {
          border-radius: 20px; } }

@media (min-width: 544px) {
  .product-detail .quantity-stepper,
  .product-detail .quantity-select {
    border-radius: 100px; } }

.product-detail .product-features .row {
  flex-wrap: nowrap;
  margin-bottom: 40px; }
  .product-detail .product-features .row .feature-image {
    max-width: calc(60px + 32px); }
    @media (min-width: 1024px) {
      .product-detail .product-features .row .feature-image {
        max-width: calc(60px + 32px); } }
  .product-detail .product-features .row .feature-text {
    padding-left: 16px;
    display: flex;
    flex-wrap: wrap;
    align-content: center; }
    .product-detail .product-features .row .feature-text .feature-title {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap;
      width: 100%; }
      @media (min-width: 1024px) {
        .product-detail .product-features .row .feature-text .feature-title {
          font-family: "Montserrat Medium", sans-serif;
          font-size: 16px;
          line-height: 24px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
    .product-detail .product-features .row .feature-text p:last-child {
      margin-bottom: 0; }

.product-detail .product-features img {
  width: 100%;
  height: auto;
  max-width: 60px; }

.product-detail .product-features h6 {
  font-size: 16px; }

.product-detail .attributes .row {
  margin-bottom: 16px; }
  @media (max-width: 1023.98px) {
    .product-detail .attributes .row {
      margin-top: 0; } }
  .product-detail .attributes .row.qty-cart-container {
    margin-bottom: 32px; }
  .product-detail .attributes .row[data-attr="iPhoneType"] {
    margin-bottom: 32px; }
  .product-detail .attributes .row.bis-container {
    padding-right: 72px; }

.product-detail .attributes .attribute {
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
  border: none; }

.product-detail .attributes .attribute-option {
  position: relative;
  padding: 24px 32px;
  border-style: solid;
  border-color: #D4D4D4;
  border-width: 1px;
  border-radius: 0;
  border-bottom: none;
  flex-grow: 1;
  min-height: 80px; }
  .product-detail .attributes .attribute-option:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }
  .product-detail .attributes .attribute-option:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom: 1px solid #D4D4D4; }
  .product-detail .attributes .attribute-option.color-swatches {
    border-width: 0;
    padding: 0;
    margin: 0 0 4px;
    min-height: 58px; }
    @media (min-width: 769px) {
      .product-detail .attributes .attribute-option.color-swatches {
        min-height: 70px;
        margin: 0; } }
    .product-detail .attributes .attribute-option.color-swatches .color-display-value {
      margin-top: 0; }
      @media (max-width: 1023.98px) {
        .product-detail .attributes .attribute-option.color-swatches .color-display-value {
          line-height: 1;
          margin-bottom: 0;
          height: 15px; } }
    @media (max-width: 1023.98px) {
      .product-detail .attributes .attribute-option.color-swatches .color-attribute {
        margin: 8px 8px 0 0; } }

.product-detail .attributes .custom-attribute-radio label {
  margin: 0 0 0 60px; }
  .product-detail .attributes .custom-attribute-radio label .attribute-name {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .product-detail .attributes .custom-attribute-radio label .attribute-name {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  .product-detail .attributes .custom-attribute-radio label .attribute-price {
    margin-right: 16px;
    position: relative; }
    .product-detail .attributes .custom-attribute-radio label .attribute-price .price {
      display: inline; }
    .product-detail .attributes .custom-attribute-radio label .attribute-price:before {
      content: '\2022';
      display: none;
      position: absolute;
      left: -18px;
      top: 0px;
      color: #595959;
      line-height: 18px;
      font-size: 16px; }

.product-detail .attributes .custom-attribute-radio.disabled label .attribute-price:before {
  color: #D4D4D4; }

.product-detail .attributes .custom-attribute-radio .attribute-description {
  margin-left: 0;
  display: block;
  font-family: "Montserrat Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap; }
  @media (min-width: 1024px) {
    .product-detail .attributes .custom-attribute-radio .attribute-description {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }

.product-detail .attributes .custom-attribute-radio input[type="radio"] {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  top: 0;
  left: 0;
  z-index: 1; }

.product-detail .attributes .custom-attribute-radio + .custom-radio {
  margin-top: 0; }

.product-detail .attributes .product-availability {
  margin-bottom: 0; }
  .product-detail .attributes .product-availability .preorder-pdp-callout {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 16px 10.66667px;
    border-radius: 8px;
    background: #F9F9F9;
    color: #181818;
    position: relative;
    margin-bottom: 24px; }
    @media (min-width: 769px) {
      .product-detail .attributes .product-availability .preorder-pdp-callout {
        margin-bottom: 32px;
        padding: 16px; } }
    .product-detail .attributes .product-availability .preorder-pdp-callout .prod-stock-msg {
      padding-right: 10.66667px;
      font-family: "Montserrat Medium", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap;
      border-right: 1px solid #D4D4D4;
      flex-basis: 50%;
      text-align: center; }
      @media (min-width: 1024px) {
        .product-detail .attributes .product-availability .preorder-pdp-callout .prod-stock-msg {
          font-family: "Montserrat Medium", sans-serif;
          font-size: 14px;
          line-height: 20px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
      @media (min-width: 769px) {
        .product-detail .attributes .product-availability .preorder-pdp-callout .prod-stock-msg {
          padding-right: 16px; } }
      .product-detail .attributes .product-availability .preorder-pdp-callout .prod-stock-msg .content-asset {
        display: inline-flex;
        align-items: center;
        text-align: left;
        height: 100%; }
    .product-detail .attributes .product-availability .preorder-pdp-callout .shipping-date-info {
      flex-basis: 50%;
      padding-left: 12.8px;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 769px) {
        .product-detail .attributes .product-availability .preorder-pdp-callout .shipping-date-info {
          padding-left: 16px; } }
      .product-detail .attributes .product-availability .preorder-pdp-callout .shipping-date-info > svg {
        padding-right: 9px;
        width: 29px; }
      .product-detail .attributes .product-availability .preorder-pdp-callout .shipping-date-info .info-title {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 12px;
        line-height: 16px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; }
        @media (min-width: 1024px) {
          .product-detail .attributes .product-availability .preorder-pdp-callout .shipping-date-info .info-title {
            font-family: "Montserrat Regular", sans-serif;
            font-size: 12px;
            line-height: 16px;
            text-transform: none;
            font-weight: normal;
            letter-spacing: 0;
            font-style: normal;
            font-display: swap; } }
      .product-detail .attributes .product-availability .preorder-pdp-callout .shipping-date-info .shipping-date {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; }
        @media (min-width: 1024px) {
          .product-detail .attributes .product-availability .preorder-pdp-callout .shipping-date-info .shipping-date {
            font-family: "Montserrat Medium", sans-serif;
            font-size: 14px;
            line-height: 20px;
            text-transform: none;
            font-weight: bold;
            letter-spacing: 0;
            font-style: normal;
            font-display: swap; } }
  .product-detail .attributes .product-availability .preorder-pdp-asset-tooltip {
    float: left;
    padding-right: 8px;
    position: relative;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .product-detail .attributes .product-availability .preorder-pdp-asset-tooltip {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 12px;
        line-height: 16px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
    .product-detail .attributes .product-availability .preorder-pdp-asset-tooltip .tooltip-area {
      display: none; }
    .product-detail .attributes .product-availability .preorder-pdp-asset-tooltip strong {
      display: block;
      font-family: "Montserrat Medium", sans-serif;
      font-size: 12px;
      line-height: 16px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; }
      @media (min-width: 1024px) {
        .product-detail .attributes .product-availability .preorder-pdp-asset-tooltip strong {
          font-family: "Montserrat Medium", sans-serif;
          font-size: 12px;
          line-height: 16px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
    .product-detail .attributes .product-availability .preorder-pdp-asset-tooltip:hover .tooltip-area {
      padding: 12px;
      border-radius: 8px;
      background: #FFFFFF;
      box-shadow: 0 0 5px #BEBEBE;
      max-width: 350px;
      width: 345px;
      position: absolute;
      left: -15px;
      bottom: 35px;
      z-index: 99;
      display: block; }
      @media (min-width: 769px) {
        .product-detail .attributes .product-availability .preorder-pdp-asset-tooltip:hover .tooltip-area {
          max-width: 380px;
          width: 375px; } }
      .product-detail .attributes .product-availability .preorder-pdp-asset-tooltip:hover .tooltip-area::before {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid white;
        position: absolute;
        left: 17px;
        bottom: -6px;
        content: "";
        filter: drop-shadow(0px 1px 1px #BEBEBE); }

.product-detail .badge-product-container.badge-image-over {
  position: absolute;
  top: 7px;
  left: 16px; }

.product-detail .attribute label,
.product-detail .product-option label {
  margin-bottom: 8px; }

.product-detail label,
.product-detail .non-input-label {
  font-family: "Montserrat Regular", sans-serif;
  font-size: 16px;
  margin-bottom: 12px; }

.product-detail .non-input-label {
  font-family: "Montserrat Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  font-weight: bold;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap; }
  @media (min-width: 1024px) {
    .product-detail .non-input-label {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  .product-detail .non-input-label .non-color-display-value {
    font-weight: normal; }
  .product-detail .non-input-label.non-input-label {
    display: flex;
    gap: 4px;
    align-items: center; }
    .product-detail .non-input-label.non-input-label .color-display-value {
      margin: 0;
      height: auto; }

.product-detail .product-number-rating {
  position: absolute;
  right: 16px;
  margin-top: 4px;
  height: 17px; }
  .product-detail .product-number-rating .product-number {
    display: none; }
  .product-detail .product-number-rating .ratings {
    margin-left: 0;
    height: 17px; }
    @media (max-width: 1023.98px) {
      .product-detail .product-number-rating .ratings {
        margin-right: -8px; } }
    .product-detail .product-number-rating .ratings .fa:before {
      font-size: 20px;
      width: 17px;
      height: 17px;
      line-height: 17px; }

.product-detail .qty-cart-container {
  margin-top: 0; }
  .product-detail .qty-cart-container .cart-and-ipay {
    margin-bottom: 0; }
  .product-detail .qty-cart-container .wishlist {
    position: relative;
    top: initial;
    right: initial;
    border: none;
    width: 56px;
    height: 56px;
    border: 2px solid #181818;
    border-radius: 50%;
    margin-left: 16px; }
  .product-detail .qty-cart-container .mutually-exclusive-products {
    color: #a80b1d;
    padding-top: 16px; }

.product-detail .quantity {
  align-self: flex-start; }
  .product-detail .quantity .quantity-select {
    line-height: 24px;
    height: 100%;
    border-radius: 100px; }
    @media (max-width: 1023.98px) {
      .product-detail .quantity .quantity-select {
        margin-right: 16px; } }
    .product-detail .quantity .quantity-select:focus, .product-detail .quantity .quantity-select:active {
      outline: 2px solid #181818; }

.product-detail .color-attribute {
  display: inline-block;
  vertical-align: middle;
  float: none;
  background: none;
  margin: 8px 8px 0 0; }
  .product-detail .color-attribute.color-swatch-wrapper {
    font-size: 0;
    line-height: 0; }

.product-detail .color-swatches {
  margin-bottom: 0;
  font-size: 0; }
  .product-detail .color-swatches .color-display-value,
  .product-detail .color-swatches .pop-design-color-display-value {
    font-family: "Montserrat Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    display: block;
    margin-top: 8px;
    height: 20px; }
    @media (min-width: 1024px) {
      .product-detail .color-swatches .color-display-value,
      .product-detail .color-swatches .pop-design-color-display-value {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  .product-detail .color-swatches .color-display-value {
    font-size: 14px;
    font-weight: 400; }
  .product-detail .color-swatches .pop-design-color-display-value {
    margin: -4px 0 0 5px; }
  .product-detail .color-swatches .swatches-holder {
    margin-left: -16px; }
  .product-detail .color-swatches .swatches {
    margin: 0; }
    .product-detail .color-swatches .swatches::after {
      display: block;
      content: "";
      clear: both; }
  .product-detail .color-swatches .swatch-circle {
    width: 44px;
    height: 44px;
    background-color: #FFFFFF;
    background-size: cover;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 50%;
    margin: 0;
    border: 1px solid #D4D4D4;
    border-radius: 4px; }
    .product-detail .color-swatches .swatch-circle.Color-value {
      transition: box-shadow 200ms ease-out; }
      .product-detail .color-swatches .swatch-circle.Color-value:hover {
        box-shadow: none; }
      .product-detail .color-swatches .swatch-circle.Color-value.selected {
        border: 1px solid #181818;
        border-radius: 4px;
        box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
        .product-detail .color-swatches .swatch-circle.Color-value.selected:after {
          content: "\E93E";
          font-family: "icomoon";
          display: inline-block;
          font-size: 7px;
          color: #FFFFFF;
          font-weight: normal; }
        .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title) {
          padding-right: 42px; }
          .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 20px;
            color: #FFFFFF;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
          .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title).btn-sm, .product-detail .color-swatches .btn-group-sm > .swatch-circle.Color-value.selected.btn[class*="btn-"]:not(.title) {
            padding-right: 42px; }
            .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-detail .color-swatches .btn-group-sm > .swatch-circle.Color-value.selected.btn[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title).btn-lg, .product-detail .color-swatches .btn-group-lg > .swatch-circle.Color-value.selected.btn[class*="btn-"]:not(.title) {
            padding-right: 63px; }
            .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title).btn-lg:after, .product-detail .color-swatches .btn-group-lg > .swatch-circle.Color-value.selected.btn[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .color-swatches .swatch-circle.Color-value.selected[class*="btn-"]:not(.title) .fa {
            display: none; }
        .product-detail .color-swatches .swatch-circle.Color-value.selected::after {
          position: absolute;
          top: 50%;
          right: 50%;
          transform: translate(50%, -50%);
          display: none;
          background: rgba(34, 34, 34, 0.7);
          width: 14px;
          height: 14px;
          line-height: 14px;
          padding-left: 1px;
          text-align: center;
          border-radius: 50%;
          z-index: 1; }
      .product-detail .color-swatches .swatch-circle.Color-value.unselectable {
        filter: blur(0px); }
        .product-detail .color-swatches .swatch-circle.Color-value.unselectable + .unselectable-icon {
          pointer-events: none;
          cursor: not-allowed;
          position: absolute;
          height: 72px;
          width: 72px;
          bottom: 0;
          right: 0; }
          @media (max-width: 768.98px) {
            .product-detail .color-swatches .swatch-circle.Color-value.unselectable + .unselectable-icon {
              height: calc(18.5vw);
              width: calc(18.5vw); } }
          .product-detail .color-swatches .swatch-circle.Color-value.unselectable + .unselectable-icon:before, .product-detail .color-swatches .swatch-circle.Color-value.unselectable + .unselectable-icon:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 50%;
            transform: translate(50%, -50%) rotate(45deg);
            height: calc(100% + 18px);
            width: 1px; }
          .product-detail .color-swatches .swatch-circle.Color-value.unselectable + .unselectable-icon:after {
            background-color: #FFFFFF;
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
            z-index: 2;
            width: 2px; }
      .product-detail .color-swatches .swatch-circle.Color-value.unselectable {
        pointer-events: none;
        pointer-events: auto;
        cursor: not-allowed;
        position: relative; }
    .product-detail .color-swatches .swatch-circle.non-color-swatch-value {
      transition: border 200ms ease-out, box-shadow 200ms ease-out; }
      .product-detail .color-swatches .swatch-circle.non-color-swatch-value:not(.unselectable):hover {
        box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
      .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected, .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover {
        background: #F9F9F9;
        color: #222222;
        border-color: #181818;
        box-shadow: none; }
        .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:after, .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover:after {
          content: "\E93E";
          font-family: "icomoon";
          display: inline-block;
          font-size: 8px;
          color: #FFFFFF;
          font-weight: normal; }
        .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title), .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) {
          padding-right: 42px; }
          .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 20px;
            color: #FFFFFF;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
          .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .product-detail .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .product-detail .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
            padding-right: 42px; }
            .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .product-detail .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .product-detail .color-swatches .btn-group-sm > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg, .product-detail .color-swatches .btn-group-lg > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg, .product-detail .color-swatches .btn-group-lg > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
            padding-right: 63px; }
            .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg:after, .product-detail .color-swatches .btn-group-lg > .swatch-circle.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg:after, .product-detail .color-swatches .btn-group-lg > .swatch-circle.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
              font-family: "icomoon";
              display: inline-block;
              font-size: 22px;
              color: #FFFFFF;
              font-weight: normal;
              position: absolute;
              transform: translateX(10px); }
          .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"],
          .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"],
          .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa {
            display: none; }
        .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected::after, .product-detail .color-swatches .swatch-circle.non-color-swatch-value.selected:hover::after {
          position: absolute;
          top: -5.33333px;
          right: -5.33333px;
          background: #181818;
          width: 16px;
          height: 16px;
          line-height: 16px;
          padding-left: 1px;
          text-align: center;
          border-radius: 50%;
          display: none; }
      .product-detail .color-swatches .swatch-circle.non-color-swatch-value.unselectable {
        pointer-events: auto;
        cursor: not-allowed;
        position: relative;
        color: #D4D4D4; }
    @media (min-width: 1024px) {
      .product-detail .color-swatches .swatch-circle {
        height: 62px;
        width: 62px; } }
    @media (max-width: 1199.98px) {
      .product-detail .color-swatches .swatch-circle {
        height: calc(5vw + 30px);
        width: calc(5vw + 30px); } }
    @media (max-width: 768.98px) {
      .product-detail .color-swatches .swatch-circle {
        height: 58px;
        width: 58px; } }
    .product-detail .color-swatches .swatch-circle.selected {
      z-index: 2;
      border: 1px solid #181818;
      border-radius: 4px;
      box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818;
      position: relative; }
  .product-detail .color-swatches .pdp-add-on-swatch-span.swatch-circle {
    height: 40px;
    width: 40px; }
    .product-detail .color-swatches .pdp-add-on-swatch-span.swatch-circle.selected {
      border: 1px solid #181818;
      box-shadow: none; }
  .product-detail .color-swatches .description {
    display: none; }
  .product-detail .color-swatches .swatch .swatch-circle {
    margin: 12px 0 0 8px; }

.product-detail .non-color-attribute-swatches > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .product-detail .non-color-attribute-swatches > div > .non-input-label {
    flex-basis: 100%; }
    .product-detail .non-color-attribute-swatches > div > .non-input-label.iPhoneType {
      line-height: 1; }

.product-detail .non-color-attribute-swatches .swatch-tile-container {
  float: none;
  margin: 4px 0;
  flex-basis: 100%;
  max-width: 100%; }
  @media (max-width: 768.98px) {
    .product-detail .non-color-attribute-swatches .swatch-tile-container.iPhoneType-tile {
      flex-basis: calc(50% - 4px);
      max-width: calc(50% - 4px); } }
  @media (max-width: 768.98px) {
    .product-detail .non-color-attribute-swatches .swatch-tile-container.iPhoneType-tile.full-length {
      flex-basis: 100%;
      max-width: 100%; } }
  @media (max-width: 768.98px) {
    .product-detail .non-color-attribute-swatches .swatch-tile-container.iPhoneType-tile .swatch .swatch-value {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  @media (max-width: 768.98px) and (min-width: 1024px) {
    .product-detail .non-color-attribute-swatches .swatch-tile-container.iPhoneType-tile .swatch .swatch-value {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  @media (max-width: 1023.98px) {
    .product-detail .non-color-attribute-swatches .swatch-tile-container:last-child {
      margin: 4px 0 0 0; } }
  @media (min-width: 544px) {
    .product-detail .non-color-attribute-swatches .swatch-tile-container {
      flex-basis: calc(50% - 4px);
      max-width: 50%; } }
  @media (min-width: 769px) {
    .product-detail .non-color-attribute-swatches .swatch-tile-container {
      flex-basis: 100%;
      max-width: 100%; } }
  @media (min-width: 1024px) {
    .product-detail .non-color-attribute-swatches .swatch-tile-container {
      flex-basis: calc(50% - 4px);
      max-width: 50%; } }
  .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch {
    width: 100%; }
    .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .description {
      display: none; }
    .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; }
      @media (min-width: 1024px) {
        .product-detail .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value {
          font-family: "Montserrat Regular", sans-serif;
          font-size: 16px;
          line-height: 24px;
          text-transform: none;
          font-weight: normal;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }

.product-detail .vat-pricing {
  font-size: 14px;
  line-height: 24px;
  color: #66676e;
  letter-spacing: 0;
  margin-top: 8px;
  margin-bottom: 16px; }
  .product-detail .vat-pricing a {
    color: #66676e; }

.product-detail .promotions {
  padding: 16px 16px 8px;
  border-radius: 20px;
  background: #F9F9F9;
  margin-bottom: 40px;
  margin-top: 20px; }
  .product-detail .promotions .promotion {
    font-family: "Gotham Bold", sans-serif !important;
    font-family: "Montserrat Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    color: #595959;
    text-align: center;
    margin-bottom: 8px; }
    @media (min-width: 1024px) {
      .product-detail .promotions .promotion {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
    .product-detail .promotions .promotion strong {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: bold; }
    .product-detail .promotions .promotion p {
      font-family: "Gotham Book", sans-serif !important; }
    .product-detail .promotions .promotion span {
      font-family: "Gotham Book", sans-serif !important; }

@media (min-width: 769px) {
  .product-detail .product-bundle .bundle-items.ootb-bundle .primary-images {
    min-height: 360px; } }

@media (min-width: 1024px) {
  .product-detail .product-bundle .bundle-items.ootb-bundle .primary-images {
    min-height: 460px; } }

.product-detail .product-bundle .bundle-items.ootb-bundle .primary-images .primary-images-main.product-has-thumbnails {
  padding: 0;
  margin: 0 !important; }

.product-detail .product-bundle .bundle-items.ootb-bundle .primary-images > .row {
  position: static; }

@media (min-width: 769px) {
  .product-detail .product-bundle > .col-md-5 > .row .col-4.ootb-bundle.js-bundle-images {
    align-items: flex-start; } }

.product-detail .product-bundle .prices-add-to-cart-actions .primary-images .primary-images-main {
  margin: 0;
  padding: 0; }

.product-detail .see-all-colors {
  font-family: "Montserrat Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap;
  text-decoration: underline;
  color: #181818 !important; }
  @media (min-width: 1024px) {
    .product-detail .see-all-colors {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  .product-detail .see-all-colors.grips {
    position: absolute;
    right: 0;
    top: 50px; }

.product-detail.product-wrapper .attributes .attribute-option.color-swatches {
  margin-bottom: 16px; }
  @media (max-width: 1023.98px) {
    .product-detail.product-wrapper .attributes .attribute-option.color-swatches {
      margin-bottom: 0; } }

.product-detail .buy-with-prime-prime-day-deal-badge-sm-container-card {
  align-items: center; }

.product-detail .buy-with-prime-prime-day-deal-badge-sm {
  height: 24px;
  width: auto;
  padding: 0 5px; }

.product-detail button.notify-me-btn {
  font-family: "Gotham Book", sans-serif;
  padding: 16px 32px 16px 32px; }
  .product-detail button.notify-me-btn:after {
    background-color: #181818; }
  .product-detail button.notify-me-btn:hover, .product-detail button.notify-me-btn:focus, .product-detail button.notify-me-btn[aria-describedby*="popover"] {
    text-decoration: none; }
    .product-detail button.notify-me-btn:hover:after, .product-detail button.notify-me-btn:focus:after, .product-detail button.notify-me-btn[aria-describedby*="popover"]:after {
      width: calc(100% + 8px);
      height: calc(100% + 8px);
      top: -4px;
      left: -4px; }
  .dark-theme .product-detail button.notify-me-btn {
    color: #FFFFFF; }
    .dark-theme .product-detail button.notify-me-btn:after {
      background-color: #181818; }
    .dark-theme .product-detail button.notify-me-btn:hover {
      color: #181818; }
  .product-detail button.notify-me-btn .icon-mail {
    background: url(../images/icons/email-icon.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    height: 21px;
    width: 22px;
    vertical-align: text-bottom;
    margin-right: 4px; }

@media (max-width: 1023.98px) {
  .product-detail button.notify-me-btn.shortenFontSize {
    font-size: 12px;
    padding: 16px 12px; }
    .product-detail button.notify-me-btn.shortenFontSize .icon-mail {
      height: 16px;
      width: 16px;
      margin-right: 2px; } }

@media (max-width: 768.98px) {
  .product-detail button.notify-me-btn.shortenFontSize {
    font-size: 14px;
    padding: 16px 32px 16px 32px; }
    .product-detail button.notify-me-btn.shortenFontSize .icon-mail {
      height: 18px;
      width: 18px;
      margin-right: 3px; } }

.product-detail .enableStickyV1 #a2c-version-2 .prices,
.product-detail .enableStickyV1 #a2c-version-2 .sticky-prod-detail,
.product-detail .enableStickyV1 #a2c-version-3 .prices,
.product-detail .enableStickyV1 #a2c-version-3 .sticky-prod-detail {
  display: none; }

.product-detail .enableStickyV1 #a2c-version-2 .cart-and-ipay,
.product-detail .enableStickyV1 #a2c-version-3 .cart-and-ipay {
  width: 100%;
  float: none; }

.pdp-assets {
  margin: 64px 0;
  overflow: hidden; }
  .pdp-assets .hero.text-over-image-or-solid-background.short.align-items-center {
    align-items: normal !important; }
  .pdp-assets .hero.short {
    min-height: 0; }
  @media (max-width: 1023.98px) {
    .pdp-assets .hero .hero-container {
      display: block;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0; }
      .pdp-assets .hero .hero-container .hero-buttons {
        padding-bottom: 64px; } }
  .pdp-assets .experience-main .experience-commerce_assets-assetInclude {
    margin-top: 64px; }
    @media (min-width: 769px) {
      .pdp-assets .experience-main .experience-commerce_assets-assetInclude {
        margin-top: 64px; } }
  @media (min-width: 544px) {
    .pdp-assets {
      margin: 96px 0; } }
  @media (max-width: 1023.98px) {
    .pdp-assets .hero-media.video-container {
      height: auto;
      min-height: 210px;
      z-index: 0; } }

.hide-oos-variants .swatch-tile-container.unselectable {
  display: none; }

.hide-oos-variants .color-swatches .unselectable-btn {
  display: none; }

.main-content-group .main-content-item {
  padding: 0;
  margin: 0; }
  .main-content-group .main-content-item .collapsible-content-group.card .card-header {
    background-color: transparent; }
    .main-content-group .main-content-item .collapsible-content-group.card .card-header .card-title {
      margin-bottom: 2px; }

@media (min-width: 1024px) {
  .main-content-group.product-has-thumbnails {
    padding-left: 0;
    background: none; } }

.main-content-group .card {
  border-radius: 0; }
  .main-content-group .card .card-header .title {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .main-content-group .card .card-header .title {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  .main-content-group .card .card-body {
    margin: 0;
    padding: 0; }
  .main-content-group .card li {
    margin-bottom: 24px; }

.main-content-group .product-attributes .attribute-name {
  font-family: "Montserrat Medium", sans-serif;
  font-size: 20px;
  line-height: 28px;
  text-transform: none;
  font-weight: bold;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap; }
  @media (min-width: 1024px) {
    .main-content-group .product-attributes .attribute-name {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 20px;
      line-height: 28px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }

.addtocart-sticky-bar {
  box-shadow: none;
  border-bottom: 0px solid transparent; }
  .addtocart-sticky-bar .cart-and-ipay .add-to-cart.btn.btn-primary {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 32px 16px 32px;
    width: 100%;
    letter-spacing: 0;
    min-height: calc(24px + 16px + 16px + 4px);
    color: #FFFFFF; }
    .addtocart-sticky-bar .cart-and-ipay .add-to-cart.btn.btn-primary:after {
      background-color: #181818; }

.cart-and-ipay .add-to-cart,
.cart-and-ipay .btn-add-to-cart {
  color: #FFFFFF; }
  .cart-and-ipay .add-to-cart:after,
  .cart-and-ipay .btn-add-to-cart:after {
    background-color: #181818; }

.cart-and-ipay .btn-primary.unavailable-offline-btn {
  padding: 16px 64px 16px 64px; }

.product-data .btn-customize {
  padding: 15px 32px; }
  .product-data .btn-customize::after {
    position: relative;
    left: 6px;
    top: 4px;
    transform: none;
    right: auto; }

.product-data .product-tile .btn-customize {
  padding: 8px 8px; }
  @media (max-width: 768.98px) {
    .product-data .product-tile .btn-customize {
      padding: 8px 5.6px; } }
  .product-data .product-tile .btn-customize::after {
    left: 1px; }
    @media (min-width: 1024px) {
      .product-data .product-tile .btn-customize::after {
        left: 6px; } }

.product-data p.product-name-row-2 {
  font-size: 16px;
  margin-bottom: 14px; }

.grid-tile-add-on {
  padding: 16px 0; }
  .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox {
    padding-left: 0;
    padding-right: 7px; }
    .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-input {
      z-index: 1;
      opacity: 0; }
    .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-label,
    .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-input {
      height: 24px;
      width: 24px; }
      @media (max-width: 768.98px) {
        .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-label,
        .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-input {
          height: 20px;
          width: 20px; } }
    .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-label:after,
    .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-label:before {
      height: 24px;
      width: 24px;
      left: 0;
      outline: none; }
      @media (max-width: 768.98px) {
        .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-label:after,
        .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-label:before {
          height: 20px;
          width: 20px; } }
    @media (max-width: 768.98px) {
      .grid-tile-add-on .custom-checkbox.pdp-add-on-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        font-size: 14px;
        line-height: 21px; } }
  .grid-tile-add-on .pdp-add-on-checkbox {
    min-height: 1.5rem; }
  .grid-tile-add-on .product-tile .container-1 .badge-product-container,
  .grid-tile-add-on .customisable-add-on-product-pdp .container-1 .badge-product-container {
    display: none; }
  .grid-tile-add-on .product-tile .container-2,
  .grid-tile-add-on .customisable-add-on-product-pdp .container-2 {
    padding-left: 16px;
    flex-basis: 77% !important; }
    @media (max-width: 768.98px) {
      .grid-tile-add-on .product-tile .container-2,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 {
        padding-left: 0; } }
    .grid-tile-add-on .product-tile .container-2 .device-swatches select.form-control,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .device-swatches select.form-control {
      font-size: 14px;
      height: 44px;
      padding: 14px 16px 14px 16px; }
  @media (min-width: 1024px) {
    .grid-tile-add-on .product-tile .container-1,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-1 {
      flex-basis: 110px !important; }
    .grid-tile-add-on .product-tile .container-2,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-2 {
      max-width: 363px; }
      .grid-tile-add-on .product-tile .container-2 .pdp-link .product-name-wrapper,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .pdp-link .product-name-wrapper {
        font-size: 14px; }
      .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container {
        padding: 0; }
        .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container .price,
        .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container .price {
          padding: 0;
          justify-content: left;
          font-size: 14px; } }
  @media (max-width: 1439.98px) {
    .grid-tile-add-on .product-tile .container-1,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-1 {
      flex-basis: 80px; }
    .grid-tile-add-on .product-tile .container-2,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-2 {
      max-width: 70%; }
      .grid-tile-add-on .product-tile .container-2 .pdp-link .product-name-wrapper,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .pdp-link .product-name-wrapper {
        font-size: 14px;
        padding: 0 !important; }
      .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container {
        padding: 0; }
        .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container .price,
        .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container .price {
          padding: 0;
          justify-content: left;
          font-size: 14px; } }
  @media (max-width: 1199.98px) {
    .grid-tile-add-on .product-tile .container-1,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-1 {
      flex-basis: 80px; }
    .grid-tile-add-on .product-tile .container-2,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-2 {
      max-width: 254px; }
      .grid-tile-add-on .product-tile .container-2 .pdp-link .product-name-wrapper,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .pdp-link .product-name-wrapper {
        font-size: 14px; }
      .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container {
        padding: 0; }
        .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container .price,
        .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container .price {
          padding: 0;
          justify-content: left;
          font-size: 14px; } }
  @media (max-width: 768.98px) {
    .grid-tile-add-on .product-tile .container-1,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-1 {
      max-width: 24%;
      flex: 0 0 24%; }
    .grid-tile-add-on .product-tile .container-2,
    .grid-tile-add-on .customisable-add-on-product-pdp .container-2 {
      max-width: 76% !important;
      flex: 0 0 76% !important; }
      .grid-tile-add-on .product-tile .container-2 .pdp-link .product-name-wrapper,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .pdp-link .product-name-wrapper {
        font-size: 14px; }
      .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container,
      .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container {
        padding: 0 !important; }
        .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container .price,
        .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container .price {
          justify-content: left;
          font-size: 14px;
          padding: 0; }
          .grid-tile-add-on .product-tile .container-2 .product-tile--buy-container .price .price-section,
          .grid-tile-add-on .customisable-add-on-product-pdp .container-2 .product-tile--buy-container .price .price-section {
            display: flex;
            gap: 16px;
            flex-direction: row-reverse; } }

.sticky-a2c-section {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 99; }
  .sticky-a2c-section .sticky-wrap {
    overflow: hidden;
    padding: 16px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2);
    display: none; }
  .sticky-a2c-section #a2c-version-2 .prices {
    float: left;
    padding-right: 8px;
    margin: 0;
    padding-top: 16px;
    display: flex;
    font-family: "Montserrat Medium", sans-serif;
    font-size: 20px;
    line-height: 28px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .sticky-a2c-section #a2c-version-2 .prices {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 20px;
        line-height: 28px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
    .sticky-a2c-section #a2c-version-2 .prices .price {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 20px;
      line-height: 28px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap;
      padding-left: 4px; }
      @media (min-width: 1024px) {
        .sticky-a2c-section #a2c-version-2 .prices .price {
          font-family: "Montserrat Medium", sans-serif;
          font-size: 20px;
          line-height: 28px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
  .sticky-a2c-section #a2c-version-2 .cart-and-ipay {
    width: 213px;
    float: right; }
  .sticky-a2c-section #a2c-version-3 .cart-and-ipay .add-to-cart {
    max-width: 130px;
    padding: 16px 10px 16px 4px; }
  .sticky-a2c-section .sticky-content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .sticky-a2c-section .sticky-prod-detail {
    float: left;
    display: flex;
    align-items: center;
    max-width: 60%; }
    .sticky-a2c-section .sticky-prod-detail .prod-image {
      float: left;
      width: 80px; }
      .sticky-a2c-section .sticky-prod-detail .prod-image img {
        width: 100%;
        height: auto;
        display: block; }
    .sticky-a2c-section .sticky-prod-detail .info-prod-area {
      overflow: hidden; }
      .sticky-a2c-section .sticky-prod-detail .info-prod-area .prod-name {
        margin: 0;
        font-family: "Montserrat Medium", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; }
        @media (min-width: 1024px) {
          .sticky-a2c-section .sticky-prod-detail .info-prod-area .prod-name {
            font-family: "Montserrat Medium", sans-serif;
            font-size: 14px;
            line-height: 20px;
            text-transform: none;
            font-weight: bold;
            letter-spacing: 0;
            font-style: normal;
            font-display: swap; } }
      .sticky-a2c-section .sticky-prod-detail .info-prod-area .prices {
        padding: 0;
        margin: 0; }
        .sticky-a2c-section .sticky-prod-detail .info-prod-area .prices .price {
          font-family: "Montserrat Regular", sans-serif;
          font-size: 14px;
          line-height: 20px;
          text-transform: none;
          font-weight: normal;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; }
          @media (min-width: 1024px) {
            .sticky-a2c-section .sticky-prod-detail .info-prod-area .prices .price {
              font-family: "Montserrat Regular", sans-serif;
              font-size: 14px;
              line-height: 20px;
              text-transform: none;
              font-weight: normal;
              letter-spacing: 0;
              font-style: normal;
              font-display: swap; } }

.product-detail-attributes .product-addons .product .product-tile:hover .quick-add-to-cart {
  display: none; }

.product-detail-attributes .product-addons .product .product-tile .quick-add-to-cart {
  display: none;
  margin: 0; }

.product-detail-attributes .product-addons .product .product-tile .tile-body-footer .pt-2.pl-0.col-12 {
  padding: 0; }

.product-detail-attributes .product-addons .product .product-tile .bwp-card-prime-day-deal-badge-container {
  justify-content: end;
  flex-direction: column;
  align-items: end; }

.chip-badges-area {
  white-space: nowrap;
  text-align: left;
  align-items: center;
  overflow-x: auto;
  display: flex;
  margin: 0 -5px 0 0; }
  @media (min-width: 769px) {
    .chip-badges-area {
      border-bottom: 1px solid #D4D4D4;
      padding: 0;
      margin: 0 -5px 16px 0; } }
  @media (max-width: 1023.98px) {
    .chip-badges-area {
      padding: 0 16px 0 0; } }
  .chip-badges-area .chip-collections {
    position: sticky;
    left: 0;
    z-index: 10;
    background: #FFFFFF;
    font-family: "Gotham Book", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #181818;
    margin: 0 0 12px 0;
    padding: 8px 6px 8px 0; }
    @media (max-width: 1023.98px) {
      .chip-badges-area .chip-collections {
        padding: 8px 6px 8px 8px; } }
  .chip-badges-area::after {
    display: block;
    clear: both;
    content: " "; }
  .chip-badges-area::-webkit-scrollbar {
    height: 1px; }
  .chip-badges-area::-webkit-scrollbar-track {
    background: #FFFFFF;
    border: 0; }
  .chip-badges-area::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
    border-radius: 0; }
  .chip-badges-area .chip-badge {
    margin: 0 4px 12px 0; }
    .chip-badges-area .chip-badge:last-child {
      margin: 0 10px 12px 0; }
    .chip-badges-area .chip-badge a {
      border-radius: 20px;
      padding: 6px 12px 5px;
      font-size: 12px;
      line-height: 16px;
      min-height: 28px;
      font-weight: 600;
      text-decoration: none;
      position: relative;
      margin: 2px;
      display: inline-block;
      vertical-align: middle;
      transition: all 200ms ease-out; }
      .chip-badges-area .chip-badge a:after {
        content: "\E903";
        font-family: "icomoon";
        display: inline-block;
        font-size: inherit;
        color: inherit;
        font-weight: normal; }
      .chip-badges-area .chip-badge a[class*="btn-"]:not(.title) {
        padding-right: 42px; }
        .chip-badges-area .chip-badge a[class*="btn-"]:not(.title):after {
          font-family: "icomoon";
          display: inline-block;
          font-size: 20px;
          color: inherit;
          font-weight: normal;
          position: absolute;
          transform: translateX(10px); }
        .chip-badges-area .chip-badge a[class*="btn-"]:not(.title).btn-sm, .chip-badges-area .chip-badge .btn-group-sm > a.btn[class*="btn-"]:not(.title) {
          padding-right: 42px; }
          .chip-badges-area .chip-badge a[class*="btn-"]:not(.title).btn-sm:after, .chip-badges-area .chip-badge .btn-group-sm > a.btn[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 22px;
            color: inherit;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
        .chip-badges-area .chip-badge a[class*="btn-"]:not(.title).btn-lg, .chip-badges-area .chip-badge .btn-group-lg > a.btn[class*="btn-"]:not(.title) {
          padding-right: 63px; }
          .chip-badges-area .chip-badge a[class*="btn-"]:not(.title).btn-lg:after, .chip-badges-area .chip-badge .btn-group-lg > a.btn[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 22px;
            color: inherit;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
        .chip-badges-area .chip-badge a[class*="btn-"]:not(.title) [class*="icon-"],
        .chip-badges-area .chip-badge a[class*="btn-"]:not(.title) [class^="icon-"],
        .chip-badges-area .chip-badge a[class*="btn-"]:not(.title) .fa {
          display: none; }
      .chip-badges-area .chip-badge a::after {
        font-size: 8px;
        padding-left: 2px;
        display: inline-block;
        vertical-align: middle; }
      .chip-badges-area .chip-badge a:hover {
        margin: 0;
        padding: 8px 14px 7px;
        transition: all 200ms ease-out; }

@media (max-width: 1023.98px) {
  .color-swatches .d-lg-block {
    padding-bottom: 16px;
    overflow-x: auto;
    overflow-y: hidden; } }

@media (min-width: 769px) {
  .row.hidden-sm-down .pricing {
    padding-bottom: 7px; } }

#product-addons-recommendations p.non-input-label.mb-0 {
  display: none; }

.swappability-wrapper .swappability-heading {
  margin-bottom: 12px; }

.swappability-wrapper h6 {
  font-family: "Montserrat Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap; }
  @media (min-width: 1024px) {
    .swappability-wrapper h6 {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }

.swappability-wrapper .swap-the-top-modal-opener {
  font-family: "Montserrat Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap;
  color: #181818;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
  margin-top: 10px; }
  @media (min-width: 1024px) {
    .swappability-wrapper .swap-the-top-modal-opener {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 12px;
      line-height: 16px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  .swappability-wrapper .swap-the-top-modal-opener:hover {
    color: rgba(24, 24, 24, 0.8);
    text-decoration: underline; }
  .dark-theme .swappability-wrapper .swap-the-top-modal-opener {
    color: #FFFFFF; }
    .dark-theme .swappability-wrapper .swap-the-top-modal-opener:hover {
      color: #FFFFFF; }
  @media (min-width: 1024px) {
    .swappability-wrapper .swap-the-top-modal-opener {
      font-weight: 500;
      margin-top: 0; } }
  .swappability-wrapper .swap-the-top-modal-opener .icon-swap-information {
    background: url(../../images/icons/icon-information.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 8px; }

.swappability-wrapper .setup-wrapper.swatch-tile-container {
  border-radius: 12px;
  flex: 0 0 calc(50% - 6px);
  margin-top: 0;
  margin-bottom: 0; }
  @media (min-width: 1024px) {
    .swappability-wrapper .setup-wrapper.swatch-tile-container {
      height: 100%; } }
  .swappability-wrapper .setup-wrapper.swatch-tile-container .swatch .swatch-value.non-color-swatch-value.unselectable {
    opacity: 0.5; }

.swappability-wrapper .setup-wrapper .non-color-swatch-value {
  border: 1px solid #D4D4D4 !important; }
  .swappability-wrapper .setup-wrapper .non-color-swatch-value.selected {
    border: 1px solid #181818 !important; }

.swappability-wrapper .setup-wrapper:first-child {
  margin-bottom: 16px; }
  @media (min-width: 1024px) {
    .swappability-wrapper .setup-wrapper:first-child {
      margin-bottom: 0;
      margin-right: 12px; } }

@media (min-width: 1024px) {
  .swappability-wrapper .setup-wrapper .swatch,
  .swappability-wrapper .setup-wrapper .swatch-value {
    height: 100%; } }

.swappability-wrapper .setup-wrapper .setup-info {
  flex: 0 0 calc(100% - 68px);
  text-align: left; }
  .swappability-wrapper .setup-wrapper .setup-info .attr-val,
  .swappability-wrapper .setup-wrapper .setup-info .setup-price {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    color: #181818;
    margin-bottom: 4px; }
    @media (min-width: 1024px) {
      .swappability-wrapper .setup-wrapper .setup-info .attr-val,
      .swappability-wrapper .setup-wrapper .setup-info .setup-price {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  .swappability-wrapper .setup-wrapper .setup-info .sub-attr-val {
    font-family: "Montserrat Regular", sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    color: #595959;
    margin-bottom: 4px;
    white-space: normal; }
    @media (min-width: 1024px) {
      .swappability-wrapper .setup-wrapper .setup-info .sub-attr-val {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 12px;
        line-height: 16px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }

.swappability-wrapper .setup-wrapper .setup-image {
  height: 68px;
  width: 68px;
  flex: 0 0 68px; }
  .swappability-wrapper .setup-wrapper .setup-image img {
    width: auto;
    height: 100%; }

#howToSwapModal {
  top: 100%;
  transition: top 0.6s ease-in-out;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  opacity: 1 !important;
  padding: 0 !important; }
  @media (min-width: 1024px) {
    #howToSwapModal {
      justify-content: center; } }
  #howToSwapModal.fade.show {
    top: 0; }
  #howToSwapModal .modal-dialog {
    margin: 0 auto; }
    @media (min-width: 1024px) {
      #howToSwapModal .modal-dialog {
        max-width: 624px;
        max-height: none;
        margin: 16px auto 0; } }
  #howToSwapModal .modal-content {
    height: auto;
    background-color: white; }
  #howToSwapModal .modal-header,
  #howToSwapModal .modal-footer {
    padding: 9.5px 16px;
    border: 0 !important; }
  @media (max-width: 1023.98px) {
    #howToSwapModal .modal-footer {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; } }
  #howToSwapModal .modal-body {
    height: calc(100% - 64px);
    padding: 0 16px; }
    @media (min-width: 1024px) {
      #howToSwapModal .modal-body {
        padding: 0 24px; } }
    #howToSwapModal .modal-body .close {
      margin-top: 0; }
    #howToSwapModal .modal-body h3 {
      margin-bottom: 20px;
      line-height: 1; }
      @media (min-width: 1024px) {
        #howToSwapModal .modal-body h3 {
          line-height: 1; } }
  #howToSwapModal .video-container .video-player {
    border-radius: 18px; }
    #howToSwapModal .video-container .video-player iframe {
      border-radius: 18px; }
  #howToSwapModal .video-container .video.vjs-tech {
    border-radius: 18px; }
  #howToSwapModal .video-container .video-thumbnail.faded {
    opacity: 0; }
  #howToSwapModal .video-container .video-thumbnail-button::before {
    content: url("../images/icons/play-circle.svg"); }
  #howToSwapModal .experience-commerce_assets-video {
    margin: 16px 0; }

#maincontent {
  overflow: hidden; }

.bundle-items .primary-images .overlaid .overlay-image {
  display: none; }

.bundle-items .primary-images .overlaid .base-image + .overlay-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.bundle-items .primary-images .overlaid:nth-child(1) .base-image + .overlay-image {
  transform: translateY(-14%) rotateX(48deg); }

.bundle-items .primary-images .overlaid:nth-child(2) .base-image + .overlay-image {
  transform: none; }

.bundle-items .primary-images .overlaid:nth-child(4) .base-image + .overlay-image,
.bundle-items .primary-images .overlaid:nth-child(6) .base-image + .overlay-image {
  transform: translateX(4.1%) rotateY(46deg) scale(0.3); }

.bundle-items .primary-images .overlaid:nth-child(5) .base-image + .overlay-image,
.bundle-items .primary-images .overlaid:nth-child(7) .base-image + .overlay-image {
  transform: translateX(9%) rotateY(46deg) scale(0.3); }

.bundle-items .primary-images .overlaid.poptivism:nth-child(1) .base-image + .overlay-image {
  transform: translateY(-14%) rotateX(48deg) scale(1.05); }

.bundle-items .primary-images .overlaid.poptivism:nth-child(4) .base-image + .overlay-image,
.bundle-items .primary-images .overlaid.poptivism:nth-child(6) .base-image + .overlay-image {
  transform: translateX(4.1%) rotateY(46deg) scale(0.305); }

.bundle-items .primary-images .overlaid.poptivism:nth-child(5) .base-image + .overlay-image,
.bundle-items .primary-images .overlaid.poptivism:nth-child(7) .base-image + .overlay-image {
  transform: translateX(9%) rotateY(46deg) scale(0.305); }

.bundle-items .primary-images .primary-images-main .overlaid:nth-child(3) .base-image + .overlay-image {
  transform: translateY(-1%) rotateX(43deg) scale(1.02); }

.bundle-items .primary-images .primary-images-main .overlaid.poptivism:nth-child(3) .base-image + .overlay-image {
  transform: translateY(-1%) rotateX(43deg) scale(1.07); }

.bundle-items .primary-images .primary-images-thumbnails .overlaid .base-image + .overlay-image {
  top: 8px; }

.bundle-items .primary-images .primary-images-thumbnails .overlaid:nth-child(1) .base-image + .overlay-image {
  transform: translateY(-11%) rotateX(48deg) scale(0.85); }

.bundle-items .primary-images .primary-images-thumbnails .overlaid:nth-child(3) .base-image + .overlay-image {
  transform: rotateX(45deg) scale(0.82); }

@media (max-width: 1023.98px) {
  .bundle-items .primary-images {
    margin-bottom: 24px; } }

.bundle-items .primary-images.magsafe-grips-slider-images .overlaid .overlay-image {
  display: none; }

.bundle-items .primary-images.magsafe-grips-slider-images .overlaid .base-image + .overlay-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.bundle-items .primary-images.magsafe-grips-slider-images .overlaid:nth-child(1) .base-image + .overlay-image {
  transform: translateY(0%) rotateX(0deg) scale(0.71); }

.bundle-items .primary-images.magsafe-grips-slider-images .overlaid:nth-child(2) .base-image + .overlay-image {
  transform: translateX(17.1%) rotateY(48deg) scale(0.8); }

.bundle-items .primary-images.magsafe-grips-slider-images .overlaid:nth-child(3) .base-image + .overlay-image {
  transform: translateY(1%) translateX(-0.1%) rotate(0deg) scale(0.275); }

.bundle-items .primary-images.magsafe-grips-slider-images .overlaid:nth-child(4) .base-image + .overlay-image {
  transform: translateX(5.1%) translateY(1%) rotateY(40deg) scale(0.257); }

.bundle-items .primary-images.magsafe-grips-slider-images .overlaid:nth-child(6) .base-image + .overlay-image {
  transform: translateX(33.1%) translateY(3%) rotateY(50deg) scale(0.3); }

.bundle-items .primary-images.magsafe-grips-slider-images .overlaid:nth-child(5) .base-image + .overlay-image,
.bundle-items .primary-images.magsafe-grips-slider-images .overlaid:nth-child(7) .base-image + .overlay-image {
  transform: translateX(9%) rotateY(46deg) scale(0.3); }

.bundle-items .primary-images.magsafe-grips-slider-images .primary-images-thumbnails .overlaid .base-image + .overlay-image {
  top: 8px; }

.bundle-items .primary-images.magsafe-grips-slider-images .primary-images-thumbnails .overlaid:nth-child(1) .base-image + .overlay-image {
  transform: translateY(0%) rotateX(0deg) scale(0.56); }

.bundle-items .primary-images.magsafe-grips-slider-images .primary-images-thumbnails .overlaid:nth-child(3) .base-image + .overlay-image {
  transform: translateY(1%) translateX(-0.1%) rotate(0deg) scale(0.21); }

.bundle-items .attributes .bundle-swatches {
  margin-bottom: 32px; }

.bundle-items .attributes .bundle-swatch-accordioncolor.row,
.bundle-items .attributes .bundle-swatch-platformcolor.row {
  margin-bottom: 0; }
  .bundle-items .attributes .bundle-swatch-accordioncolor.row .attribute-option,
  .bundle-items .attributes .bundle-swatch-platformcolor.row .attribute-option {
    display: flex;
    align-items: flex-start; }
  .bundle-items .attributes .bundle-swatch-accordioncolor.row .grip-part-svg,
  .bundle-items .attributes .bundle-swatch-platformcolor.row .grip-part-svg {
    padding-right: 24px; }

.bundle-items .attributes .bundle-swatch-gripsetup {
  margin-bottom: 32px; }

.bundle-items .attributes .bundle-swatch-accordioncolor.row .attribute-option {
  border: none;
  margin-bottom: 0;
  padding-right: 0;
  position: relative; }
  @media (min-width: 1024px) {
    .bundle-items .attributes .bundle-swatch-accordioncolor.row .attribute-option {
      padding-right: 32px;
      position: static; } }
  .bundle-items .attributes .bundle-swatch-accordioncolor.row .attribute-option:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.bundle-items .attributes .bundle-swatch-platformcolor.row .attribute-option {
  border: none;
  border-top: 1px solid #D4D4D4;
  padding-right: 0;
  position: relative; }
  @media (min-width: 1024px) {
    .bundle-items .attributes .bundle-swatch-platformcolor.row .attribute-option {
      border-top: none;
      padding-top: 0;
      padding-right: 32px;
      position: static; } }
  .bundle-items .attributes .bundle-swatch-platformcolor.row .attribute-option:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.bundle-items .attributes .bundle-swatch-magsafecolor.row .attribute-option {
  border: none;
  position: relative;
  padding-left: 0; }
  @media (min-width: 1024px) {
    .bundle-items .attributes .bundle-swatch-magsafecolor.row .attribute-option {
      position: static; } }
  .bundle-items .attributes .bundle-swatch-magsafecolor.row .attribute-option .swatches-holder {
    margin-left: 0; }
    .bundle-items .attributes .bundle-swatch-magsafecolor.row .attribute-option .swatches-holder .swatch:first-child .swatch-circle {
      margin-left: 0; }

.bundle-items .attributes .color-swatches .swatches {
  position: relative; }
  .bundle-items .attributes .color-swatches .swatches::after {
    display: block;
    content: "";
    clear: both; }
  .bundle-items .attributes .color-swatches .swatches .name {
    display: none;
    position: absolute;
    top: -12px;
    left: 0;
    text-align: left;
    width: calc(100% - 16px); }
  .bundle-items .attributes .color-swatches .swatches .selected .name {
    color: #181818;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .bundle-items .attributes .color-swatches .swatches .selected .name {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }

.bundle-items .attributes .swatch + .bundle-swatch-gripsetup {
  margin-top: 32px; }

.bundle-items .quantity-select {
  display: none; }

.product-detail .product-bundle.byo {
  padding-top: 32px; }
  @media (min-width: 769px) {
    .product-detail .product-bundle.byo {
      padding-top: 64px; } }
  .product-detail .product-bundle.byo .details-popover {
    text-align: right;
    margin-top: -16px;
    padding-bottom: 8px; }
    @media (min-width: 769px) {
      .product-detail .product-bundle.byo .details-popover {
        margin-top: -24px; } }
    .product-detail .product-bundle.byo .details-popover .popover {
      top: auto;
      left: auto;
      right: 16px;
      margin: 0;
      z-index: 20;
      width: auto;
      bottom: 50px;
      padding: 20px;
      display: none;
      max-width: 350px; }
      @media (min-width: 769px) {
        .product-detail .product-bundle.byo .details-popover .popover {
          left: 50%;
          right: auto;
          bottom: 50px;
          width: 450px;
          padding: 30px;
          max-width: 450px;
          margin-left: -70px; } }
      .product-detail .product-bundle.byo .details-popover .popover:after, .product-detail .product-bundle.byo .details-popover .popover:before {
        left: auto;
        right: 30px;
        content: '';
        bottom: -10px;
        position: absolute;
        border-width: 10px 10px 0;
        border-style: solid; }
        @media (min-width: 769px) {
          .product-detail .product-bundle.byo .details-popover .popover:after, .product-detail .product-bundle.byo .details-popover .popover:before {
            left: 50%;
            right: auto;
            margin-left: -3px; } }
      .product-detail .product-bundle.byo .details-popover .popover:after {
        border-color: #FFFFFF transparent; }
      .product-detail .product-bundle.byo .details-popover .popover:before {
        bottom: -11px;
        border-color: rgba(0, 0, 0, 0.1) transparent; }
    .product-detail .product-bundle.byo .details-popover .btn-detail {
      margin: 0 16px;
      position: relative;
      padding-left: 20px; }
      .product-detail .product-bundle.byo .details-popover .btn-detail i {
        top: 5px;
        left: 0;
        font-size: 12px;
        font-weight: bold;
        position: absolute; }
    .product-detail .product-bundle.byo .details-popover .popover-close {
      top: 15px;
      right: 15px;
      font-size: 12px;
      font-weight: bold;
      position: absolute;
      text-decoration: none; }
      @media (min-width: 1024px) {
        .product-detail .product-bundle.byo .details-popover .popover-close {
          top: 30px;
          right: 15px; } }
  .product-detail .product-bundle.byo .bundle-footer {
    padding: 16px 16px 32px; }
    @media (min-width: 769px) {
      .product-detail .product-bundle.byo .bundle-footer {
        padding: 32px 0; } }
    .product-detail .product-bundle.byo .bundle-footer .notify-submit-btn {
      top: 16px;
      height: 48px; }
  .product-detail .product-bundle.byo .heading-container.no-subtitles {
    margin-bottom: 32px; }
    @media (min-width: 1024px) {
      .product-detail .product-bundle.byo .heading-container.no-subtitles {
        margin-bottom: 48px; } }
    .product-detail .product-bundle.byo .heading-container.no-subtitles .product-name {
      margin-bottom: 8px; }
  .product-detail .product-bundle.byo .heading-container p {
    margin: 0; }
  .product-detail .product-bundle.byo .product-name {
    font-family: "Gotham Rounded Bold", sans-serif;
    font-size: 32px;
    line-height: 36px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: -2px;
    font-style: normal;
    font-display: swap;
    margin-bottom: 24px;
    text-align: center; }
    @media (min-width: 1024px) {
      .product-detail .product-bundle.byo .product-name {
        font-family: "Gotham Rounded Bold", sans-serif;
        font-size: 48px;
        line-height: 52px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: -2px;
        font-style: normal;
        font-display: swap; } }
    @media (min-width: 769px) {
      .product-detail .product-bundle.byo .product-name {
        margin-bottom: 32px; } }
  .product-detail .product-bundle.byo .attribute label {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .product-detail .product-bundle.byo .attribute label {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  .product-detail .product-bundle.byo .bundle-items-label {
    margin: 64px 0 48px; }
    @media (max-width: 1023.98px) {
      .product-detail .product-bundle.byo .bundle-items-label {
        margin: 32px 0; } }
  .product-detail .product-bundle.byo .bundle-items.ootb-bundle .primary-images > .row {
    margin: 0; }
  .product-detail .product-bundle.byo .bundle-items.ootb-bundle .primary-images .primary-images-main {
    display: flex;
    min-height: 370px;
    align-items: center;
    position: relative;
    margin-bottom: 24px; }
    @media (min-width: 769px) {
      .product-detail .product-bundle.byo .bundle-items.ootb-bundle .primary-images .primary-images-main {
        min-height: 432px; } }
    .product-detail .product-bundle.byo .bundle-items.ootb-bundle .primary-images .primary-images-main .overlay-image {
      z-index: 1;
      top: 0;
      left: 0;
      position: absolute;
      border-radius: 50%;
      transform: translateY(-15%) scale(0.45); }
    .product-detail .product-bundle.byo .bundle-items.ootb-bundle .primary-images .primary-images-main.product-has-thumbnails {
      padding-bottom: 0;
      margin-bottom: 24px; }
      @media (min-width: 769px) {
        .product-detail .product-bundle.byo .bundle-items.ootb-bundle .primary-images .primary-images-main.product-has-thumbnails {
          margin-bottom: 32px; } }
    @media (min-width: 769px) {
      .product-detail .product-bundle.byo .bundle-items.ootb-bundle .primary-images .primary-images-main {
        margin-bottom: 32px; } }
  @media (min-width: 1024px) {
    .product-detail .product-bundle.byo .bundle-items.ootb-bundle {
      gap: 56px; } }
  .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item {
    position: relative; }
    .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item:first-child {
      padding-bottom: 0; }
      @media (min-width: 769px) {
        .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item:first-child .primary-images::after {
          display: none; } }
    @media (max-width: 768.98px) {
      .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item:last-child::after {
        display: none; } }
    @media (min-width: 1024px) {
      .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item:last-child .details-popover .popover {
        left: auto;
        right: 0; }
        .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item:last-child .details-popover .popover::after, .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item:last-child .details-popover .popover::before {
          left: auto;
          right: 50px; } }
    .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item .primary-images {
      position: relative;
      overflow: visible; }
      @media (max-width: 1023.98px) {
        .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item .primary-images {
          padding: 0; } }
      .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item .primary-images:after {
        top: 50%;
        left: -15px;
        width: 26px;
        height: 26px;
        content: '';
        bottom: auto;
        display: none;
        margin-top: -30px;
        position: absolute;
        background-image: url("../../images/icon-plus.svg");
        background-size: 100%; }
        @media (min-width: 769px) {
          .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item .primary-images:after {
            display: block; } }
        @media (min-width: 1024px) {
          .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item .primary-images:after {
            left: -41px; } }
    .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item:after {
      width: 26px;
      height: 26px;
      content: '';
      bottom: 40px;
      display: block;
      margin: 8px auto 32px;
      background-image: url("../../images/icon-plus.svg");
      background-size: 100%; }
      @media (min-width: 769px) {
        .product-detail .product-bundle.byo .bundle-items.ootb-bundle .bundle-item:after {
          top: 320px;
          bottom: auto;
          left: -41px;
          display: none;
          margin-right: 0;
          margin-top: -13px;
          position: absolute; } }
  .product-detail .product-bundle.byo .bundle-items.ootb-bundle .product-name {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 20px;
    line-height: 28px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    margin-bottom: 16px; }
    @media (min-width: 1024px) {
      .product-detail .product-bundle.byo .bundle-items.ootb-bundle .product-name {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 20px;
        line-height: 28px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
    @media (min-width: 769px) {
      .product-detail .product-bundle.byo .bundle-items.ootb-bundle .product-name {
        font-family: "Gotham Rounded Bold", sans-serif;
        font-size: 24px;
        line-height: 32px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap;
        margin-bottom: 32px; } }
  @media (min-width: 769px) and (min-width: 1024px) {
    .product-detail .product-bundle.byo .bundle-items.ootb-bundle .product-name {
      font-family: "Gotham Rounded Bold", sans-serif;
      font-size: 24px;
      line-height: 32px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  .product-detail .product-bundle.byo .attributes {
    display: flex;
    flex-direction: column; }
    @media (min-width: 769px) {
      .product-detail .product-bundle.byo .attributes {
        display: block; } }
    .product-detail .product-bundle.byo .attributes .pop-top-design .attribute-option {
      border-top: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px; }
    .product-detail .product-bundle.byo .attributes .attribute-option.add {
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px; }
    .product-detail .product-bundle.byo .attributes .attribute-option.byo-swatches {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .product-detail .product-bundle.byo .attributes .row.swatch {
      margin-bottom: 24px; }
      @media (min-width: 769px) {
        .product-detail .product-bundle.byo .attributes .row.swatch {
          margin-bottom: 32px; } }
      @media (max-width: 1023.98px) {
        .product-detail .product-bundle.byo .attributes .row.swatch .color-swatches .color-label {
          margin-top: 12px; } }
    .product-detail .product-bundle.byo .attributes .row.static-quantity {
      margin: 0; }
      @media (min-width: 769px) {
        .product-detail .product-bundle.byo .attributes .row.static-quantity {
          margin-bottom: 24px; } }
  .product-detail .product-bundle.byo .color-swatches {
    margin: 0; }
  .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions {
    padding: 0;
    position: relative;
    transition: all 0.1s linear; }
    @media (min-width: 769px) {
      .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions {
        padding: 0;
        position: static; } }
    .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .price {
      display: flex;
      gap: 10px;
      align-items: center; }
      .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .price > span {
        display: flex;
        gap: 10px;
        align-items: center; }
        .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .price > span del span {
          display: inline; }
        .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .price > span del .sales {
          margin: 0; }
    .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions h6 {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap;
      margin-bottom: 16px; }
      @media (min-width: 1024px) {
        .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions h6 {
          font-family: "Montserrat Medium", sans-serif;
          font-size: 14px;
          line-height: 20px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
    .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle {
      width: 84px;
      padding: 0;
      background: none;
      margin: 0 3px 16px; }
      .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle.selected {
        position: relative; }
        .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle.selected .primary-images .primary-images-main:after {
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          content: '';
          position: absolute;
          border-radius: 8px;
          pointer-events: none;
          border: 2px solid #181818; }
      .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .overlay-image {
        z-index: 1;
        top: 0;
        left: 0;
        position: absolute;
        border-radius: 50%;
        transform: translateY(-15%) scale(0.45); }
      .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .primary-images {
        padding: 0;
        overflow: hidden; }
        .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .primary-images > .row {
          margin: 0; }
        .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .primary-images:after {
          display: none; }
        .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .primary-images .primary-images-main {
          margin: 0;
          display: flex;
          height: 84px;
          width: 84px;
          border-radius: 8px;
          background: #F9F9F9;
          align-items: center; }
          .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .primary-images .primary-images-main .slider-container.scroll-slider-active .slide {
            flex: 0 0 100%;
            padding: 0; }
            .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .primary-images .primary-images-main .slider-container.scroll-slider-active .slide img {
              height: auto;
              width: 100%; }
      .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .small-tiles {
        text-align: left;
        padding: 8px 0 0; }
        .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .small-tiles p {
          margin: 0;
          font-family: "Montserrat Medium", sans-serif;
          font-size: 12px;
          line-height: 16px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; }
          @media (min-width: 1024px) {
            .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .ootb-bundle .small-tiles p {
              font-family: "Montserrat Medium", sans-serif;
              font-size: 12px;
              line-height: 16px;
              text-transform: none;
              font-weight: bold;
              letter-spacing: 0;
              font-style: normal;
              font-display: swap; } }
    .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .thumbnails-container {
      position: relative;
      transition: all 0.1s linear; }
    .product-detail .product-bundle.byo .bundle-footer .prices-add-to-cart-actions .thumbnails {
      overflow: hidden; }

.product-detail .product-bundle .thumbnail-img {
  border-radius: 15px;
  background-color: #F9F9F9; }

.product-detail .product-bundle .quantity {
  display: none; }

.product-detail .product-bundle .badge-product-container.badge-image-over {
  display: none; }

.product-detail .product-bundle .bundle-footer {
  background: #FFFFFF;
  bottom: 20%;
  width: 100%;
  padding: 32px 0;
  text-align: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
  @media (min-width: 769px) {
    .product-detail .product-bundle .bundle-footer {
      padding: 28px 0; } }
  .product-detail .product-bundle .bundle-footer .btn-add-to-cart {
    display: flex;
    margin: 0 auto;
    min-width: inherit;
    width: auto;
    padding: 16px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 50px;
    color: #FFFFFF; }
    @media (min-width: 1024px) {
      .product-detail .product-bundle .bundle-footer .btn-add-to-cart {
        min-width: 364px;
        padding: 16px 32px; } }
    .product-detail .product-bundle .bundle-footer .btn-add-to-cart:after {
      background-color: #181818; }
    .product-detail .product-bundle .bundle-footer .btn-add-to-cart.disabled, .product-detail .product-bundle .bundle-footer .btn-add-to-cart:disabled, .product-detail .product-bundle .bundle-footer .btn-add-to-cart[disabled] {
      color: #FFFFFF; }
      .product-detail .product-bundle .bundle-footer .btn-add-to-cart.disabled:after, .product-detail .product-bundle .bundle-footer .btn-add-to-cart:disabled:after, .product-detail .product-bundle .bundle-footer .btn-add-to-cart[disabled]:after {
        background-color: #D4D4D4; }
    .product-detail .product-bundle .bundle-footer .btn-add-to-cart .price {
      display: block;
      margin-left: 6.4px; }
      .product-detail .product-bundle .bundle-footer .btn-add-to-cart .price:before {
        content: '-';
        font-weight: bold;
        display: inline-block;
        vertical-align: middle; }
      .product-detail .product-bundle .bundle-footer .btn-add-to-cart .price span {
        display: inline-block;
        vertical-align: middle;
        color: #FFFFFF; }
      .product-detail .product-bundle .bundle-footer .btn-add-to-cart .price del ~ .sales {
        margin-right: 6.4px; }
        .product-detail .product-bundle .bundle-footer .btn-add-to-cart .price del ~ .sales span {
          color: #01DF9D; }
  @media (min-width: 1024px) {
    .product-detail .product-bundle .bundle-footer .notify-me {
      max-width: 364px;
      padding: 16px 32px; } }

.product-detail .product-bundle .attributes .row {
  margin-bottom: 24px; }

.product-detail .product-bundle .btn-add-to-cart .price {
  display: none; }

.product-detail .product-bundle .bundle-items-label {
  font-weight: bold;
  margin: 64px 0 48px; }
  @media (max-width: 1023.98px) {
    .product-detail .product-bundle .bundle-items-label {
      margin: 48px 0; } }

.product-detail .product-bundle .prices-add-to-cart-actions .ootb-bundle {
  width: 64px;
  display: inline-block;
  vertical-align: top;
  margin: 0 3px 8px;
  background: #F9F9F9;
  border-radius: 8px; }
  .product-detail .product-bundle .prices-add-to-cart-actions .ootb-bundle .primary-images .primary-images-main .slider-container.scroll-slider-active .slide {
    flex: 0 0 100%;
    padding: 0; }
    .product-detail .product-bundle .prices-add-to-cart-actions .ootb-bundle .primary-images .primary-images-main .slider-container.scroll-slider-active .slide img {
      height: auto;
      width: 100%; }
  .product-detail .product-bundle .prices-add-to-cart-actions .ootb-bundle .primary-images .primary-images-main.product-has-thumbnails {
    margin-bottom: 0; }

.product-detail .product-bundle .prices-add-to-cart-actions h2 {
  margin: 0 0 8px; }

.product-detail .product-bundle .ootb-bundle {
  display: none; }
  @media (min-width: 769px) {
    .product-detail .product-bundle .ootb-bundle {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  .product-detail .product-bundle .ootb-bundle.bundle-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media (min-width: 769px) {
      .product-detail .product-bundle .ootb-bundle.bundle-items {
        flex-wrap: nowrap; } }
  .product-detail .product-bundle .ootb-bundle .primary-images {
    overflow: hidden; }
    @media (max-width: 1023.98px) {
      .product-detail .product-bundle .ootb-bundle .primary-images {
        margin: 0; } }
    .product-detail .product-bundle .ootb-bundle .primary-images .primary-images-main.product-has-thumbnails {
      margin: 0 0 20px; }
      @media (max-width: 1023.98px) {
        .product-detail .product-bundle .ootb-bundle .primary-images .primary-images-main.product-has-thumbnails {
          overflow: hidden;
          padding: 0; } }
  .product-detail .product-bundle .ootb-bundle .product-name {
    font-size: 16px;
    line-height: 24px;
    font-family: "Montserrat Regular", sans-serif;
    text-transform: none;
    min-height: 42px;
    padding: 0 8px; }
    @media (min-width: 544px) {
      .product-detail .product-bundle .ootb-bundle .product-name {
        padding: 0; } }
  .product-detail .product-bundle .ootb-bundle .attributes {
    padding: 0 8px; }
    @media (min-width: 544px) {
      .product-detail .product-bundle .ootb-bundle .attributes {
        padding: 0; } }
  .product-detail .product-bundle .ootb-bundle .product-number-rating {
    display: none; }
  .product-detail .product-bundle .ootb-bundle .attributes .product-availability {
    display: none; }
  .product-detail .product-bundle .ootb-bundle .non-color-attribute-swatches .swatch-tile-container .swatch .swatch-value {
    font-family: "Montserrat Medium", sans-serif; }
  .product-detail .product-bundle .ootb-bundle .bundle-item {
    padding: 0;
    flex-basis: 100%; }
    @media (min-width: 769px) {
      .product-detail .product-bundle .ootb-bundle .bundle-item {
        flex-basis: 50%;
        padding: 0 16px 0; } }
    @media (min-width: 1024px) {
      .product-detail .product-bundle .ootb-bundle .bundle-item {
        flex-basis: 33%; } }

.product-detail .product-bundle .non-color-attribute-swatches .swatch-tile-container {
  overflow: hidden; }

.product-detail .product-bundle .bundle-footer {
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  z-index: 99;
  visibility: visible;
  position: fixed;
  transition: all 0.1s linear; }

.hide-oos-variants .swatch-tile-container.unselectable {
  display: none; }

.hide-oos-variants .color-swatches .unselectable-btn {
  display: none; }

.product-bundle .bundle-footer {
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  z-index: 99;
  opacity: 1;
  position: fixed; }

.js-bundle .product-detail-attributes > .cart-and-ipay .add-to-cart-global .price {
  display: none !important; }

.scroll-direction-up .product-detail .product-bundle.byo .prices-add-to-cart-actions {
  padding-top: 0;
  transition: all 0.1s linear; }
  .scroll-direction-up .product-detail .product-bundle.byo .prices-add-to-cart-actions .thumbnails-container {
    width: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.1s linear;
    transform: translateY(100%); }

body.byo-pdp {
  padding-bottom: 200px; }
  @media (min-width: 769px) {
    body.byo-pdp {
      padding: 0; } }

.search-nav {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #BEBEBE; }
  .search-nav.hide-search-tabs {
    display: none; }
  .search-nav .nav-tabs-wrapper {
    padding: 0;
    width: 100%; }
    .search-nav .nav-tabs-wrapper .nav-link.active {
      background-color: #FFFFFF; }
    @media (min-width: 544px) {
      .search-nav .nav-tabs-wrapper {
        width: auto; } }

.search-results .show-more,
.search-results .show-more-content {
  padding: 16px 0;
  clear: both; }

.search-results .search-keywords {
  font-weight: bold; }

.search-results .category-item {
  margin-bottom: 16px; }

.search-results .tab-pane.active:focus {
  outline: none; }

.grid-header,
.content-grid-header {
  margin-bottom: 16px; }
  @media (min-width: 1024px) {
    .grid-header,
    .content-grid-header {
      margin-bottom: 0; } }
  .grid-header .breadcrumb-container > .row,
  .content-grid-header .breadcrumb-container > .row {
    align-items: center;
    height: 100%; }
  @media (min-width: 1024px) {
    .grid-header .breadcrumb,
    .content-grid-header .breadcrumb {
      margin-bottom: 0; } }
  .grid-header .result-count p,
  .content-grid-header .result-count p {
    margin-bottom: 16px; }
    @media (min-width: 544px) {
      .grid-header .result-count p,
      .content-grid-header .result-count p {
        margin-bottom: 0; } }
  .grid-header .filter-results,
  .grid-header select,
  .content-grid-header .filter-results,
  .content-grid-header select {
    width: 100%; }

.filter-header {
  margin-left: -16px;
  margin-right: -16px; }

.header-bar {
  background-color: #FFFFFF;
  border-bottom: 1px solid transparent;
  padding: 20px; }
  .header-bar button.close {
    line-height: 75%;
    margin: 0;
    padding: 0;
    text-shadow: none;
    opacity: 1; }
    .header-bar button.close:after {
      content: "\E93F";
      font-family: "icomoon";
      display: inline-block;
      font-size: 16px;
      color: #FFFFFF;
      font-weight: normal; }
    .header-bar button.close[class*="btn-"]:not(.title) {
      padding-right: 42px; }
      .header-bar button.close[class*="btn-"]:not(.title):after {
        font-family: "icomoon";
        display: inline-block;
        font-size: 20px;
        color: #FFFFFF;
        font-weight: normal;
        position: absolute;
        transform: translateX(10px); }
      .header-bar button.close[class*="btn-"]:not(.title).btn-sm, .header-bar .btn-group-sm > button.close.btn[class*="btn-"]:not(.title) {
        padding-right: 42px; }
        .header-bar button.close[class*="btn-"]:not(.title).btn-sm:after, .header-bar .btn-group-sm > button.close.btn[class*="btn-"]:not(.title):after {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: #FFFFFF;
          font-weight: normal;
          position: absolute;
          transform: translateX(10px); }
      .header-bar button.close[class*="btn-"]:not(.title).btn-lg, .header-bar .btn-group-lg > button.close.btn[class*="btn-"]:not(.title) {
        padding-right: 63px; }
        .header-bar button.close[class*="btn-"]:not(.title).btn-lg:after, .header-bar .btn-group-lg > button.close.btn[class*="btn-"]:not(.title):after {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: #FFFFFF;
          font-weight: normal;
          position: absolute;
          transform: translateX(10px); }
      .header-bar button.close[class*="btn-"]:not(.title) [class*="icon-"],
      .header-bar button.close[class*="btn-"]:not(.title) [class^="icon-"],
      .header-bar button.close[class*="btn-"]:not(.title) .fa {
        display: none; }
    .header-bar button.close span {
      display: none; }
  .header-bar .result-count {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 20px;
    line-height: 28px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF; }

.filter-bar ul {
  padding-left: 16px;
  margin: 0; }
  @media (min-width: 1440px) {
    .filter-bar ul {
      padding-left: 16px; } }

.filter-bar li {
  list-style: none;
  float: left;
  margin-right: 5px;
  margin-bottom: 16px; }
  .filter-bar li:not(:first-child) {
    margin-left: 5px; }
  .filter-bar li.filter-value {
    position: relative; }
    .filter-bar li.filter-value button {
      color: #000000;
      background: #F9F9F9;
      font-size: 14px;
      font-weight: normal;
      line-height: 1;
      border: 1px solid #D4D4D4;
      border-radius: 20px;
      padding-top: 9px;
      padding-right: 32px;
      padding-bottom: 8px;
      padding-left: 16px; }
      .filter-bar li.filter-value button:after {
        content: "\E93F";
        font-family: "icomoon";
        display: inline-block;
        font-size: 8px;
        color: inherit;
        font-weight: normal; }
      .filter-bar li.filter-value button[class*="btn-"]:not(.title) {
        padding-right: 42px; }
        .filter-bar li.filter-value button[class*="btn-"]:not(.title):after {
          font-family: "icomoon";
          display: inline-block;
          font-size: 20px;
          color: inherit;
          font-weight: normal;
          position: absolute;
          transform: translateX(10px); }
        .filter-bar li.filter-value button[class*="btn-"]:not(.title).btn-sm, .filter-bar li.filter-value .btn-group-sm > button.btn[class*="btn-"]:not(.title) {
          padding-right: 42px; }
          .filter-bar li.filter-value button[class*="btn-"]:not(.title).btn-sm:after, .filter-bar li.filter-value .btn-group-sm > button.btn[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 22px;
            color: inherit;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
        .filter-bar li.filter-value button[class*="btn-"]:not(.title).btn-lg, .filter-bar li.filter-value .btn-group-lg > button.btn[class*="btn-"]:not(.title) {
          padding-right: 63px; }
          .filter-bar li.filter-value button[class*="btn-"]:not(.title).btn-lg:after, .filter-bar li.filter-value .btn-group-lg > button.btn[class*="btn-"]:not(.title):after {
            font-family: "icomoon";
            display: inline-block;
            font-size: 22px;
            color: inherit;
            font-weight: normal;
            position: absolute;
            transform: translateX(10px); }
        .filter-bar li.filter-value button[class*="btn-"]:not(.title) [class*="icon-"],
        .filter-bar li.filter-value button[class*="btn-"]:not(.title) [class^="icon-"],
        .filter-bar li.filter-value button[class*="btn-"]:not(.title) .fa {
          display: none; }
      .filter-bar li.filter-value button:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 8px; }
      .filter-bar li.filter-value button:hover {
        color: black; }

.filter-bar .result-count {
  padding: 8px 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px; }
  .filter-bar .result-count:not(:only-child) {
    margin-right: 16px; }
    @media (min-width: 1440px) {
      .filter-bar .result-count:not(:only-child) {
        margin-right: 16px; } }
  .filter-bar .result-count p {
    margin-bottom: 0; }

.refinement-bar {
  overflow: auto; }
  .refinement-bar-horizontal {
    overflow: visible; }
  @media (min-width: 1024px) {
    .refinement-bar:not([class*="refinement-bar-horizontal"]) {
      margin-top: 16px; }
      .refinement-bar:not([class*="refinement-bar-horizontal"]) + div {
        margin-top: 16px; } }
  .refinement-bar ul {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .refinement-bar .secondary-bar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 16px;
    margin-bottom: 16px; }
    .refinement-bar .secondary-bar li {
      padding: 0; }
    @media (min-width: 1024px) {
      .refinement-bar .secondary-bar {
        margin-top: 0; } }
    .refinement-bar .secondary-bar .secondary-bar-links {
      text-decoration: none;
      line-height: 24px;
      padding: 8px 0;
      display: block;
      width: 100%; }
    .refinement-bar .secondary-bar li:last-child .secondary-bar-links {
      text-align: right; }
  @media (max-width: 1023.98px) {
    .refinement-bar {
      position: fixed;
      transform: translateX(-100%);
      transition: transform 200ms ease-out;
      top: 0;
      left: 0;
      display: block;
      width: 350px;
      height: calc(100vh - 60px);
      background-color: #FFFFFF;
      z-index: 250;
      overflow-x: hidden;
      overflow-y: auto;
      padding-bottom: 200px; }
      .refinement-bar.in {
        transform: translateX(0); } }
  @media (max-width: 768.98px) {
    .refinement-bar {
      height: calc(100vh - 60px); } }
  @media (max-width: 543.98px) {
    .refinement-bar {
      width: calc(100% - 50px);
      max-width: 350px; } }

.refinements > .card:last-child {
  border-bottom: none; }

.refinements .values.content {
  font-size: 0;
  display: flex;
  flex-wrap: wrap; }
  .refinements .values.content li {
    padding-left: 0;
    padding-bottom: 20px;
    display: block;
    max-width: 100%; }
    .refinements .values.content li.col-sm-4 {
      width: 100%;
      flex-basis: 100%; }
  .refinements .values.content button {
    border: none;
    background: none;
    padding: 0;
    text-align: left; }
    .refinements .values.content button:hover i.fa {
      box-shadow: 0 0 0 1px #595959; }
    .refinements .values.content button:hover .swatch-circle {
      box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 4px #181818; }
    .refinements .values.content button span {
      font-size: 14px;
      display: inline-block;
      vertical-align: middle; }
      .refinements .values.content button span:not(.color-value) {
        margin-right: 12px; }
      .refinements .values.content button span.unselectable.swatch-circle:hover {
        box-shadow: none; }
      .refinements .values.content button span.non-color-swatch-value {
        position: relative;
        color: #222222;
        background: #F9F9F9;
        border: 2px solid #F9F9F9;
        border-radius: 8px;
        padding: 16px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: "Montserrat Regular", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap;
        text-align: center;
        margin-right: 10px; }
        @media (min-width: 1024px) {
          .refinements .values.content button span.non-color-swatch-value {
            font-family: "Montserrat Regular", sans-serif;
            font-size: 20px;
            line-height: 28px;
            text-transform: none;
            font-weight: normal;
            letter-spacing: 0;
            font-style: normal;
            font-display: swap; } }
        .refinements .values.content button span.non-color-swatch-value.Color-value {
          transition: box-shadow 200ms ease-out; }
          .refinements .values.content button span.non-color-swatch-value.Color-value:hover {
            box-shadow: none; }
          .refinements .values.content button span.non-color-swatch-value.Color-value.selected {
            border: 1px solid #181818;
            border-radius: 4px;
            box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
            .refinements .values.content button span.non-color-swatch-value.Color-value.selected:after {
              content: "\E93E";
              font-family: "icomoon";
              display: inline-block;
              font-size: 7px;
              color: #FFFFFF;
              font-weight: normal; }
            .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title) {
              padding-right: 42px; }
              .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title):after {
                font-family: "icomoon";
                display: inline-block;
                font-size: 20px;
                color: #FFFFFF;
                font-weight: normal;
                position: absolute;
                transform: translateX(10px); }
              .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title).btn-sm, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.Color-value.selected.btn[class*="btn-"]:not(.title) {
                padding-right: 42px; }
                .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title).btn-sm:after, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.Color-value.selected.btn[class*="btn-"]:not(.title):after {
                  font-family: "icomoon";
                  display: inline-block;
                  font-size: 22px;
                  color: #FFFFFF;
                  font-weight: normal;
                  position: absolute;
                  transform: translateX(10px); }
              .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title).btn-lg, .refinements .values.content button .btn-group-lg > span.non-color-swatch-value.Color-value.selected.btn[class*="btn-"]:not(.title) {
                padding-right: 63px; }
                .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title).btn-lg:after, .refinements .values.content button .btn-group-lg > span.non-color-swatch-value.Color-value.selected.btn[class*="btn-"]:not(.title):after {
                  font-family: "icomoon";
                  display: inline-block;
                  font-size: 22px;
                  color: #FFFFFF;
                  font-weight: normal;
                  position: absolute;
                  transform: translateX(10px); }
              .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
              .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
              .refinements .values.content button span.non-color-swatch-value.Color-value.selected[class*="btn-"]:not(.title) .fa {
                display: none; }
            .refinements .values.content button span.non-color-swatch-value.Color-value.selected::after {
              position: absolute;
              top: 50%;
              right: 50%;
              transform: translate(50%, -50%);
              display: none;
              background: rgba(34, 34, 34, 0.7);
              width: 14px;
              height: 14px;
              line-height: 14px;
              padding-left: 1px;
              text-align: center;
              border-radius: 50%;
              z-index: 1; }
          .refinements .values.content button span.non-color-swatch-value.Color-value.unselectable {
            filter: blur(0px); }
            .refinements .values.content button span.non-color-swatch-value.Color-value.unselectable + .unselectable-icon {
              pointer-events: none;
              cursor: not-allowed;
              position: absolute;
              height: 72px;
              width: 72px;
              bottom: 0;
              right: 0; }
              @media (max-width: 768.98px) {
                .refinements .values.content button span.non-color-swatch-value.Color-value.unselectable + .unselectable-icon {
                  height: calc(18.5vw);
                  width: calc(18.5vw); } }
              .refinements .values.content button span.non-color-swatch-value.Color-value.unselectable + .unselectable-icon:before, .refinements .values.content button span.non-color-swatch-value.Color-value.unselectable + .unselectable-icon:after {
                content: "";
                position: absolute;
                top: 50%;
                right: 50%;
                transform: translate(50%, -50%) rotate(45deg);
                height: calc(100% + 18px);
                width: 1px; }
              .refinements .values.content button span.non-color-swatch-value.Color-value.unselectable + .unselectable-icon:after {
                background-color: #FFFFFF;
                box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
                z-index: 2;
                width: 2px; }
          .refinements .values.content button span.non-color-swatch-value.Color-value.unselectable {
            pointer-events: none;
            pointer-events: auto;
            cursor: not-allowed;
            position: relative; }
        .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value {
          transition: border 200ms ease-out, box-shadow 200ms ease-out; }
          .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value:not(.unselectable):hover {
            box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 0 #181818; }
          .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover {
            background: #F9F9F9;
            color: #222222;
            border-color: #181818;
            box-shadow: none; }
            .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover:after {
              content: "\E93E";
              font-family: "icomoon";
              display: inline-block;
              font-size: 8px;
              color: #FFFFFF;
              font-weight: normal; }
            .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title), .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) {
              padding-right: 42px; }
              .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title):after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title):after {
                font-family: "icomoon";
                display: inline-block;
                font-size: 20px;
                color: #FFFFFF;
                font-weight: normal;
                position: absolute;
                transform: translateX(10px); }
              .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
                padding-right: 42px; }
                .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-sm:after, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-sm:after, .refinements .values.content button .btn-group-sm > span.non-color-swatch-value.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
                  font-family: "icomoon";
                  display: inline-block;
                  font-size: 22px;
                  color: #FFFFFF;
                  font-weight: normal;
                  position: absolute;
                  transform: translateX(10px); }
              .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg, .refinements .values.content button .btn-group-lg > span.non-color-swatch-value.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title), .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg, .refinements .values.content button .btn-group-lg > span.non-color-swatch-value.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title) {
                padding-right: 63px; }
                .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title).btn-lg:after, .refinements .values.content button .btn-group-lg > span.non-color-swatch-value.non-color-swatch-value.selected.btn[class*="btn-"]:not(.title):after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title).btn-lg:after, .refinements .values.content button .btn-group-lg > span.non-color-swatch-value.non-color-swatch-value.selected.btn:hover[class*="btn-"]:not(.title):after {
                  font-family: "icomoon";
                  display: inline-block;
                  font-size: 22px;
                  color: #FFFFFF;
                  font-weight: normal;
                  position: absolute;
                  transform: translateX(10px); }
              .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class*="icon-"],
              .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title) [class^="icon-"],
              .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected[class*="btn-"]:not(.title) .fa, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class*="icon-"],
              .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) [class^="icon-"],
              .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover[class*="btn-"]:not(.title) .fa {
                display: none; }
            .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected::after, .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.selected:hover::after {
              position: absolute;
              top: -5.33333px;
              right: -5.33333px;
              background: #181818;
              width: 16px;
              height: 16px;
              line-height: 16px;
              padding-left: 1px;
              text-align: center;
              border-radius: 50%;
              display: none; }
          .refinements .values.content button span.non-color-swatch-value.non-color-swatch-value.unselectable {
            pointer-events: auto;
            cursor: not-allowed;
            position: relative;
            color: #D4D4D4; }
    .refinements .values.content button i.fa {
      position: relative;
      vertical-align: middle;
      margin-right: 12px;
      transition: box-shadow 200ms ease-out; }
    .refinements .values.content button i.fa-circle-o {
      content: "";
      width: 24px;
      height: 24px;
      border: 1px solid #595959;
      border-radius: 50%;
      background-color: #FFFFFF; }
    .refinements .values.content button i.fa-check-circle {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #FFFFFF;
      border: 1px solid #595959; }
      .refinements .values.content button i.fa-check-circle:after {
        content: "";
        background: none;
        width: 12px;
        height: 12px;
        top: calc(12px/ 2);
        left: calc(-34px + 12px/ 2);
        background-color: #181818;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        left: auto; }
    .refinements .values.content button i.fa-square-o {
      content: "";
      width: 24px;
      height: 24px;
      border: 1px solid #595959;
      background-color: #FFFFFF;
      border-radius: 2px; }
    .refinements .values.content button i.fa-check-square {
      content: "";
      width: 24px;
      height: 24px;
      background-color: #181818;
      border: 1px solid #595959;
      border-radius: 2px; }
      .refinements .values.content button i.fa-check-square:after {
        content: "\E93E";
        width: 24px;
        height: 24px;
        line-height: calc(24px + 2px);
        background: none;
        font-family: "icomoon";
        font-size: 16px;
        text-align: center;
        color: #FFFFFF;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        left: auto; }
  .refinements .values.content .swatches-vertical {
    flex-basis: 50%; }
  .refinements .values.content .swatches-grid {
    padding-bottom: 10px; }

.refinements .refinement-category .values.content {
  flex-direction: column; }

.refinements .refinement-category .values li {
  display: block; }

.refinements .refinement-category .values .values {
  margin-left: 34px;
  margin-top: 27px; }
  .refinements .refinement-category .values .values li {
    padding-top: 20px;
    padding-bottom: 0; }

.refinements .swatch-color-text {
  max-width: calc(100% - 20px - 12px);
  min-width: 0;
  padding-left: 12px; }

@media (min-width: 1024px) {
  .refinement-bar-horizontal .horizontal-filter-btn.custom-select, .refinement-bar-horizontal select.horizontal-filter-btn.form-control,
  .refinement-bar-horizontal select.horizontal-filter-btn {
    width: auto; }
  .horizontal-multipledropdowns-filter-refinement.card.aside {
    height: calc(16px + 12px + 14px + (1px*2));
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    min-width: 150px;
    margin-right: 10px;
    margin-bottom: 0; }
    .horizontal-multipledropdowns-filter-refinement.card.aside.refinement-category .values.content {
      margin-left: 0;
      margin-top: 0; }
      .horizontal-multipledropdowns-filter-refinement.card.aside.refinement-category .values.content.values li {
        padding-top: 0; }
  .refinements .horizontal-multipledropdowns-filter-dropdown-menu .refinement-category .values.content button {
    padding-bottom: 20px; }
  .horizontal-multipledropdowns-filter-dropdown-menu {
    min-width: 100vw;
    margin-top: 0;
    padding: 64px 0 48px; }
    .horizontal-multipledropdowns-filter-dropdown-menu .card-body {
      min-height: 0; }
    .horizontal-multipledropdowns-filter-dropdown-menu .values.content {
      margin-left: 0;
      margin-top: 0;
      min-height: 0;
      max-width: 300px; }
    .horizontal-multipledropdowns-filter-dropdown-menu.show {
      position: absolute;
      transform: translate3d(0px, 43px, 0px);
      top: 0px;
      left: 0px;
      will-change: transform;
      display: block; }
  .horizontal-multipledropdowns-filter-btn {
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 10px; }
    .horizontal-multipledropdowns-filter-btn:after {
      float: right; }
  .refinement-bar-horizontal-one-dropdown .desktop-search-refinements {
    position: relative; }
    .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements:not(.sticky-filters) .refinements-container {
      padding: 0; }
    .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper {
      display: none; }
      .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-filters {
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        border-right: 1px solid #D4D4D4;
        border-left: 1px solid #D4D4D4;
        margin-top: 15px; }
      .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter {
        display: flex;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        border-right: 1px solid #D4D4D4;
        border-left: 1px solid #D4D4D4;
        max-width: 1408px;
        margin-top: 15px; }
        .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .horizontal-onedropdown-filter-refinement {
          width: 33%;
          padding-top: 15px;
          padding-bottom: 15px;
          border: none; }
        .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown {
          display: flex; }
          .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown:before {
            content: "\E93F";
            font-family: "icomoon";
            display: inline-block;
            font-size: inherit;
            color: inherit;
            font-weight: normal; }
          .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title) {
            padding-left: 42px; }
            .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title):before {
              font-family: "icomoon";
              display: inline-block;
              font-size: 20px;
              color: inherit;
              font-weight: normal;
              position: absolute;
              transform: translateX(-30px); }
            .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title).btn-sm, .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .btn-group-sm > .close-one-refinements-dropdown.btn[class*="btn-"]:not(.title) {
              padding-left: 42px; }
              .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title).btn-sm:before, .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .btn-group-sm > .close-one-refinements-dropdown.btn[class*="btn-"]:not(.title):before {
                font-family: "icomoon";
                display: inline-block;
                font-size: 22px;
                color: inherit;
                font-weight: normal;
                position: absolute;
                transform: translateX(-32px); }
            .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title).btn-lg, .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .btn-group-lg > .close-one-refinements-dropdown.btn[class*="btn-"]:not(.title) {
              padding-left: 63px; }
              .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title).btn-lg:before, .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .btn-group-lg > .close-one-refinements-dropdown.btn[class*="btn-"]:not(.title):before {
                font-family: "icomoon";
                display: inline-block;
                font-size: 22px;
                color: inherit;
                font-weight: normal;
                position: absolute;
                transform: translateX(-32px); }
            .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title) [class*="icon-"],
            .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title) [class^="icon-"],
            .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements .collapse-filters-wrapper .collapse-one-dropdown-filter .close-one-refinements-dropdown[class*="btn-"]:not(.title) .fa {
              display: none; }
    .refinement-bar-horizontal-one-dropdown .desktop-search-refinements .refinements.sticky-filters .horizontal-onedropdown-sortBy {
      position: relative; }
  .horizontal-onedropdown-filter-btn.title {
    width: 150px;
    background-color: transparent;
    padding-right: 10px;
    padding-left: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    text-align: left; }
  .collapse-filters-wrapper .horizontal-onedropdown-filter-btn.title::after,
  .collapse-filters-wrapper.active .horizontal-onedropdown-filter-btn.title::after {
    content: '';
    display: none; }
  .horizontal-onedropdown-filter select[name="sort-order"] {
    position: absolute;
    right: 0;
    width: 150px; }
  .horizontal-onedropdown-filter-group .horizontal-onedropdown-filter-btn {
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .horizontal-onedropdown-filter-group .horizontal-onedropdown-filter-btn .horizontal-onedropdown-filter-btn-arrow {
      background-image: url(../images/icons/icon-arrow-down.svg);
      background-size: 8px;
      width: 12px;
      height: 12px; }
  .horizontal-onedropdown-filter-group.active .horizontal-onedropdown-filter-btn-arrow {
    transform: scaleY(-1); } }

.horizontal-filter-refinements-bar {
  padding-top: 16px;
  padding-bottom: 16px; }
  @media (min-width: 1024px) {
    .horizontal-filter-refinements-bar .refinements-container {
      padding: 0; } }
  @media (min-width: 1024px) {
    .horizontal-filter-refinements-bar .refinements-container select[name="sort-order"] {
      font-size: 16px; } }
  @media (min-width: 1440px) {
    .horizontal-filter-refinements-bar.sticky-filters .refinements-container {
      padding: 0 16px; } }

.sticky-filters {
  position: fixed;
  left: 0;
  z-index: 300;
  background: #FFFFFF;
  width: 100%;
  border-bottom: none;
  padding-left: 16px;
  padding-right: 16px; }
  .sticky-header .sticky-filters {
    transition: transform 400ms ease-out; }
  .sticky-header.scroll-direction-up .sticky-filters {
    transform: translateY(var(--header-height));
    transition: transform 400ms ease-out 50ms; }

.plp .image-text-block.aspect-ratio-portrait .image-wrapper::before {
  padding-top: 0; }

.plp .promo-tile.col-sm-6, .plp .promo-tile.col-sm-12 {
  margin-bottom: 45px; }
  @media (min-width: 544px) {
    .plp .promo-tile.col-sm-6 .image-text-block .image-wrapper .background-image, .plp .promo-tile.col-sm-12 .image-text-block .image-wrapper .background-image {
      padding-top: 280px; } }
  @media (min-width: 769px) {
    .plp .promo-tile.col-sm-6 .image-text-block .image-wrapper .background-image, .plp .promo-tile.col-sm-12 .image-text-block .image-wrapper .background-image {
      padding-top: 394px; } }

.plp .image-text-block.square-size .image-wrapper .background-image {
  padding: calc(100% + (16px * 2) - (16px * 2)) 0 0; }

.plp .image-text-block .image-wrapper .background-image {
  position: relative;
  top: initial;
  left: initial;
  width: 100%;
  height: 0;
  background-repeat: no-repeat;
  padding: calc(100% + (53px * 2) - (16px * 1)) 0 0;
  border-radius: 20px; }

.plp .image-text-block .image-wrapper::before {
  padding-top: 0; }

.plp .image-text-block.aspect-ratio-portrait .image-wrapper::before {
  padding-top: 0; }

.plp .image-text-block .image-text-block-text,
.plp .image-text-block.text-placement-below .image-text-block-text {
  margin-top: 10px; }

.plp .image-text-block.product-tile .image-wrapper .background-image {
  padding-top: calc(100% + (53px * 2) - (16px * 1)); }

.plp .image-text-block.medium .image-text-block-text .primary-text, .plp .image-text-block.large .image-text-block-text .primary-text {
  margin-bottom: 8px; }

.plp .image-text-block-text .primary-text {
  margin-bottom: 4px;
  padding-bottom: 0; }
  .plp .image-text-block-text .primary-text:hover {
    text-decoration: none; }
  .plp .image-text-block-text .primary-text.text-shadow h1, .plp .image-text-block-text .primary-text.text-shadow h2, .plp .image-text-block-text .primary-text.text-shadow h3, .plp .image-text-block-text .primary-text.text-shadow h4, .plp .image-text-block-text .primary-text.text-shadow h5, .plp .image-text-block-text .primary-text.text-shadow h6 {
    text-shadow: 0 40px 80px rgba(0, 0, 0, 0.3); }

.plp .image-text-block-text .secondary-text.text-shadow p {
  text-shadow: 0 40px 80px rgba(0, 0, 0, 0.3); }

.plp .image-text-block-text .image-text-block-subtitle.text-shadow h1, .plp .image-text-block-text .image-text-block-subtitle.text-shadow h2, .plp .image-text-block-text .image-text-block-subtitle.text-shadow h3, .plp .image-text-block-text .image-text-block-subtitle.text-shadow h4, .plp .image-text-block-text .image-text-block-subtitle.text-shadow h5, .plp .image-text-block-text .image-text-block-subtitle.text-shadow h6 {
  text-shadow: 0 40px 80px rgba(0, 0, 0, 0.3); }

.plp .slider-container.two-column-slider .tns-controls button {
  top: 50%; }

.plp .grid-header .custom-select:focus, .plp .grid-header select.form-control:focus,
.plp .grid-header select:focus, .plp .grid-header select:focus,
.plp .refinement-bar-horizontal .custom-select:focus,
.plp .refinement-bar-horizontal select.form-control:focus,
.plp .refinement-bar-horizontal select:focus,
.plp .refinement-bar-horizontal select:focus {
  box-shadow: none; }

.plp .grid-header .custom-select, .plp .grid-header select.form-control,
.plp .grid-header select, .plp .grid-header select.form-control, .plp .grid-header select,
.plp .refinement-bar-horizontal .custom-select,
.plp .refinement-bar-horizontal select.form-control,
.plp .refinement-bar-horizontal select,
.plp .refinement-bar-horizontal select.form-control,
.plp .refinement-bar-horizontal select {
  background-image: url(../images/icons/icon-arrow-down.svg);
  background-size: 10px; }
  @media (min-width: 1024px) {
    .plp .grid-header .custom-select, .plp .grid-header select.form-control,
    .plp .grid-header select, .plp .grid-header select.form-control, .plp .grid-header select,
    .plp .refinement-bar-horizontal .custom-select,
    .plp .refinement-bar-horizontal select.form-control,
    .plp .refinement-bar-horizontal select,
    .plp .refinement-bar-horizontal select.form-control,
    .plp .refinement-bar-horizontal select {
      padding-right: 32px; } }
  @media (max-width: 1023.98px) {
    .plp .grid-header .custom-select, .plp .grid-header select.form-control,
    .plp .grid-header select, .plp .grid-header select.form-control, .plp .grid-header select,
    .plp .refinement-bar-horizontal .custom-select,
    .plp .refinement-bar-horizontal select.form-control,
    .plp .refinement-bar-horizontal select,
    .plp .refinement-bar-horizontal select.form-control,
    .plp .refinement-bar-horizontal select {
      background-size: 12px; } }

.plp .tab-section.new-category-tabs.full-bleed {
  margin-top: 16px; }
  @media (min-width: 1024px) {
    .plp .tab-section.new-category-tabs.full-bleed {
      margin-top: 0; } }
  .plp .tab-section.new-category-tabs.full-bleed .tabs-holder .container .tab-pane {
    margin-left: -8px;
    margin-right: -8px; }
    @media (min-width: 769px) {
      .plp .tab-section.new-category-tabs.full-bleed .tabs-holder .container .tab-pane {
        margin-left: 0;
        margin-right: 0; } }

.refinement-container {
  border-radius: 20px;
  background: #FFFFFF;
  margin-bottom: 0; }
  @media (min-width: 544px) {
    .refinement-container {
      box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.05); } }
  .refinement-container .horizontal-filter-refinements-bar {
    padding: 20px 16px; }
    .refinement-container .horizontal-filter-refinements-bar .sort-by-label {
      color: #181818;
      font-family: "Montserrat Medium", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; }
      @media (min-width: 1024px) {
        .refinement-container .horizontal-filter-refinements-bar .sort-by-label {
          font-family: "Montserrat Medium", sans-serif;
          font-size: 16px;
          line-height: 24px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
    .refinement-container .horizontal-filter-refinements-bar select[name="sort-order"] {
      color: #181818;
      font-family: "Gotham Book", sans-serif !important;
      font-family: "Montserrat Regular", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; }
      @media (min-width: 1024px) {
        .refinement-container .horizontal-filter-refinements-bar select[name="sort-order"] {
          font-family: "Montserrat Regular", sans-serif;
          font-size: 16px;
          line-height: 24px;
          text-transform: none;
          font-weight: normal;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
    @media (min-width: 1024px) {
      .refinement-container .horizontal-filter-refinements-bar .refinements-container-right {
        justify-content: space-between;
        min-width: 61.8%; } }
  @media (min-width: 1024px) {
    .refinement-container {
      margin-bottom: 32px; } }
  @media (max-width: 768.98px) {
    .refinement-container .slider-container.scroll-slider-active .slide {
      flex: 0 0 calc(42.5% - 10px);
      padding: 0 5px; }
      .refinement-container .slider-container.scroll-slider-active .slide:first-child {
        padding-left: 0; } }
  @media (max-width: 768.98px) {
    .refinement-container .slider-container.scroll-slider-active.next-slide-40.slider-buttons-hidden {
      margin-left: 0;
      margin-right: 0; } }
  @media (max-width: 768.98px) {
    .refinement-container .slider-container.scroll-slider-active.next-slide-22.slider-buttons-hidden {
      margin-left: 0;
      margin-right: 0; } }

.refinementproducttype {
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  overflow: auto;
  max-height: 100%; }
  .refinementproducttype .values.content {
    flex-wrap: unset; }
  .refinementproducttype .slider-container {
    width: 100%; }

.refinements .refinement-price .values.content li.col-sm-4 {
  width: auto;
  flex-basis: auto; }
  @media (max-width: 543.98px) {
    .refinements .refinement-price .values.content li.col-sm-4 {
      min-width: 50%; } }
  @media (min-width: 1024px) {
    .refinements .refinement-price .values.content li.col-sm-4 {
      padding: 0; }
      .refinements .refinement-price .values.content li.col-sm-4 button {
        padding: 16px; } }
  .refinements .refinement-price .values.content li.col-sm-4 .col-md-12 {
    width: auto;
    flex-basis: auto; }

.refinements .values.content {
  max-width: 887px; }
  .refinements .values.content:not(.no-gutters) {
    margin: 0 auto; }
  .refinements .values.content li {
    margin: 0;
    border-radius: 0;
    width: auto;
    border: 0;
    padding: 0 8px; }
    @media (min-width: 769px) {
      .refinements .values.content li {
        margin: 0 8px 16px;
        background-color: transparent;
        padding: 16px;
        border-radius: 8px;
        width: 100%;
        border: 1px solid transparent; } }
  .refinements .values.content button {
    color: #181818;
    padding: 10px 1px;
    border-radius: 8px;
    width: 100%; }
    @media (min-width: 769px) {
      .refinements .values.content button {
        border: 0;
        padding: 0;
        width: auto;
        background: none; } }
    .refinements .values.content button .swatch-circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background-size: 35px;
      background-position: -1px -1px; }
      .refinements .values.content button .swatch-circle.selected {
        box-shadow: 0 0 0 calc(4px - 1px) #FFFFFF, 0 0 0 4px #181818; }
      .refinements .values.content button .swatch-circle.white, .refinements .values.content button .swatch-circle.White {
        border: 1px solid #D4D4D4; }
    .refinements .values.content button span:not(.color-value) {
      flex-grow: 1; }
    .refinements .values.content button.selected {
      border-color: #000000; }
    .refinements .values.content button span {
      font-family: "Gotham Book", sans-serif !important;
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; }
      @media (min-width: 1024px) {
        .refinements .values.content button span {
          font-family: "Montserrat Regular", sans-serif;
          font-size: 14px;
          line-height: 20px;
          text-transform: none;
          font-weight: normal;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
    .refinements .values.content button:hover i.fa {
      box-shadow: 0 0 0 1px #595959; }
    .refinements .values.content button i.fa {
      position: relative;
      vertical-align: middle;
      margin-right: 12px;
      transition: box-shadow 200ms ease-out; }
    .refinements .values.content button i.fa-circle-o {
      content: "";
      width: 20px;
      height: 20px;
      border: 1px solid #595959;
      border-radius: 50%;
      background-color: #FFFFFF;
      margin-top: 2px; }
    .refinements .values.content button i.fa-check-circle {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #FFFFFF;
      border: 1px solid #595959;
      margin-top: 2px; }
      .refinements .values.content button i.fa-check-circle:after {
        content: "";
        background: none;
        width: 8px;
        height: 8px;
        top: calc(12px/ 2);
        left: calc(-34px + 12px/ 2);
        background-color: #181818;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        left: auto; }
    .refinements .values.content button i.fa-square-o {
      content: "";
      width: 20px;
      height: 20px;
      border: 1px solid #595959;
      background-color: #FFFFFF;
      border-radius: 4px;
      margin-top: 2px; }
    .refinements .values.content button i.fa-check-square {
      content: "";
      width: 20px;
      height: 20px;
      background-color: #181818;
      border: 1px solid #595959;
      border-radius: 4px;
      margin-top: 2px; }
      .refinements .values.content button i.fa-check-square:after {
        content: "\E93E";
        width: 20px;
        height: 20px;
        line-height: calc(20px + 2px);
        background: none;
        font-family: "icomoon";
        font-size: 10px;
        text-align: center;
        color: #FFFFFF;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        left: auto;
        border-radius: 4px; }

.refinements #refinement-group-price .values.content button span {
  margin-right: 0; }

@media (min-width: 1024px) {
  .refinements .refinement-color .values.content li {
    padding: 0; }
    .refinements .refinement-color .values.content li button {
      padding: 16px;
      width: 100%; } }

@media (max-width: 768.98px) {
  .refinements .refinement-color .values.content li button {
    padding: 4px 10px; }
    .refinements .refinement-color .values.content li button i.fa-square-o {
      margin-top: 6px; }
    .refinements .refinement-color .values.content li button i.fa-check-square {
      margin-top: 6px; } }

.refinement-product-type-card {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: 8px;
  padding-left: 1px; }
  @media (min-width: 1024px) {
    .refinement-product-type-card {
      flex-direction: column;
      justify-content: center;
      font-family: "Gotham Book", sans-serif !important;
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap;
      font-weight: 500; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .refinement-product-type-card {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  .refinement-product-type-card img {
    font-size: 0;
    height: 32px;
    width: 32px;
    margin: 0 16px 0 4px; }
  .refinement-product-type-card:hover i.fa {
    box-shadow: 0 0 0 1px #595959; }
  .refinement-product-type-card i.fa {
    position: relative;
    vertical-align: middle;
    margin-right: 12px;
    transition: box-shadow 200ms ease-out; }
  .refinement-product-type-card i.fa-circle-o {
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid #595959;
    border-radius: 50%;
    background-color: #FFFFFF; }
  .refinement-product-type-card i.fa-check-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 1px solid #595959; }
    .refinement-product-type-card i.fa-check-circle:after {
      content: "";
      background: none;
      width: 12px;
      height: 12px;
      top: calc(12px/ 2);
      left: calc(-34px + 12px/ 2);
      background-color: #181818;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      right: 50%;
      transform: translate(50%, -50%);
      left: auto; }
  .refinement-product-type-card i.fa-square-o {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #595959;
    background-color: #FFFFFF;
    border-radius: 4px; }
  .refinement-product-type-card i.fa-check-square {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #181818;
    border: 1px solid #595959;
    border-radius: 4px; }
    .refinement-product-type-card i.fa-check-square:after {
      content: "\E93E";
      width: 20px;
      height: 20px;
      line-height: calc(20px + 2px);
      background: none;
      font-family: "icomoon";
      font-size: 10px;
      text-align: center;
      color: #FFFFFF;
      position: absolute;
      top: 50%;
      right: 50%;
      transform: translate(50%, -50%);
      left: auto;
      border-radius: 4px; }

.refinement-bar .refinements.horizontal-multipledropdowns-filter .dropdown-menu,
.row .grid-header .refinements.horizontal-multipledropdowns-filter .dropdown-menu {
  overflow-y: auto;
  max-height: calc(100vh - 10px); }
  .refinement-bar .refinements.horizontal-multipledropdowns-filter .dropdown-menu .card,
  .refinement-bar .refinements.horizontal-multipledropdowns-filter .dropdown-menu .card-body,
  .row .grid-header .refinements.horizontal-multipledropdowns-filter .dropdown-menu .card,
  .row .grid-header .refinements.horizontal-multipledropdowns-filter .dropdown-menu .card-body {
    background: #FFFFFF; }

.refinement-bar .refinements.horizontal-multipledropdowns-filter.sticky-filters .dropdown-menu,
.row .grid-header .refinements.horizontal-multipledropdowns-filter.sticky-filters .dropdown-menu {
  transform: translate3d(5px, 35px, 0px);
  max-height: calc(100vh - 65px); }

.refinement-bar .horizontal-multipledropdowns-filter-refinement,
.row .grid-header .horizontal-multipledropdowns-filter-refinement {
  position: relative; }
  .refinement-bar .horizontal-multipledropdowns-filter-refinement .dropdown-menu,
  .row .grid-header .horizontal-multipledropdowns-filter-refinement .dropdown-menu {
    width: 300px;
    max-height: 550px !important;
    min-width: inherit;
    top: 44px !important;
    left: 0 !important;
    transform: initial !important;
    border: none;
    box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.05);
    padding: 40px 16px;
    /*PAP-4198: Adding scrollbar to show all the time for Safari*/
    /* Set the width and height of the scrollbar */
    /* Set the background color of the scrollbar */
    /* Set the color of the scrollbar thumb */
    /* Keep the scrollbar always visible */
    /*PAP-4198: Adding scrollbar to show all the time for Safari*/ }
    .refinement-bar .horizontal-multipledropdowns-filter-refinement .dropdown-menu::-webkit-scrollbar,
    .row .grid-header .horizontal-multipledropdowns-filter-refinement .dropdown-menu::-webkit-scrollbar {
      width: 10px;
      height: 10px; }
    .refinement-bar .horizontal-multipledropdowns-filter-refinement .dropdown-menu::-webkit-scrollbar-track,
    .row .grid-header .horizontal-multipledropdowns-filter-refinement .dropdown-menu::-webkit-scrollbar-track {
      background-color: #F1F1F1; }
    .refinement-bar .horizontal-multipledropdowns-filter-refinement .dropdown-menu::-webkit-scrollbar-thumb,
    .row .grid-header .horizontal-multipledropdowns-filter-refinement .dropdown-menu::-webkit-scrollbar-thumb {
      background-color: #888888;
      border-radius: 5px; }
    .refinement-bar .horizontal-multipledropdowns-filter-refinement .dropdown-menu::-webkit-scrollbar-thumb:vertical,
    .row .grid-header .horizontal-multipledropdowns-filter-refinement .dropdown-menu::-webkit-scrollbar-thumb:vertical {
      min-height: 8px; }

.refinement-bar .device-model-select .horizontal-multipledropdowns-filter-btn,
.row .grid-header .device-model-select .horizontal-multipledropdowns-filter-btn {
  font-family: "Gotham Book", sans-serif !important;
  font-family: "Montserrat Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap;
  font-weight: 500 !important; }
  @media (min-width: 1024px) {
    .refinement-bar .device-model-select .horizontal-multipledropdowns-filter-btn,
    .row .grid-header .device-model-select .horizontal-multipledropdowns-filter-btn {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }

.refinement-bar .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu,
.row .grid-header .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu {
  left: 0 !important;
  overflow: hidden;
  overflow-y: auto; }
  @media (max-width: 1023.98px) {
    .refinement-bar .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu,
    .row .grid-header .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu {
      max-height: 270px !important;
      width: 230px; } }

.refinement-bar .custom-select:focus, .refinement-bar select.form-control:focus,
.refinement-bar select:focus, .refinement-bar select:focus,
.row .grid-header .custom-select:focus,
.row .grid-header select.form-control:focus,
.row .grid-header select:focus,
.row .grid-header select:focus {
  box-shadow: none; }

.refinement-bar .custom-select, .refinement-bar select.form-control,
.refinement-bar select, .refinement-bar select.form-control, .refinement-bar select,
.row .grid-header .custom-select,
.row .grid-header select.form-control,
.row .grid-header select,
.row .grid-header select.form-control,
.row .grid-header select {
  background-image: url(../images/icons/icon-arrow-down.svg);
  background-size: 10px; }
  @media (min-width: 1024px) {
    .refinement-bar .custom-select, .refinement-bar select.form-control,
    .refinement-bar select, .refinement-bar select.form-control, .refinement-bar select,
    .row .grid-header .custom-select,
    .row .grid-header select.form-control,
    .row .grid-header select,
    .row .grid-header select.form-control,
    .row .grid-header select {
      padding-right: 32px; } }

.refinement-bar .horizontal-multipledropdowns-filter-btn,
.row .grid-header .horizontal-multipledropdowns-filter-btn {
  text-align: left;
  color: #181818;
  font-family: "Gotham Book", sans-serif !important;
  font-family: "Montserrat Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
  font-style: normal;
  font-display: swap;
  font-weight: 500 !important; }
  @media (min-width: 1024px) {
    .refinement-bar .horizontal-multipledropdowns-filter-btn,
    .row .grid-header .horizontal-multipledropdowns-filter-btn {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
  .refinement-bar .horizontal-multipledropdowns-filter-btn:after,
  .row .grid-header .horizontal-multipledropdowns-filter-btn:after {
    float: none; }
  @media (min-width: 1024px) {
    .refinement-bar .horizontal-multipledropdowns-filter-btn:after,
    .row .grid-header .horizontal-multipledropdowns-filter-btn:after {
      width: auto;
      height: auto; }
    .refinement-bar .horizontal-multipledropdowns-filter-btn:hover:after, .refinement-bar .horizontal-multipledropdowns-filter-btn:focus:after,
    .row .grid-header .horizontal-multipledropdowns-filter-btn:hover:after,
    .row .grid-header .horizontal-multipledropdowns-filter-btn:focus:after {
      top: 0;
      left: 0; } }

@media (max-width: 1199.98px) {
  .refinement-bar .sort-by-container .collapsible-xl.aside .title::after,
  .row .grid-header .sort-by-container .collapsible-xl.aside .title::after {
    height: auto;
    width: auto;
    text-align: right;
    padding-right: 10px;
    z-index: auto;
    top: auto; } }

.refinement-bar .sort-by-container .card.aside,
.row .grid-header .sort-by-container .card.aside {
  border-color: #D4D4D4;
  border-radius: 0; }
  .refinement-bar .sort-by-container .card.aside .card-header,
  .row .grid-header .sort-by-container .card.aside .card-header {
    background-color: #FFFFFF; }
    .refinement-bar .sort-by-container .card.aside .card-header .card-title,
    .row .grid-header .sort-by-container .card.aside .card-header .card-title {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 16px;
      line-height: 24px;
      text-transform: none;
      font-weight: bold;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap;
      padding-top: 20px;
      padding-bottom: 20px; }
      @media (min-width: 1024px) {
        .refinement-bar .sort-by-container .card.aside .card-header .card-title,
        .row .grid-header .sort-by-container .card.aside .card-header .card-title {
          font-family: "Montserrat Medium", sans-serif;
          font-size: 16px;
          line-height: 24px;
          text-transform: none;
          font-weight: bold;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }

@media (max-width: 1199.98px) {
  .refinement-bar .mobile-search-refinements .collapsible-xl.aside .title::after,
  .row .grid-header .mobile-search-refinements .collapsible-xl.aside .title::after {
    height: auto;
    width: auto;
    text-align: right;
    padding-right: 10px;
    z-index: auto;
    top: auto; } }

.refinement-bar .mobile-search-refinements .refinements .card.aside,
.row .grid-header .mobile-search-refinements .refinements .card.aside {
  border-color: #D4D4D4;
  border-radius: 0; }
  .refinement-bar .mobile-search-refinements .refinements .card.aside .card-header .card-title,
  .row .grid-header .mobile-search-refinements .refinements .card.aside .card-header .card-title {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    padding-top: 32px;
    padding-bottom: 32px; }
    @media (min-width: 1024px) {
      .refinement-bar .mobile-search-refinements .refinements .card.aside .card-header .card-title,
      .row .grid-header .mobile-search-refinements .refinements .card.aside .card-header .card-title {
        font-family: "Montserrat Medium", sans-serif;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }

.refinement-bar .mobile-search-refinements .filter-bar-mobile,
.refinement-bar .refinement-category .filter-bar-mobile,
.row .grid-header .mobile-search-refinements .filter-bar-mobile,
.row .grid-header .refinement-category .filter-bar-mobile {
  padding-top: 64px;
  border-top: 1px solid #F9F9F9; }
  .refinement-bar .mobile-search-refinements .filter-bar-mobile ul,
  .refinement-bar .refinement-category .filter-bar-mobile ul,
  .row .grid-header .mobile-search-refinements .filter-bar-mobile ul,
  .row .grid-header .refinement-category .filter-bar-mobile ul {
    display: flex;
    flex-wrap: wrap; }

@media (max-width: 1199.98px) {
  .refinement-bar .mobile-search-refinements .filter-bar-mobile,
  .refinement-bar .refinement-category .filter-bar-mobile,
  .row .grid-header .mobile-search-refinements .filter-bar-mobile,
  .row .grid-header .refinement-category .filter-bar-mobile {
    padding-top: 64px;
    border-top: 1px solid #D4D4D4; }
    .refinement-bar .mobile-search-refinements .filter-bar-mobile ul,
    .refinement-bar .refinement-category .filter-bar-mobile ul,
    .row .grid-header .mobile-search-refinements .filter-bar-mobile ul,
    .row .grid-header .refinement-category .filter-bar-mobile ul {
      display: flex;
      flex-wrap: wrap; }
  .refinement-bar .mobile-search-refinements .selected-filters-list,
  .refinement-bar .refinement-category .selected-filters-list,
  .row .grid-header .mobile-search-refinements .selected-filters-list,
  .row .grid-header .refinement-category .selected-filters-list {
    margin-left: -5px; }
    .refinement-bar .mobile-search-refinements .selected-filters-list li,
    .refinement-bar .refinement-category .selected-filters-list li,
    .row .grid-header .mobile-search-refinements .selected-filters-list li,
    .row .grid-header .refinement-category .selected-filters-list li {
      margin-left: 5px;
      margin-right: 5px; }
    .refinement-bar .mobile-search-refinements .selected-filters-list .text-link,
    .refinement-bar .refinement-category .selected-filters-list .text-link,
    .row .grid-header .mobile-search-refinements .selected-filters-list .text-link,
    .row .grid-header .refinement-category .selected-filters-list .text-link {
      color: #181818;
      margin-top: 8px;
      margin-left: 8px;
      font-size: 14px; } }

.refinement-bar .mobile-search-refinements .card-header,
.refinement-bar .refinement-category .card-header,
.row .grid-header .mobile-search-refinements .card-header,
.row .grid-header .refinement-category .card-header {
  background-color: #FFFFFF; }

.refinement-bar .mobile-search-refinements ul, .refinement-bar .mobile-search-refinements li, .refinement-bar .mobile-search-refinements button, .refinement-bar .mobile-search-refinements a,
.refinement-bar .refinement-category ul,
.refinement-bar .refinement-category li,
.refinement-bar .refinement-category button,
.refinement-bar .refinement-category a,
.row .grid-header .mobile-search-refinements ul,
.row .grid-header .mobile-search-refinements li,
.row .grid-header .mobile-search-refinements button,
.row .grid-header .mobile-search-refinements a,
.row .grid-header .refinement-category ul,
.row .grid-header .refinement-category li,
.row .grid-header .refinement-category button,
.row .grid-header .refinement-category a {
  display: flex;
  text-decoration: none; }
  .refinement-bar .mobile-search-refinements ul span, .refinement-bar .mobile-search-refinements li span, .refinement-bar .mobile-search-refinements button span, .refinement-bar .mobile-search-refinements a span,
  .refinement-bar .refinement-category ul span,
  .refinement-bar .refinement-category li span,
  .refinement-bar .refinement-category button span,
  .refinement-bar .refinement-category a span,
  .row .grid-header .mobile-search-refinements ul span,
  .row .grid-header .mobile-search-refinements li span,
  .row .grid-header .mobile-search-refinements button span,
  .row .grid-header .mobile-search-refinements a span,
  .row .grid-header .refinement-category ul span,
  .row .grid-header .refinement-category li span,
  .row .grid-header .refinement-category button span,
  .row .grid-header .refinement-category a span {
    margin: auto;
    line-height: 24px; }

.refinement-bar .filter-header,
.row .grid-header .filter-header {
  margin-left: 0;
  margin-right: 0;
  padding-top: 16px;
  padding-bottom: 16px; }
  .refinement-bar .filter-header .header-bar,
  .row .grid-header .filter-header .header-bar {
    display: flex;
    background: #FFFFFF;
    padding: 0; }
    .refinement-bar .filter-header .header-bar .result-count,
    .refinement-bar .filter-header .header-bar button.close:after,
    .row .grid-header .filter-header .header-bar .result-count,
    .row .grid-header .filter-header .header-bar button.close:after {
      color: #181818; }
    .refinement-bar .filter-header .header-bar .js-close-filters,
    .row .grid-header .filter-header .header-bar .js-close-filters {
      color: #181818; }

.refinement-bar .refinements .refinement-category .values .values li,
.row .grid-header .refinements .refinement-category .values .values li {
  padding-top: 0; }

@media (min-width: 1024px) {
  .horizontal-multipledropdowns-filter-refinement.card.aside {
    margin-right: 20px;
    min-width: auto;
    height: auto; }
    .horizontal-multipledropdowns-filter-refinement.card.aside:last-child {
      margin-right: 0; }
    .horizontal-multipledropdowns-filter-refinement.card.aside .horizontal-multipledropdowns-filter-btn {
      font-weight: 500 !important;
      font-family: "Gotham Book", sans-serif !important;
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap;
      padding: 5px 0;
      color: #181818; } }
    @media (min-width: 1024px) and (min-width: 1024px) {
      .horizontal-multipledropdowns-filter-refinement.card.aside .horizontal-multipledropdowns-filter-btn {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }

@media (min-width: 1024px) {
      .horizontal-multipledropdowns-filter-refinement.card.aside .horizontal-multipledropdowns-filter-btn::before {
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 1px;
        width: 100%;
        background: #181818;
        content: " ";
        display: none; }
      .horizontal-multipledropdowns-filter-refinement.card.aside .horizontal-multipledropdowns-filter-btn[aria-expanded="true"]::before, .horizontal-multipledropdowns-filter-refinement.card.aside .horizontal-multipledropdowns-filter-btn:hover::before, .horizontal-multipledropdowns-filter-refinement.card.aside .horizontal-multipledropdowns-filter-btn:focus::before {
        display: block; }
      .horizontal-multipledropdowns-filter-refinement.card.aside .horizontal-multipledropdowns-filter-btn[aria-expanded="false"]:not(:hover)::before {
        display: none; } }

@media (min-width: 1200px) {
  .horizontal-multipledropdowns-filter-refinement.card.aside {
    margin-right: 35px; } }

@media (min-width: 1440px) {
  .horizontal-multipledropdowns-filter-refinement.card.aside {
    margin-right: 64px; } }

.device-model-select {
  margin-right: 20px; }
  @media (min-width: 1200px) {
    .device-model-select {
      margin-right: 35px; } }
  @media (min-width: 1440px) {
    .device-model-select {
      margin-right: 64px; } }
  @media (max-width: 1023.98px) {
    .device-model-select {
      width: 100%;
      margin-right: 0; } }
  .device-model-select .horizontal-multipledropdowns-filter-btn {
    padding-right: 0;
    position: relative;
    min-width: auto;
    width: auto;
    padding-left: 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: #181818; }
    @media (max-width: 1023.98px) {
      .device-model-select .horizontal-multipledropdowns-filter-btn {
        border: 0;
        color: #181818;
        padding: 2px 0;
        font-weight: 500 !important;
        font-family: "Gotham Book", sans-serif !important;
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  @media (max-width: 1023.98px) and (min-width: 1024px) {
    .device-model-select .horizontal-multipledropdowns-filter-btn {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }
    @media (max-width: 1023.98px) {
        .device-model-select .horizontal-multipledropdowns-filter-btn::after {
          content: "";
          background-image: url(../images/icons/down-arrow.svg);
          background-size: 14px;
          padding-right: 16px;
          background-repeat: no-repeat;
          background-position: right;
          width: 14px;
          height: 24px;
          margin: 0;
          top: -1px;
          right: 0;
          left: 0; } }
    .device-model-select .horizontal-multipledropdowns-filter-btn::before {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      width: 100%;
      background: #181818;
      content: " ";
      display: none; }
    .device-model-select .horizontal-multipledropdowns-filter-btn[aria-expanded="true"]::before, .device-model-select .horizontal-multipledropdowns-filter-btn:hover::before, .device-model-select .horizontal-multipledropdowns-filter-btn:focus::before {
      display: block; }
  .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body {
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin: 0;
    background: transparent; }
    .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li {
      position: relative;
      padding: 0 0 16px 24px !important;
      cursor: pointer;
      font-family: "Gotham Book", sans-serif !important;
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; }
      @media (min-width: 1024px) {
        .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li {
          font-family: "Montserrat Regular", sans-serif;
          font-size: 14px;
          line-height: 20px;
          text-transform: none;
          font-weight: normal;
          letter-spacing: 0;
          font-style: normal;
          font-display: swap; } }
      .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li button {
        width: 100%;
        text-align: left;
        color: #000000; }
      .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li::before {
        content: "\E93E";
        width: 24px;
        height: 24px;
        line-height: calc(24px + 2px);
        background: none;
        font-family: "icomoon";
        font-size: 16px;
        text-align: center;
        color: #FFFFFF;
        display: none; }
      .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li:last-child {
        padding-bottom: 0 !important; }
      .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li i {
        display: none !important; }
      .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li.selected {
        font-weight: bold; }
        .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li.selected::before {
          display: block;
          position: absolute;
          left: 0;
          top: 2px;
          font-size: 12px;
          line-height: 16px;
          color: #000000; }
        .device-model-select .horizontal-multipledropdowns-filter-refinement .dropdown-menu .card.card-body > li.selected button {
          font-weight: bold; }

@media (max-width: 1023.98px) {
  .refinement-bar {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    overflow: hidden;
    height: auto;
    bottom: 0; } }

.refinement-bar .device-model-select {
  width: 60%;
  padding-left: 10px; }
  .refinement-bar .device-model-select select {
    border: 0; }

.refinement-bar .mobile-filters-scrollable {
  height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  flex: 1; }
  .refinement-bar .mobile-filters-scrollable .mobile-search-refinements .collapsible-xl.aside .title::after {
    top: 50%;
    transform: translateY(-50%); }
  .refinement-bar .mobile-filters-scrollable .mobile-search-refinements .refinements .card.aside .card-header .card-title {
    padding-top: 20px;
    padding-bottom: 20px; }
  .refinement-bar .mobile-filters-scrollable .selected-filter-wrapper {
    display: block;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .refinement-bar .mobile-filters-scrollable .selected-filter-wrapper {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  .refinement-bar .mobile-filters-scrollable .sort-by-container .custom-radio .custom-control-label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #595959;
    border-radius: 50%;
    background-color: #FFFFFF; }
  .refinement-bar .mobile-filters-scrollable .sort-by-container .custom-radio .custom-control-label:after {
    top: 0;
    left: calc(-20px - 10px); }
  .refinement-bar .mobile-filters-scrollable .sort-by-container .custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 1px solid #595959; }
  .refinement-bar .mobile-filters-scrollable .sort-by-container .custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    content: "";
    background: none;
    width: 8px;
    height: 8px;
    top: calc(12px/ 2);
    left: calc(-34px + 12px/ 2);
    background-color: #181818;
    border-radius: 50%;
    outline: none; }

.refinement-bar .filter-header {
  padding: 16px 0 24px; }
  .refinement-bar .filter-header .search-result-count {
    font-family: "Montserrat Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    color: #595959; }
    @media (min-width: 1024px) {
      .refinement-bar .filter-header .search-result-count {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  .refinement-bar .filter-header .selected-filters-list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 24px;
    border-bottom: 1px solid #D4D4D4; }
  .refinement-bar .filter-header .reset {
    display: none; }

.refinement-bar .filter-footer {
  padding: 16px 0 16px;
  background-color: #FFFFFF;
  border-top: 1px solid #D4D4D4; }
  .refinement-bar .filter-footer .reset {
    font-family: "Montserrat Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .refinement-bar .filter-footer .reset {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }

.filter-bar li.filter-value button {
  background: transparent;
  display: flex;
  align-items: center; }
  .filter-bar li.filter-value button img {
    height: 20px;
    width: 20px;
    font-size: 0;
    margin-right: 8px; }
  .filter-bar li.filter-value button .swatch-circle {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-size: 22px;
    background-position: -1px -1px;
    margin-right: 8px; }
  .filter-bar li.filter-value button:after {
    left: initial;
    width: auto;
    height: auto;
    border-radius: initial;
    z-index: 0;
    transition: none;
    right: 16px;
    font-size: 9px;
    margin-top: 1px; }

.filter-bar .text-link.reset {
  font-size: 14px;
  margin-top: 8px;
  margin-left: 16px; }
  @media (min-width: 1024px) {
    .filter-bar .text-link.reset {
      margin-left: 20px; } }

.product-data .pdp-email-product-notify input {
  border-color: #595959;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
  .product-data .pdp-email-product-notify input:hover, .product-data .pdp-email-product-notify input:focus {
    box-shadow: none;
    border-color: #595959; }

.horizontal-multipledropdowns-filter-dropdown-menu .values.content {
  margin: 0 auto; }

@media (min-width: 769px) {
  .amer-refinements .refinements .refinement-color .values.content li.amer-swatch {
    background-color: transparent;
    border: 0;
    margin-left: 0;
    margin-right: 0; }
    .amer-refinements .refinements .refinement-color .values.content li.amer-swatch button {
      margin: 0 24px; }
      .amer-refinements .refinements .refinement-color .values.content li.amer-swatch button .swatch-circle.White {
        border: 1px solid #D4D4D4; } }

@media (min-width: 1024px) {
  .amer-refinements .refinements .refinement-color .values.content {
    margin: 0 auto;
    justify-content: start;
    max-width: 100%;
    overflow: hidden; }
    .amer-refinements .refinements .refinement-color .values.content .swatches-grid .amer-swatch {
      margin: 0 0 16px; } }

@media (min-width: 1024px) {
  .amer-refinements .refinements .refinement-price .values.content li.col-sm-4,
  .amer-refinements .refinements .refinement-devicetype .values.content li.col-sm-4 {
    width: calc(25% - 16px);
    flex-basis: calc(25% - 16px);
    padding: 0; }
    .amer-refinements .refinements .refinement-price .values.content li.col-sm-4 button,
    .amer-refinements .refinements .refinement-devicetype .values.content li.col-sm-4 button {
      width: 100%;
      padding: 16px; } }

@media (min-width: 1024px) {
  .amer-refinements .refinements .refinement-price .values.content,
  .amer-refinements .refinements .refinement-devicetype .values.content {
    margin: 0 auto;
    justify-content: start;
    max-width: 100%;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px; }
    .amer-refinements .refinements .refinement-price .values.content .swatches-grid .amer-swatch,
    .amer-refinements .refinements .refinement-devicetype .values.content .swatches-grid .amer-swatch {
      margin: 0 0 16px; } }

.refinement-bar {
  width: 100%;
  max-width: 100%;
  z-index: 1000;
  /*covers header on mobile*/ }
  .refinement-bar .refinements.horizontal-multipledropdowns-filter .refinement-refinementproducttype .dropdown-menu {
    overflow-y: auto;
    font-family: "Gotham Book", sans-serif !important;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap; }
    @media (min-width: 1024px) {
      .refinement-bar .refinements.horizontal-multipledropdowns-filter .refinement-refinementproducttype .dropdown-menu {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  @media (max-width: 1199.98px) {
    .refinement-bar.in .custom-radio + .custom-radio {
      margin-top: 20px; } }
  @media (min-width: 769px) {
    .refinement-bar {
      z-index: 998; } }

#horizontal-filter-mobile {
  padding: 16px 0;
  margin-bottom: 0; }
  @media (min-width: 544px) {
    #horizontal-filter-mobile {
      padding: 16px; } }
  @media (min-width: 1024px) {
    #horizontal-filter-mobile {
      padding: 0; } }
  #horizontal-filter-mobile .search-result-count {
    font-family: "Montserrat Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    color: #595959; }
    @media (min-width: 1024px) {
      #horizontal-filter-mobile .search-result-count {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }
  #horizontal-filter-mobile .device-model-select select {
    border: 0;
    padding-left: 0; }
  #horizontal-filter-mobile .filter-bar ul {
    overflow: hidden;
    padding-left: 0;
    padding-top: 20px;
    border-bottom: 1px solid #D4D4D4;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px; }
    #horizontal-filter-mobile .filter-bar ul li {
      float: none; }
  #horizontal-filter-mobile.sticky-filters {
    padding: 16px; }
    #horizontal-filter-mobile.sticky-filters .filter-bar-mobile {
      display: none; }

@media (min-width: 1024px) {
  .desktop-search-refinements .horizontal-multipledropdowns-filter .results-count-wrapper,
  .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-wrapper {
    width: auto; }
  .desktop-search-refinements .horizontal-multipledropdowns-filter .results-count-wrapper {
    color: #595959;
    font-family: "Gotham Book", sans-serif !important;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    font-display: swap;
    font-weight: 500; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .desktop-search-refinements .horizontal-multipledropdowns-filter .results-count-wrapper {
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap; } }

@media (min-width: 1024px) {
  .desktop-search-refinements .horizontal-multipledropdowns-filter .filter-left-part {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container {
    position: relative;
    justify-content: flex-start; }
    .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container select[name=sort-order] {
      font-family: "Gotham Book", sans-serif !important;
      width: 82px;
      height: 36px;
      text-align: center;
      padding-left: 1px;
      text-align: left;
      margin-right: 20px;
      padding-right: 12px;
      background: none;
      background-image: none !important;
      border-radius: 0;
      color: #181818;
      border: 0;
      border-bottom: none;
      cursor: pointer;
      font-family: "Montserrat Regular", sans-serif;
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      font-weight: normal;
      letter-spacing: 0;
      font-style: normal;
      font-display: swap;
      font-weight: 500 !important; } }
    @media (min-width: 1024px) and (min-width: 1024px) {
      .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container select[name=sort-order] {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0;
        font-style: normal;
        font-display: swap; } }

@media (min-width: 1024px) {
      .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container select[name=sort-order]:hover, .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container select[name=sort-order]:focus {
        border-bottom: 1px solid #181818 !important; }
    .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container select[name=sort-order].open {
      border-bottom: 1px solid #181818 !important; }
    .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container .dropdown-icon {
      position: absolute;
      left: 39%;
      top: 54%;
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      background: url("../images/icons/down-arrow.svg") no-repeat center;
      background-size: contain;
      pointer-events: none;
      transition: transform 0.3s ease; } }
    @media (min-width: 1024px) and (min-width: 1024px) {
      .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container .dropdown-icon {
        left: 60%; } }
    @media (min-width: 1024px) and (min-width: 1200px) {
      .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container .dropdown-icon {
        left: 52%; } }
    @media (min-width: 1024px) and (min-width: 1440px) {
      .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container .dropdown-icon {
        left: 41%; } }

@media (min-width: 1024px) {
    .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container select.open + .dropdown-icon {
      transform: translateY(-50%) rotate(180deg); }
  .desktop-search-refinements .horizontal-multipledropdowns-filter .select-label {
    position: absolute;
    color: black;
    opacity: 0;
    z-index: -1;
    font-size: 14px; }
  .desktop-search-refinements .horizontal-multipledropdowns-filter .dropdown-toggle::after {
    content: "";
    background-image: url(../images/icons/down-arrow.svg);
    background-size: 14px;
    padding-right: 16px;
    background-repeat: no-repeat;
    background-position: right 4px;
    width: 14px;
    height: 22px;
    margin: 0;
    padding: 0;
    left: auto;
    right: -2px; } }

@media (min-width: 1200px) {
  .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container select[name=sort-order] {
    margin-right: 35px; } }

@media (min-width: 1440px) {
  .desktop-search-refinements .horizontal-multipledropdowns-filter .sort-by-container select[name=sort-order] {
    margin-right: 64px; } }

.grid-header .filter-results::before {
  transform: translate(-30px, -50%);
  top: 50%; }
  @media (max-width: 1023.98px) {
    .grid-header .filter-results::before {
      transform: translateY(-50%);
      right: 12px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFySURBVHgBrVLLbYNAEGUxsuybL7bsmzuw0wFUYNJBXEGcCgIdkAqSVGCnApMKTCoIN5C4cAMhPnkPEWtJIIkUjzQsMzvz3uzMKMo/RXx1TCCj0egWvzrUh9phGPp/BlgsFqeqqtZQTwgxoeZ5bkRR5HUCNIxmbQixQuIO510QBM58Pl/CPsE+lGX5oqrqRE5O0/SgDYdDHf+PdCD4827PD0sHCCtZQ0nSAkBuXD+BTDzBsgbLHsEOyn4eDAYruJ/YB7A5qLQFQIJvPQCYheP+/EYhvCRJjBiidPWgy9lUpEN9sLjKDyKUXwRgOo4l1O0aZy8ApzMej48cqeS2AGLLcZpU8lnQsBgN2zXJ26IoPE3TbmBbs9nsDY2ud6JuIhwmO98qS4gYE/F5IsiQSN7lOMRca1mWuWDbyhdgjAFqAmDDRDKBfQObu/LAyTCOub09mE6n3Ikjq6DyOUzEhl7JcWofAHcfCQx+RTJ3wOY+KJeWD8x1soVV5jO5AAAAAElFTkSuQmCC);
      background-repeat: no-repeat;
      background-position: center;
      content: " ";
      display: block;
      height: 16px;
      width: 16px; } }

.grid-header .filter-results .filter-count {
  height: 33px;
  width: auto;
  border-radius: 50%;
  border: 0;
  padding: 0 0 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 1199.98px) {
  .grid-header .filter-results {
    padding: 0 36px 0 15px;
    min-height: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    max-width: inherit;
    border: 0;
    font-size: 14px;
    line-height: 20px; } }

.grid-header .filter-results::after {
  border-width: 1px; }

.sticky-filters {
  right: 0;
  width: auto; }
  @media (min-width: 1024px) {
    .sticky-filters {
      width: 100%; } }

.product-grid .video-container {
  max-height: 370px; }
  @media (max-width: 1199.98px) {
    .product-grid .video-container {
      height: calc(100% - 190px); } }
  .product-grid .video-container .video-player {
    border-radius: 20px;
    overflow: hidden; }
    .product-grid .video-container .video-player iframe {
      height: 105%; }
      @media (min-width: 1024px) {
        .product-grid .video-container .video-player iframe {
          height: 114%; } }
      @media (min-width: 1200px) {
        .product-grid .video-container .video-player iframe {
          height: 120%; } }

.product-grid .product {
  display: flex;
  min-height: 100%;
  align-items: flex-start; }
  .product-grid .product .product-tile {
    display: flex;
    width: 100%;
    flex-direction: column;
    min-height: 100%;
    margin-bottom: 32px; }
    @media (min-width: 1024px) {
      .product-grid .product .product-tile {
        margin-bottom: 45px; } }
    .product-grid .product .product-tile .main-link {
      flex: 1 0 70%;
      margin-bottom: 10px; }
    .product-grid .product .product-tile .product-tile-image-container {
      height: 100%;
      margin-bottom: 0; }
      @media (min-width: 1024px) {
        .product-grid .product .product-tile .product-tile-image-container.show-secondary-image {
          min-height: 406px; } }
      .product-grid .product .product-tile .product-tile-image-container.full-bleed-image {
        padding: calc(100% + (53px * 2) - (16px * 2)) 0 0; }
        .product-grid .product .product-tile .product-tile-image-container.full-bleed-image img {
          top: 0;
          left: 0;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          position: absolute; }

@media (max-width: 1023.98px) {
  .plp-three-tile-wrapper .image-text-block .image-cropper .image-wrapper .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 0;
    border-radius: 0%; } }

@media (max-width: 1023.98px) {
  .plp-three-tile-wrapper .image-text-block .image-cropper .image-wrapper::before {
    padding-top: calc(1 / 1 * 100%); } }

@media (max-width: 768.98px) {
  .search-results .row:not(.no-gutters).product-grid {
    margin-right: -11px;
    margin-left: -11px; } }

.search-results .show-more.loading {
  margin-bottom: 0;
  visibility: hidden;
  opacity: 0; }

.search-results .row:not(.no-gutters) {
  margin-right: -4px;
  margin-left: -4px; }

.search-results .row:not(.no-gutters) > .col,
.search-results .row:not(.no-gutters) > [class*="col-"] {
  padding-right: 4px;
  padding-left: 4px; }
  .search-results .row:not(.no-gutters) > .col .show-more,
  .search-results .row:not(.no-gutters) > [class*="col-"] .show-more {
    margin-bottom: 20px; }

@media (min-width: 769px) {
  .search-results .row:not(.no-gutters) {
    margin-right: -8px;
    margin-left: -8px; }
  .search-results .row:not(.no-gutters) > .col,
  .search-results .row:not(.no-gutters) > [class*="col-"] {
    padding-right: 8px;
    padding-left: 8px; }
    .search-results .row:not(.no-gutters) > .col .show-more,
    .search-results .row:not(.no-gutters) > [class*="col-"] .show-more {
      margin-bottom: 20px; } }

@media (min-width: 1440px) {
  .search-results .row:not(.no-gutters) {
    margin-right: -8px;
    margin-left: -8px; }
  .search-results .row:not(.no-gutters) > .col,
  .search-results .row:not(.no-gutters) > [class*="col-"] {
    padding-right: 8px;
    padding-left: 8px; }
    .search-results .row:not(.no-gutters) > .col .show-more,
    .search-results .row:not(.no-gutters) > [class*="col-"] .show-more {
      margin-bottom: 20px; } }

#home-find-you-favorites .row:not(.no-gutters) > [class*="col-md-3"] {
  padding-right: 4px;
  padding-left: 4px; }

@media (min-width: 769px) {
  #home-find-you-favorites .row:not(.no-gutters) > [class*="col-md-3"] {
    padding-right: 8px;
    padding-left: 8px; } }

@media (min-width: 1440px) {
  #home-find-you-favorites .row:not(.no-gutters) > [class*="col-md-3"] {
    padding-right: 8px;
    padding-left: 8px; } }

.btn.btn-block.horizontal-multipledropdowns-filter-btn.d-flex.d-flex-row:focus::after, .btn.btn-block.horizontal-multipledropdowns-filter-btn.d-flex.d-flex-row:hover::after {
  top: 0;
  left: 0; }

.horizontal-multipledropdowns-filter-dropdown-menu.dropdown-menu.refinement-devicetype.show {
  z-index: 996; }
  @media (min-width: 1024px) {
    .horizontal-multipledropdowns-filter-dropdown-menu.dropdown-menu.refinement-devicetype.show {
      transform: initial !important;
      min-width: -webkit-max-content;
      min-width: -moz-max-content;
      min-width: max-content;
      margin-top: 48px;
      padding: 16px 24px; } }
  @media (max-width: 768.98px) {
    .horizontal-multipledropdowns-filter-dropdown-menu.dropdown-menu.refinement-devicetype.show {
      margin-top: 8px;
      padding: 16px 24px; } }
  .horizontal-multipledropdowns-filter-dropdown-menu.dropdown-menu.refinement-devicetype.show .remove-selected-all-devicetype.dropdown-item {
    padding-left: 24px; }

@media (max-width: 1023.98px) {
  .tab-content.container .tab-pane .sticky-sentinel {
    height: 1px; }
  .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters, .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters-fixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 998;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease; }
    .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters .dropdown-toggle, .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters-fixed .dropdown-toggle {
      padding: 16px; }
    .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters .device-model-select .horizontal-multipledropdowns-filter-btn:before, .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters-fixed .device-model-select .horizontal-multipledropdowns-filter-btn:before {
      background: none !important; }
  .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters {
    top: 0; }
  .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters-fixed {
    top: 24%; }
    .tab-content.container .tab-pane .device-type-select-dropdown.sticky-custom-filters-fixed .dropdown-menu {
      transform: translate3d(16px, 56px, 0px) !important; }
  .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-refinement.show .horizontal-multipledropdowns-filter-btn:after {
    transform: rotate3d(0, 0, 1, 180deg); }
  .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn {
    position: relative; }
    .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn:after {
      content: "\E941";
      font-family: "icomoon";
      display: inline-block;
      font-size: 10px;
      color: inherit;
      font-weight: normal; }
    .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title) {
      padding-right: 42px; }
      .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title):after {
        font-family: "icomoon";
        display: inline-block;
        font-size: 20px;
        color: inherit;
        font-weight: normal;
        position: absolute;
        transform: translateX(10px); }
      .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title).btn-sm, .tab-content.container .tab-pane .device-model-select .btn-group-sm > .horizontal-multipledropdowns-filter-btn.btn[class*="btn-"]:not(.title) {
        padding-right: 42px; }
        .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title).btn-sm:after, .tab-content.container .tab-pane .device-model-select .btn-group-sm > .horizontal-multipledropdowns-filter-btn.btn[class*="btn-"]:not(.title):after {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: inherit;
          font-weight: normal;
          position: absolute;
          transform: translateX(10px); }
      .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title).btn-lg, .tab-content.container .tab-pane .device-model-select .btn-group-lg > .horizontal-multipledropdowns-filter-btn.btn[class*="btn-"]:not(.title) {
        padding-right: 63px; }
        .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title).btn-lg:after, .tab-content.container .tab-pane .device-model-select .btn-group-lg > .horizontal-multipledropdowns-filter-btn.btn[class*="btn-"]:not(.title):after {
          font-family: "icomoon";
          display: inline-block;
          font-size: 22px;
          color: inherit;
          font-weight: normal;
          position: absolute;
          transform: translateX(10px); }
      .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title) [class*="icon-"],
      .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title) [class^="icon-"],
      .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn[class*="btn-"]:not(.title) .fa {
        display: none; }
    .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-btn:after {
      background-image: none;
      display: inline-block;
      width: 10px;
      height: 10px;
      position: relative !important;
      width: 24px !important;
      height: 24px !important;
      padding: 4px;
      transform: rotate3d(0, 0, 1, 0deg);
      transform-origin: center;
      transition: transform 0.3s ease;
      background-repeat: no-repeat;
      background-position: center;
      font-size: 10px;
      will-change: transform;
      pointer-events: none; }
  .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-dropdown-menu .remove-selected-all-devicetype {
    display: none;
    pointer-events: none; } }

@media (min-width: 769px) {
  .tab-content.container .tab-pane .device-model-select .horizontal-multipledropdowns-filter-dropdown-menu .remove-selected-all-devicetype {
    display: none;
    pointer-events: none; } }

.store-locator-container .btn-storelocator-search {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-width: 2px;
  border-style: solid;
  font-family: "Gotham Book", sans-serif;
  text-transform: none;
  transition: all 200ms ease-out;
  text-decoration: none;
  border-radius: 32px;
  text-align: center;
  font-weight: 500;
  text-shadow: none;
  z-index: 1;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 8px 15px 8px 15px;
  font-family: "Gotham Book", sans-serif;
  text-transform: none;
  color: #FFFFFF;
  background-color: transparent;
  border: none;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  padding: 8px 15px 8px 15px; }
  .store-locator-container .btn-storelocator-search:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 32px;
    z-index: -1;
    transition: all 200ms ease-out; }
  .store-locator-container .btn-storelocator-search:hover:after, .store-locator-container .btn-storelocator-search:focus:after, .store-locator-container .btn-storelocator-search[aria-describedby*="popover"]:after {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    left: -4px; }
  .store-locator-container .btn-storelocator-search:after {
    background-color: #181818; }
  .store-locator-container .btn-storelocator-search:hover, .store-locator-container .btn-storelocator-search:focus, .store-locator-container .btn-storelocator-search[aria-describedby*="popover"] {
    color: #FFFFFF;
    text-decoration: none; }
    .store-locator-container .btn-storelocator-search:hover:after, .store-locator-container .btn-storelocator-search:focus:after, .store-locator-container .btn-storelocator-search[aria-describedby*="popover"]:after {
      width: calc(100% + 8px);
      height: calc(100% + 8px);
      top: -4px;
      left: -4px;
      background-color: #5d5d5d; }
  .dark-theme .store-locator-container .btn-storelocator-search {
    color: #181818; }
    .dark-theme .store-locator-container .btn-storelocator-search:after {
      background-color: #FFFFFF; }
    .dark-theme .store-locator-container .btn-storelocator-search:hover, .dark-theme .store-locator-container .btn-storelocator-search:focus, .dark-theme .store-locator-container .btn-storelocator-search[aria-describedby*="popover"] {
      color: #181818; }
    .dark-theme .store-locator-container .btn-storelocator-search.disabled, .dark-theme .store-locator-container .btn-storelocator-search:disabled, .dark-theme .store-locator-container .btn-storelocator-search[disabled] {
      color: #FFFFFF; }
      .dark-theme .store-locator-container .btn-storelocator-search.disabled:after, .dark-theme .store-locator-container .btn-storelocator-search:disabled:after, .dark-theme .store-locator-container .btn-storelocator-search[disabled]:after {
        background-color: #D4D4D4; }
  .store-locator-container .btn-storelocator-search.disabled, .store-locator-container .btn-storelocator-search:disabled, .store-locator-container .btn-storelocator-search[disabled] {
    color: #FFFFFF; }
    .store-locator-container .btn-storelocator-search.disabled:after, .store-locator-container .btn-storelocator-search:disabled:after, .store-locator-container .btn-storelocator-search[disabled]:after {
      background-color: #D4D4D4; }
  .store-locator-container .btn-storelocator-search[class*="icon-"], .store-locator-container .btn-storelocator-search[class^="icon-"] {
    padding-left: 42px; }
    .store-locator-container .btn-storelocator-search[class*="icon-"]:before, .store-locator-container .btn-storelocator-search[class^="icon-"]:before {
      font-family: "icomoon";
      display: inline-block;
      font-size: 20px;
      color: inherit;
      font-weight: normal;
      position: absolute;
      transform: translateX(-30px); }

.store-locator-container .detect-location-spacer {
  margin-bottom: 16px; }

.store-locator-container .search-form {
  width: 100%; }

.store-locator-container .results-card > .card-body {
  padding-right: 0;
  padding-bottom: 0; }

.store-locator-container .filter-results {
  margin-bottom: 16px;
  padding-right: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .store-locator-container .filter-results .btn {
    margin-bottom: 5px;
    margin-right: 5px; }

@media (min-width: 769px) {
  .store-locator-container .results {
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 0;
    max-height: 350px; } }

.store-locator-container .results-card > .card-header label {
  font-family: "Gotham Book", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 2px;
  text-transform: none;
  letter-spacing: 0; }

.store-locator-container .results .store-result {
  display: flex;
  margin-bottom: 16px; }
  .store-locator-container .results .store-result .map-marker {
    flex-shrink: 0; }

.store-details .store-name a {
  display: block;
  margin-bottom: 5px; }

.store-details .store-name p {
  font-style: italic;
  font-weight: normal;
  margin-bottom: 5px; }

.store-details .store-map {
  display: block; }

.store-details .store-map,
.store-details .store-hours {
  margin-bottom: 5px; }

.store-details ul,
.store-details address {
  margin-bottom: 0; }

.data-checkout-stage .shipping-section .store-details .store-name a,
.product-summary-block .shipment-block .store-details .store-name a,
.product-summary-block .multi-shipping .store-details .store-name a,
.cart-page .line-item-store .store-details .store-name a {
  font-size: inherit;
  letter-spacing: 0; }

.cart-page .line-item-store .store-details {
  margin-top: 5px; }

.map-marker {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  position: relative;
  letter-spacing: 0;
  margin-right: 16px; }
  .map-marker span {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    color: #FFFFFF;
    top: 0;
    width: 32px; }

.gm-style .gm-style-iw,
.gm-style .gm-style-iw-c {
  border-color: transparent;
  border-radius: 20px;
  box-shadow: 0 2px 6px rgba(34, 34, 34, 0.1);
  max-width: 300px; }
  .gm-style .gm-style-iw .store-details,
  .gm-style .gm-style-iw-c .store-details {
    margin-left: 0;
    font-family: "Gotham Book", sans-serif;
    font-size: 12px;
    line-height: 1.5; }
    .gm-style .gm-style-iw .store-details address,
    .gm-style .gm-style-iw-c .store-details address {
      line-height: 1.75; }
    .gm-style .gm-style-iw .store-details .store-hours,
    .gm-style .gm-style-iw-c .store-details .store-hours {
      margin-bottom: 5px; }
  .gm-style .gm-style-iw .title,
  .gm-style .gm-style-iw-c .title {
    font-size: 18px; }

.store-locator-no-results {
  padding-right: 16px;
  display: none; }

.store-locator-no-apiKey {
  display: none; }

.map-canvas {
  height: 250px;
  display: block; }
  @media (min-width: 769px) {
    .map-canvas {
      height: 450px; } }

.store-detail-page .store-name {
  font-family: "Montserrat Medium", sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal;
  color: #222222; }

.store-detail-page .store-attribute + .store-attribute {
  margin-top: 8px; }
  .store-detail-page .store-attribute + .store-attribute.store-additional {
    margin-top: 30px; }
  .store-detail-page .store-attribute + .store-attribute.store-image {
    margin-top: 30px; }

.store-detail-page .store-attribute label {
  font-weight: bold; }

.store-detail-page .store-map-link {
  display: block;
  margin-top: 16px; }

.styleguide .main__section > .row {
  background: #FFFFFF; }
  .styleguide .main__section > .row .brand-logo {
    height: 50px;
    max-width: 160px;
    background-image: url(../images/logo.svg); }
    @media (min-width: 769px) {
      .styleguide .main__section > .row .brand-logo {
        height: 100px;
        max-width: 212px;
        background-image: url(../images/logo.svg); } }
    @media (min-width: 1024px) {
      .styleguide .main__section > .row .brand-logo {
        max-width: 212px;
        background-image: url(../images/logo.svg); } }
  .styleguide .main__section > .row .sg__header1, .styleguide .main__section > .row .sg__header2, .styleguide .main__section > .row .sg__header3, .styleguide .main__section > .row .sg__header4 {
    color: rgba(24, 24, 24, 0.75); }
  .styleguide .main__section > .row .font--primary::after {
    content: "Gotham Book, sans-serif"; }
  .styleguide .main__section > .row .font--secondary::after {
    content: "Montserrat Regular, sans-serif"; }
  .styleguide .main__section > .row .font--tertiary {
    font-weight: bold; }
    .styleguide .main__section > .row .font--tertiary::after {
      content: "Montserrat Regular, sans-serif";
      font-weight: bold; }
  .styleguide .main__section > .row .font--gotham-bold {
    font-weight: bold; }
    .styleguide .main__section > .row .font--gotham-bold::after {
      content: "Gotham Bold, sans-serif";
      font-weight: bold; }
  .styleguide .main__section > .row .font--gotham-black::after {
    content: "Gotham Black, sans-serif"; }
  .styleguide .main__section > .row .font--gotham-book::after {
    content: "Gotham Book, sans-serif"; }
  .styleguide .main__section > .row .font--gotham-condensed-book::after {
    content: "Gotham Condensed Book, sans-serif"; }
  .styleguide .main__section > .row .font--gotham-round-bold {
    font-weight: bold; }
    .styleguide .main__section > .row .font--gotham-round-bold::after {
      content: "GothamRnd Bold, sans-serif";
      font-weight: bold; }
  .styleguide .main__section > .row .font--gotham-rounded-bold {
    font-weight: bold; }
    .styleguide .main__section > .row .font--gotham-rounded-bold::after {
      content: "Gotham Rounded Bold, sans-serif";
      font-weight: bold; }
  .styleguide .main__section > .row .font--gothamrounded-book {
    font-weight: bold; }
    .styleguide .main__section > .row .font--gothamrounded-book::after {
      content: "Gotham Rounded Book, sans-serif";
      font-weight: bold; }
  .styleguide .main__section > .row .font--gotham-rounded-medium::after {
    content: "Gotham Rounded Medium, sans-serif"; }
  .styleguide .main__section > .row .font--gothamxnarrow-ultra::after {
    content: "GothamXNarrow Ultra, sans-serif"; }
  .styleguide .main__section > .row .font--montserrat-light::after {
    content: "Montserrat Light, sans-serif"; }
  .styleguide .main__section > .row .font--montserrat-medium::after {
    content: "Montserrat Medium, sans-serif"; }
  .styleguide .main__section > .row .font--montserrat-regular::after {
    content: "Montserrat Regular, sans-serif"; }
  .styleguide .main__section > .row .color-value.background--brand-primary::after {
    content: "#181818"; }
  .styleguide .main__section > .row .color-value.background--light-gray::after {
    content: "#F9F9F9"; }
  .styleguide .main__section > .row .color-value.background--medium-gray::after {
    content: "#D4D4D4"; }
  .styleguide .main__section > .row .color-value.background--dark-gray::after {
    content: "#595959"; }
  .styleguide .main__section > .row .color-value.background--primary-black::after {
    content: "#181818"; }
  .styleguide .main__section > .row .color-value.background--primary-black-hover::after {
    content: "#5d5d5d"; }
  .styleguide .main__section > .row .color-value.background--jade::after {
    content: "#2EAB2B"; }
  .styleguide .main__section > .row .color-value.background--neon::after {
    content: "#2EAB2B"; }
  .styleguide .main__section > .row .color-value.background--dark-mint::after {
    content: "#76CBB4"; }
  .styleguide .main__section > .row .color-value.background--mint::after {
    content: "#C6FDCF"; }
  .styleguide .main__section > .row .color-value.background--mint-2::after {
    content: "#d3f0ea"; }
  .styleguide .main__section > .row .color-value.background--sunshine::after {
    content: "#FFDF59"; }
  .styleguide .main__section > .row .color-value.background--cobalt::after {
    content: "#2867EC"; }
  .styleguide .main__section > .row .color-value.background--seafoam::after {
    content: "#ACE7FA"; }
  .styleguide .main__section > .row .color-value.background--violet::after {
    content: "#634ED4"; }
  .styleguide .main__section > .row .color-value.background--periwinkle::after {
    content: "#6C8FFF"; }
  .styleguide .main__section > .row .color-value.background--watermelon::after {
    content: "#FF748B"; }
  .styleguide .main__section > .row .color-value.background--hot-pink::after {
    content: "#F5A4AD"; }
  .styleguide .main__section > .row .color-value.background--tangerine::after {
    content: "#FF9244"; }
  .styleguide .main__section > .row .color-value.background--peach::after {
    content: "#FFAF80"; }
  .styleguide .main__section > .row .color-value.background--light-peach::after {
    content: "#FEF0E5"; }
  .styleguide .main__section > .row .color-value.background--success::after {
    content: "#01DF9D"; }
  .styleguide .main__section > .row .color-value.background--danger::after {
    content: "#a80b1d"; }
  .styleguide .main__section > .row .color-value.background--warning::after {
    content: "#FFDF59"; }
  .styleguide .main__section > .row .color-value.background--info::after {
    content: "#ACE7FA"; }
  .styleguide .main__section > .row .color-value.background--dark-red::after {
    content: "#8B0000"; }
  .styleguide .main__section > .row .color-value.background--spring-wood::after {
    content: "#F6F7F4"; }
  .styleguide .main__section > .row .color-value.background--process-white::after {
    content: "#FFFFFF"; }
  .styleguide .main__section > .row .color-value.background--process-black::after {
    content: "#000000"; }
  .styleguide .main__section > .row .color-value.background--off-White::after {
    content: "#FFF7E8"; }
  .styleguide .main__section > .row .color-value.background--tulip-red::after {
    content: "#FF370A"; }
  .styleguide .main__section > .row .color-value.background--popSockets-blue::after {
    content: "#594AFF"; }
  .styleguide .main__section > .row .color-value.background--light-blue::after {
    content: "#83E8FF"; }
  .styleguide .main__section > .row .color-value.background--sun-yellow::after {
    content: "#FFF070"; }
  .styleguide .main__section > .row .color-value.background--flourecent-yellow::after {
    content: "#E8FF90"; }
  .styleguide .main__section > .row .color-value.background--flamingo-pink::after {
    content: "#FF8ED7"; }
  .styleguide .main__section > .row .color-value.background--bright-green::after {
    content: "#4DDF76"; }
  .styleguide .main__section > .row .color-value.background--bright-blue::after {
    content: "#2B87FF"; }
  .styleguide .main__section > .row .color-value.background--blueish-grey::after {
    content: "#9FC1D1"; }
  .styleguide .main__section > .row .color-value.background--aubergine::after {
    content: "#5C1439"; }
  .styleguide .main__section > .row .color-value.background--sand-beige::after {
    content: "#D1BF98"; }
  .styleguide .main__section > .row .grid-columns__breakpoint-xs::after {
    content: "0 - 768px"; }
  .styleguide .main__section > .row .grid-columns__breakpoint-md::after {
    content: "769px - 1439px"; }
  .styleguide .main__section > .row .grid-columns__breakpoint-xl::after {
    content: "1440px +"; }
  .styleguide .main__section > .row .grid-columns__gutter-size-xs::after {
    content: "16px"; }
  .styleguide .main__section > .row .grid-columns__gutter-size-md::after {
    content: "32px"; }
  .styleguide .main__section > .row .grid-columns__gutter-size-xl::after {
    content: "32px"; }
  .styleguide .main__section > .row .grid-columns__xs {
    padding-right: 8px;
    padding-left: 8px; }
    .styleguide .main__section > .row .grid-columns__xs .row {
      margin-right: -8px;
      margin-left: -8px; }
    .styleguide .main__section > .row .grid-columns__xs .col {
      padding-right: 8px;
      padding-left: 8px; }
  .styleguide .main__section > .row .grid-columns__md {
    padding-right: 16px;
    padding-left: 16px; }
    .styleguide .main__section > .row .grid-columns__md .row {
      margin-right: -16px;
      margin-left: -16px; }
    .styleguide .main__section > .row .grid-columns__md .col {
      padding-right: 16px;
      padding-left: 16px; }
  .styleguide .main__section > .row .grid-columns__xl {
    padding-right: 16px;
    padding-left: 16px; }
    .styleguide .main__section > .row .grid-columns__xl .row {
      margin-right: -16px;
      margin-left: -16px; }
    .styleguide .main__section > .row .grid-columns__xl .col {
      padding-right: 16px;
      padding-left: 16px; }

.styleguide .main .section--typography .bp--mobile::after {
  content: "0 - 768px"; }

.styleguide .main .section--typography .bp--tablet::after {
  content: "769px - 1023px"; }

.styleguide .main .section--typography .bp--mobile-tablet::after {
  content: "0 - 1023px"; }

.styleguide .main .section--typography .bp--desktop::after {
  content: "1024px +"; }

.styleguide .main .section--typography .h1--mobile .h1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h1--tablet .h1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h1--desktop .h1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h2--mobile .h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h2--tablet .h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h2--desktop .h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h3--mobile .h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h3--tablet .h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h3--desktop .h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h4--mobile .h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h4--tablet .h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h4--desktop .h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h5--mobile .h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h5--tablet .h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h5--desktop .h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h6--mobile .h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h6--tablet .h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .h6--desktop .h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.styleguide .main .section--typography .p--mobile .p--small {
  font-size: 16px;
  line-height: 24px; }

.styleguide .main .section--typography .p--mobile .p {
  font-size: 16px;
  line-height: 24px; }

.styleguide .main .section--typography .p--mobile .p--large {
  font-size: 24px;
  line-height: 32px; }

.styleguide .main .section--typography .p--desktop .p--small {
  font-size: 16px;
  line-height: 24px; }

.styleguide .main .section--typography .p--desktop .p {
  font-size: 16px;
  line-height: 24px; }

.styleguide .main .section--typography .p--desktop .p--large {
  font-size: 24px;
  line-height: 24px; }

/* ALL FILES KEPT LOCAL, PREVENTS ACCIDENTIAL BASE STYLES INCLUSION */
.salesforce-payments-errors {
  font-size: 0.8em;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  border: 1px solid lightblue;
  border-radius: 20px;
  background: #fee url(../../images/exclamation.svg) 0.5rem 0.5rem/1rem no-repeat; }

.salesforce-payments-errors:empty {
  display: none; }

.salesforce-paymentrequest-element-errors {
  margin-top: 0.75rem; }

.salesforce-paymentrequest-element[disabled] {
  display: none; }

.salesforce-secure-payment {
  margin-left: 1.2rem;
  font-size: 0.8em;
  padding: 0.3rem 0.5rem 0.5rem 1.5rem;
  background: url(../../images/padlock.svg) no-repeat; }

.cart-and-ipay .add-to-cart {
  width: 100%;
  display: block; }

@media (max-width: 543.98px) {
  .cart-and-ipay .add-to-cart {
    width: 100%;
    margin: 0; } }

.salesforce-buynow-element {
  width: 100%; }

.salesforce-buynow-element:not(:empty) {
  margin-top: 1em; }

.salesforce-buynow-element-errors {
  margin-top: 0.75rem;
  text-align: left; }

.salesforce-buynow-element[disabled] {
  display: none; }

.cart-and-ipay .add-to-cart {
  width: 100%;
  display: block; }

@media (max-width: 543.98px) {
  .cart-and-ipay .add-to-cart {
    width: 100%;
    margin: 0; } }

.salesforce-buynow-element {
  width: 100%; }

.salesforce-buynow-element:not(:empty) {
  margin-top: 1em; }

.salesforce-buynow-element-errors {
  margin-top: 0.75rem;
  text-align: left; }

.salesforce-buynow-element[disabled] {
  display: none; }

.card.payment-method .card-header {
  border-bottom: 0; }

.card.payment-method .card-body {
  padding: 0; }

.salesforce-payments-element-errors {
  margin-bottom: 0.75rem; }

.salesforce-payments-errors:empty {
  display: none; }

.salesforce-payments-element .sfpp-payment-method-choice,
.salesforce-payments-element .sfpp-payment-method-choice .sfpp-payment-method-body,
.sfpp-payment-method-ideal-bank-element,
.sfpp-payment-method-iban-element {
  border-color: rgba(0, 0, 0, 0.125); }

.sfpp-payment-method-card-number-label::before,
.sfpp-payment-method-card-expiry-label::before,
.sfpp-payment-method-card-cvc-label::before,
.sfpp-payment-method-iban-label::before {
  content: "*";
  color: #a80b1d; }

.sfpp-payment-method-body-card .sfpp-payment-method-card-number-element,
.sfpp-payment-method-body-card .sfpp-payment-method-card-expiry-element,
.sfpp-payment-method-body-card .sfpp-payment-method-card-cvc-element,
.sfpp-payment-method-body-ideal .sfpp-payment-method-ideal-bank-element,
.sfpp-payment-method-body-sepa_debit .sfpp-payment-method-iban-element {
  border-color: rgba(0, 0, 0, 0.125);
  border-radius: 20px; }

.sfpp-payment-method-body .sfpp-payment-method-element--invalid {
  border-color: #a80b1d; }

.data-checkout-stage[data-checkout-stage] button.submit-billing {
  display: none; }

.data-checkout-stage[data-checkout-stage] button.hidden {
  display: none !important; }

.data-checkout-stage[data-checkout-stage=payment] button.submit-billing {
  display: block; }

.data-checkout-stage .salesforce-paymentrequest-element {
  display: block; }

.data-checkout-stage[data-checkout-stage=customer] .salesforce-paymentrequest-element {
  display: none; }

.salesforce-paymentrequest-element:not(:empty) {
  margin-bottom: 1rem; }

.express-checkout-buttons {
  min-height: 2.75rem; }
  .express-checkout-buttons .salesforce-paymentrequest-element {
    border: 1px solid transparent;
    padding: 0 1.25rem; }
    .express-checkout-buttons .salesforce-paymentrequest-element:not(:empty) {
      margin: 0; }

.in-store-inventory-dialog .store-locator-container,
.pickup-in-store .store-locator-container {
  padding-left: 0;
  padding-right: 0; }
  .in-store-inventory-dialog .store-locator-container .store-result label::before,
  .in-store-inventory-dialog .store-locator-container .store-result label::after,
  .pickup-in-store .store-locator-container .store-result label::before,
  .pickup-in-store .store-locator-container .store-result label::after {
    margin-top: 2px;
    margin-left: 2px; }

.pickup-in-store {
  margin-bottom: 16px; }
  .pickup-in-store .select-store,
  .pickup-in-store ~ .change-store {
    margin-top: 16px; }
  .pickup-in-store .results-card .card-title {
    border-top: none; }

.cart-page .line-item-store {
  margin-top: 16px; }
  .cart-page .line-item-store .store-details {
    margin-left: 16px; }

/*
 * Based off of Yotpo CSS Widget Version: 2020-04-26_10-52-32
 */
.yotpo .main-widget a {
  color: #181818;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
  color: #181818 !important; }
  .yotpo .main-widget a:hover {
    color: rgba(24, 24, 24, 0.8);
    text-decoration: underline; }
  .dark-theme .yotpo .main-widget a {
    color: #FFFFFF; }
    .dark-theme .yotpo .main-widget a:hover {
      color: #FFFFFF; }
  .yotpo .main-widget a:hover {
    color: rgba(24, 24, 24, 0.8) !important;
    text-decoration: underline !important; }

.yotpo .main-widget div, .yotpo .main-widget span, .yotpo .main-widget p, .yotpo .main-widget a, .yotpo .main-widget img, .yotpo .main-widget i, .yotpo .main-widget strong, .yotpo .main-widget sup, .yotpo .main-widget ul, .yotpo .main-widget li, .yotpo .main-widget form, .yotpo .main-widget label {
  letter-spacing: 0;
  font-size: 16px;
  font-family: "Gotham Book", sans-serif;
  line-height: 1.43;
  color: #181818; }
  @media (min-width: 1024px) {
    .yotpo .main-widget div, .yotpo .main-widget span, .yotpo .main-widget p, .yotpo .main-widget a, .yotpo .main-widget img, .yotpo .main-widget i, .yotpo .main-widget strong, .yotpo .main-widget sup, .yotpo .main-widget ul, .yotpo .main-widget li, .yotpo .main-widget form, .yotpo .main-widget label {
      font-size: 16px; } }
  .yotpo .main-widget div:focus, .yotpo .main-widget span:focus, .yotpo .main-widget p:focus, .yotpo .main-widget a:focus, .yotpo .main-widget img:focus, .yotpo .main-widget i:focus, .yotpo .main-widget strong:focus, .yotpo .main-widget sup:focus, .yotpo .main-widget ul:focus, .yotpo .main-widget li:focus, .yotpo .main-widget form:focus, .yotpo .main-widget label:focus {
    outline: none; }

.yotpo .main-widget .yotpo-drop-down-layout .yotpo-dropdown-button .selected {
  display: inline; }

.yotpo .main-widget .yotpo-drop-down-layout .yotpo-dropdown-button .yotpo-icon {
  padding-top: 0; }

.yotpo .main-widget .yotpo-drop-down-layout .yotpo-dropdown .selected-item {
  color: #181818 !important; }

.yotpo .yotpo-icon {
  font-family: "icomoon" !important; }
  .yotpo .yotpo-icon:before {
    font-family: "icomoon" !important; }

.yotpo .rating-star, .yotpo .review-star {
  height: auto;
  line-height: normal;
  vertical-align: middle;
  font-size: 16px !important; }
  .yotpo .rating-star:before, .yotpo .review-star:before {
    font-family: "icomoon" !important; }
  .product-tile .yotpo .rating-star, .product-tile .yotpo .review-star {
    font-size: 11px !important; }

.yotpo .review-star {
  cursor: pointer; }

.yotpo .yotpo-icon-star:before {
  content: "\E939";
  font-family: "icomoon";
  display: inline-block;
  font-size: inherit;
  color: #181818;
  font-weight: normal; }

.yotpo .yotpo-icon-star[class*="btn-"]:not(.title) {
  padding-left: 42px; }
  .yotpo .yotpo-icon-star[class*="btn-"]:not(.title):before {
    font-family: "icomoon";
    display: inline-block;
    font-size: 20px;
    color: #181818;
    font-weight: normal;
    position: absolute;
    transform: translateX(-30px); }
  .yotpo .yotpo-icon-star[class*="btn-"]:not(.title).btn-sm, .yotpo .btn-group-sm > .yotpo-icon-star.btn[class*="btn-"]:not(.title) {
    padding-left: 42px; }
    .yotpo .yotpo-icon-star[class*="btn-"]:not(.title).btn-sm:before, .yotpo .btn-group-sm > .yotpo-icon-star.btn[class*="btn-"]:not(.title):before {
      font-family: "icomoon";
      display: inline-block;
      font-size: 22px;
      color: #181818;
      font-weight: normal;
      position: absolute;
      transform: translateX(-32px); }
  .yotpo .yotpo-icon-star[class*="btn-"]:not(.title).btn-lg, .yotpo .btn-group-lg > .yotpo-icon-star.btn[class*="btn-"]:not(.title) {
    padding-left: 63px; }
    .yotpo .yotpo-icon-star[class*="btn-"]:not(.title).btn-lg:before, .yotpo .btn-group-lg > .yotpo-icon-star.btn[class*="btn-"]:not(.title):before {
      font-family: "icomoon";
      display: inline-block;
      font-size: 22px;
      color: #181818;
      font-weight: normal;
      position: absolute;
      transform: translateX(-32px); }
  .yotpo .yotpo-icon-star[class*="btn-"]:not(.title) [class*="icon-"],
  .yotpo .yotpo-icon-star[class*="btn-"]:not(.title) [class^="icon-"],
  .yotpo .yotpo-icon-star[class*="btn-"]:not(.title) .fa {
    display: none; }

.yotpo .yotpo-icon-half-star:before {
  content: "\E938";
  font-family: "icomoon";
  display: inline-block;
  font-size: inherit;
  color: #181818;
  font-weight: normal; }

.yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title) {
  padding-left: 42px; }
  .yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title):before {
    font-family: "icomoon";
    display: inline-block;
    font-size: 20px;
    color: #181818;
    font-weight: normal;
    position: absolute;
    transform: translateX(-30px); }
  .yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title).btn-sm, .yotpo .btn-group-sm > .yotpo-icon-half-star.btn[class*="btn-"]:not(.title) {
    padding-left: 42px; }
    .yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title).btn-sm:before, .yotpo .btn-group-sm > .yotpo-icon-half-star.btn[class*="btn-"]:not(.title):before {
      font-family: "icomoon";
      display: inline-block;
      font-size: 22px;
      color: #181818;
      font-weight: normal;
      position: absolute;
      transform: translateX(-32px); }
  .yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title).btn-lg, .yotpo .btn-group-lg > .yotpo-icon-half-star.btn[class*="btn-"]:not(.title) {
    padding-left: 63px; }
    .yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title).btn-lg:before, .yotpo .btn-group-lg > .yotpo-icon-half-star.btn[class*="btn-"]:not(.title):before {
      font-family: "icomoon";
      display: inline-block;
      font-size: 22px;
      color: #181818;
      font-weight: normal;
      position: absolute;
      transform: translateX(-32px); }
  .yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title) [class*="icon-"],
  .yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title) [class^="icon-"],
  .yotpo .yotpo-icon-half-star[class*="btn-"]:not(.title) .fa {
    display: none; }

.yotpo .yotpo-icon-empty-star:before {
  content: "\E937";
  font-family: "icomoon";
  display: inline-block;
  font-size: inherit;
  color: #181818;
  font-weight: normal; }

.yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title) {
  padding-left: 42px; }
  .yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title):before {
    font-family: "icomoon";
    display: inline-block;
    font-size: 20px;
    color: #181818;
    font-weight: normal;
    position: absolute;
    transform: translateX(-30px); }
  .yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title).btn-sm, .yotpo .btn-group-sm > .yotpo-icon-empty-star.btn[class*="btn-"]:not(.title) {
    padding-left: 42px; }
    .yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title).btn-sm:before, .yotpo .btn-group-sm > .yotpo-icon-empty-star.btn[class*="btn-"]:not(.title):before {
      font-family: "icomoon";
      display: inline-block;
      font-size: 22px;
      color: #181818;
      font-weight: normal;
      position: absolute;
      transform: translateX(-32px); }
  .yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title).btn-lg, .yotpo .btn-group-lg > .yotpo-icon-empty-star.btn[class*="btn-"]:not(.title) {
    padding-left: 63px; }
    .yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title).btn-lg:before, .yotpo .btn-group-lg > .yotpo-icon-empty-star.btn[class*="btn-"]:not(.title):before {
      font-family: "icomoon";
      display: inline-block;
      font-size: 22px;
      color: #181818;
      font-weight: normal;
      position: absolute;
      transform: translateX(-32px); }
  .yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title) [class*="icon-"],
  .yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title) [class^="icon-"],
  .yotpo .yotpo-icon-empty-star[class*="btn-"]:not(.title) .fa {
    display: none; }

.yotpo.yotpo-main-widget .main-widget .yotpo-default-button,
.yotpo input.yotpo-default-button.primary-color-btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-width: 2px;
  border-style: solid;
  font-family: "Gotham Book", sans-serif;
  text-transform: none;
  transition: all 200ms ease-out;
  text-decoration: none;
  border-radius: 32px;
  text-align: center;
  font-weight: 500;
  text-shadow: none;
  z-index: 1;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 8px 15px 8px 15px;
  font-family: "Gotham Book", sans-serif;
  text-transform: none;
  color: #FFFFFF;
  background-color: transparent;
  border: none;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  padding: 8px 15px 8px 15px;
  background-color: #181818 !important;
  border: 2px solid #181818 !important;
  height: auto; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:after,
  .yotpo input.yotpo-default-button.primary-color-btn:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 32px;
    z-index: -1;
    transition: all 200ms ease-out; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:hover:after, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:focus:after, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[aria-describedby*="popover"]:after,
  .yotpo input.yotpo-default-button.primary-color-btn:hover:after,
  .yotpo input.yotpo-default-button.primary-color-btn:focus:after,
  .yotpo input.yotpo-default-button.primary-color-btn[aria-describedby*="popover"]:after {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    left: -4px; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:after,
  .yotpo input.yotpo-default-button.primary-color-btn:after {
    background-color: #181818; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:hover, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:focus, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[aria-describedby*="popover"],
  .yotpo input.yotpo-default-button.primary-color-btn:hover,
  .yotpo input.yotpo-default-button.primary-color-btn:focus,
  .yotpo input.yotpo-default-button.primary-color-btn[aria-describedby*="popover"] {
    color: #FFFFFF;
    text-decoration: none; }
    .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:hover:after, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:focus:after, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[aria-describedby*="popover"]:after,
    .yotpo input.yotpo-default-button.primary-color-btn:hover:after,
    .yotpo input.yotpo-default-button.primary-color-btn:focus:after,
    .yotpo input.yotpo-default-button.primary-color-btn[aria-describedby*="popover"]:after {
      width: calc(100% + 8px);
      height: calc(100% + 8px);
      top: -4px;
      left: -4px;
      background-color: #5d5d5d; }
  .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button, .dark-theme
  .yotpo input.yotpo-default-button.primary-color-btn {
    color: #181818; }
    .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:after, .dark-theme
    .yotpo input.yotpo-default-button.primary-color-btn:after {
      background-color: #FFFFFF; }
    .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:hover, .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:focus, .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[aria-describedby*="popover"], .dark-theme
    .yotpo input.yotpo-default-button.primary-color-btn:hover, .dark-theme
    .yotpo input.yotpo-default-button.primary-color-btn:focus, .dark-theme
    .yotpo input.yotpo-default-button.primary-color-btn[aria-describedby*="popover"] {
      color: #181818; }
    .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button.disabled, .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:disabled, .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[disabled], .dark-theme
    .yotpo input.yotpo-default-button.primary-color-btn.disabled, .dark-theme
    .yotpo input.yotpo-default-button.primary-color-btn:disabled, .dark-theme
    .yotpo input.yotpo-default-button.primary-color-btn[disabled] {
      color: #FFFFFF; }
      .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button.disabled:after, .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:disabled:after, .dark-theme .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[disabled]:after, .dark-theme
      .yotpo input.yotpo-default-button.primary-color-btn.disabled:after, .dark-theme
      .yotpo input.yotpo-default-button.primary-color-btn:disabled:after, .dark-theme
      .yotpo input.yotpo-default-button.primary-color-btn[disabled]:after {
        background-color: #D4D4D4; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button.disabled, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:disabled, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[disabled],
  .yotpo input.yotpo-default-button.primary-color-btn.disabled,
  .yotpo input.yotpo-default-button.primary-color-btn:disabled,
  .yotpo input.yotpo-default-button.primary-color-btn[disabled] {
    color: #FFFFFF; }
    .yotpo.yotpo-main-widget .main-widget .yotpo-default-button.disabled:after, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:disabled:after, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[disabled]:after,
    .yotpo input.yotpo-default-button.primary-color-btn.disabled:after,
    .yotpo input.yotpo-default-button.primary-color-btn:disabled:after,
    .yotpo input.yotpo-default-button.primary-color-btn[disabled]:after {
      background-color: #D4D4D4; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[class*="icon-"], .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[class^="icon-"],
  .yotpo input.yotpo-default-button.primary-color-btn[class*="icon-"],
  .yotpo input.yotpo-default-button.primary-color-btn[class^="icon-"] {
    padding-left: 42px; }
    .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[class*="icon-"]:before, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button[class^="icon-"]:before,
    .yotpo input.yotpo-default-button.primary-color-btn[class*="icon-"]:before,
    .yotpo input.yotpo-default-button.primary-color-btn[class^="icon-"]:before {
      font-family: "icomoon";
      display: inline-block;
      font-size: 20px;
      color: inherit;
      font-weight: normal;
      position: absolute;
      transform: translateX(-30px); }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button:hover,
  .yotpo input.yotpo-default-button.primary-color-btn:hover {
    background-color: #5d5d5d !important;
    background: #5d5d5d !important;
    border: 2px solid #5d5d5d !important; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button .yotpo-icon::before, .yotpo.yotpo-main-widget .main-widget .yotpo-default-button .write-question-review-button-text,
  .yotpo input.yotpo-default-button.primary-color-btn .yotpo-icon::before,
  .yotpo input.yotpo-default-button.primary-color-btn .write-question-review-button-text {
    color: #FFFFFF !important; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-default-button .write-question-review-button-text,
  .yotpo input.yotpo-default-button.primary-color-btn .write-question-review-button-text {
    width: auto;
    height: auto;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit !important;
    font-weight: inherit;
    font-stretch: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit; }

.yotpo .yotpo-icon-btn-small > span:before {
  color: #181818; }

.yotpo .yotpo-icon-btn-small:hover > span:before {
  color: rgba(24, 24, 24, 0.8); }

.yotpo.yotpo-small .yotpo-bottomline .yotpo-stars {
  display: flex;
  align-items: center; }

.yotpo.yotpo-small .yotpo-bottomline .write-review-btn-hidden {
  display: none; }

.yotpo.yotpo-small .yotpo-bottomline .text-m {
  font-size: 13px;
  margin-left: 5px;
  color: #595959 !important; }
  .yotpo.yotpo-small .yotpo-bottomline .text-m:hover {
    color: rgba(89, 89, 89, 0.8) !important; }

.product-tile .yotpo.yotpo-small .yotpo-bottomline .text-m {
  display: none;
  font-size: 11px;
  color: #F9F9F9 !important; }
  .product-tile .yotpo.yotpo-small .yotpo-bottomline .text-m:hover {
    color: #595959 !important; }

.yotpo.yotpo-main-widget .yotpo-label-container {
  text-align: right;
  border-top: 1px solid #D4D4D4; }
  .yotpo.yotpo-main-widget .yotpo-label-container .yotpo-logo-link-new {
    display: inline-block; }
  .yotpo.yotpo-main-widget .yotpo-label-container .yotpo-logo-title,
  .yotpo.yotpo-main-widget .yotpo-label-container .yotpo-logo-btn {
    vertical-align: middle;
    color: #181818; }
  .yotpo.yotpo-main-widget .yotpo-label-container .yotpo-logo-title {
    letter-spacing: 0;
    font-size: 16px; }
    @media (min-width: 1024px) {
      .yotpo.yotpo-main-widget .yotpo-label-container .yotpo-logo-title {
        font-size: 16px; } }
    .yotpo.yotpo-main-widget .yotpo-label-container .yotpo-logo-title:hover {
      color: rgba(24, 24, 24, 0.8); }
  .yotpo.yotpo-main-widget .yotpo-label-container .yotpo-logo-btn {
    font-size: 24px; }

.yotpo.yotpo-main-widget .yotpo-bottomline {
  text-align: center; }
  .yotpo.yotpo-main-widget .yotpo-bottomline .bottom-line-items {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0; }
  .yotpo.yotpo-main-widget .yotpo-bottomline .avg-score {
    font-family: "Gotham Rounded Bold", sans-serif;
    font-size: 24px;
    line-height: 36px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal;
    width: 100%;
    display: block;
    padding-top: 0;
    float: none;
    height: auto;
    color: #181818; }
  .yotpo.yotpo-main-widget .yotpo-bottomline .rating-stars-container {
    float: none;
    height: auto;
    width: auto;
    line-height: normal;
    vertical-align: top;
    margin-left: 0;
    padding-left: 5px;
    white-space: nowrap; }
    @media (min-width: 769px) {
      .yotpo.yotpo-main-widget .yotpo-bottomline .rating-stars-container {
        padding-right: 5px; } }
    .yotpo.yotpo-main-widget .yotpo-bottomline .rating-stars-container .rating-star {
      height: auto;
      float: none; }
      .yotpo.yotpo-main-widget .yotpo-bottomline .rating-stars-container .rating-star::before {
        font-size: 20px; }
        @media (min-width: 769px) {
          .yotpo.yotpo-main-widget .yotpo-bottomline .rating-stars-container .rating-star::before {
            font-size: 20px; } }
  .yotpo.yotpo-main-widget .yotpo-bottomline .reviews-qa-labels-container {
    float: none;
    display: inline-block;
    padding-top: 0;
    margin-left: 0;
    position: static;
    height: 28px;
    line-height: 28px;
    vertical-align: middle; }
    .yotpo.yotpo-main-widget .yotpo-bottomline .reviews-qa-labels-container .reviews-qa-label {
      vertical-align: middle; }
  @media (min-width: 769px) {
    .yotpo.yotpo-main-widget .yotpo-bottomline .bottom-line-items {
      text-align: center;
      margin-bottom: 10px; } }

.yotpo.yotpo-main-widget .main-widget form .write-form .yotpo-regular-box {
  border-top: 0; }

.yotpo.yotpo-main-widget .main-widget form .write-form .yotpo-header-title {
  margin: 0;
  font-family: "Montserrat Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal; }

.yotpo.yotpo-main-widget .main-widget form .write-form .yotpo-mandatory-explain {
  display: none;
  font-size: 14px;
  color: #a80b1d; }

.yotpo.yotpo-main-widget .main-widget form .write-form .yotpo-mandatory-mark {
  display: none; }

.yotpo.yotpo-main-widget .main-widget form .write-form br {
  display: none; }

.yotpo.yotpo-main-widget .main-widget form .write-form label.y-label, .yotpo.yotpo-main-widget .main-widget form .write-form span.y-label {
  padding: 0;
  color: #181818;
  font-family: "Gotham Book", sans-serif;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 2px;
  text-transform: none;
  letter-spacing: 0; }
  .yotpo.yotpo-main-widget .main-widget form .write-form label.y-label .form-input-error, .yotpo.yotpo-main-widget .main-widget form .write-form span.y-label .form-input-error {
    color: #a80b1d;
    font-size: 14px; }

.yotpo.yotpo-main-widget .main-widget form .write-form .y-input {
  margin-top: 0;
  margin-bottom: 5px;
  display: block;
  border-color: #D4D4D4;
  background-color: #FFFFFF;
  outline: none;
  box-shadow: none;
  color: #595959;
  border-width: 1px;
  border-radius: 4px;
  font-family: "Gotham Book", sans-serif;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  padding-top: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  padding-right: 16px;
  height: calc(16px + 16px + 14px + (1px*2));
  outline: 0; }
  @media (min-width: 769px) {
    .yotpo.yotpo-main-widget .main-widget form .write-form .y-input {
      font-size: 16px; } }
  .yotpo.yotpo-main-widget .main-widget form .write-form .y-input::-moz-placeholder {
    color: #595959; }
  .yotpo.yotpo-main-widget .main-widget form .write-form .y-input:-ms-input-placeholder {
    color: #595959; }
  .yotpo.yotpo-main-widget .main-widget form .write-form .y-input::placeholder {
    color: #595959; }
  .yotpo.yotpo-main-widget .main-widget form .write-form .y-input:hover {
    border-color: #D4D4D4;
    outline: none;
    box-shadow: 0 0 0 1px #D4D4D4; }
  .yotpo.yotpo-main-widget .main-widget form .write-form .y-input:focus {
    border-color: #D4D4D4;
    outline: none;
    box-shadow: none; }
  .yotpo.yotpo-main-widget .main-widget form .write-form .y-input.error {
    border-color: #a80b1d; }

.yotpo.yotpo-main-widget .main-widget form .write-form .connect-wrapper {
  padding-left: 0; }

.yotpo.yotpo-main-widget .main-widget form .write-form .submit-button .form-input-error {
  color: #a80b1d;
  font-size: 14px; }

.yotpo.yotpo-main-widget .main-widget form .socialize-wrapper {
  position: static; }
  .yotpo.yotpo-main-widget .main-widget form .socialize-wrapper .socialize {
    display: block;
    float: none; }
    .yotpo.yotpo-main-widget .main-widget form .socialize-wrapper .socialize .yotpo-icon-btn {
      padding: 6px 11px !important; }
      .yotpo.yotpo-main-widget .main-widget form .socialize-wrapper .socialize .yotpo-icon-btn[data-network="linkedin"] {
        display: none; }

.yotpo.yotpo-main-widget .main-widget form .yotpo-or {
  display: block;
  margin-top: 0;
  width: auto;
  margin-bottom: 5px;
  text-align: left; }

.yotpo.yotpo-main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span {
  color: #181818; }

.yotpo.yotpo-main-widget .new-yotpo-small-box {
  border: none; }
  .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav {
    border-bottom: none; }
    .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      width: 100% !important; }
      .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab {
        font: 14px "Gotham Book", sans-serif;
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0.05em;
        padding-top: 15px;
        padding-right: 16px;
        padding-bottom: 11px;
        padding-left: 16px;
        text-decoration: none;
        background: transparent;
        color: #595959;
        border-top: none;
        border-right: none;
        border-bottom: 1px solid #F9F9F9;
        border-left: none;
        margin: 0;
        flex: 1 1 auto; }
        .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab:hover {
          text-decoration: none;
          background: transparent;
          color: #181818;
          border-top: none;
          border-right: none;
          border-bottom: 1px solid #F9F9F9;
          border-left: none; }
        .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab.yotpo-active {
          text-decoration: none;
          background: transparent;
          color: #181818;
          border-top: 1px solid #F9F9F9;
          border-right: 1px solid #F9F9F9;
          border-bottom: none;
          border-left: 1px solid #F9F9F9; }
      @media (min-width: 769px) {
        .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul {
          width: 100%;
          display: block;
          border-bottom: 1px solid #F9F9F9; }
          .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab {
            font: 14px "Gotham Book", sans-serif;
            text-transform: none;
            font-weight: bold;
            letter-spacing: 0.05em;
            padding-top: 15px;
            padding-right: 16px;
            padding-bottom: 11px;
            padding-left: 16px;
            text-decoration: none;
            background: transparent;
            color: #595959;
            border-top: none;
            border-right: none;
            border-bottom: 1px solid #F9F9F9;
            border-left: none;
            margin: 0;
            margin-bottom: -1px; }
            .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab:hover {
              text-decoration: none;
              background: transparent;
              color: #181818;
              border-top: none;
              border-right: none;
              border-bottom: 1px solid #F9F9F9;
              border-left: none; }
            .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab.yotpo-active {
              text-decoration: none;
              background: transparent;
              color: #181818;
              border-top: 1px solid #F9F9F9;
              border-right: 1px solid #F9F9F9;
              border-bottom: none;
              border-left: 1px solid #F9F9F9; }
            .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab.yotpo-active {
              background-color: #FFFFFF; } }
      .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab.yotpo-active {
        background-color: #FFFFFF !important; }
      .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab .yotpo-nav-wrapper {
        border: none;
        padding: 0;
        color: unset;
        max-width: none;
        text-align: center; }
        .yotpo.yotpo-main-widget .new-yotpo-small-box .yotpo-nav ul .yotpo-nav-tab .yotpo-nav-wrapper span {
          color: unset; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .free-text-search-input {
  border-color: #D4D4D4;
  background-color: #FFFFFF;
  outline: none;
  box-shadow: none;
  color: #595959;
  border-width: 1px;
  border-radius: 4px;
  font-family: "Gotham Book", sans-serif;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  padding-top: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  padding-right: 16px;
  height: calc(16px + 16px + 14px + (1px*2));
  outline: 0;
  padding-left: 35px;
  margin: 0; }
  @media (min-width: 769px) {
    .yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .free-text-search-input {
      font-size: 16px; } }
  .yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .free-text-search-input::-moz-placeholder {
    color: #595959; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .free-text-search-input:-ms-input-placeholder {
    color: #595959; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .free-text-search-input::placeholder {
    color: #595959; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .free-text-search-input:hover {
    border-color: #D4D4D4;
    outline: none;
    box-shadow: 0 0 0 1px #D4D4D4; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .free-text-search-input:focus {
    border-color: #D4D4D4;
    outline: none;
    box-shadow: none; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .clear-text-icon,
.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .free-text-search .magnifying-glass-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #181818 !important; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .filters-dropdown[data-analytic-label="images"] {
  display: none; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-header .yotpo-icon-profile {
  background: #595959; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-header .yotpo-icon-profile .yotpo-user-letter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-header .yotpo-user-name {
  color: #181818; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark {
  color: #01DF9D; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-header.yotpo-store-owner .yotpo-icon-circle-checkmark {
  color: #ACE7FA; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-main .yotpo-review-wrapper .yotpo-read-more {
  color: #181818; }
  .yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-main .yotpo-review-wrapper .yotpo-read-more:hover {
    color: rgba(24, 24, 24, 0.8); }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-footer .yotpo-action > span {
  color: #181818; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-footer .yotpo-action:hover > span {
  color: rgba(24, 24, 24, 0.8); }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-footer .yotpo-icon-seperator:before {
  color: transparent; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-regular-box .yotpo-comments-box {
  border-left: none; }

.yotpo.yotpo-main-widget .main-widget .yotpo-nav-content .yotpo-questions {
  padding-top: 20px; }

.yotpo .color-blue {
  background: #3091E7; }

.yotpo .color-red {
  background: #a80b1d; }

.yotpo .color-yellow {
  background: #FFCC00; }

.yotpo .color-green {
  background: #2eab2b; }

.yotpo .color-gray {
  background: #BEBEBE; }

.yotpo .color-gray-light {
  background: #F9F9F9; }

.yotpo .color-gray-dark {
  background: #595959; }

.yotpo .color-primary {
  background: #181818; }

.yotpo .color-primary-d1 {
  background: black; }

.yotpo .color-primary-d2 {
  background: black; }

.yotpo .color-primary-l1 {
  background: #4b4b4b; }

.yotpo .color-primary-l2 {
  background: #7e7e7e; }

.yotpo .color-primary-l3 {
  background: #b1b1b1; }

.yotpo .color-primary-l4 {
  background: #e4e4e4; }

.yotpo .font-color-blue {
  color: #3091E7; }

.yotpo .font-color-yellow {
  color: #FFCC00; }

.yotpo .font-color-green {
  color: #2eab2b; }

.yotpo .font-color-gray {
  color: #BEBEBE; }

.yotpo .font-color-gray-light {
  color: #F9F9F9; }

.yotpo .font-color-gray-dark {
  color: #595959; }

.yotpo .font-color-primary {
  color: #181818; }

.yotpo .font-color-primary-d1 {
  color: black; }

.yotpo .font-color-primary-d2 {
  color: black; }

.yotpo .font-color-primary-l1 {
  color: #4b4b4b; }

.yotpo .font-color-primary-l2 {
  color: #7e7e7e; }

.yotpo .font-color-primary-l3 {
  color: #b1b1b1; }

.yotpo .font-color-primary-l4 {
  color: #e4e4e4; }

button.dw-apple-pay-button.applePaySpecificityOverride {
  width: 100%;
  display: block;
  padding: 8px 15px 8px 15px;
  margin-bottom: 16px;
  border-radius: 50px; }

.account-image {
  background-image: url(../../images/account.jpg);
  background-position-y: 40%; }

#sp-my-subscriptions {
  min-height: 30em; }

#sp-my-subscriptions .sp-field.custom-select select, #sp-my-subscriptions select.sp-field.form-control select, #sp-my-subscriptions select.sp-field select {
  border: none; }

.delivery-interval-group #delivery-periods {
  max-width: 50px; }

.trackingpage img.track_logo {
  height: 25px; }

.paymentmethodwarning {
  font-weight: bold;
  color: #a80b1d; }

/*
 * Based off of Yotpo CSS Widget Version: 2020-04-26_10-52-32
 */
.yotpo.yotpo-main-widget .yotpo-thank-you .yotpo-thankyou-footer .social-link {
  padding: 0 !important; }

.yotpo.yotpo-main-widget .yotpo-thank-you .yotpo-thankyou-footer .yotpo-default-button {
  padding: 6px 11px !important; }

.product-tile .yotpo.yotpo-small .yotpo-bottomline .text-m {
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin-left: 8px !important;
  color: #181818 !important; }
  .product-tile .yotpo.yotpo-small .yotpo-bottomline .text-m:hover {
    color: #181818 !important; }
  .product-tile .yotpo.yotpo-small .yotpo-bottomline .text-m::before {
    content: "(";
    padding-right: 1px; }
  .product-tile .yotpo.yotpo-small .yotpo-bottomline .text-m::after {
    content: ")";
    padding-left: 1px; }

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