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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.category-tile {
  position: relative; }
  .category-tile h1,
  .category-tile h2 {
    font-size: 1.75rem;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff; }
  .category-tile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%); }

.refinement-bar {
  overflow: auto; }
  .refinement-bar ul {
    padding-left: 0; }
  @media (max-width: 768.98px) {
    .refinement-bar {
      background-color: #fff;
      box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5);
      display: none;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1; } }
  @media (max-width: 543.98px) {
    .refinement-bar {
      position: fixed;
      height: 100%; } }
  @media (min-width: 769px) {
    .refinement-bar {
      display: block !important; } }

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

.header-bar {
  background-color: #eee;
  border-bottom: 0.063em solid #eee; }
  .header-bar button.close {
    font-size: 1rem;
    font-weight: normal;
    opacity: 1; }
  .header-bar .fa.fa-close::before {
    font-size: 1.25em; }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .header-bar {
      padding: 0.938em 2.813em; } }
  @media (max-width: 543.98px) {
    .header-bar {
      padding: 0.938em; } }

.refinements .header,
.refinements .values {
  padding: 0.313em 0; }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .refinements .header li,
    .refinements .values li {
      display: inline-block; } }

.refinements .header {
  font-size: 1.125em;
  color: #444; }

.refinements ul {
  overflow: auto; }
  .refinements ul li {
    padding-left: 1px; }
    .refinements ul li button {
      border: none;
      color: var(--skin-link-color-1);
      background-color: transparent; }

.refinements li {
  list-style-type: none;
  padding-left: 0; }
  .refinements li.color-attribute {
    display: inline-block;
    padding-left: 0; }
    .refinements li.color-attribute button {
      padding: 0; }
  .refinements li.disabled {
    opacity: 0.5; }

@media (max-width: 543.98px) {
  .refinements {
    padding: 0; } }

.refinements .card-header h2 {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 0; }

.secondary-bar {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1em;
  overflow: auto; }
  @media (max-width: 768.98px) {
    .secondary-bar button.reset {
      float: right; } }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .secondary-bar {
      padding: 0.938em 2.813em; } }
  @media (max-width: 543.98px) {
    .secondary-bar {
      padding: 0.938em; } }

.refinement-header {
  overflow: auto; }

.disabled {
  pointer-events: none; }

.grid-header,
.content-grid-header {
  margin-top: 1em;
  margin-bottom: 1em; }
  @media (max-width: 543.98px) {
    .grid-header .result-count,
    .content-grid-header .result-count {
      padding-bottom: 0.938em; }
    .grid-header .filter-results,
    .content-grid-header .filter-results {
      display: block;
      width: 100%; } }
  .grid-header select,
  .content-grid-header select {
    width: 100%; }

.result-count {
  font-size: 0.875rem; }

.refinement {
  margin-bottom: 1em; }
  @media (max-width: 768.98px) {
    .refinement.card {
      border-top: 0 none;
      border-left: 0 none;
      border-right: 0 none;
      border-radius: 0;
      margin-bottom: 0; }
    .refinement .card-header {
      border-bottom: 0 none;
      padding: 0.25rem 1rem; }
    .refinement .card-body {
      padding: 0 1rem; } }
  .refinement a {
    text-decoration: none; }
  .refinement.refinement-category li {
    margin-left: 0.938em;
    display: block; }
  .refinement.refinement-category > ul > li {
    margin-left: 0; }

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

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

.filter-bar ul {
  padding-left: 15px; }

.filter-bar li {
  list-style: none;
  float: left;
  margin-left: 0.3125em;
  margin-right: 0.3125em; }
  .filter-bar li:first-child {
    margin-left: 0; }
  .filter-bar li.filter-value {
    border: 1px solid #ccc;
    padding: 0.3125em;
    border-radius: 3px;
    position: relative; }
    .filter-bar li.filter-value button {
      color: black;
      border: none;
      padding: 0 2rem 0 0.5rem; }
      .filter-bar li.filter-value button::after {
        content: "\F00D";
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        position: absolute;
        right: 10px;
        top: 11px; }
  .filter-bar li.swatch-filter {
    font-size: 1.38em;
    position: relative;
    margin-top: 4px; }
    .filter-bar li.swatch-filter button {
      width: 100%;
      height: 100%;
      display: block;
      border: none; }
      .filter-bar li.swatch-filter button::before {
        content: "";
        background-color: white;
        width: 0.8em;
        height: 0.8em;
        border-radius: 0.4em;
        position: absolute;
        left: 0.5em;
        top: 0.5em; }
      .filter-bar li.swatch-filter button::after {
        content: "\F057";
        font: normal normal normal 14px/1 FontAwesome;
        display: inline;
        text-rendering: auto;
        position: absolute;
        left: 0.18em;
        top: 0.12em;
        font-size: 1.5em; }

@media (max-width: 543.98px) {
  .tab-content {
    padding-left: 0;
    padding-right: 0; } }

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

.search-tips {
  text-align: left;
  margin-top: 1.875rem; }

.category-item {
  margin-bottom: 0.938rem; }

.show-more,
.show-more-content {
  padding: 0.938em;
  clear: both; }

.swatch-mark.color-value[data-selected=true]::after {
  color: #000;
  content: '\F058';
  display: table-caption;
  font-family: 'FontAwesome';
  font-size: 1.625em;
  left: 0.295em;
  position: absolute; }

.swatch-mark.color-value.selected::after {
  background: #fff;
  border-radius: 50%;
  color: #000;
  content: '\F058';
  display: table-caption;
  font-family: 'FontAwesome';
  font-size: 1.625em;
  height: 0.75em;
  left: 0.31em;
  line-height: 0.8em;
  position: absolute;
  top: 0.35em;
  width: 0.8em; }

