/** Shopify CDN: Minification failed

Line 6299:1 Expected identifier but found "#gf-controls-container"
Line 6361:31 Unexpected "="
Line 6496:7 Expected identifier but found "#ymDivBar"
Line 7071:0 Expected "}" to go with "{"

**/
@tailwind base;
@tailwind components;
@tailwind utilities;

/* @font-face {
  font-family: "DS Trade Gothic";
  src: url("https://cdn.shopify.com/s/files/1/0623/5481/7099/files/TradeGothicLT.woff2?v=1753091829")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0623/5481/7099/files/TradeGothicLT.woff?v=1753091829")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DS Trade Gothic Extended,Trade Gothic Extended,sans-serif";
  src: url("https://cdn.shopify.com/s/files/1/0623/5481/7099/files/trade_gothic_lt_std_extended-webfont.woff2?v=1753179703")
      format("woff2"),
    url("https://cdn.shopify.com/s/files/1/0623/5481/7099/files/trade_gothic_lt_std_extended-webfont.woff?v=1753179703")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} */

@font-face {
  font-display: swap;
  font-family: DS Avenir Next;
  font-style: normal;
  font-weight: 400;
  src: local("DS Avenir Next"),
    url("avenir-next-w-05-regular.woff2") format("woff2"),
    url("avenir-next-w-05-regular.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Avenir Next;
  font-style: italic;
  font-weight: 400;
  src: local("DS Avenir Next"),
    url("avenir-next-w-05-italic.woff2") format("woff2"),
    url("avenir-next-w-05-italic.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Avenir Next;
  font-style: normal;
  font-weight: 500;
  src: local("DS Avenir Next"),
    url("avenir-next-w-05-medium.woff2") format("woff2"),
    url("avenir-next-w-05-medium.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Avenir Next;
  font-style: italic;
  font-weight: 500;
  src: local("DS Avenir Next"),
    url("avenir-next-w-05-medium-italic.woff2") format("woff2"),
    url("avenir-next-w-05-medium-italic.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Avenir Next;
  font-style: normal;
  font-weight: 700;
  src: local("DS Avenir Next"),
    url("avenir-next-w-05-bold.woff2") format("woff2"),
    url("avenir-next-w-05-bold.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Avenir Next;
  font-style: italic;
  font-weight: 700;
  src: local("DS Avenir Next"),
    url("avenir-next-w-05-bold-italic.woff2") format("woff2"),
    url("avenir-next-w-05-bold-italic.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Avenir Next;
  font-style: normal;
  font-weight: 900;
  src: local("DS Avenir Next"),
    url("avenir-next-w-05-heavy.woff2") format("woff2"),
    url("avenir-next-w-05-heavy.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Avenir Next;
  font-style: italic;
  font-weight: 900;
  src: local("DS Avenir Next"),
    url("avenir-next-w-05-heavy-italic.woff2") format("woff2"),
    url("avenir-next-w-05-heavy-italic.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS PF DIN Max;
  font-stretch: 25% 100%;
  font-style: normal;
  font-weight: 100 900;
  src: local("DS PF DIN Max"), url("pfdinmax-var-vf.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Responsive Icons;
  font-style: normal;
  font-weight: 900;
  src: local("Responsive Icons"), url("responsive-icons.woff") format("woff"),
    url("responsive-icons.ttf") format("truetype"),
    url("responsive-icons.eot") format("embedded-opentype");
}

@font-face {
  font-family: "Responsive Icons";
  src: url("responsive-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: DS Trade Gothic;
  font-style: normal;
  font-weight: 400;
  src: local("DS Trade Gothic"),
    url("tradegothicltproopt_1000983398.woff2") format("woff2"),
    url("tradegothicltproopt_1000983398.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Trade Gothic;
  font-style: normal;
  font-weight: 700;
  src: local("DS Trade Gothic"),
    url("tradegothicltproopt-bd2_1000983400.woff2") format("woff2"),
    url("tradegothicltproopt-bd2_1000983400.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Trade Gothic Condensed;
  font-style: normal;
  font-weight: 700;
  src: local("DS Trade Gothic Condensed"),
    url("tradegothicltproopt-bdcn20_1000983402.woff2") format("woff2"),
    url("tradegothicltproopt-bdcn20_1000983402.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Trade Gothic Extended;
  font-style: normal;
  font-weight: 500;
  src: local("DS Trade Gothic Extended"),
    url("tradegothicltstdopt-extended_1000983404.woff2") format("woff2"),
    url("tradegothicltstdopt-extended_1000983404.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: DS Trade Gothic Extended;
  font-style: normal;
  font-weight: 700;
  src: local("DS Trade Gothic Extended"),
    url("tradegothicltstdopt-boldext_1000983406.woff2") format("woff2"),
    url("tradegothicltstdopt-boldext_1000983406.woff") format("woff");
}

body {
  -webkit-font-smoothing: antialiased;
}
.logo .logo-icon {
  font-family: Responsive Icons;
}

.logo .logo-icon[data-brand="anf"]::before {
  content: "\f103";
  font-size: 24px;
}
.gf-left .gf-option-block.is-collapsed .gf-block-title .h3:after {
  font-family: "Responsive Icons";
  content: "\F236" !important;
}
.gf-left .gf-option-block .gf-block-title .h3:after {
    font-family: "Responsive Icons";
  content: "\F216" !important;
}
.gf-option-block ul.gf-option-box li>div>button+span:after {
  font-family: "Responsive Icons";
  content: "\F16F" !important;
  font-size: 1rem !important;
  display: flex !important;
  align-items: center !important;
  border-top: 0px !important;
}
.gf-theme-version-15.spf-has-filter .gf-option-block ul.gf-option-box li:not(.is-collapsed)>div>button+span:after {
  transform: rotate(-180deg);
  border-top: 0px !important;
}
.gf-option-block ul.gf-option-box li.is-collapsed>div>button+span:after {
  border-bottom: 0px !important;
}
#gf-tree .gf-block-title .h3:hover {
  text-decoration: none !important;
}
#gf-tree .gf-block-title .h3:hover span{
  text-decoration: none !important;
}
.gf-option-box .gf-Checkbox {
  background-color: #fff;
    border: 1px solid #253746;
    color: #253746;
    height: 25px;
    line-height: 1.7692307692;
    width: 25px;
    min-width: 25px;
}
.gf-block-scroll {
  max-height: fit-content !important;
}

.gf-block-scroll::-webkit-scrollbar {
  display: none !important; /* For Chrome, Safari, Edge */
}

[data-icon="logo-horizontal"]::before {
  /* content: ""; */
  font-family: "Responsive Icons";
  content: "\F1FD";
  font-size: 24px;
}

.my-test {
  @apply p-4 text-white bg-red-500;
}
.catalog-header {
  background-color: #f6f6f6;
  position: relative;
  z-index: 999;
}

.catelog-header-container {
  @apply flex items-center justify-center;
  min-height: 50px;
}

.container {
  max-width: 1568px !important;
  margin: 0 auto;
}

.header-tabs {
  @apply flex;
  height: 50px;
}

.header-tabs li {
  @apply flex items-center justify-center h-full;
  /* flex-basis: 166px;
  flex-shrink: 0; */
}

.header-tabs li.active {
  @apply bg-white;
}

.header-tabs li:hover {
  @apply bg-white cursor-pointer;
}

.header-tabs li a {
  @apply flex items-center justify-center w-full;
}

.shopify-section-group-footer-group,
footer.footer {
  background-color: #f6f6f6;
}

/* Hide top header content on scroll*/
.scrolled-past-header .catalog-header {
  display: none;
}

@media (max-width: 359px) {
  modal-dialog#regionalPreferencesModal {
    padding: 0;

    .template-popup {
      width: 100%;
      max-width: 359px;
      height: 100%;
    }
  }
}
@media (max-width: 340px) {
  .product-form__submit.button span{
    padding: 0 2px;
  }
}
@media (min-width: 460px) and (max-width: 825px){
  span.size-guide-product, .size-guide-quick-view {
    position: absolute;
    right: 0;
  }
      .tab-view-header {
        width: 100% !important;
    }
}

[data-contrast="high"] .contrast-high {
  background-color: #253746 !important;
  color: #fff !important;
}

/* .button-primary {
  border-width: 1px;
  padding-block: 3px;
  text-transform: null;
  border-color: #253746;
  color: #253746;
  font-size: 1.3rem;
  font-weight: 700;
  min-height: 50px;
  transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  letter-spacing: 0.6px;
  padding-inline: 15px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 15px;
}

.button-primary:hover {
  background-color: #253746;
  color: #fff;
  border-color: #253746;
} */

.button {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  /* border-radius: 50px; */
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.5rem;
  font-stretch: 75%;
  font-weight: 600;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.2;
  min-height: 50px;
  padding-block: 0;
  padding-inline: 15px;
  text-align: center;
  text-decoration: none;
  text-transform: null;
  -webkit-transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  transition: background-color 0.4s, border-color 0.4s, color 0.4s;
}

.button:focus {
  outline-offset: 5px;
}

.button > span {
  pointer-events: none;
}

.button[data-disabled="true"] {
  border: 0;
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

.button[data-disabled="true"]:active,
.button[data-disabled="true"]:hover {
  background: #7d7a74;
}

.button > [data-state]:only-child {
  will-change: opacity;
}

.button > [data-state="processing"] .spinner {
  -webkit-animation: ds-spin 1.2s steps(12) infinite;
  animation: ds-spin 1.2s steps(12) infinite;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

.button > [data-state="processing"] .spinner,
.button[data-variant="borderless"] > [data-state="processing"] .spinner,
.button[data-variant="tertiary-light"] > [data-state="processing"] .spinner {
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-default'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Crect  x='46' y='34' fill-opacity='.15' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(0 50 50) translate(0 -32)'%3E %3C/rect%3E%3Crect  x='46' y='34' fill-opacity='.35' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(30 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' fill-opacity='.55' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(60 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' fill-opacity='.75' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(90 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(120 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(150 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(180 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(210 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(240 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(270 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(300 50 50) translate(0 -32)'%3E%3C/rect%3E%3Crect  x='46' y='34' width='8' height='32' rx='4' ry='4' fill='%23d9d9d9' transform='rotate(330 50 50) translate(0 -32)'%3E%3C/rect%3E%3C/svg%3E");
}

.button[data-variant="tertiary-light"] {
  border-width: 1px;
  padding-block: 3px;
  border-color: #c6c6c6;
  color: #253746;
}

.button[data-variant="borderless"],
.button[data-variant="borderless-button"] {
  min-height: 25px;
  padding-block: 0;
  padding-inline: 0;
  text-transform: null;
  color: #253746;
}

.button[data-variant="primary"],
.button[data-variant="primary-button"] {
  max-height: 60px;
  padding-block: 0;
  padding-inline: 0;
  text-transform: null;
  color: white;
  background: #178240;
  font-size: 1.5rem;
}

.button[data-variant="borderless"]:not(:disabled):hover,
.button[data-variant="borderless-button"]:not(:disabled):hover {
  color: #253746;
}

.button[data-variant="borderless"][data-theme="inverse"],
.button[data-variant="borderless-button"][data-theme="inverse"] {
  color: #fcfcfa;
}

.button[data-variant="borderless"][data-theme="inverse"]:not(:disabled):hover,
.button[data-variant="borderless-button"][data-theme="inverse"]:not(
    :disabled
  ):hover {
  color: #d2d0ce;
}

.button[data-variant="borderless"][data-theme="seasonal"],
.button[data-variant="borderless-button"][data-theme="seasonal"] {
  color: #fff1d0;
}

.button[data-variant="borderless"][data-theme="seasonal"]:not(:disabled):hover,
.button[data-variant="borderless-button"][data-theme="seasonal"]:not(
    :disabled
  ):hover {
  color: #f7e1b4;
}

.button[data-variant="borderless"][data-theme="seasonal-inverse"],
.button[data-variant="borderless-button"][data-theme="seasonal-inverse"] {
  color: #b3282e;
}

.button[data-variant="borderless"][data-theme="seasonal-inverse"]:not(
    :disabled
  ):hover,
.button[data-variant="borderless-button"][data-theme="seasonal-inverse"]:not(
    :disabled
  ):hover {
  color: #c2001d;
}

.button[data-variant="borderless"] > .spin-container,
.button[data-variant="borderless"] > [data-icon],
.button[data-variant="borderless-button"] > .spin-container,
.button[data-variant="borderless-button"] > [data-icon] {
  font-size: 2.5rem;
  margin-right: 10px;
}

[data-icon]::before {
  font-family: "Responsive Icons";
  font-size: 24px;
}

[data-icon="account-circle-anf"]::before {
  content: "\F105";
}

[data-icon="share-anf"]::before {
  content: "\F26F";
  font-size: 2rem;
}


[data-icon="up-anf"]::before {
  content: "\F2A1";
}
[data-icon="flame-anf"]::before {
  content: "\F18D";
}

[data-icon="down-anf"]::before {
  content: "\F167";
}

[data-icon="location-anf"]::before {
  content: "\F1EB";
}

[data-icon="close-anf"]::before {
  content: "\F145";
  font-size: 1.5rem;
}

[data-icon="up-anf"]::before {
  content: "\F2A1";
  /* font-size: 1.5rem; */
}

[data-icon="mail-large-anf"]::before {
  content: "\F20E";
  font-size: 4rem;
}

[data-icon="mail-anf"]::before {
  content: "\F20c";
  font-size: 4rem;
}

[data-icon="zoom-plus"]::before {
  content: "\F2D0";
  font-size: 1.5rem;
}

[data-icon="exchange-anf"]::before {
  content: "\F179";
  font-size: 3rem;
}

[data-icon="tik-tok"]::before {
  content: "\F29A ";
  font-size: 2rem;
}

[data-icon="instagram"]::before {
  content: "\F1CD  ";
  font-size: 2rem;
}

[data-icon="question-outline"]::before {
  content: "\F243";
  font-size: 2rem;
  padding-top: 2px;
}

[data-icon="question-outline-large"]::before {
  content: "\F242";
  font-size: 4rem;
}

[data-icon="right-thin"]::before {
  content: "\F266";
  font-size: 1.5rem;
}
[data-icon="left-small"]::before {
  content: "\F1DB";
  font-size: 1.5rem;
}

[data-icon="hco-logo-horizontal"]::before {
  content: "\f1BE";
  font-size: 1.5rem;
}

[data-icon="brand-tab-anf"]::before {
  content: "\F1FD";
  font-size: 1.1rem;
}

[data-icon="eye-filled-anf"]::before {
  content: "\F184";
  font-size: 2rem;
}

[data-icon="eye-anf"]::before {
  content: "\F183 ";
  font-size: 2rem;
}

.logo-icon[data-brand="anf"]::before {
  content: "\f103";
}

.group:hover [data-icon="brand-tab-anf"]::before {
  content: "\F1F7";
  font-size: 3rem;
}
.anf-logo-link:hover {
  height: 65px;
}

[data-icon="exclamation-anf"]::before {
  content: "\F17E";
  font-size: 2rem;
  color: #253746;
}


[data-icon="logo-horizontal"]::before {
  content: "\F1FD";
  font-size: 1.8rem;
}
[data-icon="kids-logo-header"]::before {
  content: "\F1D3";
  font-size: 1.8rem;
}

/* .footer-logo [data-icon="logo-horizontal"]::before {
  font-size: 1.4rem;
  color: #253746;
} */

.logo-secondary [data-icon="logo-horizontal"]::before {
  font-size: 1.305rem;
}

.logo-secondary [data-icon="logo-horizontal"]:hover {
  color: #253746 !important;
}

.logo-secondary [data-icon="kids-logo--horizontal"]:hover {
  color: #253746 !important;
}

.logo-secondary [data-icon="hco-logo-horizontal"]:hover {
  color: #253746 !important;
}

[data-icon="logo-block"]::before {
  content: "\F1F7";
  font-size: 3rem;
  height: 1rem;
  line-height: 2.9rem;
  display: block;
}

[data-icon="down-anf"]::before {
  content: "\F16D";
  font-size: 16px;
}

[data-icon="up-anf"]::before {
  content: "\F2A1";
  font-size: 16px;
}

[data-icon="down-thin"]::before {
  content: "\F16F";
  font-size: 15px;
}

[data-icon="content-hco"]::before {
  content: "\F15E";
}

[data-icon="bag-anf"]::before {
  content: "\F118";
}

[data-icon="cancel-anf"]::before {
  content: "\F132";
  color: white;
}

.footer_brand-info [data-icon="kids-logo--horizontal"]::before {
  font-size: 1.5rem;
}


[data-icon="kids-logo--horizontal"]::before {
  content: "\F1D3";
  font-size: 1.1rem;
  transform: scale(0.6);
}

[data-icon="kids-logo--horizontal-main-logo"]::before {
  content: "\F1D3";
  font-size: 1.1rem;
  transform: scale(0.6);
  color: #fff !important;
}

[data-icon="logo-kids-full"]::before {
  content: "\F1FE";
  font-size: 4rem !important;
}

[data-icon="kids-logo--horizontal-footer"]::before {
  content: "\F1D3";
  font-size: 1.4rem;
}

.group:hover [data-icon="kids-logo--horizontal"]::before {
  content: "\F10B";
  font-size: 10px;
  transform: scale(0.6);
}
[data-icon="kids-logo--horizontal-header"]::before {
  content: "\F10B";
  font-size: 1.2rem;
  /* transform: scale(0.6); */
}

[data-icon="bag-anf"]::before {
  content: "\F121";
  font-size: 3rem;
}

[data-icon="heart-anf"]::before {
  content: "\F1C5";
  font-size: 3rem;
}

[data-icon="heart-filled-anf"]::before {
  content: "\F1C2";
}

[data-icon="search-anf"]::before {
  content: "\F26D";
  color: #5b5a59;
  font-weight: 300;
  font-size: 2rem;
  padding-bottom:2px;
}

/* [data-icon="search-anf"] {
  font-size: 2rem;
  line-height: 1;
  margin-right: 10px;
} */

[data-icon="menu-anf"]::before {
  content: "\F214";
}

[data-icon="close-anf"]::before {
  content: "\F14F";
}

[data-icon="plus"]::before {
  content: "";
  font-size: 1.5rem;
}

[data-icon="return-anf"]::before {
  content: "\F254";
}

[data-icon="clock-anf"]::before {
  content: "\F142";
  font-size: 1.8rem;
}

/* [data-icon="whatsapp"]::before {
  content: "\F2BC";
  font-size: 4rem;
} */
.icon-whatsapp {
  height: 3.7rem;
  fill: white;
  align-self:center;
}
@media (min-width: 768px) {
  .icon-whatsapp {
    margin-top: 5px;
  }
}
@media (min-width: 769px) and (max-width: 1025px){
  .gf-refine-toggle-mobile span{ 
    padding: 2.91rem 0 !important;
  }
}
@media (min-width: 824px) and (max-width: 999px){
  .tab-view-header {
    width: 97%;
  }
}


[data-icon="phone-anf"]::before {
  content: "\F22C";
  font-size: 4rem;
}

[data-icon="chat-anf"]::before {
  content: "\F135";
  font-size: 4rem;
}

[data-icon="check-anf"]::before {
  content: "\F137";
  color: #178240;
  font-size: 3rem;
}

[data-icon="shipping-anf"]::before {
  content: "\F273";
  color: #666;
  font-size: 2rem;
}

[data-icon="minus-anf"]::before {
  content: "\F216";
  font-size: 1.5rem;
}
[data-icon="minus"]::before {
  content: "\F216";
  font-size: 1.5rem;
}

[data-icon="plus-anf"]::before {
  content: "\F234";
  font-size: 1.5rem;
}

[data-icon="call-anf"]::before {
  content: "\F12F";
  color: #666;
  font-size: 2rem;
}

[data-icon="content-anf"]::before {
  content: "\F15D ";
  color: #666;
  font-size: 2rem;
}

[data-icon="check-anf-text"]::before {
  content: "\F137";
  color: #fff;
}

.js-filter[open] [data-icon="plus"]::before {
  content: "";
}

.header__icons {
  display: flex;
  gap: 30px;
  align-items: center;
  /* height: 75px; */
  margin-right: 10px;
}

.list-menu__item {
  color: #253746;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 75px;
  position: relative;
  font-stretch: 75%;
  letter-spacing: 0;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
}

.header__inline-menu ul li {
  /* height: 75px; */
  line-height: 75px;
  padding-right: 20px;
  white-space: nowrap;
  position: static;
  visibility: visible;
  /* display: flex;
  align-items: center; */
}

.header .logo-link {
  align-items: center;
  display: flex;
  margin-left: 20px;
  margin-right: 25px;
  text-decoration: none;
}

.link,
.customer {
  text-decoration: auto;
}

.header__search {
  /* border-radius: 50px; */
  width: 200px;
  border-color: #d2d0ce;
  border-width: 1px;
}

@media screen and (min-width: 1500px) {
  .header__search {
    width: 300px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .list-menu--inline {
    /* flex-wrap: unset !important; */
    width: 100%;
    overflow: hidden;
  }
  /* .header__inline-menu ul li:nth-last-child(-n + 2) {
    display: none;
  } */
  .gf-refine-toggle-mobile{
    display: block !important;
    justify-items: center;
    align-content: center;
  }
  .category-drop{
    width: 49.5%;
    padding-right: 0 !important;
  }
  .refine-plp {
    padding-left: 0 !important;
  }
  .gf-refine-toggle-mobile{
    width: 100%;
  }
  .refine-plp {
    width: 49.45%;
    display: inline-block;
  }
  .gf-left #gf-tree:not(.spf-hidden)+#gf-grid{
    padding-left: 0 !important;
  }
  #gf-products.product-grid__products{
    padding-left: 5px !important;
  }
  .Container-product {
    padding-left: 16px !important;
  }
}

header-drawer {
  margin-left: 0 !important;
}

.search-text {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.2rem;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 75%;
  text-transform: capitalize;
  justify-content: flex-start !important;
  color: #5b5a59;
  font-weight: 300;
  transition: all 0.5s ease-in-out;
}

.announement-text {
  font-size: 1.3rem;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 75%;
  font-weight: 400;
  letter-spacing: 0.03em;
  /* line-height: 1; */
  color: #fcfcfa;
}

.button-link {
  font-size: 1.2rem;
  text-decoration: underline;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 75%;
  font-weight: 400;
  line-height: 1.2;
  color: #fcfcfa;
  letter-spacing: 0.03em;
  text-transform: capitalize;
}

.button-link:hover {
  color: #253746;
}

.mobile_search_icon .header__search {
  border: none;
  width: 30px;
}

@media screen and (max-width: 1200px) {
  .header-tabs {
    width: 70%;
  }
  .quick-answers-grid 
  {
    display: block;
  }
  .quick-answers-container{
    padding: 2rem 0;
  }
  .plp-var-swatch{
    padding: 0 10px !important;
  }
}

@media screen and (max-width: 768px) {
  .header__icons {
    gap: 0px;
  }
  .spf-has-filter #gf-products{
    width: 100% !important;
  }
  ul#gf-products{
    padding-right: 0px !important;
    padding-left: 13px !important;
  }
  #gf-products.product-grid__products{
    column-gap: 5px !important;
  }
  .category-drop{
    padding-right: 0 !important;
  }
  .refine-plp {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .announcement-bar {
    justify-content: flex-start;
  }
}

.visible {
  display: block;
}

.headline-description {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  font-stretch: 75%;
}

.button[data-variant="tertiary-button-dark"],
.button[data-variant="tertiary-dark"] {
  border-width: 2px;
  padding-block: 3px;
  text-transform: null;
  border-color: #253746;
  color: #253746;
}

.button[data-variant="tertiary-button-dark"]:not(:disabled):hover,
.button[data-variant="tertiary-button-dark"][data-disabled="true"],
.button[data-variant="tertiary-dark"]:not(:disabled):hover,
.button[data-variant="tertiary-dark"][data-disabled="true"] {
  background: #253746;
  border-color: #253746;
  color: #fcfcfa;
}

.button[data-variant="tertiary-light"]:not(:disabled):hover,
.button[data-variant="tertiary-light"][data-disabled="true"] {
  background: #253746;
  border-color: #253746;
  color: #fcfcfa;
}

.button::before {
  display: none;
}

.button::after {
  display: none;
}

.button[data-variant="tertiary-dark"][data-theme="inverse"] {
  border-color: #fcfcfa;
  color: #fcfcfa;
}

.button[data-variant="tertiary-dark"][data-theme="inverse"]:hover {
  background: #f2f0ec;
  border-color: #f2f0ec;
  color: #253746;
}

.lockup-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 10px;
}

.banner-description {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  font-stretch: 75%;
  font-size: 2rem;
}

.lockup[data-align="center-left"] {
  margin-left: 2%;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
}

.lockup[data-align="center-left"] .content-area {
  text-align: left;
}

.lockup[data-align="center"] {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
}

.lockup[data-align="center"] .content-area {
  text-align: center;
  margin: 0 auto;
}

.lockup[data-align="center"] .content-area picture {
  margin: auto;
}

.lockup[data-align="bottom-right"] {
  margin-left: 2%;
  height: 100%;
  width: 50%;
  display: flex;
  align-items: flex-end;
}

.lockup-wrapper[data-align="bottom-right"] {
  display: flex;
  justify-content: flex-end;
}

.lockup[data-align="bottom-right"] .content-area picture {
  margin: 0 auto;
}

.lockup[data-align="bottom-right"] .content-area .button {
  margin-bottom: 40px;
}

.headline h2 {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 75%;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
  font-size: 1.8em;
}

.headline p {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  font-stretch: 75%;
  font-size: 1em;
}

.lockup[data-align="center"] .button-area,
.lockup[data-align="bottom-right"] .button-area {
  @apply justify-center;
}

@media (max-width: 768px) {
  .lockup-wrapper {
    left: 0;
  }

  .lockup[data-align="center-left"] {
    align-items: flex-end;
    text-align: center;
    width: 100%;
  }

  .lockup[data-align="center"] {
    align-items: flex-end;
    text-align: center;
    width: 100%;
  }

  .lockup[data-align="bottom-right"] {
    align-items: flex-end;
    text-align: center;
    width: 100%;
  }

  .lockup[data-align="center"] .content-area,
  .lockup[data-align="bottom-right"] .content-area {
    text-align: center;
    width: 80%;
    padding-bottom: 25px;
  }

  .lockup[data-align="bottom-right"] .content-area {
    margin: 0 auto;
  }

  .lockup[data-align="center-left"] .content-area {
    text-align: center;
    padding-bottom: 25px;
  }

  .lockup[data-align="center-left"] .content-area picture {
    margin: 0 auto;
  }

  .banner-description {
    font-size: 13px;
  }

  .mobile-button .button[data-variant="tertiary-dark"][data-theme="inverse"],
  .mobile-button .button[data-variant="tertiary-dark"][data-theme="inverse"] {
    border-color: #253746 !important;
    color: #253746 !important;
  }

  /* .button-area {
    justify-content: center;
  } */
}

@media (max-width:824px){
  .button-area{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1.25rem;
  }

  .size-guide-quick-view{
    display:none !important;
  }
}

.center-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.center-right picture {
  margin: 0 !important;
}

.center-right .button-link {
  justify-content: flex-start !important;
}

.center-right .text-over-image {
  width: 50%;
  padding: 25px 25px;
}

.quantity__input:focus-visible {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
}

.button {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.6px;
  line-height: 1.3846153846;
  min-height: 50px;
  padding-block: 0;
  padding-inline: 15px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  transition: background-color 0.4s, border-color 0.4s, color 0.4s;
}

.button-white .button::before {
  display: none;
}

.button-white .button::after {
  display: none;
}

.button[data-variant="tertiary-button-dark"],
.button[data-variant="tertiary-dark"] {
  border-width: 1px;
  padding-block: 3px;
  border-color: #253746;
  color: #253746;
  min-width: 199px;
}

.button[data-variant="tertiary-button-dark"]:not(:disabled):hover,
.button[data-variant="tertiary-dark"]:not(:disabled):hover {
  background: #253746;
  border-color: #253746;
  color: #fff;
}

.button-white .button[data-variant="tertiary-button-dark"],
.button-white .button[data-variant="tertiary-dark"] {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.button[data-variant="tertiary-button-dark"][data-disabled="true"],
.button[data-variant="tertiary-dark"][data-disabled="true"] {
  background: #253746;
  border-color: #5e5e5e;
  color: #fff;
}

.desktop-localization-wrapper {
  display: none !important;
}

.text-wrapper[data-offset-left="11"] {
  margin-left: 11% !important;
}

.text-wrapper[data-align="bottom-left"] {
  position: absolute;
  bottom: 0;
  left: 10px;
  text-align: left;
  padding: 25px 55px 25px 55px;
  margin-left: 5%;
}

.text-wrapper .component-headline {
  margin-top: 15px;
}

.button-group {
  display: flex;
  justify-content: center;
  gap: 25px;
}

.text-wrapper[data-align="bottom-left"] .button-group {
  justify-content: flex-start !important;
}

.text-wrapper[data-align="center"] {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  text-align: left;
}

.text-wrapper[data-align="center"] .button-group {
  justify-content: flex-start !important;
}

.text-wrapper[data-align="center"][data-offset-left="11"] {
  margin-left: 5% !important;
}

.text-wrapper[data-align="center"][data-offset-left="10"] {
  margin-left: 5% !important;
}

.text-wrapper .component-headline .headline {
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.1;
}

.center-right .text-over-image .title {
  color: #253746;
  font-size: 39px;
  font-family: DS Trade Gothic Extended, Trade Gothic Extended, sans-serif;
  font-weight: 700;
  font-size: 3.8em;
  line-height: 1;
  margin-top: 25px;
}

.text-wrapper .component-headline .headline strong {
  font-family: DS Trade Gothic Extended, Trade Gothic Extended, sans-serif;
  font-weight: 700;
}

.text-wrapper .headline[data-size="15"] {
  font-size: 1.5em;
}

.text-wrapper .headline[data-size="20"] {
  font-size: 1em;
}

.text-wrapper .headline[data-size="25"] {
  font-size: 1.5em;
}

.text-wrapper .headline[data-size="30"] {
  font-size: 1.8em;
}

.text-wrapper .headline[data-size="35"] {
  font-size: 2em;
}

.text-wrapper .headline[data-size="40"] {
  font-size: 2.5em;
}

.text-wrapper .headline[data-size="45"] {
  font-size: 3em;
}

.text-wrapper .headline[data-size="50"] {
  font-size: 3.9em;
}

.text-wrapper .headline[data-size="55"] {
  font-size: 4em;
}

.text-wrapper .headline[data-size="60"] {
  font-size: 4.5em;
}

.text-wrapper .headline[data-size="65"] {
  font-size: 6.5em;
}

.text-wrapper .headline[data-size="70"] {
  font-size: 7em;
}

.text-wrapper .headline[data-size="75"] {
  font-size: 7.5em;
}

.text-wrapper .headline[data-size="80"] {
  font-size: 8em;
}

.text-wrapper .headline[data-size="85"] {
  font-size: 8.5em;
}

.text-wrapper .headline[data-size="90"] {
  font-size: 9em;
}

.text-wrapper .headline[data-size="95"] {
  font-size: 9.5em;
}

.text-wrapper .headline[data-size="100"] {
  font-size: 10em;
}

.loading__spinner.hidden {
  display: none !important;
}

.logo-icon[data-brand="anf"]::before {
  content: "\f103";
  font-size: 24px;
}

[data-icon="logo-icon"]::before {
  content: "\f103";
  font-size: 1.8rem;
}
[data-icon="reload"]::before {
  content: "\F24C";
  font-size: 2rem;
  color: #fff;
}

.search-close-button {
  position: absolute;
  top: 0;
  right: 15px;
}

.search-modal__content {
  display: block !important;
  text-align: center !important;
}

.search-modal__content .logo {
  margin-bottom: 10px;
}

.search-modal__form {
  margin: 0 auto;
}

.search__input {
  background-color: #fff;
  border: 1px solid #c6c6c6;
  color: #253746;
}

.search-modal__form .field::before,
.search-modal__form .field::after {
  display: none !important;
}

/* .search__input.field__input {
  outline: none !important;
  border: 1px solid #c6c6c6 !important;
} */

.search-modal__form {
  position: relative;
}

.country-search .field__input:focus ~ .field__label,
.country-search .field__input:not(:placeholder-shown) ~ .field__label {
  margin-top: 1.5px !important;
}

.search__input.field__input:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* SOCIAL LOGIN BUTTON STYLING */
.h_facebook_button,
.h_google_button,
.h_instagram_button {
  border-color: #253746;
}

.h_facebook_button:hover,
.h_google_button:hover,
.h_instagram_button:hover {
  background-color: #253746;
  box-shadow: none;
  filter: none !important;

  i,
  .h_facebook_text,
  .h_google_text,
  .h_instagram_text {
    color: #fff !important;
  }
}

.swtg-input-inner-wrapper {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid #919191;
  border-radius: 50%;
}

.swatch-input__input[type="radio"].disabled + .swatch-input__label {
    position: relative;
    opacity: 0.6;
    cursor: not-allowed;
}

.swatch-input__label {
  outline: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100%;
  width: 100%;
  border: 1px solid #919191;
}

.swatch-input__label .swatch {
  height: 44px;
  width: 44px;
}

/* BOOST PFS SEARCH & FILTER APP STYLE MODIFICATION */
.boost-sd__instant-search-results {
  background: transparent !important;
  box-shadow: none !important;

  .boost-sd__suggestion-queries-group {
    padding-left: 0 !important;

    h3.boost-sd__header-item {
      font-size: 14px !important;
      font-weight: 700 !important;
      color: #253746;
    }
  }
}

.boost-sd__watermark-powered-by-boost {
  display: none !important;
}

 #shopify-section-account-modal {
    position: absolute !important;
  }
@media screen and (min-width: 0px) and (max-width: 824px) {
  .desktop-view {
    display: none;
  }

  .mens-bottom-area {
  width: 100%;
  position: absolute;
  z-index: 10;
}
.mens-bottom-area .button[data-variant="tertiary-dark"] {
  min-width: 70px !important;
  font-size:12px;
}
.mens-bottom-area .button-group {
  gap: 15px !important;
}
.new-arrivals-area h1 {
    font-family: DS Trade Gothic Extended, Trade Gothic Extended, sans-serif;
    font-weight: 700;
    color: #253746 !important;
    font-size: 2em;
}
.new-arrivals-area p {
    color: #253746;
    font-size: 13px;
    font-family: DS Trade Gothic, Trade Gothic, sans-serif;
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
}

  .mobile-view {
    display: block;
  }
  .main-search__container {
    display: flex !important;
  }
  .main-search__container .gf-refine-toggle-mobile {
    width: 50px;
    margin-left: 25px;
    height: 48px !important;
  }
    .main-search__container #gf-controls-container .globo-selected-items-wrapper {
      margin-top: 0 !important;
  }
   #shopify-section-account-modal {
    position: absolute !important;
  }
  .facets-vertical {
    position: relative;
  }
  .template-search #gf-controls-container .globo-selected-items-wrapper {
    margin-top: 0 !important;
  }
  .quick-update-btn .product-form__update-buttons { 
    width: 100% !important;
  }
  .search-container-default-view-section {
    grid-template-columns: auto !important;
   }
  /* .search__container {
    display: none;
   }
  .gf-summary {
    display: none;
  } */
      #gf-controls-container .globo-selected-items-wrapper {
        margin-top:50px;
      }
       ul.globo-selected-items {
        margin-bottom: 0 !important;
      }

      .search-container-area-section { 
        border-right: none !important;
      }
  .gf-filter-trigger {
    display: none !important;
  }
  .center-right {
    display: block;
    text-align: left;
  }

  .text-wrapper[data-offset-left="11"] {
    margin: 0 !important;
  }

  .text-wrapper .headline[data-size="40"] {
    font-size: 1.5em;
  }

  .text-wrapper[data-align="bottom-left"] {
    padding: 0;
    bottom: 100px;
  }

  .mobile-view[data-align="bottom-left"] .button-group {
    justify-content: flex-start;
    margin: 15px 25px 0 25px;
  }

  .mobile-view[data-align="center"] .button-group {
    justify-content: flex-start;
    margin: 15px 25px 0 25px;
  }
}
.size-guide-innertext{
  display: flex;
  align-items: center;
}
@media screen and (min-width: 825px) {
  .mobile-view {
    display: none;
  }
  .category-drop-down {
    display: none !important;
  }

  .desktop-view {
    display: block;
  }
.mens-bottom-area {
  width: 100%;
  position: absolute;
  z-index: 10;
}
.mens-bottom-title-area {
  margin-top: 80px;
}
.mens-bottom-product-grid #gf-grid{
  margin-top: 100px;
}
.mens-bottom-area .button[data-variant="tertiary-dark"] {
  min-width: 146px !important;
}
  .sorting-desktop-container{ 
  display: flex;
  position: relative;
}
.new-arrivals-area {
  position: absolute;
  text-align: center;
  width: 100%;
}
.new-arrivals-area h1 {
    font-family: DS Trade Gothic Extended, Trade Gothic Extended, sans-serif;
    font-weight: 700;
    color: #253746 !important;
    font-size: 27px;
}
.new-arrivals-area p {
    color: #253746;
    font-size: 1em;
    font-family: DS Trade Gothic, Trade Gothic, sans-serif;
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
}

.new-arrival-title-area {
  margin-top: 100px;
}
.new-arrival-product-grid #gf-grid{
  margin-top: 120px !important;
}
  .slider-counter {
    display: none !important;
  }

  .product-page-content-container {
    padding: 0 3% !important;
    max-width: 1568px !important;
    margin: 0 auto;
  }

  /* .content-for-layout ul li:only-child .product-media-container {
    height: 1050px !important;
    --constrained-min-height: 1050px !important;

  }
  .content-for-layout ul li:only-child  .product-media-container .product__media {
        height: 1050px !important;
  } */
  .content-for-layout ul li:only-child .product-media-container .product__media img{
        /* object-fit: contain !important; */
  }
  .product__media-wrapper ul:has(> li:only-child) {
            grid-template-columns: auto !important;
  }

      ul li.cart-item_drawer:only-child, ul li.grid__item.scroll-trigger:only-child, ul#gf-products, 
      ul.address-list li:only-child {
        background: #fff;
    }
    .grid_accordion__content.size-fit-information ul li:only-child {
        background: #f6f6f6;
    }

  /* .product-full-image .product__media-item {
    padding-left: 90px;
  } */
  /* .search-modal {
    min-height: calc(100vh - 20%);
    height: calc(100vh - 20%);
  } */
  /* .ui-menu.ui-widget-content.ui-autocomplete { 
  max-height: calc(100vh - 20%) !important;
  box-shadow: none !important;
  border: none !important
  } */
  /* .gf-search-suggestions {
    width: 280px;
  }
  .gf-search-header {
    box-shadow: none !important;
    background: transparent !important;
  }
body .gf-search-suggestions ul{
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 !important;
    
  }
   body .gf-search-suggestions .gf-search-suggestions ul li {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #c6c6c6;
    color: #5e5e5e;
    cursor: pointer;
    display: inline-block;
    flex-shrink: 0;
    font-family: "DS Trade Gothic", "Trade Gothic", sans-serif;
    font-size: 13px;
    height: 32px;
    line-height: 18px;
    max-width: 276px;
    overflow: hidden;
    padding: 7px 12px;
    text-align: center;
    text-overflow: ellipsis;
    transition: background-color .4s, border-color .4s, color .4s;
    white-space: nowrap;
  }
 body .gf-search-suggestions .gf-search-suggestions ul li a {
      padding: 0 !important;
 } */


}
/* @media (min-width: 1025px) and (max-width: 1181px){
  nav.header__inline-menu.nav-head-bar {
  overflow: auto;
  }
} */

.header__menu-item span {
  font-weight: 600;
}

@media (min-width: 1229px) {
  .product-page-content-container {
    padding: 0 6% !important;
    margin: 0 auto;
  }
}
@media (min-width: 1024px){
  .gf-refine-toggle-mobile span, span#gf-mobile-refine-toggle{
    gap: 1rem;
  }
}
@media (min-width: 1025px) and (max-width: 1201px){
  .mega-menu__content{
    position: fixed !important;
        top: 125px !important;
        background: #fff !important;
        width: 45%;
        justify-self: center;
  } 
}
@media screen and (min-width: 1024px) {
  .large-screen {
    display: block;
  }

  .small-screen {
    display: none;
  }

  .account-modal {
    /* min-width: 220px; */
    min-width: max-content
  }

  .search-modal {
    top: -50px !important;
    min-height: 200px !important;
  }

  .header__inline-menu ul {
    gap: 5px;
  }

  .header__inline-menu ul li {
    padding-right: 0;
  }

  .list-menu--inline {
    flex-wrap: unset !important;
  }

  .header-menu--inline {
    overflow: hidden;
  }

  .header__menu-item {
    height: 75px !important;
  }

  .mega-menu__content {
    left: -60px !important;
    min-width: fit-content !important;
    padding: 0 !important;
  }

  .menu-item {
    position: relative !important;
    border-bottom: 2px solid transparent;
  }

  .mega-menu__list {
    display: flex !important;
    padding: 0 !important;
  }

  .mega-menu__list .sub-menu-item {
    min-width: 260px !important;
    margin: 42px 0 60px 60px;
    margin-left: 0;
  }

  .mega-menu__list:first-child {
    margin-left: 60px !important;
  }

  .list-menu--inline {
    /* height: 55px !important; */
  }

  .mega-menu-link__item {
    color: #5e5e5e;
    text-decoration: none;
    font-size: 13px;
  }
}

@media screen and (max-width: 1024px) {
  .header .logo-link {
    margin: 0;
  }
  .cart-flex-box{
    display: block;
  }
    .cart-item__image-container[data-size="l"] {
    height: 190px !important;
  }
  .customer.addresses{
    margin-top: 5rem !important;
  }
  input.limoniapps-discountninja-cartdiscountfield-input, input[type='text'].limoniapps-discountninja-cartdiscountfield-input{
    max-width: 100% !important;
  }
      .search__container {
        display: none;
    }
  .button[data-variant="tertiary-dark"] {
    min-width: 166px;
  }
  .quick-add-modal .product__media-list {
    display: flex !important;
  }
  .large-screen {
    display: none;
  }

  .small-screen {
    display: block;
  }

  .header__inline-menu {
    display: none !important;
  }

  .header__icons {
    gap: 0px;
  }

  header-drawer {
    display: block !important;
  }

  .header__heading,
  .header__heading-link {
    text-align: center !important;
  }

  .header {
    grid-template-columns: 1fr 2fr 1fr !important;
  }

  .header__heading-link {
    grid-area: unset !important;
    justify-self: center !important;
  }

  .header-tabs li {
    min-width: 50%;
    height: 60px;
  }

  .catalog-header {
    height: 60px;
  }

  .header-outer {
    height: 55px !important;
    padding-bottom: 2px;
  }

  .header {
    height: 55px !important;
    padding: 0px !important;
  }

  [data-icon="logo-horizontal"]::before {
    font-size: 1.5rem;
  }

  .header__icons {
    margin-right: 10px;
  }

  [data-icon="menu-anf"]::before {
    font-size: 3rem;
  }

  .header-drawer {
    width: 60px;
  }

  .header__icon--menu {
    width: 60px;
  }

  [data-icon="search-anf"]::before {
    font-size: 3rem;
  }

  .header__icon .icon {
    width: auto;
  }

  [data-icon="bag-anf"]::before {
    font-size: 3rem;
  }

  [data-icon="account-circle-anf"]::before {
    font-size: 3rem;
  }

  .header__menu-item {
    height: 55px !important;
  }

  .search-modal {
    top: 0;
    min-height: 180px;
  }

  #menu-drawer {
    top: -60px !important;
    height: calc(100vh + 60px) !important;
    width: calc(100% - 50px);
  }

  .scrolled-past-header #menu-drawer {
    top: 0 !important;
  }

  .list-menu--inline-mobile {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .list-menu--disclosure {
    position: relative !important;
  }

  .header__menu-item {
    padding: 0 !important;
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .header__submenu {
    box-shadow: none !important;
    border: none !important;
    background: #fff !important;
  }

  .header__submenu .list-menu__item {
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
  }

  .header__submenu h3 {
    font-size: 1.5rem;
    line-height: 1.4666666667;
    font-weight: 600;
  }

  .text-wrapper .headline[data-size="15"] {
    font-size: 0.8em;
  }

  .text-wrapper .headline[data-size="20"] {
    font-size: 0.9em;
  }

  .text-wrapper .headline[data-size="25"] {
    font-size: 1em;
  }

  .text-wrapper .headline[data-size="30"] {
    font-size: 1.2em;
  }

  .text-wrapper .headline[data-size="35"] {
    font-size: 1.4em;
  }

  .text-wrapper .headline[data-size="40"] {
    font-size: 1.6em;
  }

  .text-wrapper .headline[data-size="45"] {
    font-size: 1.8em;
  }

  .text-wrapper .headline[data-size="50"] {
    font-size: 2em;
  }

  .text-wrapper .headline[data-size="55"] {
    font-size: 2.5em;
  }

  .text-wrapper .headline[data-size="60"] {
    font-size: 3em;
  }
  .template-search__search{
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
  }
  main-search.main-search__container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 0.5rem !important;
    align-items: center;
  }
  .field.search-field::after{
    box-shadow: none !important;
  }
  form.search{
    width: 100% !important;
  } 
  .main-search__container .gf-refine-toggle-mobile{
    border: none !important;
    width: 5%;
    margin-left: 0;
    /* padding: 0 !important; */
  }
  .main-search__container .gf-refine-toggle-mobile span {
    padding: 0!important;
  }
  .template-search .gf-summary{
    top: 0 !important;
    margin-left: 1rem !important;
  }
  .template-search__header {
    margin-bottom: 1rem !important;
  }
  .template-search__results div#gf-grid ul#gf-products{
    padding: 12px !important;
    place-self: center;
    padding-top: 20px !important;
  }
  .card-wrapper.product-card-wrapper.my-hover-shadow::after {
    width: 0 !important;
  }
}
.field.search-field::after{
    box-shadow: none !important;
  }

.size-picker input[type="radio"].disabled:checked + label,
.size-picker input[type="radio"].disabled + label {
  --c: #222;
  padding: 16px 20px;
  background: linear-gradient(
    135deg,
    #74101000 calc(50% - 0.5px),
    var(--c) 0,
    var(--c) calc(50% + 0.5px),
    transparent 0
  );
  background-clip: padding-box, padding-box;
  text-decoration: none !important;
  border: 1px solid !important;
}

.size-picker input[type="radio"].disabled:checked + label {
  background: linear-gradient(
    135deg,
    #253746 calc(50% - 0.5px),
    #ffffff 0,
    #ffffff calc(50% + 0.5px),
    #253746 0
  ) !important;
  border-color: #253746;
}

.product-form__input--pill input[type="radio"].disabled:checked + label,
.product-form__input--pill input[type="radio"].disabled + label {
  --c: #222;

  padding: 16px 20px;
  background: linear-gradient(
    135deg,
    #74101000 calc(50% - 0.5px),
    var(--c) 0,
    var(--c) calc(50% + 0.5px),
    transparent 0
  );
  background-clip: padding-box, padding-box;
  text-decoration: none !important;
  border: 1px solid !important;
}

/* .product-form__input--pill input[type="radio"].disabled:checked + label {
  background: linear-gradient(
    135deg,
    #253746 calc(50% - 0.5px),
    #ffffff 0,
    #ffffff calc(50% + 0.5px),
    #253746 0
  ) !important;
  border-color: #253746;
} */

/* .product-form__input--pill input[type="radio"] + label:hover,
.product-form__input--pill input[type="radio"]:disabled + label:hover,
.product-form__input--pill input[type="radio"].disabled + label:hover {
  background: #253746;
  border-color: #253746;
  color: #fcfcfa;
} */

.product-form__input--pill input[type="radio"].disabled:checked + label,
.product-form__input--pill input[type="radio"].disabled + label:hover,
.product-form__input--pill input[type="radio"]:disabled + label:hover {
  background: linear-gradient(
    135deg,
    #253746 calc(50% - 0.5px),
    #ffffff 0,
    #ffffff calc(50% + 0.5px),
    #253746 0
  ) !important;
  border-color: #253746;
}


quick-add-modal .product-list-page {
  display: block;
}

/* quick-add-modal .quick-add-img{
  position: sticky;
  top: 80px; 
  align-self: start;
  max-height: calc(100vh - 100px); 
  overflow-y: auto;
} */
.product-list-page {
  display: grid;
  grid-template-columns: auto auto;
  gap: 8px;
  padding: 0;
  margin: 0;
}

.product-list-page .product-media-container {
  width: 100% !important;
}

.product-list-page .product__media-item {
  width: 100% !important;
  max-width: 100% !important;
}

.size-picker {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 40px 0 20px 0 !important;

}

.size-picker label {
  min-width: 52px;
  max-width: fit-content;
  width: auto;
  padding: 0 10px !important;
  height: 52px;
  margin: 0 !important;
  text-transform:uppercase;
  line-height: 52px !important;
}

#ProductPopup-popup_sizeguide {
  padding: 0 !important;
      color: #5e5e5e !important;
      min-height: 0 !important;
}

.length-picker {
  margin-top: 25px !important;
}

.length-picker label {
  min-width: 104px;
  width: auto;
  align-content: center;
  border-radius: 0;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.2px;
  line-height: 2rem;
  min-height: 52px;
  overflow: hidden;
  padding: 8px;
}

.length-picker .form__label {
  text-transform: capitalize;
}

.length-picker label:hover {
  background: #253746 !important;
  color: #fff !important;
}

.size-picker input[type="radio"]:checked + label {
  background: #253746 !important;
}

.length-picker input[type="radio"]:checked + label {
  background: #253746 !important;
}

.product-form__input legend {
  font-weight: bold;
  margin: 40px 0 20px 0 !important;
}

.product-form__input legend span {
  font-weight: normal;
}

.product__page-container .accordion summary {
  padding: 22px 0px 20px 0px;
}

.product__page-container .accordion summary h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #253746;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-stretch: 75%;

  line-height: 1.5384615385;
  text-transform: null;
  background: none;
  border-style: none;
  cursor: pointer;
  display: block;
  position: relative;
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.4666666667;
}

.label-as-image {
  padding: 2px !important;
  border-radius: 50% !important;
}

.label-as-image span {
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-position: center;
  background-repeat: repeat;
  background-size: unset;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
}

.drop-down-quantity {
  min-width: 100px;
  display: inline-block;
  position: relative;
  width: 100%;
  color: #5b5a59;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DS PF DIN Max, PF DIN Max, sans-serif;
  font-size: 1.3rem;
  font-stretch: 75%;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5384615385;
  text-transform: null;
  cursor: pointer;
}
.drop-down-quantity select{
  cursor: pointer;
} 
.wishlist-share-wrapper {
  display: flex;
  gap: 10px;
  margin: 25px 0 40px 0 !important;
}

.product-form__quantity-and-buy-buttons {
  margin: 40px 0 0 0 !important;
  display: block;
}

.product-form__error-message-wrapper-variant {
  margin-bottom: 10px !important;
}
.product-form__quantity-and-buy-buttons .product-form__input {
  width: 100px;
  max-width: 100px;
  margin-right: 10px;
  height: 60px;
  border: 1px solid #c6c6c6;
  padding: 0;
  margin:0;
}

.product-form__quantity-and-buy-buttons .product-form__buy-buttons {
  width: 100%;
}

.drop-down-quantity select {
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  border-width: 1px;
  font-family: DS PF DIN Max, PF DIN Max, sans-serif;
  font-size: 1.3rem;
  font-stretch: 75%;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5384615385;
  text-transform: null;
  font-size: 1.6rem;
  height: 60px;
  line-height: 1.5;
  padding-left: 0;
  padding-top: 18px;
  border: none;
  text-align: left;
}

.drop-down-quantity select:focus {
  border: none;
  box-shadow: none;
}

.drop-down-quantity select:active {
  border: none;
  box-shadow: none;
}

.product-form__buttons button {
  height: 60px;
}

.product__page-container .product__title h1 {
  /* font-family: DS PF DIN Max, PF DIN Max, sans-serif; */
  font-family: garamond-premier-pro, serif;
  -webkit-font-smoothing: antialiased;
  font-size: 2.8rem;
  font-stretch: 50%;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 1.2857142857;
  text-transform: null;
  color: #253746;
}

hr {
  border-style: none;
  border-top: 1px solid #d2d0ce;
}

.product__info-container .product-form {
  margin: 0 !important;
}

.horizontal-line-separator {
  margin: 40px 0;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.button[data-variant="secondary"] {
  background: #253746;
  color: #fff;
}

.drawer-modal {
  background-color: #f7f5f2;
  margin-top: 0;
  max-width: 450px;
  min-height: 100vh;
  padding: 25px 25px 45px;
}

.drawer-modal .modal-close-button {
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  background-color: hsla(0, 0%, 100%, 0.6);
  line-height: 35px;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
}

.drawer-modal [data-icon="close-anf"]::before {
  font-size: 1.5rem;
  height: 40px;
  padding: 12px;
  width: 40px;
}

.breadcrumb-section {
  background-color: #f6f6f6;
}

.breadcrumb {
  margin: 0 auto;
  max-width: 1568px;
  padding: 8px 0 8px 22px;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  color: #5e5e5e;
}

.wishlist-icon {
  width: 26px;
}

.country-flag-icon {
  margin-left: 15px;
  width: 28px;
}

.overlay-button {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  display: none;
  justify-content: space-between;
  padding: 0 6px 10px 6px;
  top: auto;
  gap: 10px;
}

.wishlist-area:hover .overlay-button {
  display: flex;
}

.overlay-button [data-icon="heart-filled-anf"]::before {
  font-size: 14px;
}

.overlay-button .button {
  letter-spacing: 0.6px;
  font-size: 1.3rem;
}

.button[data-variant="overlay-button"] {
  background: hsla(0, 0%, 100%, 0.8);
  color: #253746;
  min-width: auto;
}

.button[data-variant="overlay-button"]:hover {
  background: #f0f0f0;
}

.wishlist-area .bag-hover {
  position: absolute;
  top: 15px;
  left: 15px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, background-color 0.4s ease, color 0.4s ease;
  z-index: 0;
  background: rgba(37, 55, 70, 0.6);
  color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wishlist-area:hover .bag-hover {
  opacity: 0.7;
  pointer-events: auto;
}

.wishlist-area .bag-hover .icon::before {
  font-size: 14px;
}

.wishlist-area:hover .overlay-button {
  display: flex;
}

/* lg/md (≤1024px)*/
@media (max-width: 1024px) {
  .wishlist-area .overlay-button {
   display: flex !important;
    justify-content: space-between !important; 
    padding: 0 6px !important; 
  }

  .wishlist-area .overlay-button span + span {
    display: none !important;
  }

  .wishlist-area .bag-hover {
    opacity: 0.7 !important;
    pointer-events: auto !important;
  }

  .button[data-variant="overlay-button"] {
    background: transparent !important;
  }

  .wishlist-area .bag-hover{
    background:transparent;
    color:#253746;
  }
 

  .overlay-button [data-icon="heart-filled-anf"] {
    order: 1;
  }

  .overlay-button button .icon[data-icon="zoom-plus"] {
    order: 2;
  }
.overlay-button .btn__heart_fill{
    display:flex;
    justify-content:start;
    padding:0px 10px;
  }

  .overlay-button .btn__zoom_plus{
    display:flex;
    justify-content:end;
  }

  
}

/* Small screens ≤698px */
@media (max-width: 698px) {
  .wishlist-area .bag-hover {
    display: flex !important;
    opacity: 0.7 !important;
    pointer-events: auto !important;
  }
  .prod-card{
    margin-top: -2.3rem !important;
  }
  .badge{
    line-height: 1 !important;
  }


  .overlay-button [data-icon="heart-filled-anf"] {
    display: flex !important;
  }

  .wishlist-area .overlay-button button .icon[data-icon="zoom-plus"] {
    display: none !important;
  }

 .wishlist-area .overlay-button {
    display: flex !important;
    justify-content: space-between !important; /* edges */
    padding: 0 6px !important;
  }

  .overlay-button [data-icon="heart-filled-anf"] {
    order: 1;
  }

  .overlay-button button .icon[data-icon="zoom-plus"] {
    order: 2;
  }

  .button[data-variant="overlay-button"] {
    background: transparent !important;
  }

.overlay-button .btn__heart_fill{
    display:flex;
    justify-content:start;
  }

  .overlay-button .btn__zoom_plus{
    display:flex;
    justify-content:end;
  }

  .wishlist-area .bag-hover {
  position: absolute;
  top: 5px;
  left: 0px;}
}

@media screen and (max-width: 768px) {
  .join-btn {
    min-width: 140px !important;
  }
  .gf-refine-toggle-mobile a, .gf-refine-toggle-mobile span {
    flex: none !important;
  }

  .btn-login {
    min-width: 140px !important;
  }

  .search-modal__content {
    padding: 25px;
  }

  .button[data-variant="tertiary-dark"] {
    min-width: 140px !important;
  }
  .template-search__results div#gf-grid ul#gf-products li.grid__item {
    max-width: calc(49% - var(--grid-desktop-horizontal-spacing) / 2) !important;
  }
  .template-search__results div#gf-grid ul#gf-products {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 360px) {
  .drawer-modal {
    width: calc(100% - 50px) !important;
  }

  .join-btn {
    min-width: 166px !important;
  }

  .btn-login {
    min-width: 166px;
  }
}

.catalog-MyListNotifications-module__flyout {
  border-color: #d2d0ce;
  border-top: none;
  border-width: 0 1px 1px 1px;
  background-color: #fcfcfa;
  font-size: 1.5rem;
  text-align: center;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  animation-duration: 8000ms;
  animation-name: catalog-MyListNotifications-module__flyout-animation;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  z-index: 999999 !important;
  top: 55px;
  background-color: #233b4d;
  color: #1b1b1b;

  border-color: #c6c6c6;
  border-top: none;
  border-width: 0 1px 1px 1px;
  background-color: #fff;
  color: #1b1b1b;
  font-size: 1.5rem;
  text-align: center;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  animation-duration: 8000m;
}

@keyframes catalog-MyListNotifications-module__flyout-animation {
  0%,
  100% {
    clip-path: inset(0 0 100% 0);
  }

  10%,
  90% {
    clip-path: inset(0);
  }
}

.catalog-MyListNotifications-module__firstTime.catalog-MyListNotifications-module__loggedOut {
  padding: 50px 60px 60px 60px;
}

.catalog-MyListNotifications-module__firstTime {
  width: 439px;
  height: auto;
}

@media screen and (min-width: 540px) and (max-width: 1024px) {
  .catalog-MyListNotifications-module__flyout {
    left: 0;
    padding: 0;
    width: 375px;
    height: 120px;
  }

  .catalog-MyListNotifications-module__myListButton {
    display: none;
  }

  .catalog-MyListNotifications-module__firstTime {
    width: 375px;
  }
}

@media screen and (max-width: 540px) {
  .catalog-MyListNotifications-module__myListButton {
    display: none !important;
  }

  .catalog-MyListNotifications-module__flyout {
    width: 100%;
    height: 120px;
  }
  .region-and-measurement{
    flex-wrap: wrap;
    gap: 3rem !important;
  }
  .measurement-toggle {
    width: 100% !important;
  }
}

@media screen and (max-width: 1024px) {
  .catalog-MyListNotifications-module__firstTime.catalog-MyListNotifications-module__loggedOut {
    padding: 0;
  }
}

@media screen and (min-width: 1025px) {
  .catalog-MyListNotifications-module__flyout {
    right: 0;
    border-style: solid;
    padding: 10px;
    /* width: 198px;
    height: 124px; */
    top: 75px;
  }
}

.catalog-MyListNotifications-module__bigMessage {
  font-family: "DS PF DIN Max", "PF DIN Max", sans-serif;
  font-size: 2rem;
  font-stretch: 50%;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 1.4;
  letter-spacing: 0.6px;
  font-weight: 400;
  font-stretch: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.catalog-MyListNotifications-module__smallMessage {
  font-family: "DS PF DIN Max", "PF DIN Max", sans-serif;
  font-stretch: 75%;
  font-weight: 400;
  letter-spacing: 0.04em;
  margin-top: 15px;
  font-size: 1.5rem;
  background: #fff;
  z-index: 9999;
}

.catalog-MyListNotifications-module__smallMessage a {
  cursor: pointer;
  text-decoration: underline;
}

.catalog-MyListNotifications-module__myListButton {
  margin-top: 15px;
}

.product-card-detail {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 400;
  cursor: pointer;
}

.product-card-detail h2 {
  color: #5e5e5e !important;
  font-family: garamond-premier-pro, serif !important;
  font-size: 1.6rem !important;
  line-height: 1.125 !important;
}

.product-card-detail p {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5384615385;
}

.product-card-detail h2:hover {
  color: #253746 !important;
}

.product-card-detail p {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
}

/* Product Card changes */
.product-grid-container {
  .quick-add {
    display: none;
  }

  li.custom-product-card:hover .quick-add {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 5px;
    background: hsla(0, 0%, 100%, 0.8);
    width: 90%;
    left: 5%;
    z-index: 2;
  }

  li.custom-product-card:hover .quick-add:hover {
    background: #ffffff;
  }
}

.scope-1892 [data-icon="flame-filled"]::before,
.scope-1892 [data-icon="flame-filled-anf"]::before {
  content: "";
  color: #fff;
  font-size: 1.1rem;
  margin-right: 4px;
}

/* Product card swatch style */
.card-swatch-list {
  display: flex;
  gap: 6px;
  margin-top: 6px;
  z-index: 2;
  position: relative;
  margin-bottom: 6px;
}

.product-grid-container li.custom-product-card:hover .card-swatch-list {
  flex-wrap: wrap;
}

.card-swatch {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 1px solid #ccc;
  cursor: pointer;
  outline: none;
}

.card-swatch--inner:hover {
  border-color: #000;
}

.product-card-image {
  display: none;
}

.product-card-image.is-active {
  display: block;
}

@media (max-width: 1024px) {
  body:has(.mobile-facets__disclosure.menu-opening)
    #shopify-section-header.section-header.z-10 {
    z-index: auto;
  }

  .facets-vertical {
    display: block !important;
  }

  .mobile-facets__wrapper {
    display: flex !important;
  }

  .active-facets {
    display: flex !important;
  }

  .facets {
    display: none !important;
  }
}

.my-hover-shadow::after {
  box-shadow: none !important;
}

.my-hover-shadow:hover::after {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12) !important;
  height: calc(100% + 20px);
  left: 0;
  top: 0;
}

li.custom-product-card:hover {
  z-index: 1;
}

/* li.custom-product-card{
  max-height: 528px;
}
.custom-product-card:hover .relative.flex.flex-col.pt-4.custom-hover-card.my-hover-shadow.flex-nowrap:after {
    content: "";
    height: calc(100% + 20px);
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-16px);
    width: calc(100% + 32px);
    z-index: -1;
} */
.button-group-help .customer-help-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #c6c6c6;
  cursor: pointer;
  font-family: "DS Trade Gothic", "Trade Gothic", sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 1.3846;
  min-height: 50px;
  padding-block: 0;
  padding-inline: 15px;
  padding: 25px;
  margin: -0.5px;
  flex-basis: 50%;
  text-align: center;
  text-decoration: none;
  color: #253746;
  transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  height: 60px;
  background-color: white;
}

.customer-help-button:hover {
  background: #5e5e5e;
  border-color: #5e5e5e;
  color: #fff !important;
}

.customer-help-button:active {
  background: #253746;
  border-color: #253746;
  color: #fff !important;
}

/* Responsive styles */
@media only screen and (min-width: 700px) {
  .button-group-help .customer-help-button {
    height: 90px;
    text-align: left;
    position: relative;
    max-width: 50%;
  }

  .button-group-help .customer-help-button .icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
}
@media (min-width: 750px) and (max-width: 1025px){
  .gf-left #gf-tree{
    display: none;
  }
  .feature-dropdown{
    display: block !important;
  }
  .feature-drop{
    display: none !important;
  }
  .gf-refine-toggle-mobile{
    height: 100%;
  }
}
@media screen and (max-width: 1025px){
  .card-wrapper.product-card-wrapper.my-hover-shadow {
  padding-top: 2.5rem !important;
}
}

/* .quick-answers-grid .qa-link {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: none;
  text-underline-offset: none;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

.quick-answers-grid .qa-link a {
  text-underline-offset: none;
  text-decoration-thickness: none;
  transition: none;
  color: inherit;
} */

.grid_accordion__content {
  background-color: #f6f6f6;
  border-radius: 0px;
  padding: 30px 30px 40px;
  text-align: left;
}

.grid_accordion__content h4 {
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}

.grid_accordion__content hr {
  margin: 25px 0;
}

.grid_accordion__content ul {
  list-style-type: disc;
  margin-top: 25px;
  padding-left: 0;
  color: #5e5e5e;
}

.grid_accordion__content .body-size {
  margin-bottom: 5px;
  font-size: 1.3rem;
  color: #5e5e5e;
}

.grid_accordion__content .body-length {
  color: #253746;
  /* margin-top: 25px;
  margin-bottom:5px; */
}

.grid_accordion__content .body-length--first {
  margin-top: 25px;
}


.grid_accordion__content .body-length span {
  justify-content: space-between !important;
  align-items: center !important;
  display: flex !important;
  font-size:13px;
  letter-spacing: 0.6px;
  text-transform:capitalize;
}
.body-length span .tooltip-widget {
  font-size: 20px;
  margin-left: 20px;
} 

.grid_accordion__content p {
  font-size: 13px;
  line-height: 2rem;
}

.btn-link {
  font-size: 13px !important;
  text-decoration: underline;
  cursor: pointer;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
}

.modal-close-button-icon {
  font-size: 1.5rem;
  height: 40px;
  padding: 12px;
  width: 40px;
  background: #f6f4f4;
  border-radius: 50%;
  color: #253746;
  cursor: pointer;
  border: none;
  position: absolute !important;
  right: 25px !important;
}

.tabs-wrapper {
  padding: 40px 40px 40px;
}

.tabs-nav {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #ddd;
}

.tabs-nav li {
  padding: 10px 20px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  width: 50%;
  color: #253746;
  font-weight: 700;
  min-height: 60px;
  text-align: center;
}

.tabs-nav li.active {
  border-color: #000;
  border-bottom: 3px solid #253746;
  font-weight: bold;
}

.tab-pane {
  display: none;
  padding: 1rem 0;
}

.tab-pane.active {
  display: block;
}

hr {
  border-style: none;
  border-top: 1px solid #c6c6c6;
}

.region-and-measurement {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.size-guide-content hr {
  margin: 30px 0;
}

.size-guide-section h4 {
  color: #253746;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}

.size-guide-section__measurements .body-length--first {
  margin-top: 25px;
  margin-bottom: 5px;
}

.size-guide__measurements-text {
  max-width: 200px;
}

.size-guide__label-wrapper {
  display: flex;
  align-items: center;
}

.size-guide__label-wrapper p, .size-guide-section__measurements {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}
.flex.justify-between.body-length {
    align-items: center;
}

.size-guide__measurement-size {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}

.product-popup-modal_sizeguide__content {
  border-radius: var(--popup-corner-radius);
  background-color: rgb(var(--color-background));
  overflow: auto;
  height: 80%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5rem;
  width: 92%;
  position: absolute;
  top: 0;

  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset)
    var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.size-guide-images-wrapper {
  border-radius: 0;
  left: 0;
  overflow: hidden;
  top: 0;
  width: 100%;
}

.size-guide-images {
  background-color: #f6f6f6;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.size-guide-image img {
  border: 0;
  border-radius: 0;
}

.size-guide-info-wrapper {
  background: #fff;
  box-shadow: 0 0 15px 0 #f6f6f6;
  margin: -120px 15px 0;
  padding: 30px 25px;
  position: relative;
}

.size-guide__measurements {
  align-items: center;
  display: flex;
  margin-bottom: 5px;
}

.size-guide__measurements_list {
  justify-content: space-between;
  display: flex;
  margin-bottom: 5px;
}

.size-guide__measurements-text {
  display: flex;
  align-items: center;
}

.tooltip-text h3 ,
.body-length .tooltip-widget .tooltip-text h3{
  color: #fff;
  font-size: 12px;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
}
.body-length .tooltip-widget .tooltip-text h3{
  margin-bottom: 0px;
  font-size: 15px;
}
.tooltip-text p {
  color: #fff;
}

.drop-down {
  display: inline-block;
  position: relative;
  width: 100%;
  color: #5e5e5e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}

.drop-down > select {
  border-style: solid;
  border-width: 1px;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
  font-size: 1.6rem;
  height: 60px;
  line-height: 1.5;
  padding-left: 19px;
  padding-top: 17px;
  appearance: none;
  border-radius: 0;
  cursor: pointer;
  width: 100%;
}

.drop-down > select {
  background: #fff;
  border-color: #c6c6c6;
  color: #253746;
}

.drop-down > select[data-filled="true"] {
  font-weight: 400;
}

.drop-down > select[data-filled="true"] + .placeholder {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  font-size: 1rem;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: auto;
  white-space: nowrap;
  width: 1px;
  left: 0;
  padding-left: 20px;
}

.drop-down > select[data-filled="true"] ~ .float-label {
  display: block;
}

.drop-down > .float-label {
  color: #5e5e5e;
}

.drop-down > .float-label {
  font-size: 1rem;
  letter-spacing: 0.08rem;
  padding-left: 20px;
}

.drop-down > .float-label {
  display: none;
  line-height: 1.5;
  pointer-events: none;
  position: absolute;
  top: 12px;
}

.region-and-measurement .drop-down:focus-visible {
  outline-color: #025fcc !important;
  border-radius: 1px;
  padding: 0;
  outline-offset: 2.5px;
}

.arrow-icon {
  position: absolute;
  font-size: 1.6rem;
  line-height: 2.75;
  right: 10px;
  top: 0;
}

.thumbnails.selected {
  outline: 2px solid #253746;
}

.measurement-toggle {
  width: 120px;
  display: flex;
  height: 48px;
  margin: 0;
  text-transform: uppercase;
  border: 1px solid #c6c6c6;
  border-radius: 0;
}

.toggle-block {
  position: relative;
  width: 50%;
  display: flex;
}

.toggle .toggle-radio {
  opacity: 0;
  position: absolute;
}

.toggle .toggle-label {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 48px;
  overflow: hidden;
  width: 100%;
}

.toggle .toggle-block:first-child > .toggle-radio + .toggle-label::before {
  border-radius: 0 0 0 0;
  left: 100%;
}

.toggle .toggle-label::before {
  bottom: -1px;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  width: calc(100% + 1px);
  z-index: 0;
}

.toggle-text {
  z-index: 2;
}

.toggle input[type="radio"]:checked + label {
  color: #fff;
  background-color: #253746;
}


.toggle-radio:checked {
  background: red;
}

.toggle-radio:checked + .toggle-label {
  background: #222;
  color: #fff;
  border-color: #222;
}

.toggle-block.active .toggle-label {
  background: #222;
  color: #fff;
  border-color: #222;
}

.size-tables__title {
  color: #253746;
  font-size: 2rem;
  margin: 30px 0 25px;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
}

.size-tables__description {
  margin-bottom: 30px;
  color: #5e5e5e;
  font-size: 12px;
  font-weight: 400;
}

.size-tables-data {
  width: 100%;
}

.size-tables__table {
  border-collapse: separate;
  text-align: center;
  font-size: 1.3rem;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #f6f6f6;
}

.size-tables__table thead {
  background-color: #f6f6f6;
  color: #253746;
  border-collapse: separate;
  text-align: center;
}

.size-tables__table tr {
  background-color: #fff;
}

.alt-background-color {
  background-color: #f6f6f6 !important;
}

.size-tables__table tr th,
.size-tables__table tr td {
  border-bottom: 1px solid #c6c6c6;
  border-left: 0;
  border-right: 1px solid #c6c6c6;
  border-top: 0;
}

.size-tables__table th,
.size-tables__table td {
  padding: 10px;
}

.size-tables__table tr th.size-guide__primary-column {
  border-left: 1px solid #c6c6c6;
}

.size-tables__table tr td.size-guide__primary-column {
  border-left: 1px solid #c6c6c6;
}

@media screen and (min-width: 1025px) {
  .size-guide-images-wrapper {
    min-height: 306px;
    overflow: hidden;
  }

  .size-guide-info-wrapper {
    margin-top: -270px;
  }
}

.color-picker {
  gap: 16px;
  display: flex;
}

@media screen and (min-width: 540px) {
  .size-guide-images-wrapper {
    min-height: 441px;
  }

  .size-guide-info-wrapper {
    margin-left: 40px;
    margin-top: -400px;
    max-width: 410px;
    margin-bottom: 16rem;
    width: 75%;
  }

  .region-and-measurement {
    flex-direction: row;
  }

  .region-and-measurement .drop-down {
    max-width: 335px;
    padding: 0;
    width: calc(100% - 140px);
  }
}

@media screen and (min-width: 1025px) {
    #size-guide-modal .size-guide-info-wrapper-mfe {
        margin-top: -270px;
    }
}


@media screen and (min-width: 1025px) {
  .size-guide-images {
    max-height: 306px;
    width: 100%;
  }
}

@media screen and (min-width: 360px) {
  .size-guide-images {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 360px) {
  .size-guide-image {
    max-width: 350px;
  }
}

@media screen and (min-width: 1025px) {
  .product-popup-modal_sizeguide__content {
    max-width: 1020px;
  }
}

@media screen and (min-width: 540px) {
  .product-popup-modal_sizeguide__content {
    width: 75%;
  }
}

.product-page-wrapper {
  display: block;
  padding: 0;
}

.collection-button {
  min-width: auto !important;
}

@media (min-width: 825px) {
  .product-page-wrapper {
    display: flex;
    margin-top: 30px;
    min-height: 100vh;
  }
}

@media (min-width: 1025px) {
  .product-page-wrapper {
    margin: 30px auto 0;
    width: 958px;
  }
}

@media (min-width: 1229px) {
  .product-page-wrapper {
    width: calc((100% - 476px) + 426px);
  }
}

@media (min-width: 1400px) {
  .product-page-wrapper {
    width: calc((100% - 485px) + 426px);
  }
}

@media (min-width: 1400px) {
  .product-page-wrapper {
    width: calc(100% - 485px + 426px);
  }
}
@media (min-width: 1000px) and (max-width: 1100px){
  .tab-view-header{
    width: 96.3%;
    padding-left: 5px;
  }
}
@media (min-width: 750px) and (max-width: 1025px){
  .gf-refine-toggle-mobile{
    /* padding: 10.12px 0 !important;
    padding-left: 0 !important; */
    background: #fff !important;
  }
  .spf-has-filter #gf-products{
    padding: 2rem 1rem !important;
  }
}
@media (min-width: 1645px) {
  .product-page-wrapper {
    width: 1260px;
  }
}

.show-measurement {
  display: flex;
  justify-content: center;
}

.overlay-measurement {
  border: 1px solid #c6c6c6;
  height: 50px;
  padding: 10px 20px;
   align-content: space-between;
  align-items: center;
  display: flex;
  justify-content: center;
  /* margin-top: 15px; */
  margin-bottom: 12px;
  color: #253746;
}

.model-text {
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  margin: 0;
  letter-spacing: 0.6px;
  color: #253746;
}

.highlighted-text-wrapper {
  margin-top: 20px;
  margin-bottom: 10px;
}

.shop-similar__container {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  gap: 4px;
  padding: 14px;
  background-color: #f6f6f6;
  line-height: 20px;
}

.shop-similar__label {
  margin-left: 8px;
  font-size: 13px;
  font-weight: normal;
  color: #253746;
}

.shop-similar__container a {
  font-size: 13px;
  color: #253746;
  text-decoration: underline;
}

/* collection page filter design changes start */
.mobile-facets__checkbox:checked + .mobile-facets__highlight {
  visibility: hidden !important;
}

label.facets__label.mobile-facets__label svg {
  width: 25px;
  height: 25px;
}

label.facets__label.mobile-facets__label svg.icon.icon-checkmark {
  left: 14.8%;
  top: 20px;
  color: #ffffff;
  width: 15px;
  height: 15px;
}

label.facets__label.mobile-facets__label.active svg {
  background: #253746;
}

.facets-layout:not(.facets-layout-list--swatch, .facets-layout-grid--image)
  .facets__label.disabled {
  opacity: 1 !important;
}

/* collection page filter design changes end */

.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;

  .tooltip-icon {
    display: none;
  }
}

.tooltip-container.tooltip-container--active {
  [data-icon="question-outline"] {
    display: none;
  }

  .tooltip-icon {
    display: inline-block;
    font-size: 2rem;
  }

  .tooltip-icon:before {
    content: "";
    font-family: Responsive Icons;
    color: #5e5e5e;
  }
}

.tooltip-container .tooltip-text {
  visibility: hidden;
  width: 315px;
  background-color: #253746;
  color: #fff;
  text-align: left;
  padding: 15px 20px;
  border-radius: 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  /* position above the icon */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.35s, visibility 0.35s;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}

/* Tooltip arrow */
.tooltip-container.tooltip-container--active .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #1e2a38 transparent transparent transparent;
}

.tooltip-container.tooltip-container--active .tooltip-text {
  visibility: visible;
  opacity: 1;
  z-index: 9 !important;
}

.field.field--error {
  label {
    color: #981420 !important;
  }

  input {
    border: 2px solid #981420;
  }

  input:focus {
    box-shadow: none !important;
  }

  input#CustomerEmail {
    border: 2px solid #981420;
  }

  input#CustomerPasswordRegister {
    border: 2px solid #981420;
  }

  input#CustomerEmail:focus {
    border: 2px solid #981420;
    box-shadow: none;
  }

  input#CustomerPasswordRegister:focus {
    border: 2px solid #981420;
    box-shadow: none;
  }
}

