/** Shopify CDN: Minification failed

Line 1656:0 All "@import" rules must come first

**/
.hero-sale-banner {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 650px;
  color: white;
  font-family: sans-serif;
}

.grid-product__colors {
    margin-bottom: 10px;
    gap: 5px;
}
/* Optional overlay if image needs a slight dark tint */
.hero-sale-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.variant-wrapper.js {
    margin-top: 10px;
}
.hero-sale-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 2;
  max-width: 600px;
  text-align: left;
  padding-right: 20px;
}

.hero-sale-tag {
  display: inline-block;
  background-color: #4b2266;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  padding: 6px 18px;
  border-radius: 3px;
  margin-bottom: 14px;
}

.hero-sale-headline {
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px 0;
  line-height: 1.2;
}

.hero-sale-subheading {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 6px;
  opacity: 0.95;
}

.hero-sale-description {
  font-size: 1rem;
  opacity: 0.9;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .topgrid .grid__item span.color-swatch.color-swatch--small {
    padding: 7px;
    width: 100%;
    height: auto;
    margin: 0;
}
  .hero-sale-content {
    bottom: 20px;
    left: 16px;
    right: 16px;
    max-width: 100%;
    padding-right: 0;
  }

  .hero-sale-tag {
    font-size: 0.9rem;
    padding: 4px 12px;
    margin-bottom: 10px;
  }

  .hero-sale-headline {
    font-size: 1.6rem;
    line-height: 1.3;
  }

  .hero-sale-subheading {
    font-size: 0.95rem;
    margin-bottom: 5px;
  }

  .hero-sale-description {
    font-size: 0.85rem;
    line-height: 1.4;
  }
}


.keen-slider__slide.grid__item.topgrid {
    display: flex
;
    align-content: flex-start;
    flex-wrap: wrap;
}
  .prd-Accordion_Header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    width: 100%;
    padding: 1em;
    font-weight: bold;
  }
.prd-Product_FinanceIcon,.delivery-info svg {
    width: 32px;
}
button.btn.btn--full.add-to-cart, button.btn.cart__checkout {
    flex-flow: row nowrap;
    justify-content: center;
    display: flex;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 18px;
    font-family: var(--Font_Family-europa);
    background-color: rgb(51, 51, 51);
    border: 1px solid rgb(51, 51, 51);
    color: rgb(255, 255, 255);
}
.free-shipping{
  display: none;
}
.prd-Options_SizeFooter {
    margin: 20px 0;
}
button.btn.btn--full.add-to-cart:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(51, 51, 51);

}
.prd-Product_Finance,.delivery-info {
  margin: 15px 0;
    align-items: center;
    display: flex
;
    column-gap: 20px;
}
  .prd-Accordion_Body {
    padding: 0 1em 1em;
    border-top: 1px solid #ccc;
  }
  .prd-Accordion_Arrow {
    transition: transform 0.3s ease;
  }
  .prd-Accordion_Item[aria-expanded="true"] .prd-Accordion_Arrow {
    transform: rotate(180deg);
  }
.prd-Accordion {
  display: block;
}

.prd-Product_Finance {
    display: flex
;
    flex-direction: row;
    align-items: center;
}
.prd-Accordion_Item {
  border-bottom: 1px solid rgba(var(--color--pdp-accent), 0.25);
}

.prd-Accordion_Item-description::before {
  content: attr(data-short-description);

  display: block;
}

.prd-Accordion_Header {
  align-items: center;
  justify-content: space-between;

  display: flex;
  width: 100%;
  padding-top: 21px;
  padding-bottom: 21px;

  cursor: pointer;
}
.prd-Accordion_Item:first-child .prd-Accordion_Header {
  border-top: 1px solid rgba(var(--color--pdp-accent), 0.25);
}

.prd-Accordion_Title {
  font-family: var(--Font_Family-europa);
  text-transform: uppercase;
  font-weight: 400
}
ul.site-nav__dropdown.text-left {
    background: white;
}
.prd-Accordion_Icon {
  align-items: center;
  justify-content: flex-end;

  display: flex;
  margin-right: 10px;

  transition: transform 0.2s ease;
}

.prd-Accordion_Header:hover .prd-Accordion_Icon {
  transform: rotate(90deg);
}

.prd-Accordion_Item[aria-expanded="true"] .prd-Accordion_Icon {
  transform: rotate(180deg);
}

.prd-Accordion_Body {
  max-height: 0;
  padding-bottom: 0;

  color: var(--Color_Body);
  overflow-y: hidden;
  will-change: max-height, padding-bottom;

  transition: max-height 0.5s ease, padding-bottom 0.5s ease, opacity 0.5s ease;
}

.prd-Accordion_Item-partial .prd-Accordion_Body:not(.prd-Accordion_Body-short) {
  position: relative;

  max-height: 60px;
}

.prd-Accordion_Item-partial
  .prd-Accordion_Body:not(.prd-Accordion_Body-short)::after {
  content: "";

  position: absolute;
  bottom: 0;

  display: block;
  width: 100%;
  height: 20px;

  background: rgb(255, 255, 255);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.5) 80%,
    rgba(255, 255, 255, 0) 100%
  );
}
/*
|--------------------------------------------------------------------------
| Rich text
|--------------------------------------------------------------------------
| @namespace: rte
|
*/

/* stylelint-disable declaration-no-important, selector-max-type, selector-max-universal */
.rte-RichText > p,
.rte-RichText > table {
  margin-bottom: 20px;
}

.rte-RichText img {
  width: 100%;
}

.rte-RichText > blockquote {
  position: relative;

  margin: 20px 0;

  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .rte-RichText > blockquote {
    width: calc((11 / 12) * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 901px) {
  .rte-RichText > blockquote {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 35px;
    padding-bottom: 35px;

    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 29px;
  }
}

.rte-RichText ul {
  margin-top: 20px;
  margin-bottom: 25px;
  padding-left: 0;

  text-align: left;
}

.rte-RichText ul li {
  position: relative;

  margin-bottom: 10px;
  padding-left: 20px;
}
.rte-RichText ul li:last-child {
  margin-bottom: 0;
}
.rte-RichText ul li::before {
  content: "";

  position: absolute;
  top: 7px;
  left: 0;

  display: block;
  width: 3px;
  height: 3px;

  background-color: var(--Color_Brand);
}

.rte-RichText ol {
  counter-reset: item;

  margin-top: 20px;
  margin-bottom: 25px;
  padding-left: 0;

  list-style: none;
  text-align: left;
}

.rte-RichText ol li {
  position: relative;

  margin-bottom: 10px;
  padding-left: 35px;
}
.rte-RichText ol li:last-child {
  margin-bottom: 0;
}
.rte-RichText ol li::before {
  content: counter(item);
  counter-increment: item;

  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 22px;
  height: 22px;

  text-align: center;
}

.rte-RichText a:not([class]) {
  text-decoration: underline;
  word-break: break-word;
  word-wrap: break-word;

  color: var(--Color_Body);

  transition: color;
  transition-duration: 0.4s;
  transition-timing-function: ease;

  overflow-wrap: break-word;
  hyphens: auto;
}

.rte-RichText a:not([class]):hover,
.rte-RichText a:not([class]):focus {
  color: var(--Color_Russet);
}

.rte-RichText h1:not([class]),
.rte-RichText h2:not([class]),
.rte-RichText h3:not([class]),
.rte-RichText h4:not([class]),
.rte-RichText h5:not([class]) {
  margin-bottom: 15px;
}

.rte-RichText h2:not([class]) {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 25px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .rte-RichText h2:not([class]) {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 29px;
  }
}

.rte-RichText h3:not([class]) {
  /* styleName: Mobile/Menu & Small Headings; */
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .rte-RichText h3:not([class]) {
    /* styleName: Desktop/Menu & Small Headings; */
    font-size: 18px;
    line-height: 22px;
  }
}

.rte-RichText h4:not([class]) {
  /* styleName: Desktop/Small Title; */
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 17px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .rte-RichText h4:not([class]) {
    /* styleName: Desktop/Body Copy; */
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 20px;
  }
}

.rte-RichText h5:not([class]) {
  /* styleName: Mobile/ Hero Body Copy; */
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .rte-RichText h5:not([class]) {
    /* styleName: Desktop/Hero Body Copy; */
    font-size: 18px;
    line-height: 25px;
  }
}

.rte-RichText th {
  padding: 10px;

  text-align: center;

  background-color: var(--Color_CoolPink);
  border: 1px solid var(--Color_CoolPink);
  border-right: 1px solid #fff;
  color: var(--Color_Body);
}
.rte-RichText th:last-child {
  border-right: 1px solid var(--Color_CoolPink);
}

.rte-RichText tr:nth-child(odd) {
  background-color: #fff;
}
.rte-RichText tr:nth-child(even) {
  background-color: var(--Color_Grey-lightest);
}

.rte-RichText tr td:first-child {
  text-align: center;
}

.rte-RichText td {
  padding: 10px;

  text-align: left;

  border: 1px solid var(--Color_Grey-lighter);
}

/* We want every first and last item to never have their relative margin */
.rte-RichText > *:first-child {
  margin-top: 0 !important;
}

/* This covers cases like images */
.rte-RichText > *:first-child > *:first-child {
  margin-top: 0 !important;
}

.rte-RichText > *:last-child {
  margin-bottom: 0 !important;
}

/* This covers cases like images */
.rte-RichText > *:last-child > *:last-child {
  margin-bottom: 0 !important;
}
/* stylelint-enable */

/* stylelint-disable-next-line selector-max-type */
.prd-Accordion_Body.rte-RichText span {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: inherit !important;
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--Color_Body) !important;
}

.prd-Accordion_Body-short {
  max-height: 500px;
  padding-bottom: 21px;

  text-align: left;

  cursor: pointer;
}

.prd-Accordion_Item[aria-expanded="true"] .prd-Accordion_Body-short {
  opacity: 0.25;
}

.prd-Accordion_Arrow {
  background-color: rgb(var(--color--pdp-accent));
  color: var(--Color_White);
}

.prd-SizeGuide {
  position: relative;
  z-index: 2;

  flex-direction: column;

  display: flex;
  max-width: 1120px;
  max-height: 100%;
  width: 100%;

  background-color: #fff;
  color: #333;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide {
    padding: 40px;
  }
}

