/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_reebok/cartridge/client/default/scss/product/detail.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pull-left-xs {
  float: left;
}

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

@media (min-width: 544px) and (max-width: 768.98px) {
  .pull-left-sm {
    float: left;
  }
  .pull-right-sm {
    float: right;
  }
}
@media (min-width: 769px) and (max-width: 991.98px) {
  .pull-left-md {
    float: left;
  }
  .pull-right-md {
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .pull-left-lg {
    float: left;
  }
  .pull-right-lg {
    float: right;
  }
}
@media (min-width: 1200px) {
  .pull-left-xl {
    float: left;
  }
  .pull-right-xl {
    float: right;
  }
}
@media (max-width: 543.98px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (max-width: 768.98px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important;
  }
}
.hidden-xl-down {
  display: none !important;
}

.row.equal-height > [class^=col] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: beige;
  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: beige;
  border-radius: 0.69em;
  background-color: beige;
  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: brown;
  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: brown;
  border-radius: 0.69em;
  background-color: brown;
  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: navy;
  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: navy;
  border-radius: 0.69em;
  background-color: navy;
  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: orange;
  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: orange;
  border-radius: 0.69em;
  background-color: orange;
  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: purple;
  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: purple;
  border-radius: 0.69em;
  background-color: purple;
  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: red;
  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: red;
  border-radius: 0.69em;
  background-color: red;
  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: -webkit-gradient(linear, left bottom, left top, from(#821e91), color-stop(25%, #821e91), color-stop(0, #edd134), color-stop(50%, #ff0), color-stop(0, #edd134), color-stop(0, #59ba00), color-stop(76%, #59ba00), color-stop(0, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, from(#0e5cd1), color-stop(50%, #0e5cd1), color-stop(0, #e20b0b), to(#e20b0b));
  background: linear-gradient(0deg, #821e91, #821e91 25%, #edd134 0, #ff0 50%, #edd134 0, #59ba00 0, #59ba00 76%, #111 0, #111), linear-gradient(0deg, #0e5cd1, #0e5cd1 50%, #e20b0b 0, #e20b0b);
  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;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  width: 2.5em;
}

.swatch-circle-miscellaneous.disabled {
  opacity: 0.2;
}

.swatch-circle-miscellaneous.selected:after {
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.product-detail .attributes .swatch-circle {
  width: 60px;
  height: 60px;
  background: #fff;
  display: inline-block;
  margin-right: 0.313em;
  position: relative;
}

.product-detail .color-attribute:focus {
  outline: none;
}

.product-detail .attributes .swatch-circle.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;
}

.product-detail .attributes .swatch-circle.color-value.selected:after {
  color: #000;
  content: "\f058";
  display: table-caption;
  font-family: FontAwesome;
  font-size: 1.625em;
  left: 0.31em;
  position: absolute;
  top: 0.35em;
}

.product-detail .attributes .swatch-circle.color-value.selected:after,
.product-detail .attributes .swatch-circle i.fa-times-circle {
  background: #fff;
  border-radius: 50%;
  height: 0.75em;
  line-height: 0.8em;
  width: 0.8em;
}

.product-detail .swatch-circle.unselectable,
.product-detail [disabled] .swatch-circle {
  cursor: not-allowed;
}

.product-detail .swatch-circle.unselectable.color-value.selected:after,
.product-detail [disabled] .swatch-circle.color-value.selected:after {
  background-color: #495057;
}

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

.description-and-detail {
  margin-top: 2em;
}

@media (max-width: 543.98px) {
  .description-and-detail {
    margin-top: 0;
  }
  .description-and-detail .title {
    font-size: 1.5rem;
    margin-bottom: 0;
    font-family: Dosis, sans-serif;
  }
  .description-and-detail > div:last-child {
    margin-bottom: 1em;
  }
}
@media (min-width: 544px) {
  .description-and-detail .description {
    margin-bottom: 2em;
  }
}
@media (max-width: 543.98px) {
  .description-and-detail .content {
    margin-top: 1em;
  }
}
.social-container {
  padding-top: 0.9375em;
  text-align: center;
}

.social-container .social-icons {
  text-decoration: none;
  font-size: 1.875em;
  list-style-type: none;
  padding: 0;
  color: #444;
}

@media (max-width: 991.98px) {
  .social-container .social-icons {
    font-size: 1.5625em;
  }
}
.social-container .social-icons a,
.social-container .social-icons i {
  color: #444;
  padding-right: 0.2em;
}

label.availability {
  padding-right: 0.3125em;
}

@media (min-width: 544px) {
  .product-number-rating {
    border-bottom: 1px solid #ccc;
  }
}
@media (min-width: 769px) {
  .product-number-rating {
    border-top: 1px solid #ccc;
  }
}
@media (min-width: 544px) and (max-width: 768.98px) {
  .product-name {
    border-bottom: 1px solid #ccc;
  }
}
@media (min-width: 544px) {
  .product-number-rating .ratings {
    margin-top: 0.625em;
  }
}
@media (max-width: 543.98px) {
  .product-number-rating .ratings {
    background-color: #fff;
    margin-top: -1.875em;
    margin-right: -0.9375em;
    padding: 0.1875em;
  }
}
.product-number {
  color: #ccc;
  font-size: 0.875em;
  padding-bottom: 0.938em;
  padding-top: 0.938em;
}

.promotions {
  font-weight: 400;
  text-align: center;
  height: 85%;
}

.promotions div.collapsible-xl button.callout {
  font-size: 1.25em;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  color: #c00;
}

@media (min-width: 544px) {
  .promotions div.collapsible-xl button.callout {
    font-size: 1.375em;
  }
}
.promotions div.collapsible-xl button.callout:after {
  color: #000;
}

.product-breadcrumb .breadcrumb {
  border-bottom: none;
  margin-left: -1rem;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .product-breadcrumb .breadcrumb {
    border-top: 1px solid #ccc;
  }
}
.price {
  font-size: 1.5rem;
}

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

.size-chart .size-chart-collapsible {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1);
  transition-timing-function: cubic-bezier(0, 1, 0, 1);
}

.size-chart .size-chart-collapsible.active {
  max-height: 100%;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.color-attribute {
  border: none;
  padding: 0;
  background: none;
  background-size: 52px 52px;
  width: 52px;
  height: 52px;
}

.non-input-label {
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 5px;
  font-weight: bold;
}

@media (min-width: 769px) {
  .attributes {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 543.98px) {
  .product-grid {
    padding-top: 0.938em;
  }
  .product-grid .col-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.variation-picker .selectable {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 52px;
  height: 52px;
  display: block;
}

.variation-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.variation-picker--fixed {
  position: fixed;
  bottom: 10rem;
  left: 0;
  z-index: 4;
}

.variation-picker-container {
  padding: 5px 20px;
  background: #fff;
}

.variation-picker-container .color-attribute {
  margin: 0 5px;
}

#pdp-mu536 > div:nth-child(3) > div > div.experience-component.experience-commerce_layouts-containerPDPDescription > section > div > div > div > main > section > section.row.pdp__header-pdp-wrapper > section > div.pdp-images {
  display: none;
}

.styleConfigLTD #pdp__sidebar {
  background-color: #DADFE8;
}
.styleConfigLTD #pdp__sidebar .add-to-cart i {
  color: white;
}
.styleConfigLTD #pdp__sidebar .variation-picker-container {
  background-color: #DADFE8;
}
@media (max-width: 543.98px) {
  .styleConfigLTD #pdp__sidebar {
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .styleConfigLTD #pdp__sidebar .prices-add-to-cart-actions {
    background-color: #DADFE8;
  }
}