.field {
  /* input {
    border: 1px solid #c6c6c6 !important;
    margin: 0;
    border-bottom: none;
  } */

  input#CustomerEmail {
    border: 1px solid #5e5e5e;
    margin: 0;
    border-bottom: none !important;
    min-height: 60px;
  }

  input#CustomerPassword {
    border: 1px solid #5e5e5e;
    margin: 0;
    border-top: 0 !important;
    min-height: 60px;
  }

  input#CustomerPasswordRegister {
    border: 1px solid #c6c6c6;
    margin: 0;
    border-top: 0;
  }
}

.error-message {
  text-align: left;
  font-size: 1.3rem;
  background-color: #981420;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  padding: 10px 20px;
  width: 100%;
}

.field-login:has(.field--error) {
  border: none;
}

.field-login:not(:has(.field--error)):after {
  background: #c6c6c6;
  content: "";
  display: block;
  height: 1px;
  left: 20px;
  position: absolute;
  top: 0;
  width: calc(100% - 40px);
  top: 50%;
}

.field-login.hidden-after::after {
  content: none;
}

.field-login {
  position: relative;
}

.field input:focus {
  box-shadow: none !important;
}

button#ModalClose-Login {
  position: absolute;
  right: 0;
  top: 2%;
}

.color-picker input[type="radio"] + label {
  width: 52px;
  height: 52px;
  border-radius: 50%;
}

