.activeState--1.active {
  /* color: black; */
  font-weight: 600;
  position: relative;
}

/* .activeState--1.active:after {
  content: '';
  bottom: -2px;
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: thin;
  left: 0;
  position: absolute;
  width: 100%;
} */

/* ACTIVE STATES */


.activeState--2.active {
  color: white
}

.activeState--3.active {
  color: white
}

.ShippingDetails__tableWrapper {
  display: none;
}

/* HOVER STATES */
.hoverState--1.hover,
.hoverState--1:hover {
  color: black;
}

.hoverState--3.hover,
.hoverState--3:hover {
  color: white
}

/* HOVER STATES */


/** BUTTONS **/

.button--text {
  display: inline-flex;
  position: relative;
}

.button--selectable {
  border: 1px solid black;
  font-size: 1.2rem;
  color: var(--colorActivePrimary);
  text-transform: uppercase;
  border-radius: 50px;
}

.button--selectable:hover {
  background-color: var(--greyLight);
}

.button--selectable.selected:not(.disabled) {
  border: 1px solid black;
  background-color: black;
  color: white;
  cursor: pointer;
}

.button--selectable.disabled {
  background-color: var(--greyLight);
  color: var(--greyMedium);
  cursor: pointer;
}

.button--primary {
  background-color: #e4cbbd;
  border: 1px solid #e4cbbd;
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  transition: 0.2s;
  border-radius: 50px;
}

.button--primary:hover {
  background-color: #d4b6a0;
  /* color: #000000; */
}

.button--primary.disabled {
  border: 1px solid #f1f1eb;
  background-color: #f1f1eb;
  color: #a5a8aa;
  cursor: pointer;
}

.button--sample {
  background-color: #000000;
  border: 1px solid #000000;
  color: white;
  font-weight: 400;
  transition: 0.2s;
}

.button--sample:hover {
  background-color: #fff;
  color: #000000;
}

.button--sample.disabled {
  border: 1px solid #a5a8aa;
  background-color: #a5a8aa;
  color: #fff;
}

.button--secondary {
  background-color: var(--bodyBackgroundColor);
  border-color: var(--greyDark);
  color: black;
}

.button--secondary:hover {
  background-color: var(--greyLight);
}

.button--promoPrimary {
  /* text-decoration: underline; */
  background-color: #e4cbbd;
  padding: 10px 52px;
  color: black;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 1px;
  border-radius: 50px;
  /* min-width: 140px; */
}

.button--promoPrimary:hover {
  background-color: #d4b6a0;
}

.button--promoPrimary.disabled {
  background-color: var(--greyLight);
  color: var(--greyMedium);
}

.button--promoSecondary {
  background-color: #fff;
  color: black;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  min-width: 140px;
}

.button--promoSecondary:hover {
  background-color: var(--greyDark);
  color: white;
}


.button--sortBy {
  margin-bottom: 0.5rem;
}

.button--pulloutSortBy {
  margin: 0.5rem 0;
}

.button--sortBy,
.button--pulloutSortBy {
  color: var(--greyInactive);
  font-size: var(--bodyXs);
}

.button--sortBy:hover,
.button--sortBy.active,
.button--pulloutSortBy:hover,
.button--pulloutSortBy.active {
  color: black;
}

.email-signup-submit.button--primary {
  border-radius: unset;
}

.CheckoutHeadline__mobile, 
.BasketItems__grid {
  background-color: transparent;
}

.CarouselNavArrow__navArrow {
  z-index: 2;
}

/* LINKS */

.linkText--menuLinkPrimary {
  color: var(--greyMedium);
  font-family: var(--fontSecondary);
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1.7px;
  text-transform: var(--variableCasing);
}

.linkText--menuLinkSecondary {
  font-family: var(--fontSecondary);
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 1.7px;
  text-transform: var(--variableCasing);
}

/* var(--associatedImage) available to linkText for pullout */

.linkText--pulloutLink,
.linkText--pulloutBack,
.linkText--languageToggle {
  align-items: center;
  background-color: transparent;
  border-bottom: 1px solid var(--greyLight);
  color: inherit;
  display: flex;
  font-family: var(--fontSecondary);
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 1.7px;
  height: 55px;
  padding: 0 2rem;
  text-transform: var(--variableCasing);
  width: 100%;
}

