/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./node_modules/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./cartridges/app_bab_core/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;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative;
}
.swatch-filter-beige.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative;
}
.swatch-filter-black.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative;
}
.swatch-filter-blue.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative;
}
.swatch-filter-brown.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative;
}
.swatch-filter-green.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative;
}
.swatch-filter-grey.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative;
}
.swatch-filter-navy.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative;
}
.swatch-filter-orange.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative;
}
.swatch-filter-pink.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative;
}
.swatch-filter-purple.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative;
}
.swatch-filter-red.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative;
}
.swatch-filter-white.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
  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; /* stylelint-disable-line property-no-vendor-prefix */
  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, color-stop(0, rgb(130, 30, 145)), color-stop(25%, rgb(130, 30, 145)), color-stop(25%, rgb(237, 209, 52)), color-stop(50%, rgb(255, 255, 0)), color-stop(50%, rgb(237, 209, 52)), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(14, 92, 209)), color-stop(50%, rgb(14, 92, 209)), color-stop(50%, rgb(226, 11, 11)), to(rgb(226, 11, 11)));
  background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 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;
  -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 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative;
}
.product-detail .attributes .swatch-circle.color-value[data-selected=true]::after {
  color: #000;
  content: "\f058";
  display: table-caption;
  font-family: FontAwesome, sans-serif;
  font-size: 1.625em;
  left: 0.295em;
  position: absolute;
}
.product-detail .attributes .swatch-circle.color-value.selected::after {
  background: #fff;
  border-radius: 50%;
  color: #000;
  content: "\f058";
  display: table-caption;
  font-family: FontAwesome, sans-serif;
  font-size: 1.625em;
  height: 0.75em;
  left: 0.31em;
  line-height: 0.8em;
  position: absolute;
  top: 0.35em;
  width: 0.8em;
}
.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 [disabled] .swatch-circle,
.product-detail .swatch-circle.unselectable {
  cursor: not-allowed;
}
.product-detail [disabled] .swatch-circle.color-value.selected::after,
.product-detail .swatch-circle.unselectable.color-value.selected::after {
  background-color: #495057;
}

.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 i,
.social-container .social-icons a {
  color: #444;
  padding-right: 0.2em;
}

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

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; /* 30/16 */
    margin-right: -0.9375em; /* 15/16 */
    padding: 0.1875em; /* 3/16 */
  }
}

.product-number {
  color: #ccc;
  font-size: 0.875em;
  padding-bottom: 0.938em;
  padding-top: 0.938em;
}

.promotions {
  font-weight: normal;
  text-align: center;
  height: 85%;
}
.promotions div.collapsible-xl button.callout {
  font-size: 1.25em;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  color: #c00;
}
@media (min-width: 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;
}

.non-input-label {
  display: block;
  margin-bottom: 0.5rem;
}

@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;
  }
}

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.form-group.required .form-control-label::before {
  content: "*";
  color: #d00a2d;
}

.form-group {
  position: relative;
}
.form-group > span:not(.info-icon) {
  font-size: 80%;
}

.custom-control .custom-control-input:focus ~ .custom-control-label:before {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-control .custom-control-input:focus-visible ~ .custom-control-label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: -webkit-focus-ring-color auto 1px;
}

.floating-label {
  position: relative;
}
.floating-label label {
  position: absolute;
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.floating-label input {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.floating-label input:-webkit-autofill ~ label, .floating-label input:not(:placeholder-shown) ~ label {
  -webkit-transform: translateY(-0.625rem);
          transform: translateY(-0.625rem);
  opacity: 0.7;
}
.floating-label select {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.floating-label.value-set select + label {
  -webkit-transform: translateY(-0.625rem);
          transform: translateY(-0.625rem);
  opacity: 0.7;
}

form.floating .btn-form-inline {
  height: calc(100% - 0.625rem);
}

.custom-checkbox {
  margin-bottom: 0.25rem;
}
.custom-checkbox .custom-control-label,
.custom-checkbox label {
  cursor: pointer;
}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
}
.custom-checkbox .custom-control-input.is-invalid ~ .custom-control-label {
  color: var(--skin-label-color);
}

.custom-radio .custom-control-label,
.custom-radio label {
  cursor: pointer;
}
.custom-radio .custom-control-label::before {
  background: none;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: none;
}
.custom-radio .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
}

.custom-switch .custom-control-label,
.custom-switch label {
  cursor: pointer;
}
.custom-switch .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
}

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5rem;
  height: 2.5rem;
  background: #f5f5dc;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #000;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #0056a2;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  background: #0056a2;
  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: #0056a2;
  border-radius: 0;
  background-color: #0056a2;
  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.5rem;
  height: 2.5rem;
  background: #a52a2a;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #088310;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  background: #088310;
  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: #088310;
  border-radius: 0;
  background-color: #088310;
  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.5rem;
  height: 2.5rem;
  background: #8f979d;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #000080;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #ffa500;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #fe249a;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #800080;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #f00;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #fff;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  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.5rem;
  height: 2.5rem;
  background: #ff0;
  border-radius: 1.25rem;
  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.5rem;
  height: 2.5rem;
  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;
  background-color: #ff0;
  display: block;
  position: relative;
}
.swatch-filter-yellow.disabled {
  opacity: 0.2;
}

.swatch-circle-miscellaneous,
.swatch-square-miscellaneous {
  background: -webkit-gradient(linear, left top, right top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet));
  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  border: 0;
  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,
.swatch-square-miscellaneous.disabled {
  opacity: 0.2;
}
.swatch-circle-miscellaneous.selected::after,
.swatch-square-miscellaneous.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

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