.swtg-input-inner-wrapper:has(input[type="radio"]:checked) {
  border: 2px solid #253746 !important;
}

.color-picker input[type="radio"] + label {
  height: 44px;
  width: 44px;
  background-position: center;
  padding: 0 !important;
  margin: 3px !important;
  border: none !important;
}

.product-form__input .form__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-transform: capitalize;
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: .6px;
  font-size: 1.5rem;
  line-height: 1.4666666667;
}

.color-picker input[type="radio"]:checked + label {
  margin: 2px !important;
}
.product__description {
  color: #5e5e5e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: DS Trade Gothic, Trade Gothic, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.6px;
    line-height: 1.5384615385;
}

.product__description p {
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}

.grid_accordion__content h1 {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 1.8rem;
}

.grid_accordion__content h2 {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 1.6rem;
}

.grid_accordion__content h3 {
  margin-bottom: 25px;
  margin-top: 5px;
  color: #253746;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
}

.grid_accordion__content h4 {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 1.2rem;
}

.grid_accordion__content .grid {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
}

.product__description h4 {
  margin: 10px 0;
}

.product__description ul {
  margin: 0;
}

.product__description ul li {
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}

.container-customer-help {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: calc(100vh - 92px);
  padding: 40px 20px 30px;
  max-width: 450px;
}