/*
|--------------------------------------------------------------------------
| Modal overrides
|--------------------------------------------------------------------------
|
*/
.mod-Modal-sizeguide {
  display: none;
}

@media only screen and (min-width: 901px) {
  .mod-Modal-sizeguide {
    display: block;
  }
}

.mod-Modal-sizeguide .mod-Modal_Inner {
  padding-block-start: var(--Padding);
  padding-block-end: var(--Padding);
}

.mod-Modal-sizeguide .mod-Modal_Body {
  align-items: center;
  justify-content: center;

  display: flex;
  width: 100%;
}

.mod-Modal-sizeguide .mod-Modal_Close {
  display: none;
}

/*
|--------------------------------------------------------------------------
| Drawer overrides
|--------------------------------------------------------------------------
|
*/
.drw-Drawer-sizeguide {
  width: 95vw;
}
@media only screen and (min-width: 901px) {
  .drw-Drawer-sizeguide {
    display: none;
  }
}

.drw-Drawer-sizeguide .drw-Drawer_Inner {
  padding: 0;
}

.drw-Drawer-sizeguide .drw-Drawer_Body {
  padding: 0;

  border: 0;
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
|
*/
.prd-SizeGuide_Header {
  flex-direction: column;

  display: flex;
  max-height: unset;
  width: 100%;

  background-color: var(--Color_Grey-lightest);
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Header {
    flex-direction: row;

    max-height: 350px;
  }
}

.prd-SizeGuide_Media {
  grid-template-columns: repeat(2, 1fr);

  display: grid;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Media {
    display: flex;
  }
}

@media only screen and (min-width: 901px) {
  .prd-SizeGuide_MediaItem {
    width: 180px;
  }
}

.prd-SizeGuide_Content {
  align-items: center;
  flex: 1;
  flex-direction: column;
  justify-content: center;

  display: flex;
  padding: 40px 20px;

  text-align: center;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Content {
    flex-direction: column;

    max-height: unset;
  }
}

.prd-SizeGuide_Title {
  margin-block-end: 20px;

  text-transform: capitalize;
}

.prd-SizeGuide_Text {
  max-width: 540px;
}

.prd-SizeGuide_Close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;

  width: 15px;
  height: 15px;

  color: #000;

  transition: transform 0.4s ease;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Close {
    top: 15px;
    right: 15px;
  }
}

.prd-SizeGuide_Close:hover,
.prd-SizeGuide_Close:focus {
  transform: scale(1.1);
}

/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
|
*/
.prd-SizeGuide_Article {
  padding: 40px 20px;

  overflow-y: auto;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Article {
    margin-block-start: 20px;
    padding: 0;
  }
}

/* stylelint-disable-next-line selector-max-type */
.prd-SizeGuide_RichText table::-webkit-scrollbar {
  height: 2px;

  background-color: var(--Color_Grey-lightest);
  border-radius: 10px;
}

/* stylelint-disable-next-line selector-max-type */
.prd-SizeGuide_RichText table::-webkit-scrollbar-track {
  background-color: var(--Color_Grey-lightest);
  border-radius: 10px;
}

/* stylelint-disable-next-line selector-max-type */
.prd-SizeGuide_RichText table::-webkit-scrollbar-thumb {
  background-color: var(--Color_WarmPink);
  border-radius: 10px;
}

/*
|--------------------------------------------------------------------------
| Rich Text Overrides
|--------------------------------------------------------------------------
|
*/
/* stylelint-disable selector-max-type */
.prd-SizeGuide_RichText table {
  display: block;
  min-width: 100%;
  width: unset;

  font-size: 14px;
  line-height: 20px;

  overflow-x: auto;
  white-space: nowrap;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_RichText table {
    margin-inline-end: 0;
    padding-inline-end: 0;
  }
}

.prd-SizeGuide_RichText tbody {
  display: table;
  width: 100%;
}

.prd-SizeGuide_RichText tr {
  height: unset;
}

.prd-SizeGuide_RichText tr:nth-child(2n) {
  background-color: var(--Color_White);
}

.prd-SizeGuide_RichText tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.prd-SizeGuide_RichText tr:first-child {
  background-color: var(--Color_White);
}

.prd-SizeGuide_RichText tr:first-child strong {
  font-weight: 400;
}

.prd-SizeGuide_RichText td {
  min-width: 90px;
  width: unset;
  height: 44px;
  text-align: center;
}
.prd-SizeGuide_RichText tr:first-child td {
  background-color: unset;
  border: 0;
}

.prd-SizeGuide_RichText tr:first-child td {
  border-block-end: 1px solid #000;
}
/* stylelint-enable */

.mod-Modal[aria-hidden="false"] {
  pointer-events: initial;

  opacity: 1;
  visibility: visible;
}

.mod-Modal-mediagallery {
  display: none;
}
@media only screen and (min-width: 901px) {
  .mod-Modal-mediagallery {
    display: block;
  }
}

/*
|--------------------------------------------------------------------------
| Modal Outer
|--------------------------------------------------------------------------
|
*/
.mod-Modal_Outer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/*
|--------------------------------------------------------------------------
| Modal Inner
|--------------------------------------------------------------------------
|
*/
.mod-Modal_Inner,
.mod-Modal_Wrapper {
  height: fit-content;
}

/*
|--------------------------------------------------------------------------
| Modal Close
|--------------------------------------------------------------------------
|
*/
/*
|--------------------------------------------------------------------------
| Size Guide Modal and Drawer
|--------------------------------------------------------------------------
| @namespace: prd-
|
*/
.prd-SizeGuide {
  position: relative;
  z-index: 2;

  flex-direction: column;

  display: flex;
  max-width: 1120px;
  max-height: 100%;
  width: 100%;

  background-color: #fff;
  color: #333;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide {
    padding: 40px;
  }
}

/*
|--------------------------------------------------------------------------
| Modal overrides
|--------------------------------------------------------------------------
|
*/
.mod-Modal-sizeguide {
  display: none;
}

@media only screen and (min-width: 901px) {
  .mod-Modal-sizeguide {
    display: block;
  }
}

.mod-Modal-sizeguide .mod-Modal_Inner {
  padding-block-start: var(--Padding);
  padding-block-end: var(--Padding);
}

.mod-Modal-sizeguide .mod-Modal_Body {
  align-items: center;
  justify-content: center;

  display: flex;
  width: 100%;
}

.mod-Modal-sizeguide .mod-Modal_Close {
  display: none;
}

/*
|--------------------------------------------------------------------------
| Drawer overrides
|--------------------------------------------------------------------------
|
*/
.drw-Drawer-sizeguide {
  width: 95vw;
}
@media only screen and (min-width: 901px) {
  .drw-Drawer-sizeguide {
    display: none;
  }
}

.drw-Drawer-sizeguide .drw-Drawer_Inner {
  padding: 0;
}

.drw-Drawer-sizeguide .drw-Drawer_Body {
  padding: 0;

  border: 0;
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
|
*/
.prd-SizeGuide_Header {
  flex-direction: column;

  display: flex;
  max-height: unset;
  width: 100%;

  background-color: var(--Color_Grey-lightest);
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Header {
    flex-direction: row;

    max-height: 350px;
  }
}

.prd-SizeGuide_Media {
  grid-template-columns: repeat(2, 1fr);

  display: grid;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Media {
    display: flex;
  }
}

@media only screen and (min-width: 901px) {
  .prd-SizeGuide_MediaItem {
    width: 180px;
  }
}

.prd-SizeGuide_Content {
  align-items: center;
  flex: 1;
  flex-direction: column;
  justify-content: center;

  display: flex;
  padding: 40px 20px;

  text-align: center;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Content {
    flex-direction: column;

    max-height: unset;
  }
}

.prd-SizeGuide_Title {
  margin-block-end: 20px;

  text-transform: capitalize;
}

.prd-SizeGuide_Text {
  max-width: 540px;
}

.prd-SizeGuide_Close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;

  width: 15px;
  height: 15px;

  color: #000;

  transition: transform 0.4s ease;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Close {
    top: 15px;
    right: 15px;
  }
}