.linkText--pulloutSupportLink {
  align-items: center;
  background-color: transparent;
  border-bottom: 1px solid var(--greyLight);
  color: inherit;
  display: flex;
  font-family: var(--fontSecondary);
  font-size: 1.6rem;
  letter-spacing: 1.7px;
  height: 55px;
  padding: 0 2rem;
  text-transform: var(--variableCasing);
  width: 100%;
}

.linkText--querySuggestion {
  font-size: 12px;
  font-family: var(--fontPrimary);
  color: #707070;
}

.linkText--popularSearch {
  font-size: 12px;
  letter-spacing: .05rem;
  color: #707070;
  padding: 10px;
  background-color: #f7f6f2;
}

.linkText--popularSearch:hover {
  color: rgb(0, 0, 0);
}

.ExpandableSearchInput__input{
  color: white;
}

@media (max-width: 992px) {
  .ExpandableSearchInput__input{
    color: black;
  }
}
.SiteSearchBarToggle__toggle{
  color: black;
}

.selected-filters .FiltersSelectedButton__button {
  background-color: #f9eaec;
}

.Video__container{
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}

/* stylelint-disable */
#header-layout .slick-slide {
  align-items: center;
  display: flex;
  justify-content: center;
}

[class^="cw-header-custom"] .HtmlText__htmlText {
  font-family: var(--fontCustom);
}

.cw-disclaimer-red .HtmlText__htmlText {
  color: #ba372a;
}

/* [data-testid="productPrice"] .Price__container {
  border-bottom: 0.65px solid rgb(193, 193, 193);
  padding-bottom: 18px;
} */

.FiltersDropdown__viewport{
  /* /* min-width: 650px !important; */
  max-height: 35vh;
  padding: 2rem;
}

.ProductOptionsSize__selectableMenu {
  max-width: 100% !important;
}

.FiltersOptionsGrid__gridWrapper .SelectableBox__button {
  text-wrap: pretty;
  line-height: 20px;
  height: 5rem;
}

/* Styling Module1 Text Banner Slide */
.hp-module1-banner-text-desktop {
  display: grid;
  align-items: center;
}


/* Title Class */

.lb-text-title-row .Heading__heading {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 3rem; /* Adjust gap to control spacing between the text and lines */
}

.lb-text-title-row .Heading__heading::before ,
.lb-text-title-row .Heading__heading::after {
  content: "";
  height: 1px;
  background: #ddd;
}

.lb-text-title-row .HtmlText__htmlText.HtmlText__primary {
  display: inline-block;
  padding: none; /* Optional: Adjust padding to create space around the text */
}

.hp-hero-slide-text-drop-shadow .HtmlText__htmlText.HtmlText__custom, .hp-hero-slide-text-drop-shadow .Subtitle__subtitle .HtmlText__htmlText.HtmlText__primary {
  text-shadow: 1px 2px 10px #0000005f;
  text-wrap: balance;
} 

.hp-hero-slide-text-drop-shadow .Subtitle__subtitle .HtmlText__htmlText.HtmlText__primary {
  letter-spacing: 1.7px;
} 


/* Banner image drop shadow */

.lb-banner-drop-shadow-to-right .Layout__layout.TextAndImage__imageWrapper {
  position: relative;
}

.lb-banner-drop-shadow-to-right .Layout__layout.TextAndImage__imageWrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 75%);
  pointer-events: none; /* Ensures the gradient is not interactive */
  z-index: 1; /* Ensures the gradient appears above the image */
}

.lb-banner-drop-shadow-to-left .Layout__layout.TextAndImage__imageWrapper {
  position: relative;
}

.lb-banner-drop-shadow-to-left .Layout__layout.TextAndImage__imageWrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 75%);
  pointer-events: none; /* Ensures the gradient is not interactive */
  z-index: 1; /* Ensures the gradient appears above the image */
}

.lb-banner-drop-shadow-to-left .Layout__layout.TextAndImage__imageWrapper {
  position: relative;
}

.lb-banner-drop-shadow-to-top .Layout__layout.TextAndImage__imageWrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
  pointer-events: none; /* Ensures the gradient is not interactive */
  z-index: 1; /* Ensures the gradient appears above the image */
}


.ProductSizeGuidesVB__tabsContainer > button:last-child {
  display: none;
}

/* Footer Nav */
.Footer__footer h4{
  font-family: var(--fontPrimary);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  margin-bottom: var(--layoutMedium);
}