/* Media queries */

@media screen and (min-width: 360px) {
  .container-customer-help {
    padding: 40px 25px 30px;
  }
}

@media screen and (min-width: 700px) {
  .container-customer-help {
    padding: 40px 40px 70px;
    max-width: 850px;
    /* moved max-width here */
  }
}

@media screen and (min-width: 1025px) {
  .container-customer-help {
    min-height: 700px;
    padding: 55px 7% 70px;
    max-width: 950px;
    /* moved max-width here */
  }
}

@media screen and (min-width: 1200px) {
  .container-customer-help {
    padding: 70px 7% 70px;
  }
}

.anf-body p {
  color: #5e5e5e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
  margin-bottom: 20px;
}

.high-contras-btn {
  top: 20px;
  left: 20px;
}

.peer:checked ~ .peer-checked\:bg-white {
  left: 0 !important;
}

.container-customer-help {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: calc(100vh - 92px);
  padding: 40px 20px 30px;
  max-width: 450px;
}

/* Media queries */

@media screen and (min-width: 360px) {
  .container-customer-help {
    padding: 40px 25px 30px;
  }
}

@media screen and (min-width: 700px) {
  .container-customer-help {
    padding: 40px 40px 70px;
    max-width: 850px;
    /* moved max-width here */
  }
}