.prd-SizeGuide_Close:hover,
.prd-SizeGuide_Close:focus {
  transform: scale(1.1);
}

/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
|
*/
.prd-SizeGuide_Article {
  padding: 40px 20px;

  overflow-y: auto;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_Article {
    margin-block-start: 20px;
    padding: 0;
  }
}

/* stylelint-disable-next-line selector-max-type */
.prd-SizeGuide_RichText table::-webkit-scrollbar {
  height: 2px;

  background-color: var(--Color_Grey-lightest);
  border-radius: 10px;
}

/* stylelint-disable-next-line selector-max-type */
.prd-SizeGuide_RichText table::-webkit-scrollbar-track {
  background-color: var(--Color_Grey-lightest);
  border-radius: 10px;
}

/* stylelint-disable-next-line selector-max-type */
.prd-SizeGuide_RichText table::-webkit-scrollbar-thumb {
  background-color: var(--Color_WarmPink);
  border-radius: 10px;
}

/*
|--------------------------------------------------------------------------
| Rich Text Overrides
|--------------------------------------------------------------------------
|
*/
/* stylelint-disable selector-max-type */
.prd-SizeGuide_RichText table {
  display: block;
  min-width: 100%;
  width: unset;

  font-size: 14px;
  line-height: 20px;

  overflow-x: auto;
  white-space: nowrap;
}
@media only screen and (min-width: 901px) {
  .prd-SizeGuide_RichText table {
    margin-inline-end: 0;
    padding-inline-end: 0;
  }
}

.prd-SizeGuide_RichText tbody {
  display: table;
  width: 100%;
}

.prd-SizeGuide_RichText tr {
  height: unset;
}

.prd-SizeGuide_RichText tr:nth-child(2n) {
  background-color: var(--Color_White);
}

.prd-SizeGuide_RichText tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.prd-SizeGuide_RichText tr:first-child {
  background-color: var(--Color_White);
}

.prd-SizeGuide_RichText tr:first-child strong {
  font-weight: 400;
}

.prd-SizeGuide_RichText td {
  min-width: 90px;
  width: unset;
  height: 44px;

  text-align: center;

  background-color: unset;
  border: 0;
}
/* === MODAL CORE === */
.mod-Modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  transition: opacity 0.25s ease;
}

.mod-Modal[aria-hidden="false"] {
  display: block;
}

/* === OVERLAY === */
.mod-Modal_Outer {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

/* === INNER CONTAINER === */
.mod-Modal_Inner {
  position: relative;
  max-width: 960px;
  margin: 6vh auto;
  z-index: 2;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.mod-Modal_Wrapper {
  padding: 30px;
}

/* === CLOSE BUTTONS === */
.mod-Modal_Close,
.prd-SizeGuide_Close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
  z-index: 10;
  color: #000;
}

/* === SIZE GUIDE CONTENT === */
.prd-SizeGuide {
  padding-top: 30px;
}

.prd-SizeGuide_Media {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.prd-SizeGuide_MediaItem {
  max-width: 240px;
  flex: 1 1 100%;
}

.rsp-Image {
  width: 100%;
  aspect-ratio: 3 / 5;
  overflow: hidden;
  border-radius: 6px;
}

.rsp-Image img {
  width: 100%;
  height: 100%;
  display: block;
}

/* === TEXT === */
.prd-SizeGuide_Title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 8px;
}

.prd-SizeGuide_Text {
  text-align: center;
  color: #555;
  font-size: 14px;
}

.prd-SizeGuide_Article {
  font-size: 14px;
  padding-top: 20px;
  line-height: 1.6;
}

.prd-SizeGuide_Article table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.prd-SizeGuide_Article th,
.prd-SizeGuide_Article td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 13px;
}

/* === RESPONSIVE MOBILE === */
@media screen and (max-width: 768px) {
  button.btn.cart__checkout {
    font-size: 0.7rem;
}
  .delivery-info svg{
    width: 50px !important;
  }
  .mod-Modal_Inner {
    width: 92vw;
    margin: 8vh auto;
    border-radius: 0;
  }

  .mod-Modal_Wrapper {
    padding: 20px 16px;
  }

  .prd-SizeGuide_Title {
    font-size: 22px;
  }

  .prd-SizeGuide_Text,
  .prd-SizeGuide_Article {
    font-size: 13px;
  }

  .prd-SizeGuide_MediaItem {
    max-width: 100%;
  }
  .prd-SizeGuide {
    padding-top: 0 !important;
  }
  .mod-Modal_Close,
  .prd-SizeGuide_Close {
    top: 12px;
    right: 12px;
    font-size: 22px;
  }
}
.mod-Modal_Inner.lyt-Container,
.mod-Modal_Wrapper {
  padding: 0;
}
.prd-SizeGuide_RichText tr:first-child td {
  border-block-end: 1px solid #000;
}
/* stylelint-enable */

.mod-Modal_Close {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 11;

  width: 32px;
  height: 32px;

  background-color: var(--Color_White);
  border-radius: 50%;

  transition: transform 0.4s ease;
}
.mod-Modal_Close:hover,
.mod-Modal_Close:focus {
  transform: scale(1.1);
}
.mod-Modal_Icon-close {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 16px;
  height: 16px;

  color: var(--Color_WarmPink);

  transform: translate(-50%, -50%);
}

.mod-Modal_Body {
  height: 100%;
}

span.prd-Colors_Label-info.prd-Colors_Value {
  font-weight: 200;
}
.color-swatch-wrap {
  display: flex;
  gap: 12px;
  margin: 1em 0;
}

.color-swatch-item {
  position: relative;
}

.color-swatch-input {
  position: absolute;
  opacity: 0;
}

.color-swatch-label {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 2px solid #333;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}

.color-swatch-input:checked + .color-swatch-label {
  border: 3px solid #000;
  box-shadow: 0 0 0 2px white inset;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
ul.mobile-nav__sublist {
    display: flex
;
    flex-direction: column;
    gap: 14px;
    padding: 20px 30px;
}
div#NavDrawer {
    background: white;
    width: 100%;
    max-width: 100%;
}
a.mobile-nav__link.mobile-nav__link--top-level {
  font-size: 1.5rem;
  margin-top: 20px;
      position: relative;
    font-size: 1.5rem;
    margin-top: 20px;
}

.page-width.footer-wrapper {
  padding: 20px 70px;
}

/* Hero Bar Section */
.hero-bar-content {
  padding: 16px 12px;
  text-align: center;
  background-color: #ffeaea; /* match light pink background from screenshot */
}

.hero-bar-content h2 {
  margin: 0;
  font-family: "Georgia", serif;
  font-size: 16px;
  font-weight: 400;
  color: #111111;
  letter-spacing: 0.3px;
  line-height: 1.4;
}

/* Medium screens (tablets) */
@media (min-width: 600px) {
  .hero-bar-content h2 {
    font-size: 18px;
  }
}

/* Large screens (desktops) */
@media (min-width: 1024px) {
  .hero-bar-content {
    padding: 20px 0;
  }

  .hero-bar-content h2 {
    font-size: 20px;
    letter-spacing: 0.5px;
  }
}

.keen-slider {
  position: relative;
}

.keen-slider__slide {
min-height: 100%;
    max-height: 80vh;  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-media-wrapper {
  width: 100%;
  aspect-ratio: 16/9;
}

.hero-media-wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}


.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
  overflow: visible !important;
}

.hero-media-wrapper img,
.hero-media-wrapper video {
  width: 100vw !important;
}

.sec-Hero {
  position: relative;

  display: block;
}

.sec-Hero-headerOverlay {
  margin-top: calc(var(--Nav_Height) * -1);
}
.site-header__search,
div#PredictiveWrapper {
  background: white !important;
}
@media only screen and (max-width: 767px) {
  .hero-media-wrapper {
    height: 70vh !important;
    
  }
  .hero-media-wrapper img,
  .hero-media-wrapper video {
    width: 100vw !important;
    height: 70vh !important;
    object-fit: cover;
    background-position: center center;
  }

  .sec-Hero-mobileFullScreen {
    height: calc(
      100vh - var(--Announcement_Height, 0) - var(--Nav_HeightWhenFixed, 0) -
        var(--Usp_Height, 0)
    );
  }
}

@media only screen and (min-width: 768px) {
  .sec-Hero-dektopFullScreen {
    height: calc(
      100vh - var(--Announcement_Height, 0) - var(--Nav_HeightWhenFixed, 0) -
        var(--Usp_Height, 0)
    );
  }
}

.sec-Hero_Inner {
  position: relative;
  z-index: 1;

  flex-direction: column;

  flex-shrink: 0;

  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 0;

  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .sec-Hero_Inner {
    flex-direction: row;
  }
}

.sec-Hero_Body {
  z-index: 1;

  width: 100%;
  height: 100%;
}

.sec-Hero_Container {
  height: 100%;
}

.sec-Hero_Carousel {
  position: relative;

  height: 100%;
}

.sec-Hero_Slides {
  position: relative;

  display: grid;
  height: 100%;
}