.cs-accordion-tab .nav-tabs {
  display: none;
}
.cs-accordion-tab .tab-btn {
  border: 0;
  border-radius: 0;
}
.cs-accordion-tab .tab-btn h2 {
  margin: 0;
  padding: 0;
}
@media (max-width: 991.98px) {
  .cs-accordion-tab .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .cs-accordion-tab .accordion-header button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 3.5rem;
    line-height: 3.5rem;
    background: var(--color-grey1);
    width: 100%;
    text-align: left;
    padding: 0 0.9375rem;
    margin-bottom: 0.5rem;
  }
  .cs-accordion-tab .accordion-header button span {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-blue-dark);
  }
  .cs-accordion-tab .accordion-header button.collapsed svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .cs-accordion-tab .acc-tab-content {
    padding: 1rem 0.9375rem;
  }
}
@media (min-width: 992px) {
  .cs-accordion-tab {
    border-bottom: 0.0625rem solid var(--color-grey3);
    padding-bottom: 2.5rem;
  }
  .cs-accordion-tab .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.0625rem solid var(--color-blue200);
    margin-bottom: 2.5rem;
  }
  .cs-accordion-tab .nav-tabs .nav-item > .nav-link {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-align: center;
    color: var(--color-blue);
    margin-right: 1.5rem;
    padding: 0 1rem 1rem;
  }
  .cs-accordion-tab .nav-tabs .nav-item > .nav-link.active {
    border-bottom: 0.125rem solid var(--color-blue);
  }
  .cs-accordion-tab .nav-tabs .nav-item > .nav-link:hover {
    background-color: initial;
  }
  .cs-accordion-tab .tab-pane {
    border: none;
  }
  .cs-accordion-tab .tab-pane .accordion-header {
    display: none;
  }
  .cs-accordion-tab .tab-pane .collapse {
    display: block;
  }
}

.gift-option-wrapper .gift-image {
  width: 3.875rem;
  height: 3.875rem;
  margin-right: 1.6875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.gift-option-wrapper .gift-image img {
  width: 100%;
}
.gift-option-wrapper .custom-control-label {
  display: inline;
}
.gift-option-wrapper .info-icon {
  margin-left: 0.25rem;
}
.gift-option-wrapper .icon-help-circle,
.gift-option-wrapper .info-icon {
  width: 1rem;
  height: 1rem;
}
.gift-option-wrapper .icon-help-circle {
  position: absolute;
  inset: 0;
  margin: auto;
}

.save-birth-certificate-details p {
  margin-bottom: 0.125rem;
}

.birth-certificate-wrapper .cert-label {
  font-family: SofiaProBold, Arial, sans-serif;
  font-weight: 600;
}

.pdp-short-product-detail p {
  margin-bottom: 0;
}
.pdp-short-product-detail .pdp-description .short-description {
  font-size: 0.875rem;
  text-align: start;
}
@media (min-width: 769px) {
  .pdp-short-product-detail .pdp-description .short-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.pdp-short-product-detail hr {
  border-color: var(--color-blue200);
}
.pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-bottom: 0.875rem;
}
.pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option .svg-icon {
  color: var(--color-green);
}
.pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option .pdp-ship-text {
  margin-left: 0.5rem;
  font-size: 0.875rem;
}
.pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option .pdp-ship-text .pdp-ship-deliver-availability span.bold {
  font-weight: 600;
}
.pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option .pdp-ship-text .pdp-ship-callout {
  color: var(--color-grey6);
  font-size: 0.75rem;
  line-height: 1rem;
}
.pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option .pdp-ship-text .pdp-ship-callout a {
  text-decoration: none;
  font-size: 0.875rem;
  color: var(--color-blue);
}
.pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option .pdp-ship-text .pdp-available-store {
  color: var(--color-blue);
}
@media (min-width: 769px) {
  .pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option .pdp-ship-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .pdp-short-product-detail .pdp-ship-wrap .pdp-ship-option .pdp-ship-text .pdp-ship-callout {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 769px) {
  .pdp-short-product-detail .pdp-ship-wrap {
    margin-top: 2rem;
  }
}

.pdp-specification p {
  margin-bottom: 0;
}
.pdp-specification .product-main-attributes .pdp-specification {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.pdp-specification .product-main-attributes .pdp-specification .pdp-attr-label {
  margin-bottom: 0.5rem;
}
.pdp-specification .product-main-attributes .pdp-specification .pdp-attr,
.pdp-specification .product-main-attributes .pdp-specification .pdp-additional-info {
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--color-grey6);
}
@media (min-width: 769px) {
  .pdp-specification .product-main-attributes .pdp-specification {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .pdp-specification .product-main-attributes .pdp-specification .pdp-attr,
  .pdp-specification .product-main-attributes .pdp-specification .pdp-additional-info {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

[role=alert] {
  background-color: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
  color: var(--color-white);
  -webkit-box-shadow: 0 0.875rem 0.875rem rgba(0, 0, 0, 0.19);
          box-shadow: 0 0.875rem 0.875rem rgba(0, 0, 0, 0.19);
}
[role=alert] .close, [role=alert].alert-dismissible .close {
  height: 100%;
  padding: 0 1rem;
  opacity: 1;
}
[role=alert] .close .icon-close, [role=alert].alert-dismissible .close .icon-close {
  color: var(--color-white);
}

.alert-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-white);
}

.alert-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  color: var(--color-white);
}

.alert-danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
  color: var(--color-white);
}

#createBirthCertificateModal .modal-dialog,
.createBirthCertificateModalCart .modal-dialog {
  min-width: 50%;
}
#createBirthCertificateModal .content-asset p,
.createBirthCertificateModalCart .content-asset p {
  margin: 0;
  padding: 0;
}
#createBirthCertificateModal .modal-header,
.createBirthCertificateModalCart .modal-header {
  position: relative;
  padding: 0;
}
#createBirthCertificateModal .modal-header .close,
.createBirthCertificateModalCart .modal-header .close {
  position: absolute;
  background: transparent;
  right: 0;
  top: 0;
  margin: 0;
}
#createBirthCertificateModal .modal-header .close .icon-close,
.createBirthCertificateModalCart .modal-header .close .icon-close {
  color: #fff;
}
#createBirthCertificateModal .modal-body,
.createBirthCertificateModalCart .modal-body {
  padding: 0;
}
#createBirthCertificateModal .birthday-banner,
.createBirthCertificateModalCart .birthday-banner {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#createBirthCertificateModal .birthday-banner img,
.createBirthCertificateModalCart .birthday-banner img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 7.8125rem;
}
#createBirthCertificateModal .icon-birthday,
.createBirthCertificateModalCart .icon-birthday {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 18.75rem;
  height: auto;
}
@media (min-width: 769px) {
  #createBirthCertificateModal .icon-birthday,
  .createBirthCertificateModalCart .icon-birthday {
    width: 25rem;
  }
}
#createBirthCertificateModal .btn-wrapper,
.createBirthCertificateModalCart .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1rem;
  border-top: 0.0625rem solid #f0eeee;
}
#createBirthCertificateModal .overlay-wrapper,
.createBirthCertificateModalCart .overlay-wrapper {
  position: relative;
}
#createBirthCertificateModal .overlay-wrapper .overlay-img,
.createBirthCertificateModalCart .overlay-wrapper .overlay-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hb_gift_msg.notification {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 2000;
}
.hb_gift_msg.notification .alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.hb_gift_msg.notification .alert.show {
  display: block;
}