.Footer__footer .FooterLinkSet__item{
  color: #fff;
  font-family: var(--fontPrimary);
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.SupportNav__section {
  margin-bottom: 50px;
}

html[dir='ltr'] .SupportNav__columns .SupportNav__section {
  margin-right: 100px;
}


/* Annoucement Text */

.lb-announcement-slide-view-desktop .Heading__heading{
  letter-spacing: 1.7px;
  text-wrap: balance;
}

.lb-announcement-slide-view-desktop {
  display: flex;
  align-items: center; /* Vertically center the text */
  justify-content: center; /* Horizontally center the text */
  height: 100%; /* Ensure the element fills the height of the container */
  padding-left: 40px; /* Ensure there's space for the left arrow */
  padding-right: 40px; /* Ensure there's space for the right arrow */
  box-sizing: border-box; /* Ensure padding doesn’t affect overall dimensions */
  text-align: center; /* Center the text within the flex container */
  min-height: 40px;
}

.lb-announcement-slide-view-mobile .Heading__heading .LanguageSelector__option {
  letter-spacing: 1.7px;
  text-wrap: balance;
}

.Carousel__slickSlider .slick-list .slick-track {
  margin: 0 auto;
}


@media (min-width: 570px) {
  .SupportNav__columns {
    display: flex;
  }
}

.SelectableMenu__selectableTriggerButton {
  padding: 0.5rem 3rem 0.5rem 1.5rem;
  line-height: 2rem;
}

.Price__tax {
  font-size: 1.2rem;
  margin-bottom: 5px;
  font-weight: 400;
}

.QuantitySelector__margin {
  margin-bottom: 10px;
}

.ZeroState__container {
  margin-top: 1px;
}

.ZeroState__textWrapper {
  margin-bottom: 20px;
}

.ProductLoading__loadingOptions {
  background: transparent;
}

.lb-gift-clp-banner-desktop{
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.lb-white-subtitle .TextAndImage__textOverlay .TextAndImage__xLeft .Layout__layout:nth-child(2) .HtmlText__htmlText{
  color: white !important;
}

.lb-text-100-width .TextAndImage__textOverlay.TextAndImage__center .TextAndImage__xLeft{
  width: 100% !important;
}


.lb-button-wrapper-margin-bottom .TextAndImage__buttonsWrapper{
  margin-bottom: 10px !important;
}

.style__imageButtonPrefix {
  color: white;
}

.style__imageButtonText {
  color: white;
}

.styles__tabSelectButton {
  background-color: hsla(0,0%,100%,0);
}

.ModalCountrySelect__countrySwitchHeading {
  background-color: hsla(0,0%,100%,0);
  padding: 5px 10px;
}

.ModalCountrySelect__modalHeader {
  padding: 0 0 0;
}

.ModalCountrySelect__countrySwitchDescription {
  padding: 15px 25px;
}

.lb-remove-empty-cta .TextAndImage__textOverlay .TextAndImage__buttonsWrapper{
  display: none !important;
}

.lb-black-text .TextAndImage__textOverlay .Subtitle__subtitle{
  color:#000000 !important
}
.lb-black-text .TextAndImage__textOverlay .Heading__heading{
  color:#000000 !important
}

.lb-small-btm-padding .TextAndImage__textOverlay .TextAndImage__yBottom{
  padding-bottom: 0px !important;
}

.lb-text-font-color-white .TextAndImage__textOverlay .HtmlText__htmlText {
  color: white !important;
}

.lb-text-font-color-black .TextAndImage__textOverlay .HtmlText__htmlText {
  color: black !important;
}

.lb-button-font-color-black .TextAndImage__textOverlay .Button__button .HtmlText__htmlText {
  color: black !important
}

.lb-force-min-height-for-image-250 .TextAndImage__imageWrapper .AspectRatio__container {
  min-height: 250px !important;
}

.lb-caption-padding-horizonal-12rem .TextAndImage__caption > .TextAndImage__textOverlay > .Layout__layout {
  padding-left: 12rem;
  padding-right: 12rem;
}

.lb-text-font-color-ffffff .TextAndImage__textOverlay .HtmlText__htmlText {
  color: white !important;
}

.lb-text-font-color-74587a .TextAndImage__textOverlay .HtmlText__htmlText {
  color: #74587a !important;
}

.lb-button-color-74587a .TextAndImage__textOverlay .Button__button {
  color: white !important;
  background-color: #74587a !important;
  border-color: #74587a !important;
}