.sec-Hero_Slide {
  z-index: 1;

  grid-column: 1;
  grid-row: 1;

  max-height: 100%;
  height: 100%;

  opacity: 1;

  transition: opacity 1s ease;
}

.sec-Hero_Slide:first-of-type {
  z-index: 2;
}

.sec-Hero_Slide[aria-hidden="true"] {
  z-index: 0;

  opacity: 0;
}

.sec-Hero_Footer {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 4;

  justify-content: center;

  display: flex;
  width: 100%;
  height: 10px;

  pointer-events: none;
}
@media only screen and (min-width: 901px) {
  .sec-Hero_Footer {
    bottom: 30px;

    height: 20px;
  }
}

.sec-Hero_Line {
  flex: none;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  pointer-events: auto;
}
.sec-Hero_Line::after {
  content: "";

  display: block;
  width: 20px;
  height: 2px;

  background-color: var(--Color_Grey-light);

  transition: background-color 0.3s ease;
}
.sec-Hero_Line:hover.sec-Hero_Line::after,
.sec-Hero_Line[aria-current="true"]::after {
  background-color: var(--Color_White);
}
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;600&display=swap");
:root {
  --padding: 80px;
  --padding1: 10px;
  --color--pdp-accent: 226, 169, 169;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #ddd;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* For Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #888 #ddd;
}

*::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (min-width: 1200px) {
  .d-flex {
    display: flex;
  }
}

@media (min-width: 700px) {
  .delight__widget-outterCase {
    width: 60%;
    margin-left: auto;
    margin-right: 50px;
    margin-bottom: 50px;
  }
}

@media (max-width: 699px) {
  .delight__widget-outterCase {
    width: 100%;
    margin-left: auto;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 50px;
  }
}

.delight__widget-container {
  padding: 30px;
  min-width: 400px;
  max-width: 400px;
  width: 400px;
}
.is-empty .delight__widget-container {
  display: none;
}
.delight__widget-headline {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700;
  font-size: 17px;
  width: 80%;
}
.delight__widget-head {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 16px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.delight__widget-head-content {
  width: 93%;
  overflow: hidden;
}
.delight__widget-title {
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.delight__widget-title svg {
  margin-right: 10px;
}
.delight__widget-description {
  font-size: 15px;
  color: black;
  padding-left: 30px;
  margin-top: 4px;
  word-break: break-all;
}

.delight__widget-content-btn svg {
  transition: all 0.2s;
  transform: rotate(0deg);
}

.delight__widget-content-btn.collapsed svg {
  transform: rotate(180deg);
}

.delight__widget-qualified-message {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
}
.delight__widget-qualified-message svg {
  margin-left: 4px;
  margin-right: 4px;
}
.delight__widget-main-items {
  padding-inline-start: 0;
  transition: height 0.2s;
  margin: 0;
  overflow: hidden;
}
.delight__widget-item-list {
  display: flex;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.delight__widget-item {
  display: flex;
  align-items: center;
  margin: 0px 5px 12px;
  border-radius: 8px;
  padding: 5px;
}
.delight__widget-item:hover {
  transform: scale(1.01);
}
.delight__cart-item-image {
  width: 100px !important;
  height: 150px !important;
  object-fit: cover;
}
.delight__widget-item-image {
  width: 65px !important;
  height: 65px !important;
  border-radius: 6px;
}
.delight__cart-item-content {
  width: 100%;
  padding-left: 30px;
  padding-right: 12px;
}
.delight__widget-item-content {
  width: 100%;
  padding-left: 12px;
}
.delight__widget-item-desc {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-grow: 1;
  cursor: pointer;
}
.delight__widget-item-desc-li {
  display: flex;
  justify-content: start;
  flex-grow: 1;
}
.delight__widget-actions {
  display: flex;
  margin-left: auto !important;
}
.delight__widget-added-actions {
  display: flex;
  margin-left: auto !important;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  min-width: 120px;
}
.delight__widget-added-actions-thankyou {
  display: flex;
  margin-left: auto !important;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: #323232;
  min-width: 120px;
  color: white;
  height: 30px;
}
.delight__widget-added-actions-container {
  display: flex;
  cursor: pointer;
  background-color: #323232;
  color: white;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  height: 30px;
  font-size: 12px;
}
.delight__widget-added-thankyou {
  border: 2px solid;
  border-radius: 4px;
  display: flex;
  margin-left: auto !important;
  cursor: pointer;
  color: #41c303;
  align-items: center;
  justify-content: center;
  min-width: 125px;
  height: 25px;
  padding-right: 3px;
  padding-left: 3px;
}
.cursor-pointer {
  color: white;
  background-color: #323232;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 80px;
  height: 30px;
  margin-left: 10px;
  cursor: pointer;
}
.delight__widget-actions .product-form__submit.button {
  background: transparent;
  padding: 0;
  min-width: auto;
  min-height: 0;
  cursor: pointer;
  border: none;
}
.delight__widget-actions .product-form__submit.button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.delight__widget-actions .product-form__submit.button:before,
.delight__widget-actions .product-form__submit.button:after {
  content: none;
}
.loading-overlay__spinner {
  width: 1.8rem;
  display: inline-block;
}
.delight__widget-actions .quick-add__submit.button {
  background: transparent;
  padding: 0;
  border: none;
  min-width: auto;
}
.delight__widget-actions .quick-add__submit.button:before,
.delight__widget-actions .quick-add__submit.button:after {
  content: none;
}

.delight__widget-qualified-small-message {
  font-size: 14px;
}

.delight__widget-qualified-message {
  font-size: 13px;
  color: #333;
}

.hidden {
  display: none;
}

.loading-overlay__spinner .spinner {
  animation: rotator 1.4s linear infinite;
}

.button.loading {
  color: transparent;
  position: relative;
}

.button.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.delight__widget-quantity-disabled {
  visibility: hidden;
}

delight-modal-opener button {
  border: none;
  cursor: pointer;
  background-color: transparent;
}

.is-empty #delight_banner_unique_id {
  display: none;
}

#delight_banner_unique_id {
  width: 100% !important;
}

#delight_banner_unique_id .outter {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#delight_banner_unique_id .outter .inner {
  padding: 10px;
  text-align: center;
  background-color: #fad9d9 !important;
  color: #333333 !important;
  display: flex;
  justify-content: center;
  align-items: start;
  font-size: 15px;
  font-weight: 500;
}

#delight_banner_unique_id .outter .inner img {
  padding-right: 10px;
  width: 20px;
  height: 20px;
  padding-top: 1px;
}

#delight_banner_unique_id .inner {
  display: flex;
  align-items: center;
}

.is-empty #delight_banner_mobile {
  display: none;
}
#delight_banner_mobile {
  width: calc(100% + 30px) !important;
  margin-left: -15px;
}
#delight_banner_mobile .outter {
  width: 100%;
  padding-top: 2rem;
}
#delight_banner_mobile .outter .inner {
  padding: 10px;
  text-align: center;
  background-color: #fad9d9 !important;
  color: #333333 !important;
  display: flex;
  justify-content: center;
  align-items: start;
  font-size: 15px;
  font-weight: 500;
}
#delight_banner_mobile .outter .inner img {
  margin-right: 5px;
  width: 20px;
  height: 20px;
}
#delight_banner_mobile .inner {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  #delight_banner_mobile {
    display: none;
  }
}

.is-empty #delight_banner_desktop {
  display: none;
}
@media (max-width: 767px) {
  #delight_banner_desktop {
    display: none;
  }
}
#delight_banner_desktop {
  width: calc(100% + 30px) !important;
  margin-left: -30px;
}
#delight_banner_desktop .outter {
  width: 100%;
  padding-top: 2rem;
}
#delight_banner_desktop .outter .inner {
  padding: 10px 30px;
  text-align: center;
  background-color: #fad9d9 !important;
  color: #333333 !important;
  display: flex;
  justify-content: center;
  align-items: start;
  font-size: 15px;
  font-weight: 500;
}
#delight_banner_desktop .outter .inner img {
  margin-right: 5px;
  width: 20px;
  height: 20px;
}
#delight_banner_desktop .inner {
  display: flex;
  align-items: center;
}
.delight__gift--label___delight-cartpage span {
  font-size: 16px;
  color: #5db95a;
  font-weight: 400;
  letter-spacing: 0.8px;
  line-height: 1.3;
  margin: 0;
  max-width: 100%;
  padding-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 600px) {
  .delight__gift--label___delight {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    margin-bottom: 0.3rem !important;
    color: #717171;
    opacity: 0.7;
  }
}

@media (max-width: 599px) {
  .delight__gift--label___delight {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0.3rem !important;
    color: #777;
    opacity: 0.7;
  }
}

.delight__gift--label___delight img {
  margin-top: 2px;
  width: 18px;
  height: 18px;
}