.hb-product-set-detail {
  padding-bottom: 5rem;
  margin-bottom: 0;
}
.hb-product-set-detail .hb-product-set-price .price {
  color: var(--color-grey6);
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.hb-product-set-detail .hb-product-set-price > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hb-product-set-detail .hb-product-set-price > span del {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.hb-product-set-detail .hb-product-set-price > span .sales {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  color: var(--color-grey6);
  margin-right: 0.375rem;
}
.hb-product-set-detail .hb-pdp-left .hb-info-details .card {
  border: 0;
  border-radius: 0;
}
.hb-product-set-detail .hb-pdp-left .hb-info-details .card .card-header {
  font-family: SofiaProBold, Arial, sans-serif;
  font-weight: 600;
  line-height: 1rem;
  background-color: var(--color-white);
  border: 0;
  cursor: pointer;
  position: relative;
  padding-right: 1.5625rem;
  font-size: var(--skin-btn-lg-font-size);
  color: var(--color-grey6);
}
.hb-product-set-detail .hb-pdp-left .hb-info-details .card .card-header::after {
  content: "-";
  position: absolute;
  top: 40%;
  right: 0.625rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  font-family: SofiaProBold, Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
}
.hb-product-set-detail .hb-pdp-left .hb-info-details .card .card-header.collapsed::after {
  content: "+";
  font-family: SofiaProBold, Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
}
.hb-product-set-detail .hb-pdp-left .hb-info-details .card .card-header.collapsed {
  background-color: var(--color-grey1);
}
.hb-product-set-detail .hb-pdp-left .hb-info-details .card .card-body {
  border: 0.0625rem solid var(--color-grey4);
}
.hb-product-set-detail .hb-pdp-right {
  color: var(--color-grey6);
}
.hb-product-set-detail .hb-pdp-right .hb-act-wrap {
  margin-top: 1.25rem;
}
.hb-product-set-detail .hb-pdp-right .hb-act-wrap .add-to-cart-global {
  width: 100%;
  border-radius: 0;
  padding: 1.3125rem;
  font-family: SofiaProBold, Arial, sans-serif;
  font-weight: 600;
  font-size: var(--skin-btn-lg-font-size);
  background-color: var(--color-red);
  border-color: var(--color-red);
  color: var(--color-white);
}
.hb-product-set-detail .hb-pdp-right .product-name {
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.hb-product-set-detail .hb-pdp-right .prices-add-to-cart-actions .price {
  font-size: 2.25rem;
}
.hb-product-set-detail .hb-pdp-right .hb-productScent,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption {
  margin-top: 2.1875rem;
}
.hb-product-set-detail .hb-pdp-right .hb-productScent .utility-link svg,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption .utility-link svg {
  width: 1.125rem;
  color: var(--color-teal);
}
.hb-product-set-detail .hb-pdp-right .hb-productScent input[type=radio],
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption input[type=radio] {
  opacity: 0;
  position: absolute;
}
.hb-product-set-detail .hb-pdp-right .hb-productScent input[type=radio]:checked + label img,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption input[type=radio]:checked + label img {
  outline: 0.1875rem solid var(--color-red300);
}
.hb-product-set-detail .hb-pdp-right .hb-productScent input[type=radio] + label,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption input[type=radio] + label {
  display: block;
  width: 100%;
  cursor: pointer;
  text-align: center;
}
.hb-product-set-detail .hb-pdp-right .hb-productScent .hb-no-scent,
.hb-product-set-detail .hb-pdp-right .hb-productScent .hb-no-sound,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption .hb-no-scent,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption .hb-no-sound {
  margin-top: 1.5625rem;
}
.hb-product-set-detail .hb-pdp-right .hb-productScent #heartbox-option-no-scent + label,
.hb-product-set-detail .hb-pdp-right .hb-productScent #heartbox-option-no-sound + label,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption #heartbox-option-no-scent + label,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption #heartbox-option-no-sound + label {
  background: var(--color-grey2);
  color: var(--color-grey6);
  padding: 0;
  margin: 0;
}
.hb-product-set-detail .hb-pdp-right .hb-productScent #heartbox-option-no-scent + label p,
.hb-product-set-detail .hb-pdp-right .hb-productScent #heartbox-option-no-sound + label p,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption #heartbox-option-no-scent + label p,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption #heartbox-option-no-sound + label p {
  padding: 0.625rem 0.4375rem;
}
.hb-product-set-detail .hb-pdp-right .hb-productScent #heartbox-option-no-scent:checked + label,
.hb-product-set-detail .hb-pdp-right .hb-productScent #heartbox-option-no-sound:checked + label,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption #heartbox-option-no-scent:checked + label,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption #heartbox-option-no-sound:checked + label {
  outline: 0.1875rem solid var(--color-red300);
}
.hb-product-set-detail .hb-pdp-right .hb-productScent .hb-options label .price,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption .hb-options label .price {
  color: var(--color-grey5);
  font-size: var(--skin-btn-lg-font-size);
  text-align: left;
}
.hb-product-set-detail .hb-pdp-right .hb-productScent .hb-options label img,
.hb-product-set-detail .hb-pdp-right .hb-productSoundOption .hb-options label img {
  width: 100%;
}
.hb-product-set-detail .hb-pdp-right .pdp-promo-callout {
  color: #616161;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 600;
}
.hb-product-set-detail .hb-pdp-right .pdp-promo-callout :first-child {
  font-size: 1rem;
}
.hb-product-set-detail .hb-pdp-right .pdp-promo-callout :last-child {
  font-size: 0.875rem;
}