@media screen and (min-width: 1025px) {
  .container-customer-help {
    min-height: 700px;
    padding: 55px 7% 70px;
    max-width: 950px;
    /* moved max-width here */
  }
}


.anf-body p {
  color: #5e5e5e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
  margin-bottom: 20px;
}

.policies-text h3,
.policies-text h4,
.policies-text h5 {
  margin: 30px 0 10px;
}

.policies-text h2 {
  color: #253746;
  font-family: garamond-premier-pro, serif;
  font-size: 2.8rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2857142857;
}

.policies-text h3 {
  font-size: 2rem;
  line-height: 1.4;
  border-top: 1px solid #c6c6c6;
  padding-top: 20px;
}

.policies-text h3,
.policies-text h4 {
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
}

.policies-text h4 {
  font-size: 1.5rem;
  line-height: 1.4666666667;
}

.policies-text h5 {
  font-size: 1.3rem;
  line-height: 1.5384615385;
}

.policies-text h5,
.policies-text h6 {
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
}

.policies-text h6 {
  font-size: 1.2rem;
}

.policies-text p {
  margin-bottom: 20px;
}

.policies-text li {
  padding-bottom: 10px;
  padding-left: 10px;
}

.policies-text dl,
.policies-text ol,
.policies-text ul {
  margin-bottom: 20px;
  padding-left: 30px;
}