.delight__gift--label___delight span {
  padding-left: 5px;
  font-weight: 400;
  font-size: 14px;
  text-transform: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* for currentbody */
.cart-ajax .cart-ajax__list .cart-ajax__data .grid__item {
  width: 63%;
}

.delight__widget-content-arrow-wrapper {
  margin-left: 2px;
  align-self: flex-start;
}

.visually-hidden {
  display: none !important;
}

delight-cart-widget .delight__widget-qualified-message {
  display: flex;
  align-items: center;
  color: #4eb0f0;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 15px;
}
delight-cart-widget .delight__widget-description {
  font-size: 15px;
  padding-left: 30px;
  margin-top: 4px;
  word-break: break-all;
  opacity: 0.75;
}
delight-cart-widget .delight__widget-title {
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.delight__widget-container {
  width: 100%;
  padding: 20px 0px;
  display: flex;
  order: 1;
  float: left;
  margin-bottom: 20px;
  flex-direction: column;
}

@media (min-width: 501px) {
  .redeemGuide-header {
    text-align: center;
    margin-bottom: 5px;
    padding: 0;
    font-weight: 800;
  }
  delight-product-detail-modal .delight__widget-modal--content-details {
    border-radius: 8px;
    padding: 5px;
    margin: 10px 0;
  }
  delight-product-detail-modal .delight__widget-modal--image-wraper {
    width: 100%;
  }
  delight-product-detail-modal
    .delight__widget-modal--image-wraper
    .delight__widget-modal--image {
    width: 450px;
    height: 240px;
    object-fit: cover;
    visibility: inherit !important;
  }
  delight-product-detail-modal .delight__widget-close-button {
    position: absolute;
    width: 25px;
    height: 25px;
    right: -10px;
    top: -10px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    justify-content: center;
  }
  delight-product-detail-modal .delight__widget-close-button:hover {
    background-color: darkgray;
  }
  delight-product-detail-modal[open] .delight__widget-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    z-index: 2147483647;
  }
  delight-product-detail-modal .delight__widget-modal--content-heading {
    text-transform: unset;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
  }
  delight-product-detail-modal
    .collapsed
    .delight__widget-modal--content-terms-wrapper {
    margin-top: 0px;
    height: 0px;
  }
  delight-product-detail-modal
    .delight__widget-modal--content-terms-wrapper
    .text-link {
    color: blue;
  }
  delight-product-detail-modal .delight__widget-modal--content-details p {
    font-size: 15px;
  }
  delight-product-detail-modal .delight__widget-modal--content-wrapper {
    flex: 1;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    padding: 8px 20px 0px;
  }
  delight-product-detail-modal .delight__widget-modal--content-toggle-btn img {
    transition: all 0.2s;
    transform: rotate(0deg);
  }
  delight-product-detail-modal
    .collapsed
    .delight__widget-modal--content-toggle-btn
    img {
    transform: rotate(180deg);
  }
  delight-product-detail-modal
    .delight__widget-modal--content-wrapper
    .logo_img {
    visibility: visible;
    max-height: 70px;
    min-height: 50px;
  }
  .footer-container {
    position: absolute;
    right: 20px;
    bottom: 0px;
  }
  .logo-container {
    text-align: center;
  }
  .delight__widget-add-button svg {
    width: 17px;
    height: 17px;
  }
  .delight__widget-add-button p {
    line-height: 0;
    font-size: 12px;
  }
}

@media (max-width: 500px) {
  .redeemGuide-header {
    text-align: center;
    margin-bottom: 5px;
    padding: 0;
    font-weight: 800;
  }
  delight-product-detail-modal .delight__widget-modal--content-details {
    border-radius: 8px;
    padding: 5px;
  }
  delight-product-detail-modal .delight__widget-modal--image-wraper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px 10px 0px 0px;
  }
  delight-product-detail-modal
    .delight__widget-modal--image-wraper
    .delight__widget-modal--image {
    position: absolute;
    object-fit: cover;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 270px;
    min-width: 100%;
  }
  delight-product-detail-modal .delight__widget-close-button {
    position: absolute;
    width: 25px;
    height: 25px;
    right: -10px;
    top: -10px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    justify-content: center;
  }
  delight-product-detail-modal .delight__widget-close-button:hover {
    background-color: darkgray;
  }
  delight-product-detail-modal[open] .delight__widget-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    z-index: 2147483647;
  }
  delight-product-detail-modal .delight__widget-modal--content-heading {
    text-transform: unset;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
  }
  delight-product-detail-modal
    .collapsed
    .delight__widget-modal--content-terms-wrapper {
    margin-top: 0px;
    height: 0px;
  }
  delight-product-detail-modal
    .delight__widget-modal--content-terms-wrapper
    .text-link {
    color: blue;
  }
  delight-product-detail-modal .delight__widget-modal--content-details p {
    font-size: 15px;
  }
  delight-product-detail-modal .delight__widget-modal--content-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 15px;
    padding: 8px 10px;
  }
  delight-product-detail-modal .delight__widget-modal--content-toggle-btn img {
    transition: all 0.2s;
    transform: rotate(0deg);
  }
  delight-product-detail-modal
    .collapsed
    .delight__widget-modal--content-toggle-btn
    img {
    transform: rotate(180deg);
  }
  delight-product-detail-modal
    .delight__widget-modal--content-wrapper
    .logo_img {
    visibility: visible;
    max-height: 40px;
    min-height: 40px;
    max-width: 350px;
  }
  .footer-container {
    position: absolute;
    right: 10px;
    bottom: 5px;
  }
  .logo-container {
    text-align: center;
    /* display: none; */
  }
  .delight__widget-add-button svg {
    width: 15px;
    height: 15px;
  }
  .delight__widget-add-button p {
    line-height: 0;
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  .cart-item__name.h4 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .cart-item__name {
    font-size: 16px !important;
    line-height: 22px !important;
  }
}

.cart-item__name.h4 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-transform: uppercase;
  color: #515151;
}
.cart-item__name {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-transform: uppercase;
  color: #515151;
}