.hb-info-details {
  color: var(--color-grey6);
}
.hb-info-details .set-item {
  padding: 1.25rem 0;
}
.hb-info-details .set-item .product-name {
  font-size: var(--skin-btn-lg-font-size);
  line-height: 1.5rem;
}
.hb-info-details .set-item .product-name a {
  color: var(--color-grey6);
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .hb-info-details .set-item .product-name {
    margin: 0 0 0.5rem;
  }
}
.hb-info-details .set-item .sku-number {
  color: var(--color-grey6);
  font-size: 0.75rem;
}
.hb-info-details .set-item .price,
.hb-info-details .set-item .sales {
  font-size: var(--skin-btn-lg-font-size);
  line-height: 1.5rem;
  color: var(--color-grey6);
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
@media (min-width: 992px) {
  .hb-info-details .set-item .price,
  .hb-info-details .set-item .sales {
    font-size: var(--skin-btn-lg-font-size);
  }
}
.hb-info-details .set-item .price > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 769px) {
  .hb-info-details .set-item .price > span {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}
.hb-info-details .set-item .price .strike-through {
  color: var(--color-grey6);
}
.hb-info-details .set-item .price del {
  margin-right: 0.375rem;
}
.hb-info-details .set-item .price del + .sales {
  color: var(--color-red);
}
@media (min-width: 769px) {
  .hb-info-details .set-item .price del {
    margin-right: 0;
  }
}
.hb-info-details .pdp-specification .pdp-attr-label {
  color: var(--color-grey6);
}

.gift-message-modal {
  background-color: var(--color-teal500);
  padding: 1rem;
  border: none;
  text-shadow: none;
  width: 100%;
  max-width: 100%;
  color: var(--color-white);
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: var(--skin-btn-font-size);
}

.gmDisplay {
  width: 50%;
  word-wrap: break-word;
  margin-bottom: 1.25rem;
}
.gmDisplay p {
  margin-bottom: 0;
}

.line-item-gmAddMessage .modal-dialog,
.hb-gift-message .modal-dialog {
  margin: 3.75rem auto;
}
@media (min-width: 992px) {
  .line-item-gmAddMessage .modal-dialog,
  .hb-gift-message .modal-dialog {
    min-width: 50rem;
  }
}

.form-control:focus-visible {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.gmMain {
  padding: 1rem;
  margin: 1rem;
  border: 0.0625rem solid var(--color-black);
}
.gmMain .gift-message-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1rem;
  color: var(--color-grey6);
}
.gmMain .gift-message-heading .close {
  font-size: var(--skin-btn-lg-font-size);
}
.gmMain .gift-message-form {
  padding-top: 1rem;
}
.gmMain .gift-message-form .gmForm .gmForm-input {
  color: var(--color-grey6);
}
.gmMain .gift-message-form .gmForm .gmForm-input input {
  border: var(--skin-input-border-width) solid var(--color-black);
  border-radius: 0;
  font-size: 1.1875rem;
  color: var(--color-grey6);
}
.gmMain .gift-message-form .gmForm .gmForm-input .is-invalid {
  border-color: var(--color-danger);
}
.gmMain .gift-message-form .gmForm .floating-label input:not(:-moz-placeholder-shown) {
  padding: 0.5rem 0.75rem;
}
.gmMain .gift-message-form .gmForm .floating-label input:not(:-ms-input-placeholder) {
  padding: 0.5rem 0.75rem;
}
.gmMain .gift-message-form .gmForm .floating-label input:not(:placeholder-shown) {
  padding: 0.5rem 0.75rem;
}
.gmMain .gift-message-form .gmForm .gmForm-textarea {
  padding-top: 1rem;
  color: var(--color-grey6);
}
.gmMain .gift-message-form .gmForm .gmForm-textarea textarea {
  height: 4.375rem;
  border: 0.0625rem solid var(--color-black);
  font-size: 1.1875rem;
  color: var(--color-grey6);
}
.gmMain .gift-message-form .gmForm .gmForm-textarea textarea:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .gmMain .gift-message-form .gmForm .gmForm-textarea textarea {
    height: 13.75rem;
  }
}
.gmMain .gift-message-form .gmForm .gmForm-textarea .is-invalid {
  border-color: var(--color-danger);
}
.gmMain .gift-message-form .gmForm-right {
  margin-top: 1.875rem;
}
.gmMain .gift-message-form .hb-btn-msg {
  margin-top: 1.25rem;
}
.gmMain .gift-message-form .hb-btn-msg button {
  border-radius: 0;
  border: 0;
}

.hb-gift-message .gmDisplay {
  width: 100%;
  border: 0.0625rem solid var(--color-black);
  word-wrap: break-word;
  border-radius: 0.3125rem;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
}
.hb-gift-message .gift-message-form .hb-btn-msg {
  margin-top: 1.25rem;
}
.hb-gift-message .gift-message-form .hb-btn-msg button {
  background-color: var(--color-teal500);
  border-radius: 0;
  border: 0;
}
.hb-gift-message .gift-message-form .hb-btn-msg button:not(:disabled):not(.disabled):active {
  background-color: var(--color-teal500);
  border-color: var(--color-teal500);
}