.policies-text .list-section-reset {
  counter-reset: count;
  padding-left: 0;
}

.policies-text .list-section-reset > li {
  list-style: none;
  padding-left: 25px;
  position: relative;
}

.policies-text .list-section-reset > li::before {
  content: counter(count) ". ";
  counter-increment: count;
  left: 0;
  position: absolute;
}

.policies-text .paren-wrapped {
  counter-reset: list;
}

.policies-text .paren-wrapped > li {
  list-style: none;
  position: relative;
}

.policies-text .paren-wrapped > li::before {
  content: "(" counter(list, lower-alpha) ") ";
  counter-increment: list;
  left: -1.4rem;
  position: absolute;
}

.policies-text .bullet-point {
  list-style-type: disc;
}

.policies-text .bullet-point .bullet-point > li {
  list-style-type: circle;
}

.policies-text .no-bullet-points {
  list-style: none;
}

.policies-text li > ol,
.policies-text li > ul {
  margin-bottom: 20px;
  margin-top: 10px;
}

.policies-text .large-bold-text,
.policies-text b,
.policies-text strong {
  color: #253746;
  font-weight: 700;
}

.policies-text .large-bold-text,
.policies-text strong {
  font-size: 1.5rem;
  letter-spacing: 0.6px;
  line-height: 1.4666666667;
}

.policies-text dd {
  margin-bottom: 10px;
  margin-left: 30px;
}

.policies-text .title-policy {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 15px;
  overflow: hidden;
  padding-bottom: 10px;
}

.policies-text .title-policy + h3 {
  border-top: none;
  padding-top: 0;
}

.policies-text .title-policy .brand,
.policies-text .title-policy .lead-in-title {
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.5rem;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 1.4666666667;
}

/* Responsive */

@media screen and (max-width: 1024px) {
  .policies-text .title-policy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .policies-text .updated-date {
    margin-bottom: 5px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}

@media screen and (min-width: 1025px) {
  .policies-text .title-policy {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .policies-text .title-policy .brand,
  .policies-text .title-policy .lead-in-title {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.policies-text .table-wrapper {
  max-width: 100%;
  overflow-x: auto;
}

.policies-text table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  width: 100%;
}

.policies-text table th {
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
  padding: 15px 20px 15px 0;
  text-align: left;
}

.policies-text table td {
  border-bottom: 1px solid #c6c6c6;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding: 15px 20px 15px 0;
}

.policies-text table thead th {
  border-bottom: 3px solid #253746;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.container1-help {
  /* display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; */
  margin-left: auto;
  margin-right: auto;
  max-width: 1025px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  width: 100%;
  background-color: #fff;
  background-image: none;
}

#recover:target ~ .login-form_heading,
#recover:target ~ .login-form_heading + div {
  display: none !important;
}

.pickup-availability-preview {
  padding: 10px !important;
  border: 1px solid #253746;
}

.policies-scope {
  color: #5e5e5e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
  margin-bottom: 20px;
}

.policies-scope .policy-heading {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 14px 20px;
}

@media screen and (min-width: 360px) {
  .policies-scope .policy-heading {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 700px) {
  .policies-scope .policy-heading {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.policies-scope .policy-heading .icon {
  margin-bottom: 1px;
  margin-right: 10px;
  margin-top: 1px;
}

.policies-scope .policy-heading .icon::before {
  display: block;
  font-size: 2rem;
  line-height: 1;
  width: 20px;
}

.policies-scope .policy-heading .h3 {
  font-stretch: 100%;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
}

@media screen and (min-width: 700px) {
  .policies-scope .policy-heading .h3 {
    font-size: 1.5rem;
  }
}

.policies-scope .policy-heading .text {
  margin-top: 1px;
}

.policies-scope .policy-heading .link {
  display: block;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  margin-top: 1px;
  text-align: right;
}

.policies-scope .policy-heading.align-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.policies-scope .policy-heading.align-right .text {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.5rem;
}

.policies-scope .policy-heading-account-block {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 20px;
}

@media screen and (min-width: 360px) {
  .policies-scope .policy-heading-account-block {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 700px) {
  .policies-scope .policy-heading-account-block {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.policies-scope .policy-heading-account-block .h3 {
  font-stretch: 100%;
  font-size: 1.5rem;
  line-height: 1.2;
}

@media screen and (min-width: 700px) {
  .policies-scope .policy-heading-account-block .h3 {
    font-size: 1.5rem;
  }
}

.announement-text {
  min-width: fit-content !important;
}

/* Collection Page Styling */
.gf-filter-selection .sort-by.limit-by {
  display: none;
}

#globo-dropdown-sort_options {
  background-color: #fff;
}

.custom-page-section {
  margin: 50px;
}

.field-of-form {
  gap: 0 !important;
  position: relative;
}

.field-of-form .field input {
  border-radius: 0px !important;
}

.field-of-form {
  position: relative;
}

.field-of-form::after {
  content: "";
  position: absolute;
  bottom: 0;
  /* underline effect */
  left: 20px;
  width: calc(100% - 40px);
  height: 2px;
  background: red;
}

.login-sign-btn {
  min-width: 100% !important;
  min-height: 50px !important;
}

.login-button {
  margin: 10px 0;
  min-width: 100% !important;
  min-height: 50px !important;
}

#customer_login .field input[aria-invalid="true"] {
  border: 2px solid #981420 !important;
}

#customer_login .field input[aria-invalid="true"] + label {
  color: #981420;
}

#customer_login .field input + label {
  transition: font-size 0.3s ease-in-out, color 0.3s ease-in-out !important;
}

#customer_login .field input:focus + label {
  font-size: 12px;
  opacity: 1;
  top: 0 !important;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  font-size: 12px !important;
}

#customer_login .field input[data-filled="true"] + label,
.customer .field input:not(:placeholder-shown) ~ label {
  font-size: 12px;
  opacity: 1;
  top: 0 !important;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  font-size: 12px !important;
}

/* .field__label,
.customer .field label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.6rem !important;
  line-height: 1.5;
} */

#LoginModal {
  cursor: pointer;
  height: 100vh;
  overflow: scroll;
  max-height: 100vh;
}

#LoginModal .template-popup {
  cursor: auto;
  margin: auto;
}

/* Lock scroll */
.body-lock {
  overflow: hidden !important;
}

/* Restore scroll */
.body-unlock {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

#keep-signed-in {
  appearance: none;
  -webkit-appearance: none;
  width: 25px;
  height: 25px;
  border: 2px solid #253746;
  border-radius: 0px;
  cursor: pointer;
  position: relative;
}

#keep-signed-in:checked {
  background-color: #253746;
  border-color: #253746;
}

#keep-signed-in + span {
  display: none;
}

#keep-signed-in:checked + span {
  display: block;
  position: absolute;
  cursor: pointer;
}

.field-of-form .divider {
  pointer-events: none;
  display: block;
  position: absolute;
  top: 60px;
  margin: 0;
  left: 25px;
  width: calc(100% - 50px) !important;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: 9;
  border-bottom: 1px solid #000;
}

/* collection page styling */
#gf-products.product-grid__products {
  column-gap: 16px;
}

.product-grid-container .quick-add {
  bottom: 3% !important;
}

.quick-add-modal__content-info {
  background-color: #fff;
}
@media (min-width: 769px) and (max-width: 824px){
  .refine-plp {
        width: 49% !important;
      }
}

@media (min-width: 768px) {
  .gf-left #gf-tree {
    width: 15% !important;

    .gf-filter-contents {
      background-color: #5e5e5e07;
      

      .gf-option-block[data-filter-type="Collection"] {
        background-color: #fff;
      }

      .gf-option-block {
        padding: 1.6rem;
      }
    }
  }

  .gf-left #gf-tree:not(.spf-hidden) + #gf-grid {
    width: 100% !important;
  }

  .Container-product {
    padding-left: 0;
    padding-right: 16px;
  }
}

/* .gf-controls-container {
  .gf-actions {
    margin: 0 12px;
  }
    .gf-filter-selection {
      width: 34%;
    }
    .sort-by {
      width: 100%;
      border: 1px solid black !important;
      border-radius: 5px;
      padding: 3%;
    }
} */

li.grid__item.scroll-trigger.animate--slide-in.dhsajkdhas-adapt:hover {
  z-index: 1;
  overflow: visible;
  max-height: 724px;
  display: block;
  position: relative;
}

.card-wrapper.product-card-wrapper.my-hover-shadow {
  overflow: visible;
  padding-top: 1.5rem;
}

.card-wrapper.product-card-wrapper.my-hover-shadow:hover:after {
  box-shadow: 0 4px 12px #0000001f !important;
  height: calc(100% + 20px);
  left: 0;
  top: 0;
  padding-top: 2rem;
}

.card-wrapper.product-card-wrapper.my-hover-shadow::after {
  transform: translateX(-16px);
  width: calc(100% + 32px);
  content: "";
  position: absolute;
  z-index: -1;
  background: #fff;
}

ul#gf-products li.grid__item .card-wrapper:hover .quick-add__submit {
  background: hsla(0, 0%, 100%, 0.8);
}
ul#gf-products li.grid__item .card-wrapper:hover .spf-product__swatchs span.spf-product__swatch {
  display: flex !important;
}

ul#gf-products
  li.grid__item
  .card-wrapper:hover
  .spf-product__swatchs
  span.spf-product__swatch {
  display: flex;
}

ul#gf-products
  li.grid__item
  .card-wrapper:hover
  .spf-product__swatchs
  .swatch_rest_count {
  display: none;
}

.gf-filter-contents {
  .gf-option-block {
    .h3 {
      color: #253746 !important;
      font-size: 1.3rem !important;
      font-stretch: 100%;
      font-weight: 700 !important;
      letter-spacing: 0.6px !important;
      line-height: 1.5384615385 !important;
      font-family: garamond-premier-pro, serif !important;
      text-transform: capitalize !important;
    }
  }
}

.gf-option-box {
  button:hover .gf-label {
    text-decoration: none !important;
    color: #253746;
  }

  .gf-label {
    color: #5e5e5e;
    font-size: 1.3rem;
  }

  .checked .gf-label {
    color: #253746;
  }

  .gf-count {
    display: none;
  }
}

.header-hybrid {
  position: absolute;
  left: 21.5%;
  top: 1.1%;
  transform: translate(-50%, -50%);
}

.header-hybrid .desktop-heading1 {
  margin-bottom: 0;
  height: -webkit-fill-available;
}
.wishlist-collection-icon,
.wishlist-filled-icon {
  background: #fff;
  color: #253746;
  transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  border: none;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin-top: 10px;
}

.wishlist-collection-icon span,
.wishlist-filled-icon span {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 10px;
  padding: 0px !important;
}

.wishlist-collection-icon span:before,
.wishlist-filled-icon span:before {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.wishlist-collection-icon:hover,
.wishlist-filled-icon:hover {
  background: transparent;
  cursor: default;
}

@media (max-width: 767px) {
  #gf-products li.grid__item {
    width: calc((100% / 2) - 20px) !important;
  }
  .main-search__container .gf-refine-toggle-mobile{
    width: 10% !important;
  }
}

@media (max-width: 768px) {
  #gf-products li.grid__item {
    width: calc((100% / 2) - 20px);
  }
  .template-search #gf-products li.grid__item {
    min-width: calc((100% / 2) - 20px) !important;
  }
  .template-search__results div#gf-grid ul#gf-products {
    padding-left: 25px;
  }
}

/* cart-css */
.shipping-cart {
  color: #5e5e5e;
}

.shipping-cart .section h2,
.money {
  font-size: 1.3rem;
  font-weight: 600;
}

.shipping-cart .section h2,
.small {
  margin-bottom: 2rem;
}

.shipping-cart .section p,
.grid.small,
.small {
  font-size: 1.3rem;
}

.shipping-cart .section .small .grid {
  justify-content: space-between;
}

.shipping-cart .section .grid {
  margin: 0;
}

.shipping-cart .section .small a {
  text-decoration: underline;
}

.shipping-cart .section .box {
  padding: 20px 20px 25px 20px;
  background-color: #f6f6f6;
}

/* Promo code input field */
.error-msgs {
  /* height: 60px; */
  box-sizing: border-box;
  transition: border-color 0.2s;
}

.error-msgs:focus {
  border: 2px solid #000 !important;
  /* border-radius: 5px; */
  /* margin-right: 1px !important; */
}

.error-msgs.has-error {
  border: 2px solid #981420 !important;
}

/* Default label style for promo code */
/* .field__label[for="PromoCode--{{ section.id }}"] {
    font-size: 1.6rem;
    left: 20px !important;
    top: 18px !important;
  } */
.error-msgs-btn {
  box-sizing: border-box;
  transition: border-color 0.2s;
}

.error-msgs-box {
  background: #981420;
  padding: 10px 12px;
  color: #fff;
  font-weight: 700;
  font-size: 1.3rem;
}

/* End */
@media (min-width: 1025px) {
  .product-grid-container .collection div#gf-tree {
    margin-top: 0px;
    position: sticky;
    height: calc(100vh - 75px - 36px);
    top: 80px;
    flex-basis: 228px;
    overflow: auto;
    min-width: 228px;
  }

  #gf-grid {
    margin-top: 20px;
  }
}

span.spf-product__swatch {
  width: 25px;
  height: 25px;
  position: relative;
  border: 1px solid #919191 !important;
  align-items: center;
  justify-content: center;
  display: flex;
}

span.spf-product__swatch {
  border-radius: 70% !important;
}
/* .spf-product__swatchs+.spf-product__swatchs{
  display: none !important;
} */

span.spf-product__swatch-inner {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
  top: 0;
      transform: none;
}

span.spf-product__swatch:hover {
  border: 2px solid #374e62 !important;
  display: flex !important;
}

span.spf-product__swatch.is-selected {
  border: 2px solid #374e62 !important;
  box-shadow: none !important;
}