/*
  Thank you page widget css
*/
.delight__widget-item-list-thankyou {
  display: flex;
  margin-top: 10px;
  align-items: center;
}
@media (max-width: 767px) {
  .delight__widget-item-list-thankyou {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.delight__cart-item-image-thankyou {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
}

@media (min-width: 768px) {
  .cart-item__name-thankyou.h4 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .cart-item__name-thankyou {
    font-size: 14px !important;
    line-height: 22px !important;
  }
}
.cart-item__name-thankyou.h4 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-transform: uppercase;
  color: #515151;
}
.cart-item__name-thankyou {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-transform: uppercase;
  color: #515151;
}
.cart-item__name-thankyou img {
  width: 30px;
}
@media (max-width: 767px) {
  .cart-item__name-thankyou img {
    width: 25px;
  }
}
.delight__cart-item-content-thankyou {
  width: 100%;
  padding-left: 15px;
  padding-right: 5px;
}
/*
|--------------------------------------------------------------------------
| Section
|--------------------------------------------------------------------------
| @namespace: sec
|
*/
.sec-Section {
  --Spacing: calc(var(--Grid_Gutter) * 3);
  overflow: hidden;
}

.sec-Section-flush {
  --Spacing: 0;
}

.sec-Section-flush .sec-Section_Inner {
  padding-right: 0;
  padding-left: 0;
}

.sec-Section_Inner-smallpadding {
  padding-right: 5px;
  padding-left: 5px;
}
@media only screen and (min-width: 768px) {
  .sec-Section_Inner-smallpadding {
    padding: 0;
  }
}

.sec-Section_Image {
  width: 100%;
  height: 100%;
}

.sec-Section_Image-mobile {
  max-width: 345px;
  margin-block: 30px;
}
@media only screen and (min-width: 768px) {
  .sec-Section_Image-mobile {
    display: none;
  }
}

.sec-Section_Image-desktop {
  max-width: 475px;
  margin-block-start: 60px;
  margin-block-end: 4px;
}

@media only screen and (max-width: 768px) {
  .sec-Section_Image-desktop {
    display: none;
  }
}

.sec-Section_Grid {
  grid-gap: var(--Spacing);
  grid-template-columns: minmax(0, 1fr);

  display: grid;
  padding-top: var(--Spacing);
  padding-bottom: var(--Spacing);
}

.sec-Section_Grid-smallpadding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.sec-Section-spacingNone {
  margin-top: 0;
  margin-bottom: 0;
}
.sec-Section-spacingSmall {
  margin-top: 30px;
  margin-bottom: 30px;
}
.sec-Section-spacingStandard {
  margin-top: 60px;
  margin-bottom: 60px;
}
.sec-Section-spacingLarge {
  margin-top: 90px;
  margin-bottom: 90px;
}

.sec-Section-withBorderTop {
  position: relative;
}
.sec-Section-withBorderTop::before {
  content: "";

  position: absolute;
  right: calc(var(--Grid_Gutter) * 3);
  left: calc(var(--Grid_Gutter) * 3);

  height: 1px;

  background-color: var(--Color_Border);
}

.sec-Section-withBorderTop .sec-Section_Inner {
  margin-block-start: var(--Spacing);
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
|
*/

.sec-Section_Header,
.sec-Section_Footer {
  align-items: center;
  flex-flow: column;

  display: flex;
}

.sec-Section_Header-textcentre {
  text-align: center;
}

.sec-Section_Title {
  font-weight: 400;
  text-transform: capitalize;
}

.sec-Section_Kicker {
  margin-bottom: 10px;
}

.sec-Section_Link {
  margin-top: 10px;

  font-family: var(--Font_Family-europa);
}

.sec-Section_Text {
  margin-block-start: 10px;
}
.sec-Section {
  --Spacing: calc(var(--Grid_Gutter) * 3);
  overflow: hidden;
}

.sec-Section-flush {
  --Spacing: 0;
}

.sec-Section-flush .sec-Section_Inner {
  padding-right: 0;
  padding-left: 0;
}

.sec-Section_Inner-smallpadding {
  padding-right: 5px;
  padding-left: 5px;
}

@media only screen and (min-width: 768px) {
  .sec-Section_Inner-smallpadding {
    padding: 0;
  }
}

.sec-Section_Image {
  width: 100%;
  height: 100%;
}

.sec-Section_Image-mobile {
  max-width: 345px;
  margin-block: 30px;
}

@media only screen and (min-width: 768px) {
  .sec-Section_Image-mobile {
    display: none;
  }
}

.sec-Section_Image-desktop {
  max-width: 475px;
  margin-block-start: 60px;
  margin-block-end: 4px;
}

@media only screen and (max-width: 768px) {
  .sec-Section_Image-desktop {
    display: none;
  }
}

.sec-Section_Grid {
  grid-gap: var(--Spacing);
  grid-template-columns: minmax(0, 1fr);
  display: grid;
  padding-top: var(--Spacing);
  padding-bottom: var(--Spacing);
}

.sec-Section_Grid-smallpadding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.sec-Section-spacingNone {
  margin-top: 0;
  margin-bottom: 0;
}

.sec-Section-spacingSmall {
  margin-top: 30px;
  margin-bottom: 30px;
}

.sec-Section-spacingStandard {
  margin-top: 60px;
  margin-bottom: 60px;
}

.sec-Section-spacingLarge {
  margin-top: 90px;
  margin-bottom: 90px;
}

.sec-Section-withBorderTop {
  position: relative;
}

.sec-Section-withBorderTop:before {
  content: "";
  position: absolute;
  right: calc(var(--Grid_Gutter) * 3);
  left: calc(var(--Grid_Gutter) * 3);
  height: 1px;
  background-color: var(--Color_Border);
}

.sec-Section-withBorderTop .sec-Section_Inner {
  margin-block-start: var(--Spacing);
}

.sec-Section_Header,
.sec-Section_Footer {
  align-items: center;
  flex-flow: column;
  display: flex;
}

.sec-Section_Header-textcentre {
  text-align: center;
}

.sec-Section_Title {
  font-weight: 400;
  text-transform: capitalize;
}

.sec-Section_Kicker {
  margin-bottom: 10px;
}

.sec-Section_Link {
  margin-top: 10px;
  font-family: var(--Font_Family-europa);
}

.sec-Section_Text {
  margin-block-start: 10px;
}

/*# sourceMappingURL=/cdn/shop/t/987/assets/section.css.map?v=109935041694209716881743514938 */
/*
|--------------------------------------------------------------------------
| Hero slide
|--------------------------------------------------------------------------
| @namespace: sec
|
*/

.sec-HeroSlide {
  position: relative;
  z-index: 1;

  display: flex;
  width: 100%;
  height: 100%;

  overflow: hidden;
}

/*
|--------------------------------------------------------------------------
| Media
|--------------------------------------------------------------------------
|
*/

.sec-HeroSlide_Media {
  position: relative;
  z-index: 0;

  display: flex;
  width: 100%;
  height: 100%;
}

.sec-HeroSlide_Media-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Media-desktop {
    display: flex;
  }
}

.sec-HeroSlide_Media-mobile {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Media-mobile {
    display: none;
  }
}

/*
|--------------------------------------------------------------------------
| Videos
|--------------------------------------------------------------------------
|
*/

.sec-HeroSlide_Video {
  z-index: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.sec-HeroSlide_Video-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Video-desktop {
    display: flex;
  }
}

.sec-HeroSlide_Video-mobile {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Video-mobile {
    display: none;
  }
}

/*
|--------------------------------------------------------------------------
| Images
|--------------------------------------------------------------------------
|
*/

.sec-HeroSlide_Image {
  width: 100%;
  height: 100%;
}

.sec-HeroSlide_Image-desktop {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .sec-HeroSlide_Image-desktop {
    display: none;
  }
}

.sec-HeroSlide_Image-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sec-HeroSlide_Image-mobile {
    display: flex;
  }
}

/*
|--------------------------------------------------------------------------
| Overlay
|--------------------------------------------------------------------------
|
*/

.sec-HeroSlide_Overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;

  padding-right: 30px;
  padding-left: 30px;

  background: none;
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Overlay {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Overlay {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media only screen and (min-width: 1440px) {
  .sec-HeroSlide_Overlay {
    padding-right: 160px;
    padding-left: 160px;
  }
}
.sec-HeroSlide_Overlay::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  display: block;
  width: 100vw;
  height: 100%;
}

.sec-HeroSlide_Overlay-darkBackgroundMobile::before {
  background-color: var(--Color_Grey-overlay);
}
.sec-HeroSlide_Overlay-lightBackgroundMobile::before {
  background-color: var(--Color_White-overlay);
}
.sec-HeroSlide_Overlay-darkTextMobile {
  color: var(--Color_Body);
}
.sec-HeroSlide_Overlay-lightTextMobile {
  color: var(--Color_White);
}

@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Overlay-darkBackgroundDesktop::before {
    background-color: var(--Color_Grey-overlay);
  }
  .sec-HeroSlide_Overlay-lightBackgroundDesktop::before {
    background-color: var(--Color_White-overlay);
  }
  .sec-HeroSlide_Overlay-darkTextDesktop {
    color: var(--Color_Body);
  }
  .sec-HeroSlide_Overlay-lightTextDesktop {
    color: var(--Color_White);
  }
}

/*
|--------------------------------------------------------------------------
| Body
|--------------------------------------------------------------------------
|
*/