.hb-img-carousel {
  min-height: 18.75rem;
  margin-bottom: 1.5rem;
}
.hb-img-carousel .primary-images {
  padding: 0;
  position: relative;
}
.hb-img-carousel .primary-images .play-sound {
  width: 4rem;
  height: 4rem;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
  cursor: pointer;
}
.hb-img-carousel .primary-images .play-sound svg {
  width: 4rem;
  height: 4rem;
  opacity: 0.7;
}
.hb-img-carousel .primary-images .play-sound svg:hover {
  opacity: 1;
}
.hb-img-carousel .primary-images .main-carousel-container {
  max-width: 100%;
  margin-left: 0;
}
.hb-img-carousel .primary-images .main-carousel-container .swiper-slide img {
  width: calc(100% - 0.125rem);
  border: 0.0625rem solid var(--color-grey4);
}
.hb-img-carousel .primary-images .thumbnail-carousel-container {
  width: 100%;
  margin: 1.5rem 0 1.5rem;
}
.hb-img-carousel .primary-images .thumbnail-carousel-container .thumbnail-carousel {
  width: 100%;
}
.hb-img-carousel .primary-images .thumbnail-carousel-container .swiper-slide {
  border: 0.0625rem solid var(--color-grey4);
  cursor: pointer;
}
@media (min-width: 992px) {
  .hb-img-carousel .primary-images .thumbnail-carousel-container .swiper-slide {
    height: auto !important;
    width: 7.28125rem;
  }
}
.hb-img-carousel .primary-images .thumbnail-carousel-container .swiper-slide.swiper-slide-thumb-active {
  border: 0.0625rem solid var(--color-teal);
}
.hb-img-carousel .swiper-outer {
  padding: 0;
}

.klarnaContent .container {
  padding: 0.875rem;
  border: 0.0625rem solid var(--color-blue300);
  font-size: 0.875rem;
  border-radius: 0.3125rem;
  color: var(--color-bearblue);
}
.klarnaContent .icon-klarna {
  width: 3.75rem;
  height: 1.875rem;
}
.klarnaContent .message {
  margin-left: 0.625rem;
}
.klarnaContent .klarna .klarna-message {
  color: var(--color-blue);
}
.klarnaContent .klarna .link {
  font-size: 0.875rem;
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  padding-top: 0;
  text-decoration: underline;
  cursor: pointer;
}
.klarnaContent .klarna .link:hover {
  text-decoration: underline;
}
.klarnaContent #klarnaLearnMore .modal-header {
  border-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.klarnaContent #klarnaLearnMore .modal-header h5 {
  margin: 0 auto;
  color: var(--color-grey3);
  font-size: 2rem;
}
.klarnaContent #klarnaLearnMore .modal-header .icon-klarna-logo {
  width: 5.0625rem;
  height: 1.25rem;
  fill: var(--color-grey5);
}
.klarnaContent #klarnaLearnMore .modal-header .close {
  padding: 0;
  margin: 0;
}
.klarnaContent #klarnaLearnMore .modal-header .close .icon-cancel {
  color: var(--color-black);
  font-size: 2rem;
  height: 1.875rem;
  width: 1.875rem;
  border: 0.0625rem solid var(--color-black);
  border-radius: 50%;
}
.klarnaContent #klarnaLearnMore .modal-header .close .icon-cancel:hover {
  border-color: transparent;
}
.klarnaContent #klarnaLearnMore .modal-body {
  padding: 0 3.125rem 2rem;
}
.klarnaContent #klarnaLearnMore .modal-body .learn-more-title {
  font-size: 1.6875rem;
  line-height: 1.75rem;
  color: var(--color-black);
  letter-spacing: 0.01875rem;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  word-break: break-word;
}
.klarnaContent #klarnaLearnMore .modal-body .learn-more-description {
  max-width: 100%;
  font-size: 1rem;
  color: var(--color-black);
  line-height: 1.5625rem;
  word-break: break-word;
}
.klarnaContent #klarnaLearnMore .modal-body .list,
.klarnaContent #klarnaLearnMore .modal-body .listitem-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.klarnaContent #klarnaLearnMore .modal-body .listitem,
.klarnaContent #klarnaLearnMore .modal-body .listitem-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.klarnaContent #klarnaLearnMore .modal-body .listitem-block .line,
.klarnaContent #klarnaLearnMore .modal-body .listitem-block .lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  width: 0.125rem;
  background-color: var(--color-grey2);
  height: 100%;
  top: 0;
  left: 0.25rem;
}
.klarnaContent #klarnaLearnMore .modal-body .listitem-block .lines {
  height: 0.625rem;
}
.klarnaContent #klarnaLearnMore .modal-body .listitem-block .block {
  height: 10px;
  width: 10px;
  z-index: 1;
  background-color: var(--color-black);
}
.klarnaContent #klarnaLearnMore .modal-body .listitem-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  position: relative;
  width: 100%;
  margin-left: 0.9375rem;
}
.klarnaContent #klarnaLearnMore .modal-body .listitem-content .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  padding-bottom: 0.9375rem;
}
.klarnaContent #klarnaLearnMore .modal-body .listitem-content .content p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding: 0.0625rem 0 0.25rem;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--color-black);
  white-space: pre-line;
  margin: -0.3125rem 0 -0.625rem;
  letter-spacing: 0;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}
.klarnaContent #klarnaLearnMore .modal-body .listitem-content .content p .icon-klarna {
  margin-left: 0.625rem;
}
.klarnaContent #klarnaLearnMore .modal-body .listitem-content .content-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  padding-bottom: 0.9375rem;
}
.klarnaContent #klarnaLearnMore .modal-body .klarna-terms {
  max-width: 100%;
  color: var(--color-grey5);
  font-size: 0.75rem;
  line-height: 1.25rem;
  word-break: break-word;
  letter-spacing: 0;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}
.klarnaContent #klarnaLearnMore .modal-body .klarna-terms a {
  color: var(--color-grey5);
}
.klarnaContent #klarnaLearnMore .modal-footer {
  border-top: 0;
}
.klarnaContent #klarnaLearnMore .modal-footer .klarna-close-button {
  width: 100%;
  background: var(--color-black);
  color: var(--color-white);
  border-width: 0.3125rem;
  border-radius: 0;
}

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.pdp-main .ryv-wrapper {
  margin-top: 1.5rem;
}