/* search page layout */
.template-search__results {
  padding: 0;
  justify-content: space-between;
}
.template-search__results div#gf-grid ul#gf-products {
  column-gap: 18px !important;
}
.template-search__results div#gf-grid ul#gf-products li.grid__item {
  width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  max-width: calc(32.5% - var(--grid-desktop-horizontal-spacing) / 3);
}

/* Base for overlays */
[class^="overlay-text-"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding: 1rem;
}

/* Top */
.overlay-text-top-left {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.overlay-text-top-center {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

.overlay-text-top-right {
  align-items: flex-start;
  justify-content: flex-end;
  text-align: right;
}

/* Center */
.overlay-text-center-left {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

.overlay-text-center-left-center {
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
.overlay-text-center-left-center .headline-image-wrapper {
  margin: auto;
  justify-content: center !important;
}

.overlay-text-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.overlay-text-center-right {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

.overlay-text-center-right-center {
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}
/* Bottom */
.overlay-text-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
}

.overlay-text-bottom-center {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}

.overlay-text-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.after-image-left {
  /* display: flex;
  justify-content: flex-start; */
  text-align: left;
  margin-top: 1rem;
}

.after-image-center {
  /* display: flex;
  justify-content: center; */
  text-align: center;
  margin-top: 1rem;
}

.after-image-right {
  /* display: flex;
  justify-content: flex-end; */
  text-align: right;
  margin-top: 1rem;
}

.before-image-left {
  /* display: flex; */
  /* justify-content: flex-start; */
  text-align: left;
  margin-bottom: 1rem;
  /* space before image */
}

.before-image-center {
  /* display: flex; */
  /* justify-content: center; */
  text-align: center;
  margin-bottom: 1rem;
}

.before-image-right {
  /* display: flex; */
  /* justify-content: flex-end; */
  text-align: right;
  margin-bottom: 1rem;
}

.headline-image-wrapper {
  display: flex;
  width: 100%;
  height: auto;
}

/* Example (reuse text positions for consistency) */
.overlay-text-center .headline-image-wrapper {
  justify-content: center;
  align-items: center;
}

.overlay-text-top-left .headline-image-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
}

.after-image-left .headline-image-wrapper {
  justify-content: flex-start;
}

.after-image-center .headline-image-wrapper {
  justify-content: center;
}

.after-image-right .headline-image-wrapper {
  justify-content: flex-end;
}

/* Common wrapper */
.button-wrapper {
  display: flex;
  position: absolute;
  /* so it can overlay properly */
  width: 100%;
  padding: 1rem;
}

/* Center positions */
.button-position-center {
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button-position-center-left {
  justify-content: flex-start;
  align-items: center;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.button-position-center-right {
  justify-content: flex-end;
  align-items: center;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* Bottom positions */
.button-position-bottom-center {
  justify-content: center;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.button-position-bottom-left {
  justify-content: flex-start;
  bottom: 20px;
  left: 20px;
}

.button-position-bottom-right {
  justify-content: flex-end;
  bottom: 20px;
  right: 20px;
}

/* Wrapper for the buttons */
.mobile-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;

  padding: 10px;
}

/* Positions */
.mobile-button-center-left {
  justify-content: flex-start;
  align-items: center;
}

.mobile-button-center {
  justify-content: center;
  align-items: center;
}

.mobile-button-center-right {
  justify-content: flex-end;
  align-items: center;
}

.mobile-button-bottom-left {
  justify-content: flex-start;
  align-items: flex-end;
}

.mobile-button-bottom-center {
  justify-content: center;
  align-items: flex-end;
}

.mobile-button-bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}

.matching-set {
  margin-top: 2rem;
}
.matching-set h3 {
  font-size: 1.5rem;
  line-height: 1.4666666667;
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
  margin-bottom: 16px;
}

.matching-item {
  flex: 0 0 auto;
  width: 148px;
  scroll-snap-align: start;
  text-align: left;
  scroll-snap-align: start;
}

.matching-img {
  width: 100%;
  margin-bottom: 0.5rem;
}
.product-form__update-buttons {
  display: none;
}
.product-form__quantity {
  cursor: pointer;
}

.matching-title {
  color: #253746;
  font-family: garamond-premier-pro, serif;
  font-size: 1.6rem;
  line-height: 1.125;
  margin-bottom: 4px;
  margin-top: 8px;
}

.matching-price {
  font-size: 1.6rem;
  font-family: garamond-premier-pro, serif;
  color: #253746;
  font-weight: 400;
}

.matching-scroll {
  display: flex;
  gap: 1.5rem;
  overflow-x: hidden;
  scroll-behavior: smooth;
  padding: 1rem 2rem; /* leave space for buttons */
  scroll-snap-type: x mandatory;
}

.scroll-btn {
  background: hsla(0, 0%, 100%, 0.6);
  height: 40px;
  width: 40px;
  /* border: 1px solid #ddd; */
  /* border-radius: 50%; */

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
  transition: background 0.2s;
  top: 30%;
}

.scroll-btn:hover {
  background: #ffffff;
}
/* Hide body scroll when details is open */

.error-page-container {
  left: 50%;
  transform: translate(-50%);
}
#Details-menu-drawer-container[open] ~ body {
  overflow: hidden !important;
}
body:has(#Details-menu-drawer-container[open]) {
  overflow: hidden !important;
}
.gf-actions .gf-filter-selection {
  background: #fff !important;
  border-color: #c6c6c6 !important;
  border-radius: 0px !important;
}

  .gf-actions {
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 768px) {
  #gf-controls-container {
    .gf-actions {
      margin: 25px 0 0 0 !important;
    }
    .gf-refine-toggle-mobile a, .gf-refine-toggle-mobile span{
      flex: none;
    }
  }
  .gf-actions .gf-filter-selection {
    background: #fff !important;
    border-color: #c6c6c6 !important;
    color: #253746 !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px !important;
  }
  .gf-refine-toggle-mobile {
    background: #fff !important;
    border-color: #c6c6c6 !important;
    color: #253746 !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px !important;
  }
  .sort-by {
    border: none !important;
  }
  .thumbnail-list {
    display: none;
  }
  .overlay-measurement {
    border: none;
  }
  .product-collections-links {
    display: none;
  }
  .mobile-view.product__title h1 {
    font-size: 20px;
    text-align: center;
  }
  .product-popup-modal_sizeguide__content {
    width: 100%;
    height: 100vh;
  }
  /* .measurement-toggle {
    margin: 25px 0 0 0;
    width: 100%;
  } */
  .product-media-modal__content > *:not(.active) {
    display: block;
  }
  .error-page-container {
    width: 100%;
  }
}
.hr {
  border-style: none;
  border-top: 1px solid #c6c6c6;
  margin: 0;
  padding: 0;
}

.footer-module__brandLinksHeading {
  color: #5e5e5e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "DS Trade Gothic", "Trade Gothic", sans-serif;
  font-size: 1.3rem;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
  text-transform: none;
  font-size: 1.2rem;
  padding-top: 20px;
}
.footer-module__brandLinksList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer-module__brandLinksList a {
  display: block;
  text-decoration: none;
  padding: 10px 0;
  color: #5e5e5e;
}
.kids-layout-main .store-locator-section {
  background: #253746 !important;
}

.kids-layout-main .store-locator-col-text {
  color: #fff !important;
}

.kids-footer {
  background: #253746 !important;
}

.kids-footer .footer__content-top h2.footer-block__heading {
  color: #fff !important;
}

.kids-footer .footer-block__details-content li a.list-menu__item {
  color: #c6c6c6;
}

.kids-footer a.bottom-menu-links {
  color: #c6c6c6;
}

.kids-footer a.bottom-menu-links::before {
  color: #c6c6c6;
}
.kids-footer .before\:content-\[\'\|\'\]:before {
  color: #c6c6c6 !important;
}
.kids-footer a.bottom-menu-links:hover {
  color: #fff !important;
}
.kids-footer .logo-secondary [data-icon="logo-horizontal"]::before {
  color: #c6c6c6 !important;
}
[data-icon="filter-anf"]::before {
content: "\F18B";
}
[data-icon="gift-card"]::before {
  content: "\F199";
  font-size: 1.8rem;
}

.kids-footer .footer-module__brandLinksHeading {
  color: #c6c6c6 !important;
}
.kids-footer .footer-block__details-content li a.list-menu__item:hover,
.kids-footer
  .footer-block__details-content.list-unstyled
  button.link--text:hover {
  color: #fff !important;
}

.kids-footer .footer-module__brandLinksList a {
  color: #c6c6c6 !important;
}
.kids-footer .logo-secondary [data-icon="kids-logo--horizontal"]:hover {
  color: #fff !important;
}

.kids-footer .logo-secondary [data-icon="logo-horizontal"]:hover {
  color: #fff !important;
}

.kids-footer .logo-secondary [data-icon="hco-logo-horizontal"]:hover {
  color: #fff !important;
}

.kids-footer .footer-top_content span {
  color: #fff !important;
}
.kids-footer .footer-top_content a {
  color: #c6c6c6;
}
.kids-footer .footer-top_content a:hover {
  color: #fff !important;
}
.kids-footer .store_location a,
.kids-footer .country-footer {
  color: #c6c6c6;
}
.kids-footer .store_location a:hover,
.kids-footer .country-footer:hover {
  color: #fff !important;
}
.kids-footer high-contrast-toggle span {
  color: #c6c6c6;
}
.kids-footer .newsletter-form__field-wrapper .field {
  background: #fff !important;
  border: 1px solid #c6c6c6 !important;
}
.kids-footer .newsletter-form__button {
  margin-right: 1px !important;
}
.kids-footer .list-menu__item--link {
  color: #c6c6c6 !important;
}
.kids-footer .footer__copyright svg {
  filter: brightness(0) invert(1);
}

.kids-footer .store_location svg {
  filter: brightness(0) invert(1);
}
.kids-layout-main .store-locator-col img {
  filter: brightness(0) invert(1);
}
.goodg-cart__main.goodg-wallpaper .goodg-cart__timer-wrap .goodg-cart__timer-top .goodg-cart__timer_wrap{
  text-align: left;
}
.purpose-block {
  padding: 25px;
  text-align: center;
}
.mega-menu__list_block {
  margin: 0;
  padding: 0;
}

.purpose-block .headline {
  color: #253746;
  font-family: garamond-premier-pro, serif;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  font-size: 3rem;
}
.nfl-blocks {
  width: 350px;
  position: relative;
}

.nfl-block a {
  position: absolute;
  left: 50%;
  bottom: 25px;
  transform: translateX(-50%);
  background: #fff;
  color: #253746 !important;
  opacity: 0.9;
}
@media screen and (min-width: 0px) and (max-width: 824px) {
  .purpose-block .headline {
    font-size: 2rem;
  }
  .purpose-block {
    padding: 10px;
  }
  .purpose-block p {
    margin: 10px 0;
  }
  .cust-name{
      margin-top: 3rem;
    }
    .new-arrivals-area.mobile-view{
      place-items: center;
      margin: 3rem 0;
    }
}

.sort-by > label:before {
  content: "Sort By";
  position: absolute;
  top: -15px;
  left: 9px;
  font-size: 13px;
  font-weight: 600;
}
.sort-by > label span {
  margin-top: 5px;
}
.drop-down-quantity::after {
  content: "\F167";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* allow clicks on select */
  color: #555;
font-size: 1.7rem;
  font-family: Responsive Icons;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.search-modal {
  min-height: 460px !important;
}
.predictive-search {
  /* width: 400px !important; */
}
.predictive-search__image {
  display: none !important;
}
.predictive-search {
  box-shadow: none !important;
  border: none;
  text-align: left !important;
}
.predictive-search__results-groups-wrapper {
  display: flex !important;
  flex-direction: column !important;
}
.predictive-search__result-group:first-child {
  flex: 0 !important;
  width: 400px;
}
.predictive-search__heading {
  margin: 0 !important;
  padding: 10px 0 0.8rem !important;
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  text-transform: capitalize;
  border: none;
}
.predictive-search__list-item p,
.predictive-search__list-item p {
  color: #5e5e5e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.4rem;
  font-weight: 200;
  letter-spacing: 0.6px;
  line-height: 0;
  padding: 5px 0 !important;
}
.predictive-search__item--link-with-thumbnail {
  display: flex !important;
}
#predictive-search-results-products-list li:nth-child(n + 6) {
  display: none;
}
.predictive-search__results-groups-wrapper {
  border: none !important;
}
.predictive-search__item .svg-wrapper {
  display: none !important;
}

.predictive-search__search-for-button button {
  background: #253746;
  color: #fff;
  width: fit-content;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}
.predictive-search__search-for-button button:hover {
  background: #253746;
  color: #fff;
  letter-spacing: 0.6px;
  line-height: 1.3846153846;
  min-height: 50px;
}

.search-container-before {
  text-align: left;
}

.search-container-default-view-section {
  display: grid;
  grid-template-columns: 300px 600px;
  gap: 24px;
  margin-top: 25px;
}

.search-container-area-section {
  grid-column: 1 / 2;
  padding-right: 24px;
  border-right: 1px solid #c6c6c6;
}

.search-heading h2 {
  margin: 0 !important;
  padding: 10px 0 0.8rem !important;
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  text-transform: capitalize;
  border: none;
}
.search-default-view-btn {
  align-items: center;
  align-content: center;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.search-default-view-btn a,
.search-default-view-btn button {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #c6c6c6;
  color: #5e5e5e;
  line-height: 18px;
  max-width: 276px;
  overflow: hidden;
  padding: 7px 12px;
  font-size: 13px;
}

.help-link-module {
  margin-top: 25px;
}

.content-for-layout .predictive-search {
  border: 1px solid #c6c6c6 !important;
  padding: 0 10px 10px 10px;
}

.content-for-layout .predictive-search__search-for-button {
  display: none;
}

summary[aria-expanded="false"] .accordion-icon[data-icon="minus"] {
  display: none;
}

summary[aria-expanded="true"] .accordion-icon[data-icon="plus"] {
  display: none;
}

summary[aria-expanded="true"] .accordion-icon[data-icon="minus"] {
  display: inline-block;
}

.product-h2 {
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 2rem !important;
  line-height: 1.4;
}
.product-h3 {
  margin-bottom: 25px;
  margin-top: 5px;
  color: #253746;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
}
.details-accordion-mfe__description span {
  color: #5e5e5e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}
.details-accordion-mfe__description p {
  margin-bottom: 25px;
}
.bullet-list {
  list-style: none;
  list-style-type: none !important;
}
.help-content__content {
  color: #5e5e5e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}
.size-fit-information h4 {
  color: #253746 !important;
  font-size: 13px !important;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 1.5384615385;
}
.fit-h4 {
  height: 0;
}

.size-fit-information ul {
margin-top: 50px
}

.size-fit-information ul li {
  font-size: 13px;
  color:rgb(37, 55, 70)
}
.size-fit-information h4.garment-m{
  font-size:15px !important;
}
.product__accordion {
  border-color: #c6c6c6 !important;
}
.header_search_input:focus,
.header_search_input:not(:placeholder-shown),
.header_search_input:-webkit-autofill {
  padding: 0 10px !important;
}

.header_search_input:focus ~ .field__label,
.header_search_input:not(:placeholder-shown) ~ .field__label,
.header_search_input:-webkit-autofill ~ .field__label {
  display: none !important;
}

.predictive-search {
  min-height: fit-content !important;
}

.drop-down-sort-by {
  width: calc(100% - 228px);
  position: relative;
  margin-left: 25px !important;
  margin-top: 25px;
}
.gf-filter-selection {
  display: none !important;
}
.collection-hero__title {
  color: #253746;
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 1.5rem;
  line-height: 1.4666666667;
}
.gf-summary {
  margin-top: 20px !important;
  height: 10px !important;
}
.gf-actions {
  margin: 0 !important;
}
.feature-dropdown {
  position: relative; /* required so ::after positions correctly */
  display: inline-block;
  width: 100%;
}

.feature-dropdown::after {
  content: "\F167";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* allow clicks on select */
  color: #555;
  font-size: 1.6rem;
  font-family: Responsive Icons;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.drop-down:focus-visible,
.drop-down select:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  outline-offset: 0 !important;
}
.gf-theme-version-15.spf-has-filter #gf-controls-container .globo-selected-items-wrapper .selected-item>a {
  border-radius: 0px !important;
  background-color: #f6f6f6 !important;
  box-shadow: none !important;
  margin-bottom: 15px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 10px !important;
    font-family: DS Trade Gothic, Trade Gothic, sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
        flex: 0 0 auto !important;
    height: 40px !important;
}
.#gf-controls-container .globo-selected-items-wrapper { 
  margin: 0 !important;
}
predictive-search[open] .predictive-search {
  z-index: 99999 !important;
}

#gf-grid {
  text-align: center !important;
  width: 100% !important;
}
.card-wrapper .card__information {
  padding: 0 10px;
  margin-top: 5px;
}
.card-wrapper .card__heading {
  margin: 7px 0 10px 0;
}
.card-wrapper .card__heading a {
    font-family: garamond-premier-pro, serif !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2857142857 !important;
    -webkit-font-smoothing: antialiased;

}
span.spf-product__swatch {
  box-shadow: none !important;
  border: 1px solid #919191 !important;
}
span.spf-product__swatch-color {
width: 19px !important;
height: 19px !important;
}
.product-collections-links {
  text-transform: uppercase;
}
.wishlist-share-wrapper button {
  min-height: 60px !important;
}
.wishlist-share-wrapper button [data-icon=heart-anf]:before {
  font-size: 2rem;
}

.wishlist-share-wrapper button [data-icon=heart-filled-anf]:before {
  font-size: 2rem;
}

@media (min-width: 825px) {
  .overlay-measurement {
    background-color: color('primary-light');
    border: 1px solid color('neutral-200');
    height: 50px;
    padding: 16px 20px;
    position: sticky;
    top: 92%;
    z-index: 2;
    /* margin-top: 20px; */
    margin-bottom: 0;
    color: #253746;
  }
  .template-search__header role=[status] {
    display: none;
  }

.search__input:focus ~ .field__label,
.search__input:not(:placeholder-shown) ~ .field__label,
.search__input:-webkit-autofill ~ .field__label {
      display: none !important;

}
.search__input.field__input:focus { 
  padding: 0 10px !important;
}
.search__input {
      padding: 0 10px !important;
}
.product-view-details {
  display: none;
}

/* #ymPluginDivContainerInitial {
  display: none !important;
} */

/* #ymPluginDivContainerInitial {
  position: fixed;
  bottom: 0;
  right: 0;
  transform: translateY(200%);
  transition: transform 0.3s ease;
} */
ul#gf-products {
    column-gap: 0 !important;
    gap: 0 !important;
    padding-right: 8px !important;
}
ul#gf-products > div {
    padding: 0 8px;
}
#globo-dropdown-sort_options {
background: white !important;
    width: 100%;
}
#gf-products form.spf-product__form {
    display: none;
}
#gf-products a.open-quick-view {
    width: -webkit-fill-available !important;
    border-radius: unset !important;
    bottom: 7% !important;
    left: 3%;
    background: hsla(0, 0%, 100%, .8) !important;