.set-items-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 769px) {
  .set-items-layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.set-items-layout .set-main-image-col {
  width: 100%;
  position: relative;
}
@media (min-width: 769px) {
  .set-items-layout .set-main-image-col {
    width: 50%;
    position: sticky;
    top: 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.set-items-layout .set-main-image-col .back-button {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
  margin: 0;
}
.set-items-layout .set-main-image-col .set-main-image {
  width: 100%;
  display: block;
}
.set-items-layout .set-products-col {
  width: 100%;
  margin-top: 1rem;
}
@media (min-width: 769px) {
  .set-items-layout .set-products-col {
    width: 50%;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 2em;
  }
}
.set-items-layout .set-products-col .set-item-divider {
  margin: 1rem 0;
}

.set-variants-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.15rem;
}

.pdp-set-select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.pdp-set-select-container .quantity-form,
.pdp-set-select-container .size-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pdp-set-select-container select {
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #000;
  font-family: "Neue Plak";
  width: 8rem;
  height: 3.9rem;
  border: 1px solid #9b9999;
  padding: 0 0.25rem;
}

@media only screen and (max-width: 768px) {
  .pdp-set-select-container select {
    width: 5rem;
    font-size: 1.2rem;
  }
}
.set-item {
  padding: 1rem 0;
}
.set-item .set-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.set-item .set-item-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  width: 45%;
  min-width: 0;
}
.set-item .set-item-thumb .primary-images {
  margin: 0;
  padding: 0;
}
.set-item .set-item-thumb .pdp_shareBoutton {
  display: none;
}
.set-item .set-item-thumb .zoom,
.set-item .set-item-thumb #zoomModalMobile {
  display: none;
}
.set-item .set-item-thumb .carousel-item {
  display: none !important;
}
.set-item .set-item-thumb .carousel-item.active, .set-item .set-item-thumb .carousel-item.carousel-item-next, .set-item .set-item-thumb .carousel-item.carousel-item-prev {
  display: block !important;
}
.set-item .set-item-thumb .carousel-inner {
  overflow: hidden;
}
.set-item .set-item-thumb .carousel-item img {
  width: 100%;
  height: auto;
}
.set-item .set-item-details {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
  width: 55%;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.set-item .set-item-details .product-name {
  font-size: 0.9rem;
  margin: 0;
  border-bottom: none;
}
.set-item .set-item-details .product-name a {
  color: inherit;
  text-decoration: none;
}
.set-item .set-item-details .set-item-prices {
  font-size: 0.85rem;
  margin: 0;
}
.set-item .set-item-details .attributes {
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  margin: 0;
}
@media (min-width: 769px) {
  .set-item .set-item-details .attributes {
    gap: 1rem;
    margin-top: 2rem;
  }
}
.set-item .set-item-details .attributes label,
.set-item .set-item-details .attributes .non-input-label {
  font-size: 0.8rem;
}
.set-item .set-item-details .attributes select {
  font-size: 1.4rem;
  padding: 0.2rem 0.4rem;
  height: auto;
}
.set-item .set-item-details .cart-and-ipay {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.set-item .set-item-details .cart-and-ipay .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.set-item .set-item-details .add-to-cart {
  padding: 0.4rem 0.5rem;
  height: auto;
  min-height: 3.6rem;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  white-space: normal;
  word-break: break-word;
}
@media (min-width: 769px) {
  .set-item .set-item-details .add-to-cart {
    font-size: 1.5rem;
    white-space: nowrap;
    width: 80%;
  }
}
.set-item .set-item-details .promotions {
  font-size: 0.8rem;
}

.product-set-wrap {
  gap: 2rem;
}

.label-attributes-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}

@media (max-width: 769px) {
  .pdp__price {
    font-size: 1.4rem !important;
  }
}

/*# sourceMappingURL=default\css\product\detail.css.map*/