.ryv-wrapper {
  color: var(--skin-tile-text-color);
  border: 1px solid var(--skin-tile-text-color);
  border-radius: 5px;
  margin-top: 8px;
}
.ryv-wrapper h2 {
  font-size: 1.75rem;
}
.ryv-wrapper .ryv-accordion h3 {
  font-size: 1.125rem;
  line-height: 2rem;
  display: inline-block;
}
.ryv-wrapper .ryv-accordion .ryv-consent-head.collapsed svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ryv-wrapper .ryvReject,
.ryv-wrapper .ryvAccept {
  display: block;
}
.ryv-wrapper .ryvAccept {
  color: var(--color-green);
}
.ryv-wrapper .ryvAccept i::before {
  height: 1.7em;
  width: 1.7em;
  margin: 0 auto -0.4em;
}
.ryv-wrapper .ryv-controls .inputdevices {
  margin: 5px 0;
  max-width: 100%;
}
.ryv-wrapper .ryv-controls .ryv-timer {
  font-size: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
}
.ryv-wrapper .ryv-controls .buttons {
  font-size: 2.25rem;
  line-height: 2.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 30px 0 0;
}
.ryv-wrapper .ryv-controls .buttons button {
  border: 0 solid;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  color: #fff;
  background-color: var(--skin-btn-primary-bg);
}
.ryv-wrapper .ryv-controls .buttons button:disabled {
  background-color: var(--skin-btn-primary-bg-disabled);
}
.ryv-wrapper .ryv-controls .buttons .stop,
.ryv-wrapper .ryv-controls .buttons .record {
  width: 50px; /* Set the width of the button */
  height: 50px; /* Set the height of the button */
  border-radius: 50%; /* Make the button a circle */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Center the square inside the circle */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center horizontally */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center vertically */
  border: none; /* Remove button border */
  padding: 0; /* Remove padding */
  cursor: pointer; /* Change cursor to pointer */
}
.ryv-wrapper .ryv-controls .buttons .fa-microphone {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 25px;
}
.ryv-wrapper .ryv-controls .buttons .whitesquare {
  width: 18px; /* Width of the white square */
  height: 18px; /* Height of the white square */
  background-color: white; /* Square color */
  border-radius: 2px; /* Rounded corners */
}
.ryv-wrapper .ryv-controls .buttons .stop:hover .redsquare {
  -webkit-transform: translate(1.5px);
          transform: translate(1.5px); /* Lift more on hover */
}
.ryv-wrapper .ryv-existing {
  font-weight: bold;
}
.ryv-wrapper .ryv-existing .priorrecords {
  margin: 8px 0 10px;
}
.ryv-wrapper .floating-label.clip {
  margin: 5px 0;
  padding-bottom: 1rem;
}
.ryv-wrapper .floating-label.clip:nth-child(n+2) {
  border-top: 1px solid var(--skin-tile-text-color);
}
.ryv-wrapper .floating-label.clip input {
  padding-top: 0.375rem;
  height: 2rem;
  margin: 6px 0;
}
.ryv-wrapper .floating-label.clip audio {
  width: 100%;
  margin-bottom: 20px;
}
.ryv-wrapper .floating-label.clip .ryvSubmit {
  margin-left: 10px;
}
.ryv-wrapper .learnMore {
  padding-bottom: 1rem;
}
.ryv-wrapper .learnMore a {
  padding: 2px 0;
}

.sound-clips {
  padding: 1rem 0 1rem 0;
}

.ryv-account-main {
  margin-top: 1rem;
}
.ryv-account-main .ryv-existing {
  display: none;
}

.ryv-account-redo {
  margin-top: 1rem;
}

.container.product-detail {
  margin-top: 0;
}

.add-to-cart-error {
  color: var(--color-danger);
  font-size: 0.75rem;
}

.pdp-top {
  margin-bottom: 0.625rem;
}
@media (min-width: 769px) {
  .pdp-top .product-breadcrumb {
    border: 0;
    margin-bottom: 0.9375rem;
  }
}
.pdp-top .product-breadcrumb .breadcrumb {
  margin: 1.5rem 0 1.5rem;
}
@media (max-width: 991.98px) {
  .pdp-top .product-breadcrumb .breadcrumb {
    border: 0;
  }
}

.product-number {
  padding-bottom: 0.25rem;
  padding-top: 0.875rem;
}
@media (min-width: 769px) {
  .product-number {
    padding-bottom: 0.875rem;
  }
}

.product-name {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 991.98px) {
  .product-name {
    border: 0;
    margin-top: 1.5rem;
  }
}
@media (min-width: 769px) {
  .product-name {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

div.promotions {
  text-align: left;
  height: auto;
}
div.promotions .promotions-text {
  padding-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-red);
}
div.promotions .promotions-text p {
  margin: 0;
}
div.promotions div.collapsible-xl button.callout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  color: var(--skin-promo-color);
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  line-height: 1;
}
div.promotions div.collapsible-xl button.callout:after {
  margin-left: 0.75rem;
}
div.promotions div.collapsible-xl .content {
  font-size: 0.875rem;
  text-align: left;
  margin-left: 1rem;
  margin-top: 0.625rem;
}