top: unset !important;
}
#gf-products a.open-quick-view:hover {
    background: #ffffff !important;
}
@media(min-width: 1025px){
	.Container-product{
		flex-basis: unset !important;
	}
}
.spf-product-card__vendor {
display: none;
}
span.spf-product__label {
 top: 24px;
}
#gf-controls-container {
  .gf-actions {
    margin: 0 12px;
  }
}
.spf-product__swatchs:not([data-option-name="Color" i]) {
  display: none;
}
.gf-filter-selection {
      width: 34% !important;
      border: 1px solid black !important;
      border-radius: 5px !important;
    }
    .sort-by {
      width: 100% !important;
      padding: 3% !important;
    }
.spf-product__swatch {
border-radius: 50% !important;
}
.icon {
  padding: 0 !important;
}
.pagination-wrapper {
  display: none;
}
.template-search .gf-summary{
  visibility: visible !important;
  margin-bottom: 25px;
  position: absolute !important;
  top: -30px;
  color: #253746;
    font-family: DS Trade Gothic, Trade Gothic, sans-serif;
    font-weight: 700 !important;
    letter-spacing: .6px;
    padding-left: 0 !important;
}
.teamplate-search .gf-controls-container {
  position: relative !important;
  
}
.template-search #gf-controls-container .globo-selected-items {
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}
.template-search #gf-controls-container .globo-selected-items-wrapper {
  padding: 0 !important;
}
.template-search .product-grid {
  margin-top: 20px !important;
}
.product-full-image .product-media-container  {
  width: 100% !important;
}
.tooltip-visible {
  visibility: visible !important;
  opacity: 1 !important;
}
.color-picker { 
  flex-wrap: wrap;
}
#ymDivBar {
  background: none !important;
  box-shadow: none !important;
  width: 50px !important;
  height: 50px !important;
}
button.#ymDivBar img{
  height: 55px !important;
}
#ymPluginDivContainerInitial {
  z-index: 6 !important;
}
#ymPluginDivContainerInitial #ymDivBar {
  background: none !important;
  box-shadow: none !important;
}
#shop-hcaptcha-badge-container {
  display: none !important;
}
.email-input-field input {
  color: #121212 !important;
}
#CustomerPassword {
    color: #121212 !important;
}

.product-full-image .product__media-item {
  max-width: 100% !important; 
}
.spf-product__swatchs .spf-product__swatch {
  display: none;
}
.spf-product__swatchs .spf-product__swatch:nth-child(-n+6) {
  display: flex;
}
.spf-product__swatchs span:last-child {
  display: block;
}
.collection-result-count {
     font-family: DS Trade Gothic, Trade Gothic, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 1.5384615385;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    visibility: hidden;
    
}
#ProductGridContainer .clear-refinements {
  display: none !important;
}
#gf-controls-container .globo-selected-items-wrapper {
  padding: 0 !important;
}
#gf-controls-container .selected-item.gf-option-label {
  margin: 3px 0 !important
}

#ymDivBar img {
      height: 55px !important;
  } 

  #ymFrameHolder {
  height: 400px !important
}
 #ymIframe {
    height: 400px !important;
    width: 387px;
    float: right;
}

@media (min-width :320px){
  #ymDivBar img {
      height: 55px !important;
  } 
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .tab-view-header  {
    display: none !important;
  }
  .main-search__container .gf-refine-toggle-mobile{
    display: none !important;
  }
  ul#gf-products, .template-search .gf-summary{
    padding-left: 8px !important;
  }
}
  
@media (min-width: 450px) {
    #ymDivBar img {
        height: 55px !important;
    }
}

@media (min-width: 825px) {
    #ymDivBar img {
        height: 55px !important;
    }
}

@media (min-width: 1025px) {
  .content-for-layout .product-page-content-container .product {
    width: 958px;
    justify-content: flex-end;
  }
}

@media (min-width: 1400px)  {
  .content-for-layout .product-page-content-container .product {
    width: calc(100% - 485px + 426px);
    justify-content: flex-end;
  }
}
@media (min-width: 1025px) and (max-width: 1400px){
  .search__container{
    width: 26.7% !important;
  }
}

.product-card-wrapper:hover .quick-add {
  display: block !important;
  width: calc(100% - 20px);
  margin: 0 10px;
}
.card--media .quick-add {
  position: absolute !important;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}
 
.order-items li.order-item{
  background-color: #ffffff
}

.gf-filter-contents ul.gf-option-box li ul {
    background: transparent;
    li {
        background: transparent;
    }
}
.gf-filter-contents ul.gf-option-box li > div:has(button) {
    align-items: center;
}
.mens-suit-area {
  position: absolute;

}
.mens-suit-area .headline-area i {
  font-family: garamond-premier-pro, serif;
    font-style: italic;
    letter-spacing: 0;
}

.mens-suit-area .headline-area .headline[data-size="35"] {
  font-size: 3.5rem;
  line-height: 10px;
}
.mens-suit-area .headline-area .headline[data-size="45"] {
  font-size: 4rem;
}
.mens-suit-image-area {
  display: flex;
  padding: 0 50px;
  gap: 25px;
}
@media (min-width: 1230px) {
.mens-suit-container {
    width: 75%;
    margin: 0 auto;
}
}
@media (min-width: 1155px) and (max-width: 1236px){
  .header__inline-menu ul .menu-item:nth-last-child(-n + 1) {
    display: none;
  }
}
@media (min-width: 1033px) and (max-width: 1155px){
  .header__inline-menu ul .menu-item:nth-last-child(-n + 2) {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1033px){
  .header__inline-menu ul .menu-item:nth-last-child(-n + 3) {
    display: none;
  }
}
@media (min-width: 1033px) and (max-width: 1055px){
  .header__icons {
    gap: 15px !important;
  }
}
.mens-suit-area-desc {
  text-align: center;;
}
.mens-suit-title-area {
  margin-top: 560px;
}
.mens-suit-product-grid #gf-grid{
    margin-top: 600px;
}
.womens-bottom-title-area {
    margin-top: 520px;

}
.womens-product-grid #gf-grid{
    margin-top: 560px;
}
@media (max-width: 1430px) {
  .mens-suit-title-area {
  margin-top: 520px;
}
.mens-suit-product-grid #gf-grid{
    margin-top: 560px;
}
.womens-bottom-title-area {
    margin-top: 480px;

}
.womens-product-grid #gf-grid{
    margin-top: 530px;
}
}
@media (max-width: 1300px) {
  .mens-suit-title-area {
    margin-top: 500px;
  }
  .mens-suit-product-grid #gf-grid{
      margin-top: 530px;
  }
  .womens-bottom-title-area {
    margin-top: 420px;

}
.womens-product-grid #gf-grid{
    margin-top: 460px;
}
}
@media (max-width: 1100px) {
  .mens-suit-title-area {
    margin-top: 450px;
  }
  .mens-suit-product-grid #gf-grid{
      margin-top: 480px;
  }
  .womens-bottom-title-area {
    margin-top: 380px;

}
.womens-product-grid #gf-grid{
    margin-top: 430px;
}
}
@media (max-width: 990px) {
  .mens-suit-title-area {
    margin-top: 450px;
  }
  .mens-suit-product-grid #gf-grid{
      margin-top: 480px;
  }
  .womens-bottom-title-area {
    margin-top: 360px;

}
.womens-product-grid #gf-grid{
    margin-top: 400px;
}
}

.mens-suit-area-desc .suit-title {
  font-family: DS Trade Gothic Extended, Trade Gothic Extended, sans-serif;
  font-weight: 700;
  margin: 10px 0;
}
.mens-suit-area-desc .suit-desc {
      color: #253746;
    font-family: DS Trade Gothic, Trade Gothic, sans-serif;
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    font-size: 1.5rem;

}
.mens-suit-image-area img {
  border: 1px solid #fff;
}
.mens-suit-image-area img:hover {
  border:1px solid #000;
  cursor: pointer;
}

@keyframes spin-reverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.animate-spin-reverse {
  animation: spin-reverse 1s linear infinite;
}

.loading-overlay__spinner {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    to { transform: rotate(360deg); }
  }

  .header__icons modal-opener.country-flag-icon{
    width: auto;
    margin-left: 0;
    padding-right: 15px;
    padding-left: 15px;
  }

  .header-heart:before{
    font-size:28px;
  }
  .womens-bottom-container {
  width: 75%;
  margin: 0 auto;
}
.banner-buttons .radio-button-group-content {
  display: flex;
  justify-content: center;
  margin: 25px 0;
  gap: 25px;
  align-items: center;
}

.womens-bottom-area .headline-area{
  text-align: center;
    padding-right: 10%;
    padding-left: 10%;

}
.headling-area-desc {
  font-family: DS Trade Gothic, Trade Gothic, sans-serif;
  font-stretch: 100%;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  font-size: 1.5rem;
  color: #253746;
}
.womens-bottom-area .radio-title {
  color: #253746;
    flex: 1 auto;
    font-weight: 700;
    font-size: 1.5rem;

}
.womens-bottom-area {
  position: absolute;
}
.womens-bottom-area input {
margin-right: 10px;
   
}
/* Hide native radio */
.js-radio-button input[type="radio"] {
  display: none;
}

/* Label layout */
.js-radio-button label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}

/* Custom radio circle */
.custom-radio {
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  transition: background 0.3s, border 0.3s;
  position: relative;
   background: #fff;
    border: 1px solid #253746;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    float: left;
    height: 25px;
    margin-right: 15px;
    position: relative;
    top: -1px;
    width: 25px;
}

/* Inner dot when checked */
.js-radio-button input[type="radio"]:checked + label .custom-radio {
  background: #253746;
  border-color: #253746;
  background: #fff;
    box-shadow: inset 0 0 0 6.5px #253746;
}

.womens-bottom-area-desc {
  color: #253746;
    flex: 1 auto;
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: 10px;
}
.womens-bottom-image-area {
  display: flex;
  gap: 25px;
  margin-top: 25px;
  
}
.womens-bottom-image-area img:hover {
outline: 3px solid #374e62;
}
.button-area {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}

.gf-block-title .h3 span {
    font-size: 1.5rem;
    line-height: 1.4666666667;
    font-family: DS Trade Gothic, Trade Gothic, sans-serif;
    font-weight: 700;
}
.gf-option-box .gf-Checkbox {
  background-color: #fff;
    border: 1px solid #253746;
    color: #253746;
    height: 25px;
    line-height: 1.7692307692;
    width: 25px;
    min-width: 25px;
}
.gf-block-scroll {
  max-height: auto !important;
}

.gf-block-scroll::-webkit-scrollbar {
  display: none !important; /* For Chrome, Safari, Edge */
}

/*collection page left nav bar*/
 .gf-option-block ul.gf-option-box li>div>button+span:after{
  font-family:"Responsive Icons";
  content:"\F16F" !important;
  font-size:1rem !important;
  display:flex !important;
  align-items:center !important;
  border-top:0px !important;
 }

 .gf-option-block ul.gf-option-box li.is-collapsed>div>button+span:after {
    border-bottom:0px !important;
}


.gf-theme-version-15.spf-has-filter .gf-option-block ul.gf-option-box li:not(.is-collapsed)>div>button+span:after {
    /* font-family:"responsive-icons";
    content: "\F2A1" !important; */
    transform: rotate(-180deg);
    border-top: 0px !important;
}

.gf-filter-contents .spf-has-filter .gf-block-scroll {
    max-height: auto !important;
  }
  .gf-theme-version-15.spf-has-filter .gf-block-scroll {
        max-height: 100vh !important;
  }

@media (min-width: 1025px) and (max-width: 1220px) {
  .header__icons{
    gap: 20px;
  }
}
@media (min-width: 825px) and (max-width: 1025px){
  .new-arrivals-area {
    position: relative !important;
  }
  .sorting-desktop-container {
    display: block;
    justify-items: center;
    margin: 4rem 0;
  }
  .search__container{
    width: 31.9% !important;
  }
  .category-drop {
    width: 65.5%;
  }
  .refine-plp {
    width: 32.5%;
  }
  .tab-view-header {
    gap: 15px;
  }
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 3);
  }
  .quick-update-btn .product-form__update-buttons{
    width: 45% !important;
  }
}

.grid.product-grid.grid--2-col-tablet-down.grid--4-col-desktop{
  padding-top: 15px !important;
}

.size-guide-product {
  display: block;
}
.size-guide-quick-view {
  display: none !important;
}
.quick-add-modal[open] .size-guide-product {
    display: none !important;
}

.quick-add-modal[open] .size-guide-quick-view {
      display: block !important;
}
.gf-left .gf-option-block.is-collapsed .gf-block-title .h3:after {
  font-family: "Responsive Icons";
  content: "\F236" !important;
}
.gf-left .gf-option-block .gf-block-title .h3:after {
    font-family: "Responsive Icons";
  content: "\F216" !important;
}
#gf-tree .gf-block-title .h3:hover {
  text-decoration: none !important;
}
#gf-tree .gf-block-title .h3:hover span{
  text-decoration: none !important;
}
.spf-product__swatchs[data-option-name="size"] {
  display: none !important;
}
  .limoniapps-discountninja-cartdiscountfield-notfound-message {
    width: 100% !important;
  }
  .limoniapps-discountninja-cartdiscountfield-applied-message {
    max-width: 388px !important;
    width: 298px;
  }
  .limoniapps-discountninja-cartdiscountfield-feedback {
    max-width: 388px !important;
  }
  .limoniapps-discountninja-cartdiscountfield-discountcodes {
    position: relative;
    width: 398px;
  }
  .limoniapps-discountninja-cartdiscountfield-discountcode {
    position: absolute;
    top: 0;
  }