.search-nav {
  margin-bottom: 1em;
  border-bottom: 0.063em solid #ccc; }
  .search-nav .nav-tabs-wrapper {
    padding: 0; }
    @media (max-width: 543.98px) {
      .search-nav .nav-tabs-wrapper {
        width: 100%; } }
    .search-nav .nav-tabs-wrapper .nav-tabs {
      border-bottom: 0 none; }
  .search-nav .nav-link:focus {
    background-color: #f9f9f9; }

.product-options .quantity {
  position: absolute;
  bottom: 0;
  right: 0; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swatch-square-miscellaneous {
  border-radius: 0;
  transform: unset; }
  .swatch-square-miscellaneous.selected::after {
    transform: unset; }

.category-tile {
  position: relative; }
  .category-tile h1,
  .category-tile h2 {
    font-size: 1.75rem;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff; }
  .category-tile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
@media (max-width: 543.98px) {
  .tab-content {
    padding-left: 15px;
    padding-right: 15px; } }

.secondary-bar.hide {
  display: none; }

.secondary-bar.show {
  display: block; }

@media (max-width: 991.98px) {
  .grid-header .result-count,
  .content-grid-header .result-count {
    padding-bottom: 0.938em; } }

.refinement-bar {
  transition: all 0.3s ease; }
  .refinement-bar.hide {
    width: 0;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0; }

@media (min-width: 769px) {
  .refinements {
    margin-top: 0.625rem;
    padding-right: 1rem; } }

.refinements ul li {
  padding: 0; }
  .refinements ul li.color-attribute {
    display: list-item;
    margin: 0 0.5rem 0.125rem 0; }
  .refinements ul li.size-attribute {
    margin: 0 0.5rem 0.5rem 0; }
    .refinements ul li.size-attribute button {
      height: 2.5rem;
      width: 2.5rem;
      padding: 0.25rem;
      font-size: 0.75rem; }

.refinement.card {
  margin-bottom: 1.5rem; }
  .refinement.card .card-header {
    padding: 0;
    border-bottom: 1px solid var(--color-grey3); }
    .refinement.card .card-header .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.3125rem 0 0.5rem;
      line-height: 1; }
  .refinement.card .refinement-headline {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0; }
  .refinement.card .card-body {
    padding: 0.75rem 0 0; }
  .refinement.card .values {
    margin-bottom: 0;
    padding: 0; }
  .refinement.card.refinement-category li {
    margin-left: 0; }
    .refinement.card.refinement-category li.has-subs > button {
      text-transform: uppercase; }
    .refinement.card.refinement-category li.has-subs:before {
      font-family: 'FontAwesome';
      font-size: 0.875rem;
      content: "\F078";
      position: relative;
      top: -1px;
      line-height: 1; }
    .refinement.card.refinement-category li.selected > button {
      font-weight: 600;
      pointer-events: none; }
  .refinement.card.refinement-category ul ul {
    margin-left: 1rem; }

.filter-bar {
  margin-top: 0.875rem; }
  @media (min-width: 769px) {
    .filter-bar {
      margin-top: 0; } }
  .filter-bar ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin-bottom: 0; }
  .filter-bar li.swatch-filter {
    margin-top: 0; }
    .filter-bar li.swatch-filter button {
      display: flex;
      align-items: center;
      justify-content: center; }
      .filter-bar li.swatch-filter button:before, .filter-bar li.swatch-filter button:after {
        left: unset;
        top: unset; }
  .filter-bar li.filter-value {
    padding: 0.1875rem 0.3125rem; }
    .filter-bar li.filter-value button {
      display: flex;
      align-items: center; }
      .filter-bar li.filter-value button:after {
        top: unset; }

@media (max-width: 543.98px) {
  .product-grid {
    padding-top: 0; }
    .product-grid .col-6 {
      padding-left: 15px;
      padding-right: 15px; } }

.grid-tile-wrapper {
  margin-bottom: 0.5rem; }
  @media (min-width: 769px) {
    .grid-tile-wrapper {
      padding: 0.625rem 0.9375rem; } }

/**
 *  @function strip-unit
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 **/
/**
 *  @function rem
 *  Converts pixel values to REM units
 **/
/**
 *  @function get-next-key
 *  Returns the next key in a map/list
 **/
/**
 *  @function get-next
 *  Returns the next value in a map/list
 **/
/**
 *  @function strip-unit
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 **/
/**
 *  @function rem
 *  Converts pixel values to REM units
 **/
/**
 *  @function get-next-key
 *  Returns the next key in a map/list
 **/
/**
 *  @function get-next
 *  Returns the next value in a map/list
 **/
/*
 * Custom Gutters:
 * Utility Mixin to use when you need custom gutters defined on a .row element
 */
/**
 * Utility Styles
 * A generic mixin to create looped responsive styles.
 * Template:
 *  {prefix}-{rule}-{breakpoint?} {
 *     {prefixval}: {value};
 *  }
 * @param {sass:map} $map Map of styles to iterate through. key is the second part of the classname, value is the CSS value
 *   $map: (
 *      'flex': flex,
 *      'inline': inline,
 *      'none': none,
 *      'block': block
 *   );
 * @param {sass:map} $prefixmap Map of classname, rule prefixes to iterate through
 *   prefixmap: ('d': display)
 *
 * Output example:
 *  .d-flex { display: flex }
 *  .d-inline { display: inline }
 *  ...
 *  @media (max-width: ...) {
 *   .d-flex { display: flex }
 *   .d-inline { display: inline }
 *   ...
 *  }
**/
/**
    Mixin for assigning responsive font size definitions.
    Meant to be used for single-source typography definitions assigned to separate selectors.
    @param {string} $stylekey key of style to pull the font size from.
        Example: 'h1', 'p1', etc.
    @param {sass:map} $map 2 dimensional map of style definitions.
        First level is the viewport to assign, second are the types of definitions.
        '_default' will apply without a media query, else, the key will apply to a bootstrap media-breakpoint-up media query
        Example: $map: ( '_default': ( 'h1': 42px, 'h2', 38px ...))
**/
/**
 *  @function strip-unit
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 **/
/**
 *  @function rem
 *  Converts pixel values to REM units
 **/
/**
 *  @function get-next-key
 *  Returns the next key in a map/list
 **/
/**
 *  @function get-next
 *  Returns the next value in a map/list
 **/
.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 575.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 575.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 576px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 575.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 575.98px) {
    .container.product-detail {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1024px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 1024px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f5f5f5; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

@media (min-width: 576px) {
  .add-to-basket-alert {
    display: none; } }

.container.product-detail.product-wrapper {
  margin-top: 1rem;
  margin-bottom: 0; }
  @media (min-width: 769px) {
    .container.product-detail.product-wrapper {
      margin-top: 2em;
      margin-bottom: 2em; } }

.product-detail .primary-images {
  display: block;
  margin-bottom: 1.5rem; }
  @media (min-width: 576px) {
    .product-detail .primary-images {
      margin-bottom: 0; } }
  .product-detail .primary-images .slick-slider .slick-track {
    display: flex;
    align-items: center; }
  @media (min-width: 1024px) {
    .product-detail .primary-images .main-carousel-container {
      margin-left: 0; } }
  @media (min-width: 769px) and (max-width: 1023.98px) {
    .product-detail .primary-images .main-carousel-container .carousel {
      width: 100%; } }
  @media (min-width: 1024px) {
    .product-detail .primary-images .main-carousel-container .slick-prev:before,
    .product-detail .primary-images .main-carousel-container .slick-next:before {
      font-size: 1.625rem; } }
  .product-detail .primary-images .main-carousel-container .slick-prev {
    left: 0.5rem; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .main-carousel-container .slick-prev {
        left: -2.375rem; } }
  .product-detail .primary-images .main-carousel-container .slick-next {
    right: 0.5rem; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .main-carousel-container .slick-next {
        right: -2.375rem; } }
  .product-detail .primary-images .thumbnail-carousel-container {
    width: 85%;
    max-width: 23.125rem;
    margin: 0 auto; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .thumbnail-carousel-container {
        width: 100%; } }
    .product-detail .primary-images .thumbnail-carousel-container .carousel {
      width: 100%;
      margin: 1.5625rem auto; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: auto;
      padding: 0 0.3125rem; }
      .product-detail .primary-images .thumbnail-carousel-container .slick-slide img {
        opacity: 1;
        margin: 0;
        padding: 0;
        font-size: 0; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-prev,
    .product-detail .primary-images .thumbnail-carousel-container .slick-next {
      left: unset;
      bottom: unset;
      top: 50%;
      transform: rotate(0deg) translateY(-50%); }
      .product-detail .primary-images .thumbnail-carousel-container .slick-prev:before,
      .product-detail .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.625rem; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-prev {
      left: -0.75rem; }
      @media (min-width: 1024px) {
        .product-detail .primary-images .thumbnail-carousel-container .slick-prev {
          left: -2.375rem; } }
    .product-detail .primary-images .thumbnail-carousel-container .slick-next {
      right: -0.75rem; }
      @media (min-width: 1024px) {
        .product-detail .primary-images .thumbnail-carousel-container .slick-next {
          right: -2.375rem; } }
    .product-detail .primary-images .thumbnail-carousel-container .prod-thumb {
      display: block !important;
      padding: 0.1875rem;
      margin: 0; }
      .product-detail .primary-images .thumbnail-carousel-container .prod-thumb .carousel-img {
        margin: 0; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-current .prod-thumb {
      border: 0.1875rem solid var(--skin-primary-color); }

.product-video-thumb {
  position: relative; }
  .product-video-thumb::before {
    display: block;
    content: '';
    height: 3.75rem;
    width: 3.75rem;
    background-color: var(--color-black);
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; }
  .product-video-thumb::after {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1rem;
    width: 1.5rem;
    margin: 1px 0 0 0.125rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 1.25rem;
    content: '\F04B';
    color: var(--color-primary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-text-stroke: 0.125rem var(--color-white); }

div.cart-and-ipay {
  justify-content: center;
  padding-bottom: 0.625rem; }
  div.cart-and-ipay .pdp-checkout-button {
    padding: 0 15px; }
    div.cart-and-ipay .pdp-checkout-button .add-to-cart {
      padding: 0.75rem 1.25rem; }
    div.cart-and-ipay .pdp-checkout-button .add-to-cart-global {
      padding: 0.75rem 1.25rem; }
  div.cart-and-ipay .pdp-apple-pay-button {
    padding: 0 1.5em 0 0; }

.prices-add-to-cart-actions .channel-sight .btn {
  margin-bottom: 0.625rem;
  width: 100%; }

.prices-add-to-cart-actions .channel-sight:first-of-type .btn {
  margin-top: 0.625rem; }

/**
 *  @function strip-unit
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 **/
/**
 *  @function rem
 *  Converts pixel values to REM units
 **/
/**
 *  @function get-next-key
 *  Returns the next key in a map/list
 **/
/**
 *  @function get-next
 *  Returns the next value in a map/list
 **/
.product-info {
  display: flex;
  align-items: flex-start;
  gap: 20px; }
  @media (min-width: 769px) {
    .product-info {
      max-width: 79.75rem;
      margin: 0 auto; } }
  .product-info .primary-images {
    max-width: 100%;
    width: 100%;
    margin: 1rem auto 0;
    padding: 0; }
    @media (min-width: 769px) {
      .product-info .primary-images {
        max-width: 66.15%;
        min-width: 66.15%;
        flex: 1 1 66.15%;
        flex-direction: column;
        position: sticky;
        top: var(--header-height);
        bottom: auto; } }
    .product-info .primary-images .pdp-badge {
      position: absolute;
      top: 1rem;
      left: 1rem;
      z-index: 2; }
      @media (min-width: 769px) {
        .product-info .primary-images .pdp-badge {
          top: 1.25rem;
          left: 1.25rem; } }
    .product-info .primary-images .main-carousel-container {
      margin-left: 0;
      max-width: 100% !important;
      overflow: unset;
      position: relative; }
      @media (min-width: 769px) {
        .product-info .primary-images .main-carousel-container {
          margin-bottom: 2.5rem; } }
  @media (min-width: 769px) {
    .product-info .product-content {
      position: sticky;
      top: var(--header-height);
      bottom: auto; } }
  .product-info .product-tabs-wrapper {
    margin-bottom: 1.75rem;
    margin-top: 40px;
    margin-left: -24px;
    margin-right: -24px; }
    @media (min-width: 769px) {
      .product-info .product-tabs-wrapper {
        max-width: 100%;
        width: 100%;
        margin-bottom: 2.5rem;
        margin-left: auto;
        margin-right: auto; } }
  @media (min-width: 769px) {
    .product-info .product-left {
      position: sticky;
      top: var(--header-height); } }
  .product-info .swiper-pagination {
    bottom: 0;
    top: auto; }
  .product-info .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 0;
    border: none;
    margin: 0 0.375rem;
    background: var(--color-white); }
    .product-info .swiper-pagination-bullet-active {
      background: var(--color-white); }

.primary-images .image-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  padding-bottom: 0; }
  @media (max-width: 768.98px) {
    .primary-images .image-wrapper {
      height: 22.375rem;
      padding-bottom: 2.5rem !important; } }
  .primary-images .image-wrapper.swiper {
    display: block;
    height: auto; }
    @media (max-width: 768.98px) {
      .primary-images .image-wrapper.swiper {
        height: auto; } }
    .primary-images .image-wrapper.swiper .swiper-wrapper {
      display: flex; }
    .primary-images .image-wrapper.swiper .swiper-pagination {
      position: static;
      margin-top: 1.25rem;
      display: flex;
      justify-content: center; }
  .primary-images .image-wrapper .product-imgs {
    position: relative;
    overflow: hidden;
    background-color: var(--color-black); }
    @media (min-width: 769px) {
      .primary-images .image-wrapper .product-imgs {
        max-width: 25.75rem; } }
    .primary-images .image-wrapper .product-imgs img {
      width: 100%;
      max-width: 100%;
      height: 100%;
      display: block; }
      @media (min-width: 769px) {
        .primary-images .image-wrapper .product-imgs img {
          max-width: 25.75rem; } }
  .primary-images .image-wrapper .product-video {
    position: relative;
    cursor: pointer; }
    .primary-images .image-wrapper .product-video::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 3.75rem;
      height: 3.75rem;
      background-image: url("../../images/pdp-play-btn.svg");
      background-repeat: no-repeat;
      background-size: contain; }

.pdp-image-modal .modal-dialog {
  height: 90vh;
  max-height: 90vh;
  margin: auto; }

.pdp-image-modal-swiper {
  padding-bottom: 2.5rem !important;
  height: 90%; }
  .pdp-image-modal-swiper .product-video {
    position: relative;
    width: 100%;
    height: 100%; }
  .pdp-image-modal-swiper .product-modal-images {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .pdp-image-modal-swiper .product-modal-images .carousel-img {
      max-width: 100%;
      max-height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .pdp-image-modal-swiper .swiper-pagination {
    bottom: 0;
    top: auto; }
    .pdp-image-modal-swiper .swiper-pagination-bullet {
      width: 0.625rem;
      height: 0.625rem;
      border-radius: 0;
      border: none;
      margin: 0 0.375rem;
      background: var(--color-white); }
      .pdp-image-modal-swiper .swiper-pagination-bullet-active {
        background: var(--color-white); }

.plplistpage {
  background-color: #000; }
  .plplistpage .breadcrumb {
    padding: 10px 20px 10px 10px; }
    @media (min-width: 769px) {
      .plplistpage .breadcrumb {
        padding: 20px 56px; } }
    .plplistpage .breadcrumb .breadcrumb-item {
      position: relative; }
      .plplistpage .breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: 0; }
        @media (min-width: 769px) {
          .plplistpage .breadcrumb .breadcrumb-item + .breadcrumb-item {
            padding-left: 20px; } }
      .plplistpage .breadcrumb .breadcrumb-item a {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-decoration: none; }
        .plplistpage .breadcrumb .breadcrumb-item a:first-child {
          font-weight: 700; }
          @media (min-width: 769px) {
            .plplistpage .breadcrumb .breadcrumb-item a:first-child {
              font-weight: 400; } }
      .plplistpage .breadcrumb .breadcrumb-item:first-child {
        display: inline-block;
        padding-left: 14px; }
        @media (min-width: 769px) {
          .plplistpage .breadcrumb .breadcrumb-item:first-child {
            padding-left: 0; } }
        .plplistpage .breadcrumb .breadcrumb-item:first-child::before {
          background-image: url(../images/breadcrumb-vector-orange.svg); }
          @media (min-width: 769px) {
            .plplistpage .breadcrumb .breadcrumb-item:first-child::before {
              display: none; } }
      .plplistpage .breadcrumb .breadcrumb-item:last-child {
        display: none; }
        @media (min-width: 769px) {
          .plplistpage .breadcrumb .breadcrumb-item:last-child {
            display: inline-block; } }
        .plplistpage .breadcrumb .breadcrumb-item:last-child a {
          font-weight: 700; }
        .plplistpage .breadcrumb .breadcrumb-item:last-child::before {
          content: "";
          width: 4px;
          height: 9px;
          display: block;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 7px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          background-image: url(../images/breadcrumb-vector-orange.svg); }
      .plplistpage .breadcrumb .breadcrumb-item::before {
        font-size: 9px;
        line-height: 1;
        color: #171717;
        content: "";
        width: 4px;
        height: 9px;
        position: absolute;
        top: 9px;
        left: 1px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/breadcrumb-vector-orange.svg); }
  .plplistpage .filter-bar-wrap .mobile-sort {
    display: none; }
  @media (min-width: 769px) {
    .plplistpage .filter-bar-wrap .mobile-sort {
      display: block;
      padding-left: 16px; }
      .plplistpage .filter-bar-wrap .mobile-sort .select-label {
        display: none; }
      .plplistpage .filter-bar-wrap .mobile-sort .custom-select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%;
        background-color: #000;
        background-image: url(../images/chevron-down-orange.svg);
        background-repeat: no-repeat;
        background-position: right 14px center;
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 12px 190px 12px 12px;
        height: 50px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        color: #fff !important;
        outline: none;
        box-shadow: unset; } }
  .plplistpage .pd-carousel-wrapper {
    padding-bottom: 0;
    background-color: #000; }
    @media (min-width: 769px) {
      .plplistpage .pd-carousel-wrapper .pd-carousel {
        width: 100%;
        max-width: 100%; } }
    .plplistpage .pd-carousel-wrapper .pd-carousel .grid-content-tile__body {
      padding: 32px 20px;
      background-color: #000; }
    .plplistpage .pd-carousel-wrapper .pd-carousel .grid-content-tile__cta {
      position: static; }
    .plplistpage .pd-carousel-wrapper .pd-carousel .grid-content-tile__title {
      letter-spacing: 0.48px;
      padding-bottom: 24px; }
    .plplistpage .pd-carousel-wrapper .pd-carousel .grid-content-tile__image {
      background-color: #000; }
    .plplistpage .pd-carousel-wrapper .pd-carousel .grid-content-tile__link {
      font-size: 18px;
      letter-spacing: 1.8px; }
    .plplistpage .pd-carousel-wrapper .pd-carousel .grid-content-tile__border--tile {
      height: 20px; }
    @media (min-width: 769px) {
      .plplistpage .pd-carousel-wrapper .swiper-wrapper {
        flex-wrap: nowrap !important; } }
    @media (min-width: 769px) {
      .plplistpage .pd-carousel-wrapper [data-slides-lg="2"] .grid-content-tile {
        display: flex;
        flex-direction: row; }
      .plplistpage .pd-carousel-wrapper [data-slides-lg="2"] .grid-content-tile__title {
        padding-bottom: 32px; }
      .plplistpage .pd-carousel-wrapper [data-slides-lg="2"] .grid-content-tile__cta {
        margin-top: 0; }
      .plplistpage .pd-carousel-wrapper [data-slides-lg="2"] .grid-content-tile__body {
        padding: 40px 32px;
        position: relative; }
      .plplistpage .pd-carousel-wrapper [data-slides-lg="2"] .grid-content-tile__image,
      .plplistpage .pd-carousel-wrapper [data-slides-lg="2"] .grid-content-tile__body {
        flex: 1; } }
    .plplistpage .pd-carousel-wrapper .swiper-pagination-clickable .swiper-pagination-bullet {
      height: 10px;
      width: 10px;
      background-color: #cfcfcf;
      opacity: 1;
      border-radius: 0; }
      .plplistpage .pd-carousel-wrapper .swiper-pagination-clickable .swiper-pagination-bullet-active {
        background-color: #fff; }
  .plplistpage .plp-top .plp-page-title {
    padding-left: 0; }
  .plplistpage .plp-top .page-title {
    margin-top: 0 !important;
    padding: 0 0 16px;
    color: #fff;
    display: flex; }
  .plplistpage .grid-content-tile__image picture img {
    -o-object-fit: cover;
       object-fit: cover; }

.search-results.plp-page {
  background-color: #000;
  background-image: unset; }
  .search-results.plp-page .tab-content {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
  .search-results.plp-page .product-grid-top-row {
    padding-top: 20px; }
    @media (min-width: 769px) {
      .search-results.plp-page .product-grid-top-row {
        display: flex;
        padding: 32px 0; } }
    .search-results.plp-page .product-grid-top-row .refinement-bar {
      background-color: #000;
      display: none !important;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 1051; }
      .search-results.plp-page .product-grid-top-row .refinement-bar.show {
        display: flex !important;
        flex-direction: column; }
      @media (min-width: 769px) {
        .search-results.plp-page .product-grid-top-row .refinement-bar {
          width: 554px;
          left: 0; } }
      .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-heading {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        padding: 0; }
        .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-heading .d-md-none {
          display: block !important;
          font-size: 18px;
          font-style: normal;
          font-weight: 800;
          line-height: 120%;
          letter-spacing: 0.9px;
          text-transform: uppercase; }
        .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-heading .d-none.d-md-block {
          display: none !important; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .refinements button.title {
        display: block;
        width: 100%;
        position: relative;
        padding: 0 20px 0 0;
        color: #fe5000;
        font-size: 18px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%;
        letter-spacing: 0.9px;
        text-transform: uppercase;
        background: transparent;
        border: 0;
        text-align: left;
        cursor: pointer; }
        .search-results.plp-page .product-grid-top-row .refinement-bar .refinements button.title::after {
          content: "";
          position: absolute;
          top: 50%;
          right: 4px;
          width: 8px;
          height: 8px;
          margin-top: -6px;
          border-right: 2px solid #fe5000;
          border-bottom: 2px solid #fe5000;
          transform: rotate(45deg);
          transition: transform 0.2s ease; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values {
        margin: 20px 0 0;
        padding: 0; }
        .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values li {
          display: flex;
          align-items: flex-start;
          margin-bottom: 16px;
          flex-direction: column; }
          .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values li:last-child {
            margin-bottom: 0; }
          .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values li button {
            display: flex;
            align-items: center;
            background: transparent;
            border: 0;
            padding: 0;
            color: #fff;
            font-size: 14px;
            text-align: left;
            cursor: pointer; }
            .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values li button:disabled {
              cursor: not-allowed; }
          .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values li .checkbox-icon {
            flex: 0 0 auto;
            width: 18px;
            height: 18px;
            margin-right: 12px;
            border: 2px solid #fff;
            border-radius: 2px;
            position: relative; }
            .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values li .checkbox-icon.checked {
              background-color: #fe5000;
              border-color: #fe5000; }
              .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values li .checkbox-icon.checked::after {
                content: "";
                position: absolute;
                left: 5px;
                top: 1px;
                width: 5px;
                height: 10px;
                border: solid #fff;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg); }
          .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .values li span {
            color: #fff;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .collapsible-sm {
        border-bottom: 1px solid #4c5056;
        padding-bottom: 24px;
        margin-bottom: 24px; }
        .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .collapsible-sm:first-child {
          padding-top: 0; }
        .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .collapsible-sm.active button.title::after {
          transform: rotate(-135deg);
          margin-top: 2px; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .refinement-header {
        padding: 0;
        overflow: hidden; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .refinement-body {
        display: none; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .refinements .collapsible-sm.active .refinement-body {
        display: block; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-body {
        flex: 1 1 auto;
        overflow-y: auto;
        padding: 24px; }
        @media (min-width: 769px) {
          .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-body {
            padding: 40px 80px 24px; } }
      .search-results.plp-page .product-grid-top-row .refinement-bar .filter-header {
        align-items: center;
        justify-content: space-between;
        margin: 0 0 40px; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .filter-header .close {
        color: #fe5000;
        font-size: 20px;
        background: transparent;
        border: 0; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .mobile-sort {
        display: block !important;
        margin-bottom: 24px; }
        @media (min-width: 769px) {
          .search-results.plp-page .product-grid-top-row .refinement-bar .mobile-sort {
            margin-bottom: 40px; } }
        .search-results.plp-page .product-grid-top-row .refinement-bar .mobile-sort .select-label {
          display: block;
          font-size: 14px;
          color: #fff;
          font-style: normal;
          font-weight: 400;
          line-height: 120%;
          letter-spacing: 0.28px;
          margin-bottom: 4px; }
        .search-results.plp-page .product-grid-top-row .refinement-bar .mobile-sort .custom-select {
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          width: 100%;
          background-color: #000;
          background-image: url(../images/chevron-down-orange.svg);
          background-repeat: no-repeat;
          background-position: right 14px center;
          border: 1px solid #fff;
          border-radius: 4px;
          padding: 12px 32px 12px 12px;
          height: 48px;
          color: #fff;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 120%; }
      .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer {
        flex: 0 0 auto;
        padding: 24px;
        border-top: 1px solid #444;
        background-color: #000; }
        @media (min-width: 769px) {
          .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .button-clear-wrap {
            flex-direction: row-reverse !important;
            justify-content: center;
            row-gap: 32px; } }
        .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .row {
          flex-direction: column; }
        @media (min-width: 769px) {
          .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .col {
            display: flex;
            justify-content: center; } }
        .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .col,
        .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .col-auto {
          width: 100%;
          max-width: 100%;
          flex: 0 0 100%; }
        .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .close {
          display: block;
          width: 100%;
          background-color: #fe5000;
          border: 0;
          border-radius: 4px;
          color: #fff;
          text-transform: uppercase;
          padding: 16px 32px;
          text-align: center;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 120%;
          letter-spacing: 2px;
          opacity: 1; }
          @media (min-width: 769px) {
            .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .close {
              max-width: 234px; } }
        .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .secondary-bar {
          width: 100%;
          text-align: center;
          display: flex;
          justify-content: center;
          padding: 0;
          margin-top: 24px; }
          @media (min-width: 769px) {
            .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .secondary-bar {
              width: auto;
              padding: 0;
              margin: 0; } }
        .search-results.plp-page .product-grid-top-row .refinement-bar .filterbar-footer .reset {
          color: #fff;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 120%;
          letter-spacing: 1.6px;
          text-transform: uppercase;
          text-decoration: none;
          padding-top: 8px;
          padding-bottom: 8px; }
    .search-results.plp-page .product-grid-top-row .filter-results {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background-color: #fe5000;
      border: 1px solid #fff;
      border-radius: 4px;
      width: 100%;
      color: #fff;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin: auto; }
      .search-results.plp-page .product-grid-top-row .filter-results .fa-filter {
        color: #fff;
        font-size: 14px; }
      .search-results.plp-page .product-grid-top-row .filter-results span {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1px;
        text-transform: uppercase; }
      @media (min-width: 769px) {
        .search-results.plp-page .product-grid-top-row .filter-results {
          background-color: #fe5000;
          border-color: #fe5000;
          padding-top: 11px;
          padding-bottom: 11px; } }
    .search-results.plp-page .product-grid-top-row .filter-bar-wrap {
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 769px) {
        .search-results.plp-page .product-grid-top-row .filter-bar-wrap {
          display: flex;
          justify-content: space-between; } }
      .search-results.plp-page .product-grid-top-row .filter-bar-wrap .filter-bar ul {
        margin: 0;
        gap: 16px; }
    .search-results.plp-page .product-grid-top-row .filters-btn-wrap {
      width: 100%;
      margin: 0 auto 40px; }
      @media (min-width: 769px) {
        .search-results.plp-page .product-grid-top-row .filters-btn-wrap {
          width: auto;
          margin-bottom: 0; } }
    .search-results.plp-page .product-grid-top-row .filter-bar {
      margin-top: 0;
      justify-content: space-between;
      -moz-column-gap: 32px;
           column-gap: 32px; }
      @media (min-width: 769px) {
        .search-results.plp-page .product-grid-top-row .filter-bar {
          justify-content: flex-end; } }
      .search-results.plp-page .product-grid-top-row .filter-bar ul {
        -moz-column-gap: 16px;
             column-gap: 16px; }
        @media (min-width: 769px) {
          .search-results.plp-page .product-grid-top-row .filter-bar ul {
            -moz-column-gap: 20px;
                 column-gap: 20px; } }
      .search-results.plp-page .product-grid-top-row .filter-bar .filter-value {
        border: 0;
        padding: 0;
        margin: 0; }
        @media (min-width: 769px) {
          .search-results.plp-page .product-grid-top-row .filter-bar .filter-value {
            display: flex;
            -moz-column-gap: 20px;
                 column-gap: 20px; } }
        .search-results.plp-page .product-grid-top-row .filter-bar .filter-value button {
          display: flex;
          align-items: center;
          gap: 8px;
          background-color: transparent;
          border: 1px solid #fe5000;
          color: #fff;
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.6px;
          text-transform: uppercase;
          padding: 4px 12px;
          cursor: pointer; }
          @media (min-width: 769px) {
            .search-results.plp-page .product-grid-top-row .filter-bar .filter-value button {
              font-size: 16px;
              border: 1px solid #fe5000;
              line-height: 150%;
              height: 40px;
              padding: 8px 12px; } }
          .search-results.plp-page .product-grid-top-row .filter-bar .filter-value button::after {
            content: ""; }
          .search-results.plp-page .product-grid-top-row .filter-bar .filter-value button .fa-times-circle {
            color: #fff;
            font-size: 14px; }
      .search-results.plp-page .product-grid-top-row .filter-bar .filter-overflow-badge {
        display: none; }
        @media (max-width: 768.98px) {
          .search-results.plp-page .product-grid-top-row .filter-bar .filter-overflow-badge {
            display: block; } }
        .search-results.plp-page .product-grid-top-row .filter-bar .filter-overflow-badge span {
          display: inline-flex;
          align-items: center;
          border: 1px solid #fff;
          color: #fff;
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.6px;
          text-transform: uppercase;
          padding: 6px 12px; }
      @media (max-width: 768.98px) {
        .search-results.plp-page .product-grid-top-row .filter-bar ul li.col-auto:not(.filter-overflow-badge):nth-child(n+3) {
          display: none; } }
      .search-results.plp-page .product-grid-top-row .filter-bar .reset {
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        cursor: pointer;
        padding: 8px 0;
        border-bottom: 2px solid #fe5000;
        border-radius: 0;
        text-decoration: none; }
        @media (min-width: 769px) {
          .search-results.plp-page .product-grid-top-row .filter-bar .reset {
            font-size: 18px;
            border-bottom: 2px solid #fe5000;
            border-radius: 0;
            text-decoration: none;
            height: 42px; } }

[data-action="Search-Show"] .save-vehicle-status-modal {
  display: none !important; }

.search-results {
  background-color: #000;
  max-width: unset !important;
  background-image: url(../images/ui/graphics/corner-lines-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 50px; }
  @media (min-width: 769px) {
    .search-results {
      background-position: -320px 62px;
      background-size: cover; } }
  .search-results .breadcrumb {
    padding: 15px 24px 15px 0;
    border-bottom: none;
    position: relative; }
    @media (min-width: 769px) {
      .search-results .breadcrumb {
        padding: 20px 0; } }
    .search-results .breadcrumb:last-child a {
      font-family: "helvetica_neue_lt_std65Md";
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; }
    .search-results .breadcrumb .breadcrumb-item {
      position: relative; }
      @media (min-width: 769px) {
        .search-results .breadcrumb .breadcrumb-item + .breadcrumb-item {
          padding-left: 28px; }
          .search-results .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
            content: "";
            width: 4px;
            height: 9px;
            display: block;
            position: absolute;
            top: 50%;
            left: 12px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../images/breadcrumb-vector-orange.svg);
            transform: translateY(-50%); } }
      .search-results .breadcrumb .breadcrumb-item:nth-child(2) {
        display: none; }
        @media (min-width: 769px) {
          .search-results .breadcrumb .breadcrumb-item:nth-child(2) {
            display: block; } }
      .search-results .breadcrumb .breadcrumb-item a {
        color: #fff !important;
        text-decoration: none;
        font-weight: 400; }
  .search-results .result-count {
    padding-bottom: 18px;
    color: #fff; }
    @media (min-width: 769px) {
      .search-results .result-count {
        padding-bottom: 24px;
        padding-top: 30px; } }
    .search-results .result-count p,
    .search-results .result-count span {
      margin: 0;
      color: #fdfdfd;
      font-size: 28px;
      font-style: normal;
      font-weight: 800;
      line-height: 110%;
      letter-spacing: 0.56px;
      text-transform: uppercase; }
    .search-results .result-count a {
      color: #fe5000; }
    .search-results .result-count .search-result-count,
    .search-results .result-count .search-keywords {
      display: inline;
      color: #fff;
      font-family: "Helvetica Black", "Arial Black", Helvetica, Arial, sans-serif;
      font-size: 20px;
      font-weight: 800;
      line-height: 120%;
      letter-spacing: 0.4px;
      text-transform: uppercase; }
    .search-results .result-count .search-result-count::after {
      content: ":"; }
  .search-results .search-nav {
    padding-bottom: 16px;
    border-bottom: 0;
    margin-bottom: 0; }
    @media (min-width: 769px) {
      .search-results .search-nav {
        padding-bottom: 24px; } }
  .search-results .nav-tabs-dropdown {
    display: block;
    position: static;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .search-results .nav-tabs-dropdown.open .nav-tabs-dropdown-menu {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      height: auto !important;
      min-height: 1px !important;
      max-height: none !important;
      overflow: visible !important;
      position: relative !important;
      z-index: 20 !important; }
    .search-results .nav-tabs-dropdown.open .nav-tabs-dropdown-toggle::after {
      transform: rotate(-135deg);
      margin-top: -2px; }
    .search-results .nav-tabs-dropdown .nav-tabs-dropdown-toggle {
      display: block;
      width: 100%;
      background-color: #000;
      color: #fff;
      border: 1px solid #fff;
      border-radius: 4px;
      padding: 12px;
      text-align: left;
      position: relative;
      cursor: pointer;
      font-size: 16px;
      font-weight: 400;
      line-height: 120%;
      outline: none; }
      .search-results .nav-tabs-dropdown .nav-tabs-dropdown-toggle::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 16px;
        width: 8px;
        height: 8px;
        margin-top: -6px;
        border-right: 2px solid #fe5000;
        border-bottom: 2px solid #fe5000;
        transform: rotate(45deg);
        transition: transform 0.2s ease; }
    .search-results .nav-tabs-dropdown .nav-tabs-dropdown-menu {
      display: none;
      position: static;
      width: 100%;
      background-color: #000;
      border: 1px solid #fff;
      border-radius: 4px;
      margin-top: 4px;
      padding: 0;
      z-index: auto; }
      .search-results .nav-tabs-dropdown .nav-tabs-dropdown-menu .nav-tabs-dropdown-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #97999b !important;
        font-family: "HelveticaNeue";
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4;
        padding: 12px 16px;
        background-color: transparent;
        text-decoration: none; }
        .search-results .nav-tabs-dropdown .nav-tabs-dropdown-menu .nav-tabs-dropdown-item.active, .search-results .nav-tabs-dropdown .nav-tabs-dropdown-menu .nav-tabs-dropdown-item:hover, .search-results .nav-tabs-dropdown .nav-tabs-dropdown-menu .nav-tabs-dropdown-item:focus {
          color: #fff !important;
          background-color: #222; }
  .search-results .nav-tabs-wrapper {
    width: 100%; }
    .search-results .nav-tabs-wrapper .nav-tabs {
      border-radius: 4px;
      overflow: hidden;
      flex-wrap: nowrap; }
      @media (min-width: 769px) {
        .search-results .nav-tabs-wrapper .nav-tabs {
          width: -moz-fit-content;
          width: fit-content;
          gap: 8px; } }
      .search-results .nav-tabs-wrapper .nav-tabs .nav-link {
        font-family: "helvetica_neue_lt_proregular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0.28px;
        font-weight: 400;
        color: #fff !important;
        letter-spacing: 0.14px;
        text-align: center;
        padding: 10px 40px;
        border: 0;
        border-radius: 4px 4px 0 0;
        box-shadow: 0 37px 10px 0 rgba(94, 94, 94, 0), 0 23px 9px 0 rgba(94, 94, 94, 0.03) inset, 0 13px 8px 0 rgba(94, 94, 94, 0.11) inset, 0 6px 6px 0 rgba(94, 94, 94, 0.19) inset, 0 1px 3px 0 rgba(94, 94, 94, 0.22) inset; }
        .search-results .nav-tabs-wrapper .nav-tabs .nav-link.active {
          color: #fff;
          font-weight: 700;
          background-color: #060606;
          border: 2px solid #fff;
          border-bottom: 0; }
        .search-results .nav-tabs-wrapper .nav-tabs .nav-link:hover {
          background-color: unset;
          outline: none; }
  .search-results .product-grid {
    display: flex;
    flex-direction: column;
    padding-bottom: 84px;
    position: relative; }
    .search-results .product-grid .grid-footer {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
      .search-results .product-grid .grid-footer .show-more {
        padding: 0; }
      .search-results .product-grid .grid-footer .readmore-link {
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        background-color: transparent;
        border: 0;
        padding: 8px 0;
        border-bottom: 2px solid #fe5000;
        position: relative; }
        .search-results .product-grid .grid-footer .readmore-link::after {
          content: "";
          width: 16px;
          height: 16px;
          display: block;
          position: absolute;
          top: 50%;
          right: -23px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          background-image: url(../images/add.svg);
          transform: translateY(-50%); }
    .search-results .product-grid .grid-tile-wrapper {
      flex: 0 0 100%;
      max-width: 100%;
      background-color: #000;
      color: #fff;
      border-bottom: 6px solid #fe5000 !important;
      margin-bottom: 32px; }
      .search-results .product-grid .grid-tile-wrapper:last-child {
        border-bottom: 0;
        margin-bottom: 0; }
      .search-results .product-grid .grid-tile-wrapper:hover {
        box-shadow: none; }
    @media (min-width: 769px) {
      .search-results .product-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        -moz-column-gap: 20px;
             column-gap: 20px;
        row-gap: 56px; }
        .search-results .product-grid .grid-tile-wrapper {
          border-bottom: 0;
          padding: 0;
          margin-bottom: 0; } }
  .search-results .product-tile {
    position: relative;
    background-color: #000;
    color: #fff; }
    .search-results .product-tile .tile-badge {
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 1;
      width: auto;
      height: auto;
      display: flex; }
      .search-results .product-tile .tile-badge img {
        width: auto;
        height: auto;
        max-width: 100%; }
    .search-results .product-tile .image-container {
      background-color: #fff;
      padding: 16px; }
      .search-results .product-tile .image-container .tile-image {
        display: block;
        margin: 0 auto; }
    .search-results .product-tile .tile-body {
      padding: 16px 20px 40px; }
      @media (min-width: 769px) {
        .search-results .product-tile .tile-body {
          padding: 32px 20px; } }
      @media (min-width: 769px) {
        .search-results .product-tile .tile-body .tile-subbody {
          padding: 0; } }
    .search-results .product-tile .tile-body-mobile {
      display: flex;
      flex-direction: column; }
      .search-results .product-tile .tile-body-mobile .tile-mobileImg {
        display: none; }
    .search-results .product-tile .product-brand {
      color: #fe5000;
      font-family: "HelveticaNeue";
      font-size: 18px;
      font-style: normal;
      font-weight: 800;
      line-height: 120%; }
      @media (min-width: 769px) {
        .search-results .product-tile .product-brand {
          height: 33px;
          display: flex;
          align-items: center; } }
    .search-results .product-tile .product-tile-name {
      margin-bottom: 16px; }
      .search-results .product-tile .product-tile-name a {
        font-family: "helvetica_neue_lt_std95_black";
        font-size: 30px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        font-size: 20px;
        color: #fff !important;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 1.2;
        letter-spacing: 0.4px; }
        @media (min-width: 769px) {
          .search-results .product-tile .product-tile-name a {
            font-size: 24px;
            letter-spacing: 0.48px; } }
    .search-results .product-tile .series-label {
      font-family: "helvetica_neue_lt_std65Md";
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
      font-size: 11px;
      margin-bottom: 16px;
      padding: 8px;
      letter-spacing: 0.77px;
      font-weight: 500;
      display: inline-block;
      color: #cfcfcf;
      line-height: 100%;
      text-transform: uppercase;
      border: 1px solid #cfcfcf;
      border-radius: 4px; }
    .search-results .product-tile .tile-price {
      margin-bottom: 12px; }
      .search-results .product-tile .tile-price .price-wrap,
      .search-results .product-tile .tile-price .price,
      .search-results .product-tile .tile-price .price *,
      .search-results .product-tile .tile-price .tile-addToCart {
        font-family: "helvetica_neue_lt_std95_black";
        font-size: 30px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        font-family: "helvetica_neue_lt_std65Md";
        font-size: 20px;
        font-weight: 700;
        color: #fff !important;
        text-decoration: none;
        line-height: 1.2; }
      .search-results .product-tile .tile-price .tile-addToCart.nonPurchasable, .search-results .product-tile .tile-price .tile-addToCart.clearance {
        color: #97999b !important;
        font-size: 14px; }
      .search-results .product-tile .tile-price .add-to-cart-global {
        width: 100%;
        margin-top: 12px;
        padding: 12px;
        background-color: #fe5000;
        color: #fff;
        border: 0;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        display: none; }
        .search-results .product-tile .tile-price .add-to-cart-global.grey-button {
          background-color: #4c5055; }
      .search-results .product-tile .tile-price .tile-nonpurchasable {
        display: none; }
    .search-results .product-tile .offroad-tile-description {
      font-family: "helvetica_neue_lt_proregular";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      letter-spacing: 0.28px;
      color: #fff;
      margin-top: 8px;
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical; }
      @media (min-width: 769px) {
        .search-results .product-tile .offroad-tile-description {
          font-size: 16px; } }
      .search-results .product-tile .offroad-tile-description strong {
        color: #fe5000;
        letter-spacing: 0.32px;
        line-height: 120%; }
    @media (min-width: 769px) {
      .search-results .product-tile > .image-container {
        display: block; }
      .search-results .product-tile .tile-mobileImg {
        display: none; } }
  .search-results .tab-content {
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: transparent; }
    @media (min-width: 769px) {
      .search-results .tab-content {
        padding-top: 24px; } }
    .search-results .tab-content > .tab-pane {
      display: none; }
      .search-results .tab-content > .tab-pane.active {
        display: block; }
  .search-results .content-grid-header {
    margin-top: 0; }
    .search-results .content-grid-header .content-search-results {
      margin-bottom: 32px; }
      .search-results .content-grid-header .content-search-results .content-search-card {
        background-color: #fff;
        position: relative;
        margin-bottom: 32px; }
        .search-results .content-grid-header .content-search-results .content-search-card .image-right-wrap {
          flex-direction: column-reverse; }
          @media (min-width: 769px) {
            .search-results .content-grid-header .content-search-results .content-search-card .image-right-wrap {
              flex-direction: row; } }
        @media (min-width: 769px) {
          .search-results .content-grid-header .content-search-results .content-search-card {
            margin-bottom: 56px; } }
        .search-results .content-grid-header .content-search-results .content-search-card .content-search-badge-image {
          position: absolute;
          right: 20px;
          top: 20px;
          width: 20px;
          height: 20px; }
      .search-results .content-grid-header .content-search-results .content-search-image-wrapper {
        border-bottom: 6px solid #fe5000; }
        @media (min-width: 769px) {
          .search-results .content-grid-header .content-search-results .content-search-image-wrapper {
            border-bottom: 0; }
            .search-results .content-grid-header .content-search-results .content-search-image-wrapper.image-right .content-search-image {
              border-left: 6px solid #fe5000;
              -o-object-fit: cover;
                 object-fit: cover;
              height: 100%;
              width: 100%; }
            .search-results .content-grid-header .content-search-results .content-search-image-wrapper.image-left .content-search-image {
              border-right: 6px solid #fe5000; } }
      .search-results .content-grid-header .content-search-results .content-search-content {
        padding: 20px !important;
        position: relative; }
        .search-results .content-grid-header .content-search-results .content-search-content .content-search-title {
          margin-bottom: 4px; }
          .search-results .content-grid-header .content-search-results .content-search-content .content-search-title a {
            color: #333 !important;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            text-decoration: none; }
        .search-results .content-grid-header .content-search-results .content-search-content .content-search-published-date {
          color: #75787b;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: 150%;
          letter-spacing: 0.36px;
          margin-bottom: 16px; }
        .search-results .content-grid-header .content-search-results .content-search-content .content-search-description {
          margin-bottom: 32px; }
          .search-results .content-grid-header .content-search-results .content-search-content .content-search-description p {
            color: #333;
            text-overflow: ellipsis;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 150%;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical; }
        .search-results .content-grid-header .content-search-results .content-search-content .content-search-learn-more {
          padding: 8px 8px 8px 0;
          color: #000 !important;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 120%;
          letter-spacing: 1.6px;
          text-transform: uppercase;
          position: relative;
          text-decoration: none; }
          .search-results .content-grid-header .content-search-results .content-search-content .content-search-learn-more::after {
            content: "";
            width: 16px;
            height: 16px;
            display: block;
            position: absolute;
            top: 50%;
            right: -16px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../images/black-arrow.svg);
            transform: translateY(-50%); }

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