.sec-HeroSlide_Body {
  align-items: flex-end;
  justify-content: center;

  display: flex;
  width: 100%;
  height: 100%;

  text-align: center;
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide-left .sec-HeroSlide_Body {
    justify-content: flex-start;

    text-align: left;
  }
  .sec-HeroSlide-center .sec-HeroSlide_Body {
    justify-content: center;

    text-align: center;
  }
  .sec-HeroSlide-right .sec-HeroSlide_Body {
    justify-content: flex-end;

    text-align: right;
  }
  .sec-HeroSlide-top .sec-HeroSlide_Body {
    align-items: flex-start;
  }
  .sec-HeroSlide-middle .sec-HeroSlide_Body {
    align-items: center;
  }
  .sec-HeroSlide-bottom .sec-HeroSlide_Body {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .sec-HeroSlide-mobileLeft .sec-HeroSlide_Body {
    justify-content: flex-start;

    text-align: left;
  }
  .sec-HeroSlide-mobileCenter .sec-HeroSlide_Body {
    justify-content: center;

    text-align: center;
  }
  .sec-HeroSlide-mobileRight .sec-HeroSlide_Body {
    justify-content: flex-end;

    text-align: right;
  }
  .sec-HeroSlide-mobileTop .sec-HeroSlide_Body {
    align-items: flex-start;
  }
  .sec-HeroSlide-mobileMiddle .sec-HeroSlide_Body {
    align-items: center;
  }
  .sec-HeroSlide-mobileBottom .sec-HeroSlide_Body {
    align-items: flex-end;
  }
}

/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
|
*/

.sec-HeroSlide_Content {
  position: relative;
  z-index: 2;

  max-width: 440px;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Content {
    width: calc((8 / 12) * 100%);
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .sec-HeroSlide_Content {
    padding-top: 94px;
    padding-bottom: 94px;
  }
}

.sec-HeroSlide_Title {
  margin-left: -5px;
}
@media only screen and (max-width: 767px) {
  .sec-HeroSlide-mobileTextLeft .sec-HeroSlide_Title {
    text-align: left;
  }
  .sec-HeroSlide-mobileTextCenter .sec-HeroSlide_Title {
    text-align: center;
  }
  .sec-HeroSlide-mobileTextRight .sec-HeroSlide_Title {
    text-align: right;
  }
  .sec-HeroSlide-mobileCenter .sec-HeroSlide_Title {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide-desktopTextLeft .sec-HeroSlide_Title {
    text-align: left;
  }
  .sec-HeroSlide-desktopTextCenter .sec-HeroSlide_Title {
    margin: 0 auto;

    text-align: center;
  }
  .sec-HeroSlide-desktopTextRight .sec-HeroSlide_Title {
    text-align: right;
  }
  .sec-HeroSlide-center .sec-HeroSlide_Title {
    margin: 0 auto;
  }
  .sec-HeroSlide-right .sec-HeroSlide_Title {
    margin-left: auto;
  }
}

.sec-HeroSlide_Text {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .sec-HeroSlide-mobileTextLeft .sec-HeroSlide_Text {
    text-align: left;
  }
  .sec-HeroSlide-mobileTextCenter .sec-HeroSlide_Text {
    margin-right: auto;
    margin-left: auto;

    text-align: center;
  }
  .sec-HeroSlide-mobileTextRight .sec-HeroSlide_Text {
    text-align: right;
  }
  .sec-HeroSlide-mobileCenter .sec-HeroSlide_Text {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide-desktopTextLeft .sec-HeroSlide_Text {
    text-align: left;
  }
  .sec-HeroSlide-desktopTextCenter .sec-HeroSlide_Text {
    margin-right: auto;
    margin-left: auto;

    text-align: center;
  }
  .sec-HeroSlide-desktopTextRight .sec-HeroSlide_Text {
    text-align: right;
  }
  .sec-HeroSlide-center .sec-HeroSlide_Text {
    margin-right: auto;
    margin-left: auto;
  }
  .sec-HeroSlide-right .sec-HeroSlide_Text {
    margin-left: auto;
  }
}

.sec-HeroSlide_Cta {
  display: flex;
  margin-top: 30px;
}

.sec-HeroSlide_Button-mobileOnly {
  display: block;
}

.sec-HeroSlide_Button-desktopOnly {
  display: none;
}

@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Button-mobileOnly {
    display: none;
  }
  .sec-HeroSlide_Button-desktopOnly {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .sec-HeroSlide-mobileTextLeft .sec-HeroSlide_Button {
    margin-right: auto;
  }
  .sec-HeroSlide-mobileTextCenter .sec-HeroSlide_Button {
    margin: 0 auto;
  }
  .sec-HeroSlide-mobileTextRight .sec-HeroSlide_Button {
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide-desktopTextLeft .sec-HeroSlide_Button {
    margin-right: auto;
  }
  .sec-HeroSlide-desktopTextCenter .sec-HeroSlide_Button {
    margin: 0 auto;
  }
  .sec-HeroSlide-desktopTextRight .sec-HeroSlide_Button {
    margin-left: auto;
  }
}

@media only screen and (max-width: 900px) {
  .sec-HeroSlide_Button-mobileDark {
    background-color: var(--Color_Brand);
    border: 1px solid var(--Color_Brand);
    color: var(--Color_White);
  }
  .sec-HeroSlide_Button-mobileDark:hover {
    background-color: var(--Color_White);
    color: var(--Color_Body);
  }
  .sec-HeroSlide_Button-mobileLight {
    background-color: var(--Color_White);
    border: 1px solid var(--Color_Brand);
    color: var(--Color_Body);
  }
  .sec-HeroSlide_Button-mobileLight:hover {
    background-color: var(--Color_Brand);
    color: var(--Color_White);
  }
}

@media only screen and (min-width: 901px) {
  .sec-HeroSlide_Button-dark {
    background-color: var(--Color_Brand);
    border: 1px solid var(--Color_Brand);
    color: var(--Color_White);
  }
  .sec-HeroSlide_Button-dark:hover {
    background-color: var(--Color_White);
    color: var(--Color_Body);
  }
  .sec-HeroSlide_Button-light {
    background-color: var(--Color_White);
    border: 1px solid var(--Color_Brand);
    color: var(--Color_Body);
  }
  .sec-HeroSlide_Button-light:hover {
    background-color: var(--Color_Brand);
    color: var(--Color_White);
  }
}

.sec-HeroSlide_FauxLink {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;

  width: 100%;
  height: 100%;
}

.sec-HeroSlide_FauxLink-mobileOnly {
  display: block;
}
.sec-HeroSlide_FauxLink-desktopOnly {
  display: none;
}
@media only screen and (min-width: 768px) {
  .sec-HeroSlide_FauxLink-mobileOnly {
    display: none;
  }
  .sec-HeroSlide_FauxLink-desktopOnly {
    display: block;
  }
}

/*
|--------------------------------------------------------------------------
| Countdown
|--------------------------------------------------------------------------
|
*/

.sec-HeroSlide_Countdown {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;

  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(13, 1fr);

  display: grid;
  width: 100%;
  height: 100%;

  color: currentColor;
}

.sec-HeroSlide_Countdown-desktop {
  display: none;
}

/* stylelint-disable-next-line selector-max-type, selector-no-qualifying-type */
.sec-HeroSlide_Countdown countdown-timer[aria-hidden="true"] {
  display: none;
}

/* stylelint-disable-next-line selector-max-type */
.sec-HeroSlide_Countdown countdown-timer {
  grid-column: var(--mobile-col) / span 13;
  grid-row: var(--mobile-row);
}

@media only screen and (min-width: 768px) {
  .sec-HeroSlide_Countdown-mobile {
    display: none;
  }
  .sec-HeroSlide_Countdown-desktop {
    display: grid;
  }
  /* stylelint-disable-next-line selector-max-type */
  .sec-HeroSlide_Countdown countdown-timer {
    grid-column: var(--tablet-col);
    grid-row: var(--tablet-row);
  }
}

@media only screen and (min-width: 1024px) {
  /* stylelint-disable-next-line selector-max-type */
  .sec-HeroSlide_Countdown countdown-timer {
    grid-column: var(--desktop-col);
    grid-row: var(--desktop-row);
  }
}
/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
| @namespace: sec
|
*/

.sec-Hero {
  position: relative;

  display: block;
}

.sec-Hero-headerOverlay {
  margin-top: calc(var(--Nav_Height) * -1);
}

@media only screen and (max-width: 767px) {
  .sec-Hero-mobileFullScreen {
    height: calc(
      100vh - var(--Announcement_Height, 0) - var(--Nav_HeightWhenFixed, 0) -
        var(--Usp_Height, 0)
    );
  }
}

@media only screen and (min-width: 768px) {
  .sec-Hero-dektopFullScreen {
    height: calc(
      100vh - var(--Announcement_Height, 0) - var(--Nav_HeightWhenFixed, 0) -
        var(--Usp_Height, 0)
    );
  }
}

.sec-Hero_Inner {
  position: relative;
  z-index: 1;

  flex-direction: column;

  flex-shrink: 0;

  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 0;

  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .sec-Hero_Inner {
    flex-direction: row;
  }
}

.sec-Hero_Body {
  z-index: 1;

  width: 100%;
  height: 100%;
}

.sec-Hero_Container {
  height: 100%;
}

.sec-Hero_Carousel {
  position: relative;

  height: 100%;
}

.sec-Hero_Slides {
  position: relative;

  display: grid;
  height: 100%;
}

.sec-Hero_Slide {
  z-index: 1;

  grid-column: 1;
  grid-row: 1;

  max-height: 100%;
  height: 100%;

  opacity: 1;

  transition: opacity 1s ease;
}

.sec-Hero_Slide:first-of-type {
  z-index: 2;
}

.sec-Hero_Slide[aria-hidden="true"] {
  z-index: 0;

  opacity: 0;
}

.sec-Hero_Footer {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 4;

  justify-content: center;

  display: flex;
  width: 100%;
  height: 10px;

  pointer-events: none;
}
@media only screen and (min-width: 901px) {
  .sec-Hero_Footer {
    bottom: 30px;

    height: 20px;
  }
}

.sec-Hero_Line {
  flex: none;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  pointer-events: auto;
}
.sec-Hero_Line::after {
  content: "";

  display: block;
  width: 20px;
  height: 2px;

  background-color: var(--Color_Grey-light);

  transition: background-color 0.3s ease;
}
.sec-Hero_Line:hover.sec-Hero_Line::after,
.sec-Hero_Line[aria-current="true"]::after {
  background-color: var(--Color_White);
}
.prd-Delivery_Select {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 18px;
  text-transform: uppercase;
  background-color: var(--Color_Grey-lightest);
  border-color: var(--Color_Grey-lightest);
  color: var(--Color_Brand);
}
.prd-Delivery_SelectIcon {
  right: 17px;
}
.prd-Delivery_Content {
  display: none;
  margin-top: 20px;
  overflow: hidden;
}
.prd-Delivery_Content[aria-expanded="true"] {
  display: block;
}


.prd-Accordion_Item {
  border-bottom: 1px solid rgba(var(--color--pdp-accent), 0.25);
}
.prd-Accordion_Item-description:before {
  content: attr(data-short-description);
  display: block;
}
.prd-Accordion_Header {
  align-items: center;
  justify-content: space-between;
  display: flex;
  width: 100%;
  padding-top: 21px;
  padding-bottom: 21px;
  cursor: pointer;
}
.prd-Accordion_Item:first-child .prd-Accordion_Header {
  border-top: 1px solid rgba(var(--color--pdp-accent), 0.25);
}

.prd-Accordion_Icon {
  align-items: center;
  justify-content: flex-end;
  display: flex;
  margin-right: 10px;
  transition: transform 0.2s ease;
}
.prd-Accordion_Header:hover .prd-Accordion_Icon {
  transform: rotate(90deg);
}
.prd-Accordion_Item[aria-expanded="true"] .prd-Accordion_Icon {
  transform: rotate(180deg);
}
.prd-Accordion_Body {
  max-height: 0;
  padding-bottom: 0;
  color: var(--Color_Body);
  overflow-y: hidden;
  will-change: max-height, padding-bottom;
  transition: max-height 0.5s ease, padding-bottom 0.5s ease, opacity 0.5s ease;
}
.prd-Accordion_Item-partial .prd-Accordion_Body:not(.prd-Accordion_Body-short) {
  position: relative;
  max-height: 60px;
}
.prd-Accordion_Item-partial
  .prd-Accordion_Body:not(.prd-Accordion_Body-short):after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 20px;
  background: #fff;
  background: linear-gradient(0deg, #fff, #ffffff80 80%, #fff0);
}
.prd-Accordion_Body.rte-RichText span {
  background-color: inherit !important;
  color: var(--Color_Body) !important;
}
.prd-Accordion_Body-short {
  max-height: 500px;
  padding-bottom: 21px;
  text-align: left;
  cursor: pointer;
}
.prd-Accordion_Item[aria-expanded="true"] .prd-Accordion_Body {
  max-height: 1000px;
  padding: 21px;
  margin-bottom: 20px;
}
button.prd-Options_SizeGuide {
    text-decoration: underline;
}
.prd-Accordion_Item[aria-expanded="true"] .prd-Accordion_Body-short {
  opacity: 0.25;
}
.prd-Accordion_Arrow {
  background-color: rgb(var(--color--pdp-accent));
  color: var(--Color_White);
}
/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
| @namespace: btn-
|
*/
.btn-Button {
  position: relative;
  z-index: 1;

  display: inline-block;
  padding: 14px 30px;

  font-family: var(--Font_Family-headings);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;

  background-color: transparent;
  border: 1px solid transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  overflow: hidden;

  transition: color, background-color, border-color;
  transition-duration: 0.4s;
  transition-timing-function: ease;

  white-space: nowrap;
}

.btn-Button-primary {
  background-color: rgb(var(--color--primary-button-background));
  border: 1px solid rgb(var(--color--primary-button-border));
  color: rgb(var(--color--primary-button-foreground));
}
.clc-ListFeature:hover .btn-Button-primary,
.btn-Button-primary:hover,
.btn-Button-primary:focus {
  background-color: rgb(var(--color--primary-button-hover-background));
  color: rgb(var(--color--primary-button-hover-foreground));
}

.btn-Button-secondary {
  --btn-BackgroundColor: rgb(var(--color--secondary-button-background));
  background-color: rgb(var(--color--secondary-button-background));
  border: 1px solid rgb(var(--color--secondary-button-border));
  color: rgb(var(--color--secondary-button-foreground));
}
.clc-ListFeature:hover .btn-Button-secondary,
.btn-Button-secondary:hover,
.btn-Button-secondary:focus {
  --btn-BackgroundColor: rgb(var(--color--secondary-button-hover-background));
  background-color: rgb(var(--color--secondary-button-hover-background));
  color: rgb(var(--color--secondary-button-hover-foreground));
}

.btn-Button-tertiary {
  background-color: rgb(var(--color--tertiary-button-background));
  border: 1px solid rgb(var(--color--tertiary-button-border));
  color: rgb(var(--color--tertiary-button-foreground));
}
.clc-ListFeature:hover .btn-Button-tertiary,
.btn-Button-tertiary:hover,
.btn-Button-tertiary:focus {
  background-color: rgb(var(--color--tertiary-button-hover-background));
  border: 1px solid rgb(var(--color--tertiary-button-hover-background));
  color: rgb(var(--color--tertiary-button-hover-foreground));
}

.btn-Button-quaternary {
  background-color: rgb(var(--color--quaternary-button-background));
  border: 1px solid rgb(var(--color--quaternary-button-background));
  color: rgb(var(--color--quaternary-button-foreground));
}
.clc-ListFeature:hover .btn-Button-quaternary,
.btn-Button-quaternary:hover,
.btn-Button-quaternary:focus {
  background-color: rgb(var(--color--quaternary-button-hover-background));
  border: 1px solid rgb(var(--color--quaternary-button-hover-background));
  color: rgb(var(--color--quaternary-button-hover-foreground));
}

.btn-Button-checkout {
  background-color: var(--Color_Russet);
  border-color: var(--Color_Russet);
  color: var(--Color_White);
}

.btn-Button-checkout:hover,
.btn-Button-checkout:focus {
  background-color: var(--Color_Brand);
  border-color: var(--Color_Brand);
  color: var(--Color_White);
}

.btn-Button-basic {
  padding: 0;

  border-bottom: 1px solid currentColor;
  color: currentColor;
}

.btn-Button-basic:hover,
.btn-Button-basic:focus {
  color: var(--Color_Grey-medium);
}

.btn-Button-borderless {
  border-color: var(--btn-BackgroundColor);
}

/*
|--------------------------------------------------------------------------
| Button sizings
|--------------------------------------------------------------------------
|
*/

.btn-Button-wide {
  min-width: 285px;
}
.btn-Button-wide.btn-Button-small {
  min-width: 220px;
}

.btn-Button-fullWidth {
  width: 100%;
}

.btn-Button-small {
  padding: 4px 15px;

  font-size: 13px;
  line-height: 19px;
}

/*
|--------------------------------------------------------------------------
| Arrows
|--------------------------------------------------------------------------
|
*/

.btn-Button_Arrow {
  position: relative;

  display: flex;
  width: 22px;
  height: 22px;

  border-radius: 50%;
}

.btn-Button_Arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 10px;
  height: 10px;

  transform: translate(-50%, -50%);
}

.btn-Button_Arrow-white {
  position: relative;

  display: flex;
  width: 22px;
  height: 22px;

  background-color: var(--Color_White);
  border-radius: 50%;
}

.btn-Button_Arrow-white svg {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 10px;
  height: 10px;

  transform: translate(-50%, -50%);
}

.btn-Button_Arrow-pink {
  position: relative;

  display: flex;
  width: 22px;
  height: 22px;

  background-color: var(--Color_CoolPink);
  border-radius: 50%;
  color: var(--Color_Body);
}

.btn-Button_Arrow-pink svg {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 10px;
  height: 10px;

  transform: translate(-50%, -40%);
}

.btn-Button_Arrow-pinkLarge {
  position: relative;

  display: flex;
  width: 25px;
  height: 25px;

  background-color: var(--Color_CoolPink);
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .btn-Button_Arrow-pinkLarge {
    width: 40px;
    height: 40px;
  }
}
.btn-Button_Arrow-pinkLarge svg {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 10px;
  height: 10px;

  transform: translate(-50%, -40%);
}
@media only screen and (min-width: 768px) {
  .btn-Button_Arrow-pinkLarge svg {
    width: 15px;
    height: 15px;
  }
}

.btn-Button_Arrow-backtotop {
  position: relative;

  display: flex;
  width: 32px;
  height: 32px;

  background-color: var(--Color_White);
  border-radius: 50%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  color: var(--Color_CoolPink);
  outline: none;

  transition: color, background-color;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
@media only screen and (min-width: 768px) {
  .btn-Button_Arrow-backtotop {
    width: 60px;
    height: 60px;
  }
}
.btn-Button_Arrow-backtotop svg {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 13px;
  height: 13px;

  /* stylelint-disable-next-line declaration-no-important */
  transform: translate(-50%, -50%) rotate(180deg) !important;
}
@media only screen and (min-width: 768px) {
  .btn-Button_Arrow-backtotop svg {
    width: 18px;
    height: 18px;
  }
}

@media only screen and (min-width: 901px) {
  .ft-Footer:hover .btn-Button_Arrow-backtotop,
  .ft-Footer:focus-within .btn-Button_Arrow-backtotop {
    background-color: var(--Color_Russet);
    color: var(--Color_White);
  }
}

.ft-Footer .btn-Button_Arrow-backtotop:hover,
.ft-Footer .btn-Button_Arrow-backtotop:focus {
  background-color: var(--Color_Brand);
  color: var(--Color_White);
}

/*
|--------------------------------------------------------------------------
| Tags
|--------------------------------------------------------------------------
|
*/

.btn-Button_Tag {
  display: inline-block;
  margin: 3px 0;
  padding: 5px 6px;

  font-family: var(--Font_Family-headings);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 12px;
  text-transform: uppercase;

  background-color: var(--Color_Grey-lightest);
  border-radius: 10px;
  color: var(--Color_Russet);
}
@media only screen and (min-width: 768px) {
  .btn-Button_Tag {
    padding: 3px 8px;

    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 20px;

    border-radius: 15px;

    transition: background-color 0.3s ease;
  }
  .btn-Button_Tag:hover,
  .btn-Button_Tag:focus {
    background-color: var(--Color_Grey-lighter);
  }
}

/*
|--------------------------------------------------------------------------
| Wishlist
|--------------------------------------------------------------------------
|
*/

.btn-Button_Wishlist {
  position: relative;

  display: block;
  min-width: 50px;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  padding: 0;
}
.btn-Button_Wishlist svg {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 18px;
  height: 16px;

  transform: translate(-50%, -50%);
}

.btn-Button_Wishlist[data-wishlist-status="loading"] svg {
  color: var(--Color_Red);
  fill: var(--Color_Red);
  opacity: 0.5;
}

.btn-Button_Wishlist[data-wishlist-status="added"] svg {
  color: var(--Color_Red);
  fill: var(--Color_Red);
}