.pdp-main {
  padding-bottom: 1rem;
}
@media (min-width: 769px) {
  .pdp-main {
    padding-bottom: 0;
  }
}
@media (min-width: 769px) {
  .pdp-main .attributes {
    padding: 0;
  }
}
.pdp-main .attributes .attribute {
  margin-bottom: 0.875rem;
  margin-top: 0;
}
.pdp-main .prices-add-to-cart-actions {
  position: static;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.pdp-main .prices-add-to-cart-actions .pdp-review button {
  padding-top: 3px !important;
  padding-bottom: 6px !important;
}
.pdp-main .prices {
  padding: 1rem 0;
}
.pdp-main .prices span del {
  text-decoration: none;
}
.pdp-main .prices span.sales {
  font-size: 1.75rem;
  line-height: 2rem;
  color: var(--color-blue-dark);
}
@media (min-width: 769px) {
  .pdp-main .prices span.sales {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.pdp-main .prices span.strike-through {
  font-size: 1.5rem;
  line-height: 2.375rem;
}
@media (min-width: 769px) {
  .pdp-main .prices span.strike-through {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}
.pdp-main .is-gift .checkedText {
  display: none;
}
.pdp-main .is-gift svg {
  width: 1.125rem;
}
.pdp-main .is-gift .custom-control-input:checked ~ .custom-control-label .uncheckedText {
  display: none;
}
.pdp-main .is-gift .custom-control-input:checked ~ .custom-control-label .checkedText {
  display: inline-block;
}

.short-description div {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  padding: 1.5rem 0 0;
}
@media (min-width: 769px) {
  .short-description div {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 2rem 0 0;
  }
}

.pdp-bottom .description-and-detail h2.title {
  margin-bottom: 1.25rem;
  text-transform: none;
}
.pdp-bottom .description-and-detail .btn.title {
  line-height: 1.5;
  padding: 0;
}
.pdp-bottom .description-and-detail .btn.title h2 {
  font-family: SofiaProBold, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  text-transform: none;
  margin-bottom: 0;
}
.pdp-bottom .description-and-detail .content {
  margin-top: 1rem;
}
@media (min-width: 769px) {
  .pdp-bottom .description-and-detail .content {
    margin-top: 0;
  }
}

.long-description,
.product-attributes {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media (min-width: 769px) {
  .long-description,
  .product-attributes {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.product-attributes:not(:first-child) {
  border-top: 1px solid var(--color-grey6);
}
@media (min-width: 769px) {
  .product-attributes:not(:first-child) {
    border-top: 0;
  }
}

.product-detail .attributes .legal-callout {
  padding: 1rem 0;
}
@media (max-width: 768.98px) {
  .product-detail .attributes .legal-callout {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.product-detail .attributes .swatch-square {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 0;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative;
}
.product-detail .attributes .swatch-square.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-square.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;
}
.product-detail .attributes .swatch-square i.fa-times-circle {
  background: #fff;
  border-radius: 50%;
  height: 0.75em;
  line-height: 0.8em;
  width: 0.8em;
}
.product-detail .attributes .swatch-circle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative;
}
.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 {
  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;
}
.product-detail .attributes .swatch-circle i.fa-times-circle {
  background: #fff;
  border-radius: 50%;
  height: 0.75em;
  line-height: 0.8em;
  width: 0.8em;
}

.add-to-cart-global {
  overflow: visible;
}

.product-bundle-detail .cart-and-ipay .button-block,
.product-set-detail .cart-and-ipay .button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product-detail .thumbnail-carousel-container {
  overflow: unset;
  position: relative;
}
.product-detail .thumbnail-carousel-container .zoom-icon svg {
  width: 2rem;
  height: 2rem;
}
.product-detail .thumbnail-carousel-container .thumbnail-carousel {
  overflow: hidden;
}
.product-detail .thumbnail-carousel-container .swiper-button-next,
.product-detail .thumbnail-carousel-container .swiper-button-prev {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: no-repeat;
  border: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.product-detail .thumbnail-carousel-container .swiper-button-prev {
  top: -1.5625rem;
}
.product-detail .thumbnail-carousel-container .swiper-button-next {
  bottom: -1.5625rem;
  top: auto;
}
.product-detail .thumbnail-carousel-container .swiper-slide {
  cursor: pointer;
}
.product-detail .primary-images {
  position: relative;
}
.product-detail .primary-images .play-sound {
  width: 4rem;
  height: 4rem;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
  cursor: pointer;
}
.product-detail .primary-images .play-sound svg {
  width: 4rem;
  height: 4rem;
  opacity: 0.7;
}
.product-detail .primary-images .play-sound svg:hover {
  opacity: 1;
}
.product-detail .primary-images .main-carousel-container .carousel {
  max-width: 29.375rem;
}

.accordion-tab-wrapper {
  padding-top: 2.5rem;
}
@media (max-width: 991.98px) {
  .accordion-tab-wrapper {
    padding-top: 1.5rem;
  }
  .accordion-tab-wrapper .cs-accordion-tab {
    margin: 0 -0.9375rem;
  }
}
.accordion-tab-wrapper.product-set-accordion .product-name {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0;
}
@media (min-width: 769px) {
  .accordion-tab-wrapper.product-set-accordion .product-name {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.accordion-tab-wrapper.product-set-accordion .product-name a {
  text-decoration: none;
}
.accordion-tab-wrapper.product-set-accordion .price {
  font-size: 1rem;
  line-height: 1.5rem;
}
.accordion-tab-wrapper.product-set-accordion .price .strike-through {
  color: #777677;
}
@media (max-width: 991.98px) {
  .accordion-tab-wrapper.product-set-accordion .price .strike-through {
    margin-right: 0;
    display: block;
  }
}
@media (min-width: 769px) {
  .accordion-tab-wrapper.product-set-accordion .price {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.accordion-tab-wrapper.product-set-accordion .sku-number {
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--color-grey6);
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  display: block;
}
@media (max-width: 991.98px) {
  .accordion-tab-wrapper .stuffed {
    border-top: 0.0625rem solid var(--color-blue200);
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
  .accordion-tab-wrapper .stuffed.selected {
    border: 0;
    margin-top: 0;
  }
}
.accordion-tab-wrapper .stuffed .packaging-option h4,
.accordion-tab-wrapper .stuffed .packaging-option h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.125rem;
}
@media (min-width: 769px) {
  .accordion-tab-wrapper .stuffed .packaging-option h4,
  .accordion-tab-wrapper .stuffed .packaging-option h3 {
    margin-bottom: 1.5rem;
  }
}
.accordion-tab-wrapper .stuffed .packaging-option h4 svg,
.accordion-tab-wrapper .stuffed .packaging-option h3 svg {
  width: 1.125rem;
  margin-left: 4px;
}
.accordion-tab-wrapper .stuffed .dress-option {
  border-top: 0.0625rem solid var(--color-blue200);
  padding-top: 1.625rem;
  margin-top: 1.5rem;
}
.accordion-tab-wrapper .stuffed .radio-line:not(:last-child) {
  margin-bottom: 1rem;
}
@media (min-width: 769px) {
  .accordion-tab-wrapper .stuffed .radio-line:not(:last-child) {
    margin-bottom: 1.125rem;
  }
}
.accordion-tab-wrapper .pdp-specification .setspecification {
  margin-bottom: 2rem;
}
@media (min-width: 769px) {
  .accordion-tab-wrapper .pdp-specification .setspecification {
    margin-bottom: 4rem;
  }
}

.attribute .attribute-name {
  font-size: var(--skin-btn-font-size);
}
.attribute .floating-label {
  margin-bottom: 0;
}
.attribute .floating-label label {
  top: auto;
  left: auto;
}
.attribute .floating-label .form-control {
  height: auto;
}
.attribute .floating-label.value-set select {
  padding: 0.5625rem 0.625rem;
  height: auto;
  background-position: center right 0.5rem;
}
.attribute .floating-label.value-set select + label {
  display: none;
}

.customization-cart {
  width: 100%;
}
.customization-cart .btn {
  width: 100%;
}
.customization-cart .customization-box {
  margin-bottom: 1rem;
}
.customization-cart .customization-box .utility-link {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-blue-dark);
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 1rem;
  display: inline-block;
}
.customization-cart .customization-box .utility-link:hover {
  color: var(--color-red);
}
.customization-cart .customization-box .utility-link svg {
  width: 1.125rem;
  margin-left: 0.3125rem;
}
.customization-cart .customization-box .is-gift {
  margin-bottom: 1.5rem;
}
.customization-cart .customization-box .is-gift .utility-link {
  margin-bottom: 0;
}
.customization-cart .add-to-cart-wishList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customization-cart .add-to-cart-wishList .simple-quantity {
  width: 20%;
  margin-top: 0;
  margin-right: 0.5rem;
}
.customization-cart .add-to-cart-wishList .floating-label {
  margin-bottom: 0;
}
.customization-cart .add-to-cart-wishList .floating-label label {
  top: auto;
  left: auto;
}
.customization-cart .add-to-cart-wishList .floating-label .form-control {
  height: auto;
}
.customization-cart .add-to-cart-wishList .floating-label.value-set select {
  padding: 0.5625rem 0.625rem;
  height: auto;
  background-position: center right 0.5rem;
}
.customization-cart .add-to-cart-wishList .floating-label.value-set select + label {
  display: none;
}
.customization-cart .email-subscribe {
  margin-top: 1.25rem;
  max-width: 25rem;
}
.customization-cart .email-subscribe .notification {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 2000;
}
.customization-cart .email-subscribe .notification .alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.customization-cart .email-subscribe .notification .alert.show {
  display: block;
}
.customization-cart .email-subscribe .subscription-form {
  border: 0.125rem solid var(--skin-primary-color);
  padding: 0.9375rem;
}
.customization-cart .email-subscribe .subscription-form label[for=subscriberEmail] {
  color: var(--skin-primary-color);
  font-size: var(--skin-btn-lg-font-size);
  text-align: center;
}
.customization-cart .email-subscribe .subscription-form .form-row {
  margin: 1.25rem 0 0;
}
.customization-cart .email-subscribe .subscription-form .form-row .form-policy a {
  text-decoration: none;
}
.customization-cart .email-subscribe .subscription-form .form-row .form-policy a:hover {
  text-decoration: underline;
}
.customization-cart .email-subscribe .subscription-form .floating-label .form-control {
  height: 2.5rem;
}
.customization-cart .email-subscribe .subscription-form .floating-label .form-control:focus-visible {
  border-color: var(--skin-primary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.customization-cart .email-subscribe .subscription-form .floating-label input:not(:-moz-placeholder-shown) {
  padding: 0 0.625rem;
}
.customization-cart .email-subscribe .subscription-form .floating-label input:not(:-ms-input-placeholder) {
  padding: 0 0.625rem;
}
.customization-cart .email-subscribe .subscription-form .floating-label input:not(:placeholder-shown) {
  padding: 0 0.625rem;
}
.customization-cart .email-subscribe .subscription-form .notify-form {
  width: 100%;
}
.customization-cart .email-subscribe .subscription-form .custom-control .custom-control-label {
  cursor: default;
}
.customization-cart .email-subscribe .subscription-form .custom-control .custom-control-label span {
  font-size: var(--skin-btn-sm-font-size);
}
.customization-cart .wishlist-option {
  display: none;
}
.customization-cart .wishlist-option .wishlist-link {
  text-decoration: none;
  font-size: 0.875rem;
  line-break: 1rem;
  color: var(--color-blue);
  text-transform: capitalize;
  font-family: SofiaPro, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.customization-cart .wishlist-option .wishlist-link svg {
  width: 1.25rem;
  margin-right: 0.25rem;
}
.customization-cart .wishlist-option .wishlist-link:hover, .customization-cart .wishlist-option .wishlist-link.red {
  color: var(--color-red300);
}
.customization-cart .wishlist-option .wishlist-link:hover svg, .customization-cart .wishlist-option .wishlist-link.red svg {
  color: var(--color-red300);
}
.customization-cart .attribute-content .attribute-size-chart {
  width: auto;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1rem;
}

.attribute-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.attribute-content .modal-dialog {
  margin: 9.75rem auto;
}
.attribute-content .modal-dialog .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.attribute-content .modal-dialog .modal-body .size-chart-close button.close {
  font-size: 1rem;
}

.giftcard-product .zoom-icon,
.giftcard-product .zoom-container {
  display: none !important;
}
.giftcard-product .pgc_GiftCard-balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.giftcard-product .pgc_GiftCard-balance .gc-balance-checker {
  padding: 0;
}
.giftcard-product .pgc_GiftCard-balance .gc-balance-checker .gc-balnce-field {
  padding-right: 0.25rem;
}
@media (min-width: 992px) {
  .giftcard-product .pgc_GiftCard-balance .gc-balance-checker {
    padding: 4rem;
  }
  .giftcard-product .pgc_GiftCard-balance .gc-balance-checker .gc-balance-header {
    text-align: left !important;
  }
  .giftcard-product .pgc_GiftCard-balance .gc-balance-checker .gc-balance-form {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .giftcard-product .pgc_GiftCard-balance .gc-balance-checker .gc-balnce-field {
    max-width: 100%;
    padding: 1rem;
  }
  .giftcard-product .pgc_GiftCard-balance .gc-balance-checker .gc-balance {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 0.625rem;
  }
}
.giftcard-product .pgc_GiftCard-balance .giftcard-image {
  text-align: center;
}
.giftcard-product .egc-giftcard-form .giftCard-recapcha .form-row {
  margin-left: 0;
}

.giftcard-error-alert .recaptcha-error {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 2000;
}

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