/*

+----------------------+--------+----------+----------------+----------------+----------------+----------------+
|        Device        | Mobile |  Tablet  | Desktop        | Desktop        | Desktop        | Desktop        |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+
| Syntax               | XS     | S        | M              | L              | XL             | XXL            |
| Min-Max              | 0-767  | 768-1150 | 1151-1280      | 1281-1366      | 1367-1536      | 1537+          |
| Navigation           | Mobile | Mobile   | Desktop        | Desktop        | Desktop        | Desktop        |
| Navigation Max Width | 100%   | 100%     | 100%           | 100%           | 100%           | 1422px         |
| Image Usage          | Mobile | Tablet   | Desktop        | Desktop        | Desktop        | Desktop        |
| Max Width            | 100%   | 100%     | 1204px         | 94%            | 94%            | 94%            |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+

*/
.product-tile-pd .product-tile-image-link {
  text-decoration: none;
}
.product-tile-pd .product-tile-component-figure {
  margin-bottom: 0;
}
.product-tile-pd .product-tile-image {
  font-size: 1em;
}
.product-tile-pd .product-tile-image .quick-shop {
  background-color: #FFF;
  color: #101010;
  font-weight: 700;
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4);
  position: relative;
  border-radius: 0;
}
.product-tile-pd .product-tile-image .product-tile-component-image {
  width: 100%;
  height: auto;
}
@media (max-width: 1150.98px) {
  .product-tile-pd .product-tile-image .product-tile-component-image {
    width: 80%;
  }
}
.product-tile-pd .product-tile-image .quick-shop {
  display: none;
}
.product-tile-pd .product-tile-body .product-name-link {
  color: #101010;
  overflow: hidden;
  text-transform: capitalize;
}
.product-tile-pd .product-tile-body .product-name-link a {
  text-decoration: none;
}
.product-tile-pd .product-tile-body .product-price {
  font-weight: 400;
  color: #101010;
  font-size: 1rem;
}
.product-tile-pd .product-tile-body .product-price .strike-through {
  text-decoration: line-through;
  color: #6B6B6B;
}
.product-tile-pd .product-tile-body .product-price .sales.reduced-price {
  color: #C9291C;
}
.product-tile-pd .product-tile-body .product-ratings .rating-number {
  font-size: 0.75em;
  font-weight: 400;
  color: #444;
}
.product-tile-pd .product-tile-body .color-swatches .swatches-ul {
  list-style: none;
  padding: 0;
}
.product-tile-pd .product-tile-body .color-swatches .swatches-ul .swatch-li {
  background-repeat: no-repeat;
  background-position: 25%;
  margin-right: 0.75em;
  display: inline-block;
}
.product-tile-pd .product-tile-body .color-swatches .swatches-ul .swatch-li .swatch-button-li {
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  border: 0.1875em solid white;
  padding: 0;
  -webkit-box-shadow: 0 0 0 0.125em #CCC;
          box-shadow: 0 0 0 0.125em #CCC;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.product-tile-pd .product-tile-body .color-swatches .swatches-ul .swatch-li:nth-child(1) .swatch-button-li {
  -webkit-box-shadow: 0 0 0 0.125em #999;
          box-shadow: 0 0 0 0.125em #999;
}
.product-tile-pd .product-tile-body .color-swatches .swatches-ul .more-swatches-li,
.product-tile-pd .product-tile-body .color-swatches .swatches-ul .more-swatches-li-sm {
  display: inline-block;
}
@media (max-width: 1150.98px) {
  .product-tile-pd .product-tile-body .color-swatches .swatches-ul .swatch-li:nth-child(4),
  .product-tile-pd .product-tile-body .color-swatches .swatches-ul .swatch-li:nth-child(5) {
    display: none;
  }
  .product-tile-pd .product-tile-body .color-swatches .swatches-ul .more-swatches-li {
    display: none;
  }
  .product-tile-pd .product-tile-body .color-swatches .swatches-ul .more-swatches-li-sm {
    display: inline;
  }
}
.product-tile-pd .product-tile-body .color-swatches .swatches-ul .more-swatches,
.product-tile-pd .product-tile-body .color-swatches .swatches-ul .more-swatches-sm {
  font-size: 1em;
  font-weight: 300;
  color: #444;
  vertical-align: bottom;
}
@media (min-width: 1151px) {
  .product-tile-pd .product-tile-body .color-swatches .swatches-ul .more-swatches-li {
    display: inline;
  }
  .product-tile-pd .product-tile-body .color-swatches .swatches-ul .more-swatches-li-sm {
    display: none;
  }
}
.product-tile-pd .product-tile__promotions {
  color: #C9291C;
}