/**
 * Do not edit directly
 * Generated on Fri, 18 Jul 2025 15:02:00 GMT
 */

:root {
  --border-radius-0: 0;
  --border-radius-2: 2px;
  --border-radius-8: 8px;
  --border-radius-circle: 100px;
  --border-width-0: 0px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-blue-50: #eaf1f7;
  --color-blue-500: #4d7dc0;
  --color-beige-100: #f2ede3;
  --color-beige-800: #726039;
  --color-grey-50: #fafafa;
  --color-grey-100: #ebebeb;
  --color-grey-200: #cccccc;
  --color-grey-300: #aaaaaa;
  --color-grey-400: #989898;
  --color-grey-500: #808080;
  --color-grey-600: #696969;
  --color-grey-700: #484848;
  --color-grey-800: #333333;
  --color-grey-900: #1e1e1e;
  --color-green-50: #e1efe3;
  --color-green-500: #29af39;
  --color-green-600: #20882c;
  --color-red-50: #f9e8e7;
  --color-red-500: #d7373d;
  --color-brand-primary: #000000;
  --color-brand-secondary: #ffffff;
  --color-text-primary_on_light_bg: #000000;
  --color-text-secondary_on_light_bg: #696969;
  --color-text-primary_on_dark_bg: #ffffff;
  --color-text-secondary_on_dark_bg: #808080;
  --color-text-sale: #d7373d;
  --color-text-discount: #d7373d;
  --color-bg-button-disabled: #cccccc;
  --color-bg-feedback-success: #e1efe3;
  --color-bg-feedback-error: #f9e8e7;
  --color-feedback-success: #20882c;
  --color-feedback-error: #d7373d;
  --color-loyalty-dark: #726039;
  --color-loyalty-light: #f2ede3;
  --color-loyalty-grey-50: #d9d9d9;
  --color-loyalty-grey-100: #cfcfcf;
  --color-loyalty-grey-200: #717171;
  --color-loyalty-blue: #5a6e7e;
  --color-loyalty-brown-light: #d4bf9f;
  --color-loyalty-brown-medium: #764130;
  --color-loyalty-brown-dark: #1e100c;
  --motion-functional-duration-sm: 200ms;
  --motion-functional-duration-md: 300ms;
  --motion-functional-duration-lg: 800ms;
  --motion-functional-easing-ease: 0.25, 0.1, 0.25, 1;
  --motion-functional-easing-in: 0.42, 0, 1, 1;
  --motion-functional-easing-in_and_out: 1, 0, 0.12, 1;
  --motion-functional_exit-duration-sm: 200ms;
  --motion-functional_exit-duration-md: 300ms;
  --motion-functional_exit-duration-lg: 800ms;
  --motion-functional_exit-easing-ease: 0.25, 0.1, 0.25, 1;
  --motion-functional_exit-easing-in: 0.42, 0, 1, 1;
  --motion-functional_exit-easing-in_and_out: 1, 0, 0.12, 1;
  --motion-expressive-duration-sm: 200ms;
  --motion-expressive-duration-md: 300ms;
  --motion-expressive-duration-lg: 800ms;
  --motion-expressive-easing-ease: 0.25, 0.1, 0.25, 1;
  --motion-expressive-easing-in: 0.42, 0, 1, 1;
  --motion-expressive-easing-in_and_out: 1, 0, 0.12, 1;
  --opacity-0: 0.0;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-30: 0.3;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-70: 0.7;
  --opacity-80: 0.8;
  --opacity-90: 0.9;
  --opacity-100: 1.0;
  --opacity-bg-overlay-white: 0.8;
  --opacity-bg-overlay-black: 0.5;
  --sizing-icon-lg: 40px;
  --sizing-icon-md: 20px;
  --sizing-icon-sm: 16px;
  --sizing-button-lg: 98px;
  --sizing-button-md: 56px;
  --sizing-button-sm: 44px;
  --sizing-button-xs: 32px;
  --sizing-form-md: 56px;
  --sizing-form-sm: 44px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-38: 38px;
  --spacing-40: 40px;
  --spacing-44: 44px;
  --spacing-56: 56px;
  --spacing-80: 80px;
  --font-primary: Klein;
  --font-secondary: Helvetica;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-3xl: 56px;
  --font-size-4xl: 72px;
  --font-size-5xl: 88px;
  --font-size-lg: 18px;
  --font-size-md: 15px;
  --font-size-sm: 13px;
  --font-size-xs: 12px;
  --font-size-2xs: 10px;
  --font-size-2md: 16px;
  --font-size-1xs: 11px;
  --heading-lg-fontFamily: Klein;
  --heading-lg-fontWeight: 500;
  --heading-lg-lineHeight: 40px;
  --heading-lg-fontSize: 32px;
  --heading-lg-letterSpacing: 0px;
  --heading-lg-paragraphSpacing: 0;
  --heading-md-fontFamily: Klein;
  --heading-md-fontWeight: 500;
  --heading-md-lineHeight: 30px;
  --heading-md-fontSize: 24px;
  --heading-md-letterSpacing: 0px;
  --heading-md-paragraphSpacing: 0;
  --heading-sm-fontFamily: Klein;
  --heading-sm-fontWeight: 500;
  --heading-sm-lineHeight: 22.5px;
  --heading-sm-fontSize: 18px;
  --heading-sm-letterSpacing: 0px;
  --heading-sm-paragraphSpacing: 0;
  --heading-xs-fontFamily: Klein;
  --heading-xs-fontWeight: 500;
  --heading-xs-fontSize: 16px;
  --heading-xs-lineHeight: 24px;
  --heading-xs-letterSpacing: 0px;
  --body-lg-fontFamily: Klein;
  --body-lg-fontWeight: 500;
  --body-lg-lineHeight: 22.5px;
  --body-lg-fontSize: 15px;
  --body-lg-letterSpacing: 0.2px;
  --body-lg-paragraphSpacing: 0;
  --body-md-fontFamily: Klein;
  --body-md-fontWeight: 500;
  --body-md-lineHeight: 19.5px;
  --body-md-fontSize: 13px;
  --body-md-letterSpacing: 0.2px;
  --body-md-paragraphSpacing: 0;
  --body-sm-fontFamily: Klein;
  --body-sm-fontWeight: 500;
  --body-sm-lineHeight: 18px;
  --body-sm-fontSize: 12px;
  --body-sm-letterSpacing: 0.2px;
  --body-sm-paragraphSpacing: 0;
  --body-xs-fontFamily: Klein;
  --body-xs-fontWeight: 500;
  --body-xs-lineHeight: 16px;
  --body-xs-fontSize: 11px;
  --body-xs-letterSpacing: 0.2px;
  --body-xs-paragraphSpacing: 0;
  --button-md-fontFamily: Klein;
  --button-md-fontWeight: 500;
  --button-md-lineHeight: 15px;
  --button-md-fontSize: 15px;
  --button-md-letterSpacing: 0.2px;
  --button-md-paragraphSpacing: 0;
  --button-sm-fontFamily: Klein;
  --button-sm-fontWeight: 500;
  --button-sm-lineHeight: 13px;
  --button-sm-fontSize: 13px;
  --button-sm-letterSpacing: 0.2px;
  --button-sm-paragraphSpacing: 0;
  --textbutton-xs-fontFamily: Klein;
  --textbutton-xs-fontWeight: 500;
  --textbutton-xs-fontSize: 12px;
  --textbutton-xs-lineHeight: 13px;
  --textbutton-xs-letterSpacing: 0.2px;
  --textbutton-md-fontFamily: Klein;
  --textbutton-md-fontWeight: 500;
  --textbutton-md-fontSize: 15px;
  --textbutton-md-lineHeight: 15px;
  --textbutton-md-letterSpacing: 0.2px;
  --textbutton-sm-fontFamily: Klein;
  --textbutton-sm-fontWeight: 500;
  --textbutton-sm-fontSize: 13px;
  --textbutton-sm-lineHeight: 13px;
  --textbutton-sm-letterSpacing: 0.2px;
  --textbutton-2xs-fontFamily: Klein;
  --textbutton-2xs-fontWeight: 500;
  --textbutton-2xs-fontSize: 10px;
  --textbutton-2xs-lineHeight: 13px;
  --textbutton-2xs-letterSpacing: 0.2px;
  --Label-md-fontFamily: Klein;
  --Label-md-fontWeight: 500;
  --Label-md-fontSize: 13px;
  --Label-md-lineHeight: 16px;
  --Label-md-letterSpacing: 0.2px;
  --caption-xs-fontFamily: Klein;
  --caption-xs-fontWeight: 500;
  --caption-xs-fontSize: 10px;
  --caption-xs-lineHeight: 15px;
  --caption-xs-letterSpacing: 0.2px;
  --title-xl-fontFamily: Klein;
  --title-xl-fontWeight: 400;
  --title-xl-fontSize: 88px;
  --title-xl-lineHeight: 106px;
  --title-xl-letterSpacing: 0.2px;
  --title-lg-fontFamily: Klein;
  --title-lg-fontWeight: 400;
  --title-lg-fontSize: 72px;
  --title-lg-lineHeight: 86px;
  --title-lg-letterSpacing: 0.2px;
  --title-md-fontFamily: Klein;
  --title-md-fontWeight: 400;
  --title-md-fontSize: 56px;
  --title-md-lineHeight: 67px;
  --title-md-letterSpacing: 0.2px;
  --letter_spacing-sm: 0.2px;
  --letter_spacing-xs: 0px;
  --line-height-xl: 24px;
  --line-height-2xl: 30px;
  --line-height-3xl: 40px;
  --line-height-4xl: 67px;
  --line-height-5xl: 86px;
  --line-height-6xl: 106px;
  --line-height-lg: 22.5px;
  --line-height-md: 19.5px;
  --line-height-sm: 18px;
  --line-height-xs: 16px;
  --line-height-1xs: 15px;
  --line-height-2xs: 13px;
}

@charset "UTF-8";
/* CK GLOBAL CSS EXTENDS PVH GLOBAL */
/* Font Size variables - Global core */
/* Line Height variables - Global core */
/* Letter Spacing variables - Global core */
/* Typography functions - Gobal core */
/* Font Size variables - Global core */
/* Line Height variables - Global core */
/* Letter Spacing variables - Global core */
.product-image__wrapper--colab img, .quickbuyMob--image__wrapper .product-image {
  aspect-ratio: 3/3.95257; }

/* Motion animations - Global core */
/** Animation Guide
* For mobile viewports (based on distance to cover)-
* 0 to 240px distance - Functional motion
* 241px to 360px distance - Expressive motion
* For desktop viewports (based on distance to cover) -
* 0 to 600px - Functional motion
* 601px to 1440px - Expressive motion
*/
.ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse, .nav-hovering .ds-navbar, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-wrapper, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-bottom-slot, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .mega-bottom-slot, .ds-navbar .mega-wrapper, .ds-navbar .l3-categories, .header .mobile-nav-container .quick-links-nav.left-slide .user-message,
.header .mobile-nav-container .quick-links-nav.left-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.left-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.left-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional-duration-md);
          transition-duration: var(--motion-functional-duration-md);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease));
          transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease)); }

.header .mobile-nav-container .quick-links-nav.right-slide .user-message,
.header .mobile-nav-container .quick-links-nav.right-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.right-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.right-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional_exit-duration-sm);
          transition-duration: var(--motion-functional_exit-duration-sm);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in));
          transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in)); }

.quickbuy__backdrop, .variation__attr--quickbuy .quickBuy-nonswatch-popup, .variation__attr--quickbuy [data-attr='colorCode'], .ds-login-panel-modal::after, .ds-login-panel-modal .modal-dialog.login-layout {
  -webkit-transition-duration: var(--motion-expressive-duration-lg);
          transition-duration: var(--motion-expressive-duration-lg);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out));
          transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out)); }

/* buttons */
.primary__button--dark {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.2px;
  display: block;
  border: none;
  color: #000;
  height: 56px;
  width: 100%;
  padding: 17px 32px;
  text-align: center;
  border-radius: var(--spacing-2); }

.primary__button--dark {
  background-color: var(--color-brand-primary);
  color: #fff; }

.quickbuy--variant-selector-container, .variant-selector-container {
  margin-bottom: var(--spacing-8); }
  .buy-box .quickbuy--variant-selector-container, .buy-box .variant-selector-container {
    margin-bottom: var(--spacing-16); }
  @media (max-width: 768.98px) {
    .quickbuy--variant-selector-container, .variant-selector-container {
      width: 100%;
      line-height: 0.1px;
      white-space: nowrap; } }

.quickbuy--variant-selector-container .quickbuy--variant-list, .variant-selector-container .variant-list {
  list-style: none;
  margin: 0;
  padding-left: 0; }

.quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item, .variant-selector-container .variant-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: calc(25% - 8px * 3 / 4);
  height: 48px;
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  color: var(--filter-text-primary-color);
  margin: 0 var(--spacing-8) var(--spacing-8) 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  padding: 19px 4px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 0.5rem;
  font-size: 13px;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (max-width: 768.98px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item, .variant-selector-container .variant-item {
      width: 69px;
      float: none;
      display: inline-block; } }
  @media (min-width: 992px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch:hover, .variant-selector-container .variant-color-item:hover, .variant-selector-container .variant-item:hover {
      border-color: #808080;
      -webkit-transition: border-color 0.2s ease;
      transition: border-color 0.2s ease; } }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[aria-checked=true], .variant-selector-container .variant-color-item[aria-checked=true], .variant-selector-container .variant-item[aria-checked=true] {
    background-color: var(--filter-text-primary-color);
    color: var(--color-white);
    border: none; }
  .quickbuy--variant-selector-container .disabled.quickbuy--variant-color-item.single-swatch, .variant-selector-container .disabled.variant-color-item, .variant-selector-container .disabled.variant-item {
    position: relative;
    color: var(--color-grey-400);
    border: var(--input-border-width) solid var(--color-grey-100);
    background-color: var(--color-grey-100); }
  .quickbuy--variant-selector-container .disabled.quickbuy--variant-color-item.single-swatch::before, .variant-selector-container .disabled.variant-color-item::before, .variant-selector-container .disabled.variant-item::before {
    position: absolute;
    content: "";
    left: 50%;
    left: 50%;
    top: 50%;
    border-top: var(--input-border-width) solid;
    border-color: var(--color-grey-400);
    -webkit-transform: translate(-50%, -50%) rotate(-40deg);
            transform: translate(-50%, -50%) rotate(-40deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 28px; }

.quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item {
  width: 32px;
  height: 32px;
  margin: var(--spacing-4) var(--spacing-8) var(--spacing-8) var(--spacing-4);
  border-radius: 50%;
  padding: 0;
  border: none;
  overflow: visible; }
  @media (max-width: 768.98px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item {
      width: 32px;
      height: 32px;
      margin: 0 0 24px 24px;
      float: none;
      display: inline-block; } }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch::after, .variant-selector-container .variant-color-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 130%;
    height: 130%;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease; }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch:hover::after, .variant-selector-container .variant-color-item:hover::after {
    border-color: #808080; }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[aria-checked=true]::after, .variant-selector-container .variant-color-item[aria-checked=true]::after {
    border-color: #000; }
  .quickbuy--variant-selector-container .disabled.quickbuy--variant-color-item.single-swatch::before, .variant-selector-container .disabled.variant-color-item::before {
    left: -2%;
    width: 100%;
    color: #fff;
    border-color: #fff;
    background-color: #fff; }
  .quickbuy--variant-selector-container .disabled.quickbuy--variant-color-item.single-swatch::after, .variant-selector-container .disabled.variant-color-item::after {
    border-color: transparent; }
  .quickbuy--variant-selector-container .colorOOS.quickbuy--variant-color-item.single-swatch, .variant-selector-container .colorOOS.variant-color-item {
    display: none; }

.quickbuy--variant-error, .variant-error {
  width: 100%;
  clear: both;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  color: var(--color-feedback-error);
  margin-bottom: var(--spacing-16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .show.quickbuy--variant-error, .show.variant-error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: show-error 0.3s forwards;
            animation: show-error 0.3s forwards; }
  .hide.quickbuy--variant-error, .hide.variant-error {
    display: none; }
  .quickbuy--variant-error .icon-alert, .variant-error .icon-alert {
    margin-right: 6px; }

@-webkit-keyframes show-error {
  from {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes show-error {
  from {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* header height  */
/* TODO change include to extend in future to reduce css size */
/* stylelint-disable */
/* motion animations */
/** Animation Guide
* For mobile viewports (based on distance to cover)-
* 0 to 240px distance - Functional motion
* 241px to 360px distance - Expressive motion
* For desktop viewports (based on distance to cover) -
* 0 to 600px - Functional motion
* 601px to 1440px - Expressive motion
*/
.fade-in, .slide-up, .slide-down, .slide-left, .slide-right {
  -webkit-animation-duration: var(--motion-functional-duration-md);
          animation-duration: var(--motion-functional-duration-md);
  -webkit-animation-timing-function: cubic-bezier(--motion-functional-easing-ease);
          animation-timing-function: cubic-bezier(--motion-functional-easing-ease);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.fade-out, .slide-up-exit, .slide-down-exit {
  -webkit-animation-duration: var(--motion-functional_exit-duration-sm);
          animation-duration: var(--motion-functional_exit-duration-sm);
  -webkit-animation-timing-function: cubic-bezier(--motion-functional_exit-easing-in);
          animation-timing-function: cubic-bezier(--motion-functional_exit-easing-in);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  will-change: transform; }

.ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse, .nav-hovering .ds-navbar, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-wrapper, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-bottom-slot, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .mega-bottom-slot, .ds-navbar .mega-wrapper, .ds-navbar .l3-categories, .header .mobile-nav-container .quick-links-nav.left-slide .user-message,
.header .mobile-nav-container .quick-links-nav.left-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.left-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.left-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional-duration-md);
          transition-duration: var(--motion-functional-duration-md);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease));
          transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease)); }

.header .mobile-nav-container .quick-links-nav.right-slide .user-message,
.header .mobile-nav-container .quick-links-nav.right-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.right-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.right-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional_exit-duration-sm);
          transition-duration: var(--motion-functional_exit-duration-sm);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in));
          transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in)); }

.quickbuy__backdrop, .variation__attr--quickbuy .quickBuy-nonswatch-popup, .variation__attr--quickbuy [data-attr='colorCode'], .ds-login-panel-modal::after, .ds-login-panel-modal .modal-dialog.login-layout {
  -webkit-transition-duration: var(--motion-expressive-duration-lg);
          transition-duration: var(--motion-expressive-duration-lg);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out));
          transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out)); }

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes slide-down-exit {
  0% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes slide-down-exit {
  0% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes slide-up-exit {
  0% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes slide-up-exit {
  0% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* BEHAVIOUR ANIMATION */
.fade-in {
  -webkit-animation-name: slide-down, fade-in;
          animation-name: slide-down, fade-in;
  will-change: transform, opacity; }

.fade-out {
  -webkit-animation-name: slide-down-exit, fade-out;
          animation-name: slide-down-exit, fade-out;
  will-change: transform, opacity; }

.slide-up {
  -webkit-animation-name: slide-up, fade-in;
          animation-name: slide-up, fade-in;
  will-change: transform; }

.slide-up-exit {
  -webkit-animation-name: slide-up-exit, fade-out;
          animation-name: slide-up-exit, fade-out;
  will-change: transform; }

.slide-down {
  -webkit-animation-name: slide-down, fade-in;
          animation-name: slide-down, fade-in;
  will-change: transform; }

.slide-down-exit {
  -webkit-animation-name: slide-down-exit, fade-out;
          animation-name: slide-down-exit, fade-out;
  will-change: transform; }

.slide-left {
  -webkit-animation-name: slide-left;
          animation-name: slide-left;
  will-change: transform; }

.slide-right {
  -webkit-animation-name: slide-right;
          animation-name: slide-right;
  will-change: transform; }

/* TRANSITIONS */
/* CK GLOBAL SPECIFIC STYLES */
/**
*
* CALVIN KLEIN FONT FILES
*
*/
@font-face {
  font-family: "Klein";
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Klein-55Regular-Web.woff2") format("woff2"), url("../fonts/Klein-55Regular-Web.woff") format("woff"); }

@font-face {
  font-family: "Klein";
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Klein-65Medium-Web.woff2") format("woff2"), url("../fonts/Klein-65Medium-Web.woff") format("woff"); }

/** FONTS ADDED TO SUPPORT LEGACY CONTENTS **/
@font-face {
  font-family: "KleinRegular";
  font-display: swap;
  src: url("../../fonts/Klein-55Regular-Web.woff2") format("woff2"), url("../../fonts/Klein-55Regular-Web.woff") format("woff"); }

@font-face {
  font-family: "KleinMedium";
  font-display: swap;
  src: url("../../fonts/Klein-65Medium-Web.woff2") format("woff2"), url("../../fonts/Klein-65Medium-Web.woff") format("woff"); }

/* base font for CK */
/* THEME VARIABLES - DO NOT MAKE CHANGES WITHOUT ARCHITECTURE DISCUSSION */
:root {
  /* body */
  --body-bg: var(--color-white);
  --body-color: var(--color-brand-primary);
  --body-bg-inversed: var(--color-brand-primary);
  --body-color-inversed: var(--color-white);
  --base-font-family: var(--font-primary), var(--font-secondary), Arial, sans-serif;
  --base-font-icon-family: 'klein-icons';
  /* Text */
  --heading-primary-color: var(--color-brand-primary);
  --heading-secondary-color: var(--color-brand-primary);
  --paragraph-primary-color: var(--color-grey-600);
  --heading-disable-color: var(--color-grey-500);
  --default-text-color: var(--color-green-600);
  --text-color: var(--color-grey-800);
  --username-text-color: var(--color-brand-primary);
  --text-primary-color-light-bg: var(--color-text-primary_on_light_bg);
  --text-primary-color-dark-bg: var(--color-text-primary_on_dark_bg);
  --text-secondary-light-bg: var(--color-text-secondary_on_light_bg);
  --text-strikeout-color: var(--color-grey-600);
  --text-success-color: var(--color-green-600);
  --text-border-top-color: var(--color-grey-200);
  /* Button */
  --btn-border-radius: var(--border-radius-2);
  --btn-border-width: var(--border-width-1);
  --btn-secondary-border-width: var(--border-width-1);
  --btn-border-radius-alt: var(--border-radius-circle);
  --btn-bg-color: var(--color-black);
  --btn-bg-color-dark: var(--color-brand-primary);
  --btn-bg-color-hover: var(--color-grey-800);
  --btn-bg-color-dark-hover: var(--color-grey-800);
  --btn-bg-color-inversed: var(--color-brand-primary);
  --btn-border-color: var(--color-black);
  --btn-disabled-bg-color: var(--color-black);
  --btn-disabled-border: var(--color-black);
  --btn-disabled-font-color: var(--color-white);
  --text-btn-primary-color: var(--color-grey-600);
  --link-btn-bg-color: var(--color-grey-800);
  /* Outline Button */
  --btn-outline-color: var(--color-grey-400);
  --btn-secondary-outline-color: var(--color-grey-200);
  --btn-secondary-outline-color-hover: var(--color-text-secondary_on_light_bg);
  --btn-outline-bg-color: var(--color-white);
  --btn-outline-color-hover: var(--color-text-primary_on_dark_bg);
  --btn-outline-bg-color-hover: var(--color-brand-primary);
  --btn-outline-bg-color-inversed: var(--color-brand-primary);
  --btn-outline-border-color: var(--color-grey-400);
  --btn-outline-border-color-hover: var(--color-brand-primary);
  --checkbox-border-color: var(--color-grey-600);
  --btn-primary-outline-color: var(--color-grey-400);
  --checkbox-label-color: var(--color-grey-600);
  --btn-swatch-outline-color-hover: var(--color-grey-400);
  /* link */
  --link-primary-color: var(--color-text-primary_on_light_bg);
  --link-primary-color-hover: var(--color-text-primary_on_light_bg);
  --link-secondary-color: var(--color-text-secondary_on_light_bg);
  --link-secondary-color-hover: var(--color-text-primary_on_light_bg);
  --link-primary-color-inversed: var(--color-text-primary_on_dark_bg);
  --link-primary-color-inversed-hover: var(--color-text-primary_on_dark_bg);
  --link-secondary-color-inversed: var(--color-text-secondary_on_dark_bg);
  --link-secondary-color-inversed-hover: var(--color-text-secondary_on_dark_bg);
  --link-disabled-color: var(--color-grey-200);
  --redirect-link-color: var(--color-text-secondary_on_light_bg);
  /* Form elements */
  --input-color: var(--color-text-primary_on_light_bg);
  --input-dark-bg-color: var(--color-text-primary_on_dark_bg);
  --input-color-inversed: var(--color-white);
  --input-border-color: var(--color-grey-200);
  --input-border-color-focus: var(--color-grey-200);
  --input-border-color-inversed: var(--color-grey-600);
  --input-border-width: var(--border-width-1);
  --input-border-width-focus: var(--border-width-2);
  --input-border-width-error: var(--border-width-2);
  --input-border-radius: var(--border-radius-2);
  --input-bg-color-active: var(--color-black);
  --input-bg-color-inversed-active: var(--color-black);
  --input-border-color-disabled: var(--color-grey-200);
  --input-bg-color-disabled: var(--color-grey-50);
  --input-bg-color-active-disabled: var(--color-grey-200);
  --input-color-disabled: var(--color-grey-600);
  --input-border-color-error: var(--color-red-500);
  --input-color-error: var(--color-feedback-error);
  --input-icon-color: var(--color-grey-500);
  /* Text field */
  --textfield-label-color: var(--color-text-secondary_on_light_bg);
  --textfield-bg-color-disabled: var(--color-grey-50);
  --textfield-border-color-disabled: var(--color-grey-200);
  --textfield-rules-color: var(--color-text-secondary_on_light_bg);
  /* Product card */
  --product-card-text-color: var(--color-text-secondary_on_light_bg);
  --product-promo-text-color: var(--color-grey-600);
  /* Progress bar */
  --progress-bar-base-bg-color: var(--color-black);
  --progress-bar-primary-bg-color: var(--color-beige-800);
  --progress-bar-secondary-bg-color: var(--color-green-600);
  --progress-bar-border-color: var(--color-grey-200);
  --quickbuy-secondary-color: var(--color-grey-600);
  --quickbuy-primary-color: var(--color-black);
  --quickview-heading-color: var(--color-black);
  /* Search Refine Bar */
  --filter-primary-color: var(--color-text-primary_on_light_bg);
  --filter-text-primary-color: var(--color-black);
  --filter-checkbox-border-color: var(--color-text-secondary_on_light_bg);
  --filter-btn-border-color: var(--color-grey-200);
  --filter-text-secondary-color: var(--color-text-secondary_on_light_bg);
  --product-badge-btn-bg-color: var(--color-grey-50);
  --product-badge-text-color: var(--color-text-primary_on_light_bg);
  /* Mini Bag */
  --bag-bg-color: var(--color-black);
  --bag-heading-color: var(--color-white);
  --bag-btn-color: var(--color-white);
  --bag-text-secondary-color: var(--color-white);
  --bag-para-color: var(--color-grey-500);
  --bag-warning-bg-color: var(--color-red-50);
  --bag-warning-text-color: var(--color-red-500);
  --bag-btn-color-disabled: var(--color-grey-200);
  --bag-btn-bg-disabled: var(--color-white);
  --bag-border-color: var(--color-grey-600);
  --bag-icon-close-color: var(--color-brand-secondary);
  --bag-alert-icon-color: var(--color-feedback-error);
  --bag-btn-bg-color-hover: var(--color-grey-100);
  /* Search Component */
  --search-bg-color: var(--color-black);
  --search-heading-text-color: var(--color-text-secondary_on_dark_bg);
  --search-list-text-color: var(--color-white);
  --search-result-product-text-color: var(--color-grey-500);
  --search-rating-count-color: var(--color-text-secondary_on_light_bg);
  --search-outer-suggestion-wrapper: var(--spacing-44);
  --search-suggestion-name-wrapper: var(--spacing-24);
  /* icon */
  --icon-success-color: var(--color-green-600);
  --icon-close-color: var(--color-grey-600);
  --icon-back-to-top-color: var(--color-black);
  --icon-back-to-top-bkg: var(--color-white);
  --input-chevron-down-color: var(--color-grey-600);
  /* Star rating color */
  --rating-bg-color: var(--color-brand-secondary);
  /* Border color */
  --border-color: var(--color-grey-200); }

/* TODO : TESTING PURPOSE - DO NOT USE THIS CLASS FOR STYLING */
.testing .heading-lg {
  font-family: var(--heading-lg-fontFamily) ;
  font-size: var(--heading-lg-fontSize) ;
  font-weight: var(--heading-lg-fontWeight) ;
  letter-spacing: var(--heading-lg-letterSpacing) ;
  line-height: calc(var(--heading-lg-lineHeight)) ;
  text-transform: var(--heading-lg-textCase, "inherit") ; }

.testing .heading-md {
  font-family: var(--heading-md-fontFamily) ;
  font-size: var(--heading-md-fontSize) ;
  font-weight: var(--heading-md-fontWeight) ;
  letter-spacing: var(--heading-md-letterSpacing) ;
  line-height: calc(var(--heading-md-lineHeight)) ;
  text-transform: var(--heading-md-textCase, "inherit") ; }

.testing .heading-sm {
  font-family: var(--heading-sm-fontFamily) ;
  font-size: var(--heading-sm-fontSize) ;
  font-weight: var(--heading-sm-fontWeight) ;
  letter-spacing: var(--heading-sm-letterSpacing) ;
  line-height: calc(var(--heading-sm-lineHeight)) ;
  text-transform: var(--heading-sm-textCase, "inherit") ; }

.testing .body-lg {
  font-family: var(--body-lg-fontFamily) ;
  font-size: var(--body-lg-fontSize) ;
  font-weight: var(--body-lg-fontWeight) ;
  letter-spacing: var(--body-lg-letterSpacing) ;
  line-height: calc(var(--body-lg-lineHeight)) ;
  text-transform: var(--body-lg-textCase, "inherit") ; }

.testing .body-md {
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ; }

.testing .body-sm {
  font-family: var(--body-sm-fontFamily) ;
  font-size: var(--body-sm-fontSize) ;
  font-weight: var(--body-sm-fontWeight) ;
  letter-spacing: var(--body-sm-letterSpacing) ;
  line-height: calc(var(--body-sm-lineHeight)) ;
  text-transform: var(--body-sm-textCase, "inherit") ; }

.testing .button-md {
  font-family: var(--button-md-fontFamily) ;
  font-size: var(--button-md-fontSize) ;
  font-weight: var(--button-md-fontWeight) ;
  letter-spacing: var(--button-md-letterSpacing) ;
  line-height: calc(var(--button-md-lineHeight)) ;
  text-transform: var(--button-md-textCase, "inherit") ; }

.testing .button-sm {
  font-family: var(--button-sm-fontFamily) ;
  font-size: var(--button-sm-fontSize) ;
  font-weight: var(--button-sm-fontWeight) ;
  letter-spacing: var(--button-sm-letterSpacing) ;
  line-height: calc(var(--button-sm-lineHeight)) ;
  text-transform: var(--button-sm-textCase, "inherit") ; }

@font-face {
  font-family: 'klein-icons';
  src: url("../fonts/klein-icons.ttf?44fx8o") format("truetype"), url("../fonts/klein-icons.woff?44fx8o") format("woff"), url("../fonts/klein-icons.svg?44fx8o#klein-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

[class^="icon-"],
[class*=" icon-"],
[class^="icon-"] [class^="path"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: var(--base-font-icon-family) !important; }

.icon-account::before {
  content: "\e900"; }

.icon-address-book::before {
  content: "\e901"; }

.icon-alert::before {
  content: "\e92b"; }

.icon-arrow-down::before {
  content: "\e903"; }

.icon-arrow-left::before {
  content: "\e904"; }

.icon-arrow-right::before {
  content: "\e905"; }

.icon-arrow-up::before {
  content: "\e906"; }

.icon-bag-filled::before {
  content: "\e928"; }

.icon-bag::before {
  content: "\e908"; }

.icon-chat::before {
  content: "\e909"; }

.icon-checkmark::before {
  content: "\e90a"; }

.icon-chevron-down::before {
  content: "\e90b"; }

.icon-chevron-left::before {
  content: "\e90c"; }

.icon-chevron-right::before {
  content: "\e90d"; }

.icon-chevron-up::before {
  content: "\e90e"; }

.icon-close::before {
  content: "\e90f"; }

.icon-eye-close::before {
  content: "\e910"; }

.icon-eye-open::before {
  content: "\e911"; }

.icon-filters::before {
  content: "\e912"; }

.icon-heart::before {
  content: "\e913"; }

.icon-help::before {
  content: "\e914"; }

.icon-lock::before {
  content: "\e915"; }

.icon-map-pin::before {
  content: "\e916"; }

.icon-menu::before {
  content: "\e917"; }

.icon-minus::before {
  content: "\e918"; }

.icon-play::before {
  content: "\e919"; }

.icon-plus::before {
  content: "\e91a"; }

.icon-search::before {
  content: "\e91b"; }

.icon-share::before {
  content: "\e91c"; }

.icon-star-0::before {
  content: "\e91d"; }

.icon-star-50::before {
  content: "\e91e"; }

.icon-star-100::before {
  content: "\e91f"; }

.icon-facebook::before {
  content: "\e920"; }

.icon-instagram::before {
  content: "\e921"; }

.icon-pinterest::before {
  content: "\e922"; }

.icon-twitter::before {
  content: "\e923"; }

.icon-youtube::before {
  content: "\e924"; }

.icon-card::before {
  content: "\e925"; }

.icon-shoprunner-icon-left::before {
  content: "\e926"; }

.icon-shoprunner-icon::before {
  content: "\e927"; }

.icon-qv-plus::before {
  content: "\e929"; }

.icon-icon-gift::before {
  content: "\e92a"; }

.icon-alert-outline::before {
  content: "\e902"; }

.icon-trash-bag::before {
  content: "\e92c"; }

.animated-gradient-box-loyalty {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: none;
  z-index: 0;
  pointer-events: none; }

/* Black background: always visible */
.animated-gradient-box-loyalty::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-size: cover;
  background-position: center;
  opacity: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d905), to(#d9d9d905)), radial-gradient(ellipse 171% 228% at 10% -93%, #0009 20%, transparent 100%), radial-gradient(ellipse 271% 253% at 58% -104%, var(--color-loyalty-grey-200) 50%, transparent 100%), radial-gradient(ellipse 166% 310% at 15% -153%, var(--color-loyalty-grey-100) 0%, transparent 100%);
  background-image: linear-gradient(#d9d9d905, #d9d9d905), radial-gradient(ellipse 171% 228% at 10% -93%, #0009 20%, transparent 100%), radial-gradient(ellipse 271% 253% at 58% -104%, var(--color-loyalty-grey-200) 50%, transparent 100%), radial-gradient(ellipse 166% 310% at 15% -153%, var(--color-loyalty-grey-100) 0%, transparent 100%); }

/* Orange background: fades in, stays, fades out */
.animated-gradient-box-loyalty::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-size: cover;
  background-position: center;
  -webkit-animation: fade-loyalty-gradient-bg2 10500ms linear infinite;
          animation: fade-loyalty-gradient-bg2 10500ms linear infinite;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d905), to(#d9d9d905)), radial-gradient(ellipse 171% 228% at 10% -93%, var(--color-loyalty-brown-dark) 10%, transparent 100%), radial-gradient(ellipse 271% 253% at 58% -104%, var(--color-loyalty-brown-medium) 30%, transparent 100%), radial-gradient(ellipse 166% 310% at 15% -153%, var(--color-loyalty-brown-light) 0%, transparent 100%);
  background-image: linear-gradient(#d9d9d905, #d9d9d905), radial-gradient(ellipse 171% 228% at 10% -93%, var(--color-loyalty-brown-dark) 10%, transparent 100%), radial-gradient(ellipse 271% 253% at 58% -104%, var(--color-loyalty-brown-medium) 30%, transparent 100%), radial-gradient(ellipse 166% 310% at 15% -153%, var(--color-loyalty-brown-light) 0%, transparent 100%); }

@-webkit-keyframes fade-loyalty-gradient-bg2 {
  0% {
    opacity: 0; }
  33.33% {
    opacity: 1; }
  66.66% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fade-loyalty-gradient-bg2 {
  0% {
    opacity: 0; }
  33.33% {
    opacity: 1; }
  66.66% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* Blue background: fades in, then stays */
.animated-gradient-box-loyalty .loyalty-gradient-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-size: cover;
  background-position: center;
  -webkit-animation: fade-loyalty-gradient-bg3 10500ms linear infinite;
          animation: fade-loyalty-gradient-bg3 10500ms linear infinite;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d905), to(#d9d9d905)), radial-gradient(ellipse 171% 228% at 10% -93%, #0009 20%, transparent 100%), radial-gradient(ellipse 271% 253% at 58% -104%, var(--color-loyalty-blue) 50%, transparent 100%), radial-gradient(ellipse 166% 310% at 15% -153%, var(--color-white) 0%, transparent 100%);
  background-image: linear-gradient(#d9d9d905, #d9d9d905), radial-gradient(ellipse 171% 228% at 10% -93%, #0009 20%, transparent 100%), radial-gradient(ellipse 271% 253% at 58% -104%, var(--color-loyalty-blue) 50%, transparent 100%), radial-gradient(ellipse 166% 310% at 15% -153%, var(--color-white) 0%, transparent 100%); }

@-webkit-keyframes fade-loyalty-gradient-bg3 {
  0% {
    opacity: 0; }
  33.33% {
    opacity: 0; }
  66.66% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade-loyalty-gradient-bg3 {
  0% {
    opacity: 0; }
  33.33% {
    opacity: 0; }
  66.66% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* VENDOR CSS */
/* CK GLOBAL CSS EXTENDS PVH GLOBAL */
/* Font Size variables - Global core */
/* Line Height variables - Global core */
/* Letter Spacing variables - Global core */
/* Typography functions - Gobal core */
/* Font Size variables - Global core */
/* Line Height variables - Global core */
/* Letter Spacing variables - Global core */
.product-image__wrapper--colab img, .quickbuyMob--image__wrapper .product-image {
  aspect-ratio: 3/3.95257; }

/* Motion animations - Global core */
/** Animation Guide
* For mobile viewports (based on distance to cover)-
* 0 to 240px distance - Functional motion
* 241px to 360px distance - Expressive motion
* For desktop viewports (based on distance to cover) -
* 0 to 600px - Functional motion
* 601px to 1440px - Expressive motion
*/
.ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse, .nav-hovering .ds-navbar, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-wrapper, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-bottom-slot, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .mega-bottom-slot, .ds-navbar .mega-wrapper, .ds-navbar .l3-categories, .header .mobile-nav-container .quick-links-nav.left-slide .user-message,
.header .mobile-nav-container .quick-links-nav.left-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.left-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.left-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional-duration-md);
          transition-duration: var(--motion-functional-duration-md);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease));
          transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease)); }

.header .mobile-nav-container .quick-links-nav.right-slide .user-message,
.header .mobile-nav-container .quick-links-nav.right-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.right-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.right-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional_exit-duration-sm);
          transition-duration: var(--motion-functional_exit-duration-sm);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in));
          transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in)); }

.quickbuy__backdrop, .variation__attr--quickbuy .quickBuy-nonswatch-popup, .variation__attr--quickbuy [data-attr='colorCode'], .ds-login-panel-modal::after, .ds-login-panel-modal .modal-dialog.login-layout {
  -webkit-transition-duration: var(--motion-expressive-duration-lg);
          transition-duration: var(--motion-expressive-duration-lg);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out));
          transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out)); }

/* buttons */
.primary__button--dark {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.2px;
  display: block;
  border: none;
  color: #000;
  height: 56px;
  width: 100%;
  padding: 17px 32px;
  text-align: center;
  border-radius: var(--spacing-2); }

.primary__button--dark {
  background-color: var(--color-brand-primary);
  color: #fff; }

.quickbuy--variant-selector-container, .variant-selector-container {
  margin-bottom: var(--spacing-8); }
  .buy-box .quickbuy--variant-selector-container, .buy-box .variant-selector-container {
    margin-bottom: var(--spacing-16); }
  @media (max-width: 767.98px) {
    .quickbuy--variant-selector-container, .variant-selector-container {
      width: 100%;
      line-height: 0.1px;
      white-space: nowrap; } }

.quickbuy--variant-selector-container .quickbuy--variant-list, .variant-selector-container .variant-list {
  list-style: none;
  margin: 0;
  padding-left: 0; }

.quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item, .variant-selector-container .variant-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: calc(25% - 8px * 3 / 4);
  height: 48px;
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  color: var(--filter-text-primary-color);
  margin: 0 var(--spacing-8) var(--spacing-8) 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  padding: 19px 4px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 0.5rem;
  font-size: 13px;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (max-width: 767.98px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item, .variant-selector-container .variant-item {
      width: 69px;
      float: none;
      display: inline-block; } }
  @media (min-width: 992px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch:hover, .variant-selector-container .variant-color-item:hover, .variant-selector-container .variant-item:hover {
      border-color: #808080;
      -webkit-transition: border-color 0.2s ease;
      transition: border-color 0.2s ease; } }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[aria-checked=true], .variant-selector-container .variant-color-item[aria-checked=true], .variant-selector-container .variant-item[aria-checked=true] {
    background-color: var(--filter-text-primary-color);
    color: var(--color-white);
    border: none; }
  .quickbuy--variant-selector-container .disabled.quickbuy--variant-color-item.single-swatch, .variant-selector-container .disabled.variant-color-item, .variant-selector-container .disabled.variant-item {
    position: relative;
    color: var(--color-grey-400);
    border: var(--input-border-width) solid var(--color-grey-100);
    background-color: var(--color-grey-100); }
  .quickbuy--variant-selector-container .disabled.quickbuy--variant-color-item.single-swatch::before, .variant-selector-container .disabled.variant-color-item::before, .variant-selector-container .disabled.variant-item::before {
    position: absolute;
    content: "";
    left: 50%;
    left: 50%;
    top: 50%;
    border-top: var(--input-border-width) solid;
    border-color: var(--color-grey-400);
    -webkit-transform: translate(-50%, -50%) rotate(-40deg);
            transform: translate(-50%, -50%) rotate(-40deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 28px; }

.quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item {
  width: 32px;
  height: 32px;
  margin: var(--spacing-4) var(--spacing-8) var(--spacing-8) var(--spacing-4);
  border-radius: 50%;
  padding: 0;
  border: none;
  overflow: visible; }
  @media (max-width: 767.98px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item {
      width: 32px;
      height: 32px;
      margin: 0 0 24px 24px;
      float: none;
      display: inline-block; } }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch::after, .variant-selector-container .variant-color-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 130%;
    height: 130%;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease; }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch:hover::after, .variant-selector-container .variant-color-item:hover::after {
    border-color: #808080; }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[aria-checked=true]::after, .variant-selector-container .variant-color-item[aria-checked=true]::after {
    border-color: #000; }
  .quickbuy--variant-selector-container .disabled.quickbuy--variant-color-item.single-swatch::before, .variant-selector-container .disabled.variant-color-item::before {
    left: -2%;
    width: 100%;
    color: #fff;
    border-color: #fff;
    background-color: #fff; }
  .quickbuy--variant-selector-container .disabled.quickbuy--variant-color-item.single-swatch::after, .variant-selector-container .disabled.variant-color-item::after {
    border-color: transparent; }
  .quickbuy--variant-selector-container .colorOOS.quickbuy--variant-color-item.single-swatch, .variant-selector-container .colorOOS.variant-color-item {
    display: none; }

.quickbuy--variant-error, .variant-error {
  width: 100%;
  clear: both;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  color: var(--color-feedback-error);
  margin-bottom: var(--spacing-16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .show.quickbuy--variant-error, .show.variant-error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: show-error 0.3s forwards;
            animation: show-error 0.3s forwards; }
  .hide.quickbuy--variant-error, .hide.variant-error {
    display: none; }
  .quickbuy--variant-error .icon-alert, .variant-error .icon-alert {
    margin-right: 6px; }

@keyframes show-error {
  from {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* header height  */
/* TODO change include to extend in future to reduce css size */
/* stylelint-disable */
/* motion animations */
/** Animation Guide
* For mobile viewports (based on distance to cover)-
* 0 to 240px distance - Functional motion
* 241px to 360px distance - Expressive motion
* For desktop viewports (based on distance to cover) -
* 0 to 600px - Functional motion
* 601px to 1440px - Expressive motion
*/
.fade-in, .slide-up, .slide-down, .slide-left, .slide-right {
  -webkit-animation-duration: var(--motion-functional-duration-md);
          animation-duration: var(--motion-functional-duration-md);
  -webkit-animation-timing-function: cubic-bezier(--motion-functional-easing-ease);
          animation-timing-function: cubic-bezier(--motion-functional-easing-ease);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.fade-out, .slide-up-exit, .slide-down-exit {
  -webkit-animation-duration: var(--motion-functional_exit-duration-sm);
          animation-duration: var(--motion-functional_exit-duration-sm);
  -webkit-animation-timing-function: cubic-bezier(--motion-functional_exit-easing-in);
          animation-timing-function: cubic-bezier(--motion-functional_exit-easing-in);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  will-change: transform; }

.ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse, .nav-hovering .ds-navbar, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-wrapper, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-bottom-slot, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .mega-bottom-slot, .ds-navbar .mega-wrapper, .ds-navbar .l3-categories, .header .mobile-nav-container .quick-links-nav.left-slide .user-message,
.header .mobile-nav-container .quick-links-nav.left-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.left-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.left-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional-duration-md);
          transition-duration: var(--motion-functional-duration-md);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease));
          transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease)); }

.header .mobile-nav-container .quick-links-nav.right-slide .user-message,
.header .mobile-nav-container .quick-links-nav.right-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.right-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.right-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional_exit-duration-sm);
          transition-duration: var(--motion-functional_exit-duration-sm);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in));
          transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in)); }

.quickbuy__backdrop, .variation__attr--quickbuy .quickBuy-nonswatch-popup, .variation__attr--quickbuy [data-attr='colorCode'], .ds-login-panel-modal::after, .ds-login-panel-modal .modal-dialog.login-layout {
  -webkit-transition-duration: var(--motion-expressive-duration-lg);
          transition-duration: var(--motion-expressive-duration-lg);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out));
          transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out)); }

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-down-exit {
  0% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes slide-up-exit {
  0% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* BEHAVIOUR ANIMATION */
.fade-in {
  -webkit-animation-name: slide-down, fade-in;
          animation-name: slide-down, fade-in;
  will-change: transform, opacity; }

.fade-out {
  -webkit-animation-name: slide-down-exit, fade-out;
          animation-name: slide-down-exit, fade-out;
  will-change: transform, opacity; }

.slide-up {
  -webkit-animation-name: slide-up, fade-in;
          animation-name: slide-up, fade-in;
  will-change: transform; }

.slide-up-exit {
  -webkit-animation-name: slide-up-exit, fade-out;
          animation-name: slide-up-exit, fade-out;
  will-change: transform; }

.slide-down {
  -webkit-animation-name: slide-down, fade-in;
          animation-name: slide-down, fade-in;
  will-change: transform; }

.slide-down-exit {
  -webkit-animation-name: slide-down-exit, fade-out;
          animation-name: slide-down-exit, fade-out;
  will-change: transform; }

.slide-left {
  -webkit-animation-name: slide-left;
          animation-name: slide-left;
  will-change: transform; }

.slide-right {
  -webkit-animation-name: slide-right;
          animation-name: slide-right;
  will-change: transform; }

/* TRANSITIONS */
.fonts-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-grey-200);
  margin-bottom: var(--spacing-24); }
  .fonts-headers .values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: var(--font-size-md); }
    .fonts-headers .values span {
      color: var(--color-grey-500);
      font-weight: var(--font-weight-400);
      font-size: var(--font-size-sm); }

.headline.lg {
  font-family: var(--heading-lg-fontFamily) ;
  font-size: var(--heading-lg-fontSize) ;
  font-weight: var(--heading-lg-fontWeight) ;
  letter-spacing: var(--heading-lg-letterSpacing) ;
  line-height: calc(var(--heading-lg-lineHeight)) ;
  text-transform: var(--heading-lg-textCase, "inherit") ; }

.headline.md {
  font-family: var(--heading-md-fontFamily) ;
  font-size: var(--heading-md-fontSize) ;
  font-weight: var(--heading-md-fontWeight) ;
  letter-spacing: var(--heading-md-letterSpacing) ;
  line-height: calc(var(--heading-md-lineHeight)) ;
  text-transform: var(--heading-md-textCase, "inherit") ; }

.headline.sm {
  font-family: var(--heading-sm-fontFamily) ;
  font-size: var(--heading-sm-fontSize) ;
  font-weight: var(--heading-sm-fontWeight) ;
  letter-spacing: var(--heading-sm-letterSpacing) ;
  line-height: calc(var(--heading-sm-lineHeight)) ;
  text-transform: var(--heading-sm-textCase, "inherit") ; }

.headline.xs {
  font-family: var(--heading-xs-fontFamily) ;
  font-size: var(--heading-xs-fontSize) ;
  font-weight: var(--heading-xs-fontWeight) ;
  letter-spacing: var(--heading-xs-letterSpacing) ;
  line-height: calc(var(--heading-xs-lineHeight)) ;
  text-transform: var(--heading-xs-textCase, "inherit") ; }

.body-font.lg {
  font-family: var(--body-lg-fontFamily) ;
  font-size: var(--body-lg-fontSize) ;
  font-weight: var(--body-lg-fontWeight) ;
  letter-spacing: var(--body-lg-letterSpacing) ;
  line-height: calc(var(--body-lg-lineHeight)) ;
  text-transform: var(--body-lg-textCase, "inherit") ; }

.body-font.md {
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ; }

.body-font.sm {
  font-family: var(--body-sm-fontFamily) ;
  font-size: var(--body-sm-fontSize) ;
  font-weight: var(--body-sm-fontWeight) ;
  letter-spacing: var(--body-sm-letterSpacing) ;
  line-height: calc(var(--body-sm-lineHeight)) ;
  text-transform: var(--body-sm-textCase, "inherit") ; }

.body-font.xs {
  font-family: var(--body-xs-fontFamily) ;
  font-size: var(--body-xs-fontSize) ;
  font-weight: var(--body-xs-fontWeight) ;
  letter-spacing: var(--body-xs-letterSpacing) ;
  line-height: calc(var(--body-xs-lineHeight)) ;
  text-transform: var(--body-xs-textCase, "inherit") ; }

.text-caption {
  font-family: var(--body-xs-fontFamily) ;
  font-size: var(--body-xs-fontSize) ;
  font-weight: var(--body-xs-fontWeight) ;
  letter-spacing: var(--body-xs-letterSpacing) ;
  line-height: calc(var(--body-xs-lineHeight)) ;
  text-transform: var(--body-xs-textCase, "inherit") ; }

.button-text.md {
  font-family: var(--button-md-fontFamily) ;
  font-size: var(--button-md-fontSize) ;
  font-weight: var(--button-md-fontWeight) ;
  letter-spacing: var(--button-md-letterSpacing) ;
  line-height: calc(var(--button-md-lineHeight)) ;
  text-transform: var(--button-md-textCase, "inherit") ; }

.button-text.sm {
  font-family: var(--button-sm-fontFamily) ;
  font-size: var(--button-sm-fontSize) ;
  font-weight: var(--button-sm-fontWeight) ;
  letter-spacing: var(--button-sm-letterSpacing) ;
  line-height: calc(var(--button-sm-lineHeight)) ;
  text-transform: var(--button-sm-textCase, "inherit") ; }

.textbutton {
  /* Escape the number */ }
  .textbutton.md {
    font-family: var(--textbutton-md-fontFamily) ;
    font-size: var(--textbutton-md-fontSize) ;
    font-weight: var(--textbutton-md-fontWeight) ;
    letter-spacing: var(--textbutton-md-letterSpacing) ;
    line-height: calc(var(--textbutton-md-lineHeight)) ;
    text-transform: var(--textbutton-md-textCase, "inherit") ; }
  .textbutton.sm {
    font-family: var(--textbutton-sm-fontFamily) ;
    font-size: var(--textbutton-sm-fontSize) ;
    font-weight: var(--textbutton-sm-fontWeight) ;
    letter-spacing: var(--textbutton-sm-letterSpacing) ;
    line-height: calc(var(--textbutton-sm-lineHeight)) ;
    text-transform: var(--textbutton-sm-textCase, "inherit") ; }
  .textbutton.xs {
    font-family: var(--textbutton-xs-fontFamily) ;
    font-size: var(--textbutton-xs-fontSize) ;
    font-weight: var(--textbutton-xs-fontWeight) ;
    letter-spacing: var(--textbutton-xs-letterSpacing) ;
    line-height: calc(var(--textbutton-xs-lineHeight)) ;
    text-transform: var(--textbutton-xs-textCase, "inherit") ; }
  .textbutton.\32xs {
    font-family: var(--textbutton-2xs-fontFamily) ;
    font-size: var(--textbutton-2xs-fontSize) ;
    font-weight: var(--textbutton-2xs-fontWeight) ;
    letter-spacing: var(--textbutton-2xs-letterSpacing) ;
    line-height: calc(var(--textbutton-2xs-lineHeight)) ;
    text-transform: var(--textbutton-2xs-textCase, "inherit") ; }

.style_label.md {
  font-family: var(--style_label-md-fontFamily) ;
  font-size: var(--style_label-md-fontSize) ;
  font-weight: var(--style_label-md-fontWeight) ;
  letter-spacing: var(--style_label-md-letterSpacing) ;
  line-height: calc(var(--style_label-md-lineHeight)) ;
  text-transform: var(--style_label-md-textCase, "inherit") ; }

.style_label.sm {
  font-family: var(--style_label-sm-fontFamily) ;
  font-size: var(--style_label-sm-fontSize) ;
  font-weight: var(--style_label-sm-fontWeight) ;
  letter-spacing: var(--style_label-sm-letterSpacing) ;
  line-height: calc(var(--style_label-sm-lineHeight)) ;
  text-transform: var(--style_label-sm-textCase, "inherit") ; }

.t-paragraph {
  font-size: var(--font-size-md);
  color: var(--color-text-primary_on_light_bg);
  font-weight: var(--font-weight-500); }
  .t-paragraph.line-height-xl {
    line-height: var(--line-height-xl); }
  .t-paragraph.line-height-lg {
    line-height: var(--line-height-lg); }
  .t-paragraph.line-height-md {
    line-height: var(--line-height-md); }
  .t-paragraph.line-height-sm {
    line-height: var(--line-height-sm); }
  .t-paragraph.line-height-xs {
    line-height: var(--line-height-xs); }
  .t-paragraph.font-size-2xl {
    font-size: var(--font-size-2xl); }
  .t-paragraph.font-size-xl {
    font-size: var(--font-size-xl); }
  .t-paragraph.font-size-lg {
    font-size: var(--font-size-lg); }
  .t-paragraph.font-size-md {
    font-size: var(--font-size-md); }
  .t-paragraph.font-size-sm {
    font-size: var(--font-size-sm); }
  .t-paragraph.font-size-xs {
    font-size: var(--font-size-xs); }
  .t-paragraph.font-size-2xs {
    font-size: var(--font-size-2xs); }
  .t-paragraph.letter-spacing-sm {
    letter-spacing: var(--letter_spacing-sm); }
  .t-paragraph.letter-spacing-xs {
    letter-spacing: var(--letter_spacing-xs); }
  .t-paragraph .values {
    margin-top: var(--spacing-16);
    color: var(--color-grey-600);
    font-size: var(--font-size-sm); }

.icon-utility-chevron-16px-left,
.icon-utility-chevron-16px-right,
.icon-utility-chevron-16px-up,
.icon-utility-chevron-16px-down {
  width: 16px;
  height: 16px; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  caret-color: #000; }

html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga", "kern";
          font-feature-settings: "liga", "kern"; }

body {
  font-family: var(--base-font-family);
  font-weight: 500;
  background-color: var(--body-bg); }

h1,
h2,
h3 {
  font-family: var(--base-font-family);
  font-weight: 500;
  margin-bottom: var(--spacing-4); }

p,
span,
label,
a,
h4,
h5,
h6,
.description__text--large,
.description__text--medium,
.description__text--small,
.description__text--tiny {
  font-family: var(--base-font-family);
  font-weight: 500;
  margin-bottom: var(--spacing-8); }

a {
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

h1 {
  font-family: var(--heading-lg-fontFamily) ;
  font-size: var(--heading-lg-fontSize) ;
  font-weight: var(--heading-lg-fontWeight) ;
  letter-spacing: var(--heading-lg-letterSpacing) ;
  line-height: calc(var(--heading-lg-lineHeight)) ;
  text-transform: var(--heading-lg-textCase, "inherit") ; }

h2 {
  font-family: var(--heading-md-fontFamily) ;
  font-size: var(--heading-md-fontSize) ;
  font-weight: var(--heading-md-fontWeight) ;
  letter-spacing: var(--heading-md-letterSpacing) ;
  line-height: calc(var(--heading-md-lineHeight)) ;
  text-transform: var(--heading-md-textCase, "inherit") ; }

h3 {
  font-family: var(--heading-sm-fontFamily) ;
  font-size: var(--heading-sm-fontSize) ;
  font-weight: var(--heading-sm-fontWeight) ;
  letter-spacing: var(--heading-sm-letterSpacing) ;
  line-height: calc(var(--heading-sm-lineHeight)) ;
  text-transform: var(--heading-sm-textCase, "inherit") ; }

h4 {
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ;
  color: var(--body-color); }

.primary__button--dark:disabled {
  pointer-events: none;
  background-color: #ccc; }

svg {
  width: 20px;
  height: 20px; }

header.nomenu_header {
  padding: var(--spacing-24) var(--spacing-40) var(--spacing-24) var(--spacing-24); }
  @media (min-width: 1400px) {
    header.nomenu_header {
      padding: var(--spacing-24) var(--spacing-38); } }

img {
  width: 100%; }

select:focus,
textarea,
input {
  font-size: 16px !important; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

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

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/* VENDOR CSS */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../images/loader/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../fonts/slick.eot");
  src: url("../../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../fonts/slick.woff") format("woff"), url("../../fonts/slick.ttf") format("truetype"), url("../../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* GLBAL COMPONENT */
#pvh-newsletter-subs .custom-control-input:checked ~ .custom-control-label::before,
#pvh-newsletter-subs-modal .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--input-color); }

#pvh-newsletter-subs .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
#pvh-newsletter-subs-modal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--input-color); }

#pvh-newsletter-subs .input-group > .form-control:focus,
#pvh-newsletter-subs-modal .input-group > .form-control:focus {
  z-index: unset; }

#pvh-newsletter-subs .ds-form-group .is-invalid ~ label,
#pvh-newsletter-subs-modal .ds-form-group .is-invalid ~ label {
  color: var(--color-feedback-error); }

#pvh-newsletter-subs .form-group,
#pvh-newsletter-subs-modal .form-group {
  margin-bottom: 0; }

#pvh-newsletter-subs #registration-form-email,
#pvh-newsletter-subs #registration-form-email-modal,
#pvh-newsletter-subs-modal #registration-form-email,
#pvh-newsletter-subs-modal #registration-form-email-modal {
  padding-top: var(--spacing-24); }

#pvh-newsletter-subs .custom-checkbox .custom-control-label::before,
#pvh-newsletter-subs-modal .custom-checkbox .custom-control-label::before {
  border-color: var(--color-feedback-error);
  background: var(--color-white); }

#pvh-newsletter-subs input.form-control:not(textarea),
#pvh-newsletter-subs-modal input.form-control:not(textarea) {
  padding: var(--spacing-20) var(--spacing-12) 6px var(--spacing-16); }
  #pvh-newsletter-subs input.form-control:not(textarea) ~ label,
  #pvh-newsletter-subs-modal input.form-control:not(textarea) ~ label {
    padding: 0; }
  #pvh-newsletter-subs input.form-control:not(textarea):not(:-moz-placeholder-shown) ~ label, #pvh-newsletter-subs-modal input.form-control:not(textarea):not(:-moz-placeholder-shown) ~ label {
    font-family: var(--body-sm-fontFamily) ;
    font-size: var(--body-sm-fontSize) ;
    font-weight: var(--body-sm-fontWeight) ;
    letter-spacing: var(--body-sm-letterSpacing) ;
    line-height: calc(var(--body-sm-lineHeight)) ;
    text-transform: var(--body-sm-textCase, "inherit") ; }
  #pvh-newsletter-subs input.form-control:not(textarea):not(:-ms-input-placeholder) ~ label, #pvh-newsletter-subs-modal input.form-control:not(textarea):not(:-ms-input-placeholder) ~ label {
    font-family: var(--body-sm-fontFamily) ;
    font-size: var(--body-sm-fontSize) ;
    font-weight: var(--body-sm-fontWeight) ;
    letter-spacing: var(--body-sm-letterSpacing) ;
    line-height: calc(var(--body-sm-lineHeight)) ;
    text-transform: var(--body-sm-textCase, "inherit") ; }
  #pvh-newsletter-subs input.form-control:not(textarea):not(:placeholder-shown) ~ label,
  #pvh-newsletter-subs-modal input.form-control:not(textarea):not(:placeholder-shown) ~ label {
    font-family: var(--body-sm-fontFamily) ;
    font-size: var(--body-sm-fontSize) ;
    font-weight: var(--body-sm-fontWeight) ;
    letter-spacing: var(--body-sm-letterSpacing) ;
    line-height: calc(var(--body-sm-lineHeight)) ;
    text-transform: var(--body-sm-textCase, "inherit") ; }

#pvh-newsletter-subs .required::after,
#pvh-newsletter-subs-modal .required::after {
  content: ''; }

#pvh-newsletter-subs .receive-updates,
#pvh-newsletter-subs-modal .receive-updates {
  font-size: var(--font-size-sm); }

#pvh-newsletter-subs .input-email-box,
#pvh-newsletter-subs-modal .input-email-box {
  padding-right: var(--spacing-8); }

#pvh-newsletter-subs .input-email-button,
#pvh-newsletter-subs-modal .input-email-button {
  padding-left: var(--spacing-8); }

#pvh-newsletter-subs button.btn-createAcc,
#pvh-newsletter-subs-modal button.btn-createAcc {
  height: var(--spacing-56);
  padding: var(--spacing-16);
  margin-bottom: 0;
  width: 100%; }

#pvh-newsletter-subs .page-error,
#pvh-newsletter-subs-modal .page-error {
  margin-bottom: 0; }
  #pvh-newsletter-subs .page-error svg,
  #pvh-newsletter-subs-modal .page-error svg {
    margin-right: 0; }

#pvh-newsletter-subs .check-box-error,
#pvh-newsletter-subs-modal .check-box-error {
  padding-top: var(--spacing-8);
  color: var(--color-feedback-error);
  font: var(--font-primary);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-md);
  letter-spacing: var(--letter_spacing-sm); }

#pvh-newsletter-subs .image-column picture img,
#pvh-newsletter-subs-modal .image-column picture img {
  height: 100%; }

#pvh-newsletter-subs .newsletter-heading,
#pvh-newsletter-subs-modal .newsletter-heading {
  margin-bottom: var(--spacing-24);
  font-family: var(--heading-lg-fontFamily) ;
  font-size: var(--heading-lg-fontSize) ;
  font-weight: var(--heading-lg-fontWeight) ;
  letter-spacing: var(--heading-lg-letterSpacing) ;
  line-height: calc(var(--heading-lg-lineHeight)) ;
  text-transform: var(--heading-lg-textCase, "inherit") ; }

#pvh-newsletter-subs .form-column,
#pvh-newsletter-subs .thanks-column,
#pvh-newsletter-subs-modal .form-column,
#pvh-newsletter-subs-modal .thanks-column {
  padding: var(--spacing-56); }

#pvh-newsletter-subs .newsletter-thanks-text,
#pvh-newsletter-subs-modal .newsletter-thanks-text {
  margin-bottom: var(--spacing-24); }

#pvh-newsletter-subs .newsletter-thanks-button,
#pvh-newsletter-subs-modal .newsletter-thanks-button {
  padding: 0;
  text-decoration: underline;
  text-underline-offset: var(--spacing-2); }

#pvh-newsletter-subs .image-column,
#pvh-newsletter-subs-modal .image-column {
  padding: 0; }

#pvh-newsletter-subs .modal-body,
#pvh-newsletter-subs-modal .modal-body {
  padding: 0; }

#pvh-newsletter-subs .input-emailbox,
#pvh-newsletter-subs-modal .input-emailbox {
  width: unset; }

#pvh-newsletter-subs .modal-dialog,
#pvh-newsletter-subs-modal .modal-dialog {
  max-width: 75%; }

#pvh-newsletter-subs .close,
#pvh-newsletter-subs-modal .close {
  position: absolute;
  right: 10px;
  top: 10px; }

#pvh-newsletter-subs .newsletter-error-msg,
#pvh-newsletter-subs-modal .newsletter-error-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  margin-bottom: 28px; }
  #pvh-newsletter-subs .newsletter-error-msg svg,
  #pvh-newsletter-subs-modal .newsletter-error-msg svg {
    font-family: var(--body-sm-fontFamily) ;
    font-size: var(--body-sm-fontSize) ;
    font-weight: var(--body-sm-fontWeight) ;
    letter-spacing: var(--body-sm-letterSpacing) ;
    line-height: calc(var(--body-sm-lineHeight)) ;
    text-transform: var(--body-sm-textCase, "inherit") ;
    width: var(--sizing-icon-md); }
  #pvh-newsletter-subs .newsletter-error-msg .error-msg-text,
  #pvh-newsletter-subs-modal .newsletter-error-msg .error-msg-text {
    width: 272px;
    height: 36px;
    padding-left: 5px;
    color: var(--color-feedback-error);
    background-color: var(--color-white);
    font-family: var(--body-sm-fontFamily) ;
    font-size: var(--body-sm-fontSize) ;
    font-weight: var(--body-sm-fontWeight) ;
    letter-spacing: var(--body-sm-letterSpacing) ;
    line-height: calc(var(--body-sm-lineHeight)) ;
    text-transform: var(--body-sm-textCase, "inherit") ; }

@media (max-width: 767px) {
  #pvh-newsletter-subs .modal-content,
  #pvh-newsletter-subs-modal .modal-content {
    border: none;
    border-radius: unset;
    position: fixed;
    bottom: 0;
    left: 0; }
  #pvh-newsletter-subs .form-column,
  #pvh-newsletter-subs .thanks-column,
  #pvh-newsletter-subs-modal .form-column,
  #pvh-newsletter-subs-modal .thanks-column {
    padding: var(--spacing-24); }
  #pvh-newsletter-subs .thanks-column,
  #pvh-newsletter-subs-modal .thanks-column {
    margin-bottom: var(--spacing-80); }
  #pvh-newsletter-subs .modal-dialog,
  #pvh-newsletter-subs-modal .modal-dialog {
    max-width: 100%; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #pvh-newsletter-subs .modal-dialog,
    #pvh-newsletter-subs-modal .modal-dialog {
      height: var(--vh);
      margin: 0; } }

@media (max-width: 767px) {
  #pvh-newsletter-subs .input-email-box,
  #pvh-newsletter-subs-modal .input-email-box {
    padding-right: var(--spacing-16); } }
  @media (max-width: 767px) and (max-width: 640px) {
    #pvh-newsletter-subs .input-email-box,
    #pvh-newsletter-subs-modal .input-email-box {
      padding-right: var(--spacing-8); } }

@media (max-width: 767px) {
  #pvh-newsletter-subs .input-email-button,
  #pvh-newsletter-subs-modal .input-email-button {
    padding-left: var(--spacing-16); } }
  @media (max-width: 767px) and (max-width: 640px) {
    #pvh-newsletter-subs .input-email-button,
    #pvh-newsletter-subs-modal .input-email-button {
      padding-left: var(--spacing-8); } }

@media (max-width: 767px) {
    #pvh-newsletter-subs .input-email-button button,
    #pvh-newsletter-subs-modal .input-email-button button {
      width: 100%; }
  #pvh-newsletter-subs .newsletter-form-row,
  #pvh-newsletter-subs-modal .newsletter-form-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  #pvh-newsletter-subs picture img,
  #pvh-newsletter-subs-modal picture img {
    display: none; } }

#pvh-newsletter-subs #newletterPolicyModal,
#pvh-newsletter-subs-modal #newletterPolicyModal {
  background-color: rgba(0, 0, 0, 0.5); }
  #pvh-newsletter-subs #newletterPolicyModal .close,
  #pvh-newsletter-subs-modal #newletterPolicyModal .close {
    position: relative; }

#pvh-newsletter-subs .newsletter-form-row a.newletter-privacy,
#pvh-newsletter-subs-modal .newsletter-form-row a.newletter-privacy {
  text-decoration: underline; }

@media screen and (min-width: 992px) and (max-width: 1060px) {
  .pvhthca .ds-navbar-header .io.enabled {
    margin-right: 17%; } }

@media (max-width: 991px) {
  .scroll-none {
    position: fixed;
    overflow: hidden;
    width: 100%; } }

.navbar-header__store {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: var(--spacing-2); }
  @media (max-width: 991px) {
    .navbar-header__store {
      display: none; } }
  .navbar-header__store:hover {
    color: var(--link-primary-color-hover); }
    .navbar-header__store:hover a {
      text-decoration: underline;
      color: var(--link-primary-color-hover);
      margin-top: var(--spacing-2);
      margin-left: var(--spacing-4); }
  .navbar-header__store a {
    font-family: var(--button-sm-fontFamily) ;
    font-size: var(--button-sm-fontSize) ;
    font-weight: var(--button-sm-fontWeight) ;
    letter-spacing: var(--button-sm-letterSpacing) ;
    line-height: calc(var(--button-sm-lineHeight)) ;
    text-transform: var(--button-sm-textCase, "inherit") ;
    letter-spacing: var(--heading-lg-letterSpacing);
    color: var(--link-primary-color);
    margin: 0;
    margin-top: 2px;
    margin-left: var(--spacing-4); }

header.ds-globalnav-header {
  z-index: 1000; }
  header.ds-globalnav-header .popular_suggestion .header {
    padding-left: 0; }

header .navbar-header__store,
header .icon-search-container,
header .icon-account-container,
header .navbar-toggler,
header .icon-cart-container {
  color: var(--link-primary-color); }

header .total-count-minicart,
header .total-count-minicart-mobile {
  background-color: var(--link-primary-color); }

header .minicart-number {
  color: var(--color-white); }

header .icon-search-container {
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 991.98px) {
  header .js-search_product-tile .ds-row.ds-rating {
    margin-left: 0; }
    @supports (-webkit-touch-callout: none) {
      .pvhthus header .js-search_product-tile .ds-row.ds-rating .ds-counter-rating, .pvhthca header .js-search_product-tile .ds-row.ds-rating .ds-counter-rating {
        margin-top: var(--spacing-2); } } }

@media only screen and (max-width: 991.98px) {
  .ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse {
    position: fixed;
    right: -100%;
    z-index: 999;
    background-color: var(--color-white);
    width: 100%;
    height: var(--vh);
    padding-bottom: var(--spacing-40);
    -webkit-transition-property: all;
    transition-property: all;
    visibility: hidden; }
    .ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse.is-visible {
      overflow-y: auto;
      overflow-x: hidden;
      visibility: visible;
      right: 0; }
    .ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse.is-dropdown-visible {
      overflow-y: hidden; }
  .ds-navbar .ds-nav-link.menu-level1 {
    color: var(--link-primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .pvhthus .ds-navbar .ds-nav-link.menu-level1, .pvhthca .ds-navbar .ds-nav-link.menu-level1 {
      letter-spacing: normal; }
  .ds-navbar .ds-nav-link + .nav-dropdown-icon {
    display: none; }
  .ds-navbar .quick-links-nav {
    display: block;
    padding: 0 var(--spacing-20) var(--spacing-32) var(--spacing-20); }
    .ds-navbar .quick-links-nav a {
      color: var(--color-grey-900);
      border-top: var(--border-width-1) solid var(--color-grey-100);
      margin-bottom: 0;
      font-family: var(--button-sm-fontFamily) ;
      font-size: var(--button-sm-fontSize) ;
      font-weight: var(--button-sm-fontWeight) ;
      letter-spacing: var(--button-sm-letterSpacing) ;
      line-height: calc(var(--button-sm-lineHeight)) ;
      text-transform: var(--button-sm-textCase, "inherit") ;
      display: block;
      padding: var(--spacing-16) 0; }
      .pvhthus .ds-navbar .quick-links-nav a, .pvhthca .ds-navbar .quick-links-nav a {
        color: var(--link-primary-color);
        border-top: var(--border-width-1) solid var(--color-blue-50);
        font-family: var(--textbutton-sm-fontFamily) ;
        font-size: var(--textbutton-sm-fontSize) ;
        font-weight: var(--textbutton-sm-fontWeight) ;
        letter-spacing: var(--textbutton-sm-letterSpacing) ;
        line-height: calc(var(--textbutton-sm-lineHeight)) ;
        text-transform: var(--textbutton-sm-textCase, "inherit") ; }
      .ds-navbar .quick-links-nav a span {
        margin-bottom: 0; }
    .ds-navbar .quick-links-nav .reg-user-cont {
      padding-top: var(--spacing-32); }
      .ds-navbar .quick-links-nav .reg-user-cont + .mobile-nav-head {
        padding-top: var(--spacing-32);
        margin-top: var(--spacing-32); }
        .pvhckus .ds-navbar .quick-links-nav .reg-user-cont + .mobile-nav-head, .pvhckca .ds-navbar .quick-links-nav .reg-user-cont + .mobile-nav-head {
          margin-top: var(--spacing-16); }
  .ds-navbar .language-list-mobile {
    color: var(--color-grey-500);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--spacing-16) var(--spacing-20) var(--spacing-32); }
    .pvhthus .ds-navbar .language-list-mobile, .pvhthca .ds-navbar .language-list-mobile {
      padding-bottom: var(--spacing-32);
      padding-top: var(--spacing-32); }
    .ds-navbar .language-list-mobile .lang-list,
    .ds-navbar .language-list-mobile .lang-heading {
      font-family: var(--textbutton-sm-fontFamily) ;
      font-size: var(--textbutton-sm-fontSize) ;
      font-weight: var(--textbutton-sm-fontWeight) ;
      letter-spacing: var(--textbutton-sm-letterSpacing) ;
      line-height: calc(var(--textbutton-sm-lineHeight)) ;
      text-transform: var(--textbutton-sm-textCase, "inherit") ;
      margin-bottom: 0; }
    .ds-navbar .language-list-mobile .lang-list {
      padding-left: var(--spacing-16); }
      .ds-navbar .language-list-mobile .lang-list a {
        color: var(--color-grey-500); }
      .ds-navbar .language-list-mobile .lang-list .selected-language {
        text-decoration: underline;
        color: var(--color-brand-primary); }
  .ds-navbar .mobile-nav-head {
    font-family: var(--textbutton-xs-fontFamily) ;
    font-size: var(--textbutton-xs-fontSize) ;
    font-weight: var(--textbutton-xs-fontWeight) ;
    letter-spacing: var(--textbutton-xs-letterSpacing) ;
    line-height: calc(var(--textbutton-xs-lineHeight)) ;
    text-transform: var(--textbutton-xs-textCase, "inherit") ;
    color: var(--color-grey-500);
    padding: var(--spacing-16) 0;
    margin-bottom: 0;
    margin-top: var(--spacing-16); }
    .pvhthus .ds-navbar .mobile-nav-head, .pvhthca .ds-navbar .mobile-nav-head {
      font-family: var(--button-sm-fontFamily) ;
      font-size: var(--button-sm-fontSize) ;
      font-weight: var(--button-sm-fontWeight) ;
      letter-spacing: var(--button-sm-letterSpacing) ;
      line-height: calc(var(--button-sm-lineHeight)) ;
      text-transform: var(--button-sm-textCase, "inherit") ; }
  .ds-navbar .login-acc-container + .mobile-nav-head {
    padding-top: var(--spacing-32);
    margin-top: var(--spacing-32); }
    .pvhckus .ds-navbar .login-acc-container + .mobile-nav-head, .pvhckca .ds-navbar .login-acc-container + .mobile-nav-head {
      margin-top: var(--spacing-16); }
  .ds-globalnav-header.drawer-open {
    background-color: var(--color-white); }
    .ds-globalnav-header.drawer-open .transparent__background.color-white {
      background-color: var(--color-white); }
    .ds-globalnav-header.drawer-open .ds-navbar {
      background: var(--color-white); }
  .ds-globalnav-header .icon-chevron-left {
    margin-right: var(--spacing-16); }
  .ds-globalnav-header .icon-plus::before,
  .ds-globalnav-header .icon-minus::before {
    font-size: var(--sizing-icon-md); }
  .reg-user-cont .reg-user-name .reg-user {
    color: var(--link-primary-color); } }

@media (min-width: 992px) {
  .ds-navbar-collapse {
    position: unset; }
  .quick-links-nav,
  .language-list-mobile {
    display: none; }
  .nav-hovering .ds-navbar {
    -webkit-transition-property: all;
    transition-property: all; }
  .menu-open .ds-navbar {
    -webkit-transition-property: none;
    transition-property: none;
    will-change: auto; }
  .ds-navbar.ds-navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item a.menu-level1 {
          /* stylelint-disable */ }
          .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item a.menu-level1 span.megamenu-link {
            margin: 0;
            font-family: inherit;
            font-weight: inherit; }
          .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item a.menu-level1:focus-visible {
            outline: 0; }
            .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item a.menu-level1:focus-visible span.megamenu-link {
              outline: -webkit-focus-ring-color auto 1px; }
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item .nav-dropdown-icon {
          display: none;
          background: none;
          border: none;
          padding: 0;
          height: var(--spacing-16);
          position: absolute;
          right: calc(var(--spacing-12) * -1.3);
          bottom: 0; }
          .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item .nav-dropdown-icon span.dropdown-icon {
            font-size: inherit;
            vertical-align: middle;
            line-height: inherit; }
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item .icon-chevron-right {
          display: none; } }
        @media only screen and (min-width: 992px) and (max-width: 991.98px) {
          .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item .icon-chevron-right {
            display: block;
            color: var(--link-primary-color); } }

@media (min-width: 992px) {
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.show .ds-nav-item a:focus + .nav-dropdown-icon {
          display: inline-block; }
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.show .mega-wrapper {
          z-index: 100; }
          .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.show .mega-wrapper .column,
          .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.show .mega-wrapper .mega-bottom-slot {
            visibility: visible;
            opacity: 1; }
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-wrapper {
          -webkit-transition-property: height;
          transition-property: height;
          -webkit-transition-delay: 300ms;
                  transition-delay: 300ms;
          will-change: height; }
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .column,
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-bottom-slot {
          -webkit-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-delay: 300ms;
                  transition-delay: 300ms;
          will-change: opacity; }
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.hiding .mega-wrapper {
          z-index: 200; }
          .nav-hovering .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.hiding .mega-wrapper {
            opacity: 1; }
          .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.hiding .mega-wrapper .column,
          .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.hiding .mega-wrapper .mega-bottom-slot {
            opacity: 0; }
      .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper {
        position: absolute;
        left: 0;
        height: 0;
        z-index: 0;
        top: 90%; }
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .column,
        .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .mega-bottom-slot {
          -webkit-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-delay: 300ms;
                  transition-delay: 300ms;
          will-change: opacity;
          opacity: 0;
          visibility: hidden;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden; }
    .ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse.tab-focus-outline .ds-navbar-nav .ds-nav-item .nav-dropdown-icon {
      display: block; }
  .ds-navbar .mega-wrapper {
    visibility: hidden;
    opacity: 1;
    -webkit-transition-property: height;
    transition-property: height;
    will-change: height;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .ds-navbar .mega-wrapper .l1-title {
      position: relative; }
    .ds-navbar .mega-wrapper .l1-shop .nav-item {
      padding-top: var(--spacing-8);
      padding-bottom: var(--spacing-8); }
    .ds-navbar .mega-wrapper ul li.nav-item {
      padding-top: var(--spacing-8);
      padding-bottom: var(--spacing-8); }
  .ds-navbar .ds-column {
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    opacity: 0;
    padding: var(--spacing-24) var(--spacing-38) var(--spacing-40);
    visibility: hidden;
    -webkit-column-gap: var(--spacing-40);
       -moz-column-gap: var(--spacing-40);
            column-gap: var(--spacing-40);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .pvhckus .ds-navbar .ds-column, .pvhckca .ds-navbar .ds-column {
      padding: var(--spacing-24) var(--spacing-24) var(--spacing-40); } }
    @media (min-width: 992px) and (min-width: 1400px) {
      .pvhckus .ds-navbar .ds-column, .pvhckca .ds-navbar .ds-column {
        padding: var(--spacing-24) var(--spacing-38) var(--spacing-40); } }

@media (min-width: 992px) {
    .pvhthus .ds-navbar .ds-column, .pvhthca .ds-navbar .ds-column {
      grid-template-columns: repeat(6, minmax(0, 1fr));
      padding-top: var(--spacing-40); }
    .ds-navbar .ds-column .column {
      -ms-flex-preferred-size: fit-content;
          flex-basis: fit-content;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .ds-navbar .ds-column .column .featured-category-heading {
        font-family: var(--body-md-fontFamily) ;
        font-size: var(--body-md-fontSize) ;
        font-weight: var(--body-md-fontWeight) ;
        letter-spacing: var(--body-md-letterSpacing) ;
        line-height: calc(var(--body-md-lineHeight)) ;
        text-transform: var(--body-md-textCase, "inherit") ;
        text-transform: uppercase;
        padding-top: var(--spacing-8);
        display: block; }
        .pvhthus .ds-navbar .ds-column .column .featured-category-heading, .pvhthca .ds-navbar .ds-column .column .featured-category-heading {
          opacity: var(--opacity-60); }
        .pvhckus .ds-navbar .ds-column .column .featured-category-heading, .pvhckca .ds-navbar .ds-column .column .featured-category-heading {
          font-family: var(--body-sm-fontFamily) ;
          font-size: var(--body-sm-fontSize) ;
          font-weight: var(--body-sm-fontWeight) ;
          letter-spacing: var(--body-sm-letterSpacing) ;
          line-height: calc(var(--body-sm-lineHeight)) ;
          text-transform: var(--body-sm-textCase, "inherit") ;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: var(--color-grey-500); }
      .pvhckus .ds-navbar .ds-column .column .featured-subcats a, .pvhckca .ds-navbar .ds-column .column .featured-subcats a {
        font-family: var(--heading-sm-fontFamily) ;
        font-size: var(--heading-sm-fontSize) ;
        font-weight: var(--heading-sm-fontWeight) ;
        letter-spacing: var(--heading-sm-letterSpacing) ;
        line-height: calc(var(--heading-sm-lineHeight)) ;
        text-transform: var(--heading-sm-textCase, "inherit") ;
        color: var(--color-grey-900); }
      .ds-navbar .ds-column .column.category-title {
        display: block;
        max-width: none; }
        .pvhckus .ds-navbar .ds-column .column.category-title, .pvhckca .ds-navbar .ds-column .column.category-title {
          grid-column: span 6;
          max-width: 100%; }
          .pvhckus .ds-navbar .ds-column .column.category-title .l1-shop, .pvhckca .ds-navbar .ds-column .column.category-title .l1-shop {
            display: none; }
      .ds-navbar .ds-column .column .category-asset {
        padding: 0;
        max-width: 233px;
        display: none; }
        .pvhthus .ds-navbar .ds-column .column .category-asset, .pvhthca .ds-navbar .ds-column .column .category-asset {
          max-width: 233px; } }
      @media (min-width: 992px) and (min-width: 1400px) {
        .ds-navbar .ds-column .column .category-asset {
          display: block; } }
    @media (min-width: 992px) and (min-width: 992px) {
      .ds-navbar .ds-column .column .mega-asset-1,
      .ds-navbar .ds-column .column .mega-asset-2,
      .ds-navbar .ds-column .column .mega-asset-3 {
        display: block; } }

@media (min-width: 992px) {
      .ds-navbar .ds-column .column ul {
        margin-bottom: var(--spacing-16); }
    .ds-navbar .ds-column .l1-title {
      font-family: var(--heading-lg-fontFamily) ;
      font-size: var(--heading-lg-fontSize) ;
      font-weight: var(--heading-lg-fontWeight) ;
      letter-spacing: var(--heading-lg-letterSpacing) ;
      line-height: calc(var(--heading-lg-lineHeight)) ;
      text-transform: var(--heading-lg-textCase, "inherit") ;
      text-transform: capitalize; }
      .ds-navbar .ds-column .l1-title a:hover {
        text-decoration: underline; }
      .pvhthus .ds-navbar .ds-column .l1-title, .pvhthca .ds-navbar .ds-column .l1-title {
        font-weight: 500;
        letter-spacing: normal; }
        .pvhthus .ds-navbar .ds-column .l1-title a, .pvhthca .ds-navbar .ds-column .l1-title a {
          color: var(--color-text-primary-light_bg); }
    .ds-navbar .ds-column .mega-bottom-slot {
      width: 100%;
      grid-column: span 6; }
    .ds-navbar .ds-column .mobilenav-slot-bottom {
      display: none; }
  .ds-navbar .ds-navbar-nav:hover .ds-nav-link.menu-level1 {
    color: var(--color-grey-500); }
  .ds-navbar .ds-navbar-nav:hover .ds-nav-item.show .ds-nav-link.menu-level1 {
    color: var(--color-grey-900); }
  .ds-navbar .ds-navbar-nav.show .ds-column {
    -webkit-transition: none !important;
    transition: none !important; }
  .ds-navbar .ds-dropdown.show .mega-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    z-index: 100;
    height: auto;
    padding-right: var(--scrollbarwidth);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .ds-navbar .ds-dropdown.show .mega-wrapper .ds-column {
      visibility: visible;
      opacity: 1; }
  .ds-navbar .ds-dropdown.show.scroll-visible .mega-wrapper {
    padding-right: 0;
    overflow-y: auto; }
  .ds-navbar .category-level2-title {
    margin-bottom: var(--spacing-8); }
    .ds-navbar .category-level2-title .level2-category {
      color: var(--color-grey-900);
      background: none;
      border: none;
      padding: 0;
      text-align: left;
      font-family: var(--heading-sm-fontFamily) ;
      font-size: var(--heading-sm-fontSize) ;
      font-weight: var(--heading-sm-fontWeight) ;
      letter-spacing: var(--heading-sm-letterSpacing) ;
      line-height: calc(var(--heading-sm-lineHeight)) ;
      text-transform: var(--heading-sm-textCase, "inherit") ;
      letter-spacing: normal; }
      .pvhthus .ds-navbar .category-level2-title .level2-category, .pvhthca .ds-navbar .category-level2-title .level2-category {
        font-weight: 500;
        color: var(--link-primary-color); }
      .ds-navbar .category-level2-title .level2-category:hover {
        text-decoration: underline;
        cursor: pointer; }
      .ds-navbar .category-level2-title .level2-category.level2-nonclick:hover {
        text-decoration: none; }
    .ds-navbar .category-level2-title span {
      display: none; }
  .ds-navbar .ds-center ul li {
    padding: var(--spacing-8) 0; }
  .ds-navbar .lg-one-half {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    width: 160px;
    padding-left: var(--spacing-24); }
  .ds-navbar .slide {
    position: relative; }
  .ds-navbar .html-slot-container {
    padding-right: var(--spacing-40); }
  .ds-navbar .mobile-nav-head {
    display: none; }
  .back-arrow {
    display: none; } }

.ds-navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.mega-wrapper {
  background-color: var(--color-white);
  width: 100%;
  border: none;
  position: fixed;
  top: var(--spacing-80);
  right: -100%;
  z-index: 999; }
  @media only screen and (max-width: 991.98px) {
    .mega-wrapper {
      visibility: hidden; } }
  @media only screen and (max-width: 991.98px) {
    .mega-wrapper.show {
      right: 0;
      height: var(--vh);
      overflow-y: auto;
      padding-bottom: var(--spacing-80);
      visibility: visible; } }

.ds-navbar {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20); }
  @media (min-width: 992px) {
    .ds-navbar {
      padding-top: 0;
      padding-bottom: 0; }
      .ds-navbar .ds-container {
        max-width: 100%; } }
  .ds-navbar .ae-accessible-menu-button:focus {
    position: fixed;
    top: 0;
    left: 0 !important; }
  .ds-navbar .ds-nav-link.menu-level1 {
    font-family: var(--textbutton-sm-fontFamily) ;
    font-size: var(--textbutton-sm-fontSize) ;
    font-weight: var(--textbutton-sm-fontWeight) ;
    letter-spacing: var(--textbutton-sm-letterSpacing) ;
    line-height: calc(var(--textbutton-sm-lineHeight)) ;
    text-transform: var(--textbutton-sm-textCase, "inherit") ;
    margin-bottom: 0;
    position: relative;
    color: var(--link-primary-color);
    z-index: 101; }
    .pvhckus .ds-navbar .ds-nav-link.menu-level1, .pvhckca .ds-navbar .ds-nav-link.menu-level1 {
      color: var(--color-grey-900); }
    .pvhthus .ds-navbar .ds-nav-link.menu-level1, .pvhthca .ds-navbar .ds-nav-link.menu-level1 {
      line-height: var(--spacing-16); }
    @media only screen and (max-width: 991.98px) {
      .ds-navbar .ds-nav-link.menu-level1 {
        font-family: var(--heading-md-fontFamily) ;
        font-size: var(--heading-md-fontSize) ;
        font-weight: var(--heading-md-fontWeight) ;
        letter-spacing: var(--heading-md-letterSpacing) ;
        line-height: calc(var(--heading-md-lineHeight)) ;
        text-transform: var(--heading-md-textCase, "inherit") ;
        font-weight: 500; }
        .ds-navbar .ds-nav-link.menu-level1 .icon-chevron-right::before {
          font-size: var(--sizing-icon-sm);
          margin-right: var(--spacing-2); }
          .pvhthus .ds-navbar .ds-nav-link.menu-level1 .icon-chevron-right::before, .pvhthca .ds-navbar .ds-nav-link.menu-level1 .icon-chevron-right::before {
            margin-right: calc(var(--spacing-2) * -1);
            /* approved th override for smaller chevrons */ }
          .pvhckus .ds-navbar .ds-nav-link.menu-level1 .icon-chevron-right::before, .pvhckca .ds-navbar .ds-nav-link.menu-level1 .icon-chevron-right::before {
            font-weight: 700; } }
    .ds-navbar .ds-nav-link.menu-level1 .megamenu-link {
      font-family: inherit;
      font-weight: inherit;
      margin: 0; }
  @media only screen and (max-width: 991.98px) {
    .ds-navbar .main-nav-container nav#nav-main {
      padding-bottom: 112px; }
    .ds-navbar .mega-nav-header a,
    .ds-navbar .category-level2-title a {
      color: var(--color-grey-900); }
      .pvhthus .ds-navbar .mega-nav-header a, .pvhthca .ds-navbar .mega-nav-header a, .pvhthus
      .ds-navbar .category-level2-title a, .pvhthca
      .ds-navbar .category-level2-title a {
        color: var(--link-primary-color); }
    .ds-navbar .mega-nav-header .icon-chevron-left::before,
    .ds-navbar .category-level2-title .icon-chevron-left::before {
      font-size: var(--sizing-icon-sm); }
      .pvhckus .ds-navbar .mega-nav-header .icon-chevron-left::before, .pvhckca .ds-navbar .mega-nav-header .icon-chevron-left::before, .pvhckus
      .ds-navbar .category-level2-title .icon-chevron-left::before, .pvhckca
      .ds-navbar .category-level2-title .icon-chevron-left::before {
        font-weight: 700; }
    .ds-navbar .level2-nonclick {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left;
      padding-left: 0; }
      .ds-navbar .level2-nonclick:hover {
        text-decoration: none; }
    .ds-navbar .category-level2-title,
    .ds-navbar .level2-category {
      margin-bottom: 0; }
    .ds-navbar .l1-shop .nav-item a {
      font-family: var(--heading-md-fontFamily) ;
      font-size: var(--heading-md-fontSize) ;
      font-weight: var(--heading-md-fontWeight) ;
      letter-spacing: var(--heading-md-letterSpacing) ;
      line-height: calc(var(--heading-md-lineHeight)) ;
      text-transform: var(--heading-md-textCase, "inherit") ;
      font-weight: 500; }
    .ds-navbar .column {
      padding: 0; }
      .ds-navbar .column.ds-mb-24 {
        margin: 0 !important; }
        .ds-navbar .column.ds-mb-24 .category-asset {
          display: none; }
    .pvhthus .ds-navbar .l2-column, .pvhthca .ds-navbar .l2-column {
      padding-right: 19px; }
    .ds-navbar .l2-column.expanded .category-level2-title {
      border-bottom: var(--border-width-1) solid var(--color-grey-100);
      padding-bottom: var(--spacing-16); }
      .pvhthus .ds-navbar .l2-column.expanded .category-level2-title, .pvhthca .ds-navbar .l2-column.expanded .category-level2-title {
        border-color: var(--color-blue-50); }
      .ds-navbar .l2-column.expanded .category-level2-title:not(.level2-stacked) .icon-plus {
        display: none; }
      .ds-navbar .l2-column.expanded .category-level2-title:not(.level2-stacked) .icon-minus {
        display: inline-block; }
    .ds-navbar .l2-column.expanded .l3-categories {
      max-height: 999px;
      visibility: visible; }
    .ds-navbar .l2-column.expanded .level2-stacked + .l3-categories:not(.expanded) {
      max-height: 0; }
    .ds-navbar .l3-categories {
      max-height: 0;
      overflow: hidden;
      -webkit-transition-property: max-height;
      transition-property: max-height;
      will-change: max-height;
      visibility: hidden; }
      .ds-navbar .l3-categories li {
        font-family: var(--textbutton-sm-fontFamily) ;
        font-size: var(--textbutton-sm-fontSize) ;
        font-weight: var(--textbutton-sm-fontWeight) ;
        letter-spacing: var(--textbutton-sm-letterSpacing) ;
        line-height: calc(var(--textbutton-sm-lineHeight)) ;
        text-transform: var(--textbutton-sm-textCase, "inherit") ;
        padding: var(--spacing-16) 0; }
      .ds-navbar .l3-categories .nav-item a {
        display: inline-block;
        width: auto;
        margin: 0; }
      .ds-navbar .l3-categories.expanded {
        max-height: 999px;
        visibility: visible; }
    .ds-navbar .category-level2-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .ds-navbar .category-level2-title span {
        color: var(--link-primary-color);
        font-weight: normal; }
      .ds-navbar .category-level2-title .icon-minus {
        display: none; }
      .ds-navbar .category-level2-title a {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .ds-navbar .category-level2-title.level2-stacked {
        padding: var(--spacing-32) 0 0; }
        .ds-navbar .category-level2-title.level2-stacked.expanded .icon-plus {
          display: none; }
        .ds-navbar .category-level2-title.level2-stacked.expanded .icon-minus {
          display: block; }
        .ds-navbar .category-level2-title.level2-stacked:not(.expanded) {
          border-bottom: none; }
      .ds-navbar .category-level2-title.expanded {
        border-bottom: var(--border-width-1) solid var(--color-grey-100);
        padding-bottom: var(--spacing-16); }
    .ds-navbar .l1-shop .nav-item,
    .ds-navbar .mega-nav-header,
    .ds-navbar .l2-column {
      padding: var(--spacing-16) var(--spacing-20); }
    .ds-navbar .l3-categories li,
    .ds-navbar .featured-subcats li {
      border-bottom: var(--border-width-1) solid var(--color-grey-100); }
      .pvhthus .ds-navbar .l3-categories li, .pvhthca .ds-navbar .l3-categories li, .pvhthus
      .ds-navbar .featured-subcats li, .pvhthca
      .ds-navbar .featured-subcats li {
        border-color: var(--color-blue-50); }
      .pvhckus .ds-navbar .l3-categories li a, .pvhckca .ds-navbar .l3-categories li a, .pvhckus
      .ds-navbar .featured-subcats li a, .pvhckca
      .ds-navbar .featured-subcats li a {
        font-family: var(--heading-sm-fontFamily) ;
        font-size: var(--heading-sm-fontSize) ;
        font-weight: var(--heading-sm-fontWeight) ;
        letter-spacing: var(--heading-sm-letterSpacing) ;
        line-height: calc(var(--heading-sm-lineHeight)) ;
        text-transform: var(--heading-sm-textCase, "inherit") ; }
      .ds-navbar .l3-categories li:last-child,
      .ds-navbar .featured-subcats li:last-child {
        border-bottom: 0; }
    .ds-navbar .mega-nav-header {
      border-bottom: var(--border-width-1) solid var(--color-grey-100);
      margin-bottom: var(--spacing-8);
      position: sticky;
      top: 0;
      background-color: var(--color-white);
      z-index: 1; } }
  .ds-navbar .language-selector-wrapper {
    border-left-color: var(--color-white); }
    .ds-navbar .language-selector-wrapper .language-selector {
      font-family: var(--textbutton-sm-fontFamily) ;
      font-size: var(--textbutton-sm-fontSize) ;
      font-weight: var(--textbutton-sm-fontWeight) ;
      letter-spacing: var(--textbutton-sm-letterSpacing) ;
      line-height: calc(var(--textbutton-sm-lineHeight)) ;
      text-transform: var(--textbutton-sm-textCase, "inherit") ;
      margin-top: var(--spacing-4);
      padding-top: var(--spacing-2); }
  .nav-hover .ds-navbar {
    background-color: var(--color-white); }
  .ds-navbar.transparent__background.color-white {
    background: transparent; }
    .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1 {
      color: var(--color-white); }
    .ds-navbar.transparent__background.color-white .language-selector-wrapper {
      border-left-color: var(--link-primary-color); }
    .ds-navbar.transparent__background.color-white .brand-logo__img.logo-white {
      display: block; }
    .ds-navbar.transparent__background.color-white .icon-account-container,
    .ds-navbar.transparent__background.color-white .icon-cart-container,
    .ds-navbar.transparent__background.color-white .icon-search-container,
    .ds-navbar.transparent__background.color-white .icon-menu-container,
    .ds-navbar.transparent__background.color-white .language-selector {
      color: var(--color-white); }
    .ds-navbar.transparent__background.color-white .total-count-minicart,
    .ds-navbar.transparent__background.color-white .total-count-minicart-mobile {
      background-color: var(--color-white); }
    .ds-navbar.transparent__background.color-white .minicart-number {
      color: var(--color-black); }
    body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white, .ds-navbar.transparent__background.color-white.in-scroll,
    .nav-hover .ds-navbar.transparent__background.color-white {
      background-color: var(--color-white); }
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1, .ds-navbar.transparent__background.color-white.in-scroll .ds-nav-link.menu-level1,
      .nav-hover .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1 {
        color: var(--color-grey-900); }
        .pvhthus body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1, .pvhthca body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1, .pvhthus .ds-navbar.transparent__background.color-white.in-scroll .ds-nav-link.menu-level1, .pvhthca .ds-navbar.transparent__background.color-white.in-scroll .ds-nav-link.menu-level1, .pvhthus
        .nav-hover .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1, .pvhthca
        .nav-hover .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1 {
          color: var(--link-primary-color); }
        @media screen and (min-width: 1280px) {
          .pvhckus body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1, .pvhckca body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1, .pvhckus .ds-navbar.transparent__background.color-white.in-scroll .ds-nav-link.menu-level1, .pvhckca .ds-navbar.transparent__background.color-white.in-scroll .ds-nav-link.menu-level1, .pvhckus
          .nav-hover .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1, .pvhckca
          .nav-hover .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1 {
            color: var(--color-grey-900); } }
        body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1:hover, .ds-navbar.transparent__background.color-white.in-scroll .ds-nav-link.menu-level1:hover,
        .nav-hover .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1:hover {
          color: var(--link-primary-color); }
          .pvhckus body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1:hover, .pvhckca body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1:hover, .pvhckus .ds-navbar.transparent__background.color-white.in-scroll .ds-nav-link.menu-level1:hover, .pvhckca .ds-navbar.transparent__background.color-white.in-scroll .ds-nav-link.menu-level1:hover, .pvhckus
          .nav-hover .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1:hover, .pvhckca
          .nav-hover .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1:hover {
            color: var(--color-grey-900); }
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .brand-logo__img, .ds-navbar.transparent__background.color-white.in-scroll .brand-logo__img,
      .nav-hover .ds-navbar.transparent__background.color-white .brand-logo__img {
        display: block; }
        body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .brand-logo__img.logo_transparent, body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .brand-logo__img.logo-white, .ds-navbar.transparent__background.color-white.in-scroll .brand-logo__img.logo_transparent, .ds-navbar.transparent__background.color-white.in-scroll .brand-logo__img.logo-white,
        .nav-hover .ds-navbar.transparent__background.color-white .brand-logo__img.logo_transparent,
        .nav-hover .ds-navbar.transparent__background.color-white .brand-logo__img.logo-white {
          display: none; }
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .icon-account-container,
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .icon-cart-container,
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .icon-search-container,
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .icon-menu-container,
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .language-selector, .ds-navbar.transparent__background.color-white.in-scroll .icon-account-container,
      .ds-navbar.transparent__background.color-white.in-scroll .icon-cart-container,
      .ds-navbar.transparent__background.color-white.in-scroll .icon-search-container,
      .ds-navbar.transparent__background.color-white.in-scroll .icon-menu-container,
      .ds-navbar.transparent__background.color-white.in-scroll .language-selector,
      .nav-hover .ds-navbar.transparent__background.color-white .icon-account-container,
      .nav-hover .ds-navbar.transparent__background.color-white .icon-cart-container,
      .nav-hover .ds-navbar.transparent__background.color-white .icon-search-container,
      .nav-hover .ds-navbar.transparent__background.color-white .icon-menu-container,
      .nav-hover .ds-navbar.transparent__background.color-white .language-selector {
        color: var(--link-primary-color); }
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .total-count-minicart,
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .total-count-minicart-mobile, .ds-navbar.transparent__background.color-white.in-scroll .total-count-minicart,
      .ds-navbar.transparent__background.color-white.in-scroll .total-count-minicart-mobile,
      .nav-hover .ds-navbar.transparent__background.color-white .total-count-minicart,
      .nav-hover .ds-navbar.transparent__background.color-white .total-count-minicart-mobile {
        background-color: var(--link-primary-color); }
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .minicart-number, .ds-navbar.transparent__background.color-white.in-scroll .minicart-number,
      .nav-hover .ds-navbar.transparent__background.color-white .minicart-number {
        color: var(--color-white); }
      body:not(.no-focus-outline) .ds-navbar.transparent__background.color-white .navbar-toggler, .ds-navbar.transparent__background.color-white.in-scroll .navbar-toggler,
      .nav-hover .ds-navbar.transparent__background.color-white .navbar-toggler {
        color: var(--color-brand-primary); }
    @media screen and (min-width: 1280px) {
      .pvhckus .ds-navbar.transparent__background.color-white .ds-navbar-nav:hover .ds-nav-link.menu-level1, .pvhckca .ds-navbar.transparent__background.color-white .ds-navbar-nav:hover .ds-nav-link.menu-level1 {
        color: var(--color-grey-500); } }
    .pvhckus .ds-navbar.transparent__background.color-white .ds-navbar-nav:hover .ds-nav-item.show .ds-nav-link.menu-level1, .pvhckca .ds-navbar.transparent__background.color-white .ds-navbar-nav:hover .ds-nav-item.show .ds-nav-link.menu-level1 {
      color: var(--color-grey-900); }
    .ds-navbar.transparent__background.color-white .brand-logo__img {
      display: none; }
      .ds-navbar.transparent__background.color-white .brand-logo__img.logo_transparent {
        display: block; }
    .ds-navbar.transparent__background.color-white .navbar-toggler {
      color: var(--color-white); }

@media only screen and (max-width: 991.98px) {
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1, .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .ds-nav-link.menu-level1 {
    color: var(--color-grey-900); }
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .icon-account-container,
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .icon-cart-container,
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .icon-search-container,
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .icon-menu-container,
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .language-selector, .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .icon-account-container,
  .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .icon-cart-container,
  .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .icon-search-container,
  .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .icon-menu-container,
  .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .language-selector {
    color: var(--link-primary-color); }
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .total-count-minicart,
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .total-count-minicart-mobile, .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .total-count-minicart,
  .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .total-count-minicart-mobile {
    background-color: var(--link-primary-color); }
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .minicart-number, .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .minicart-number {
    color: var(--color-white); }
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .logo-black, .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .logo-black {
    display: block !important; }
  .pvhckus .drawer-open .ds-navbar.transparent__background.color-white .logo-white, .pvhckca .drawer-open .ds-navbar.transparent__background.color-white .logo-white {
    display: none !important; } }

.ds-megamenu {
  position: static; }

.ds-auto-margins {
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 991px) {
  header.ds-globalnav-header .header {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20); }
    .pvhckus header.ds-globalnav-header .header, .pvhckca header.ds-globalnav-header .header {
      padding-left: 0;
      padding-right: 0; } }

header.ds-globalnav-header .ds-navbar.transparent__background.color-white .language-selector-wrapper {
  border-left-color: var(--color-white); }

header.ds-globalnav-header .ds-navbar.transparent__background.color-black .language-selector-wrapper {
  border-left-color: var(--border-color); }

body:not(.no-focus-outline) header.ds-globalnav-header .ds-navbar.transparent__background .language-selector-wrapper,
.nav-hover header.ds-globalnav-header .ds-navbar.transparent__background .language-selector-wrapper, header.ds-globalnav-header .ds-navbar.transparent__background.in-scroll .language-selector-wrapper {
  border-left-color: var(--border-color); }

header.ds-globalnav-header .ds-navbar-header {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 991.98px) {
    header.ds-globalnav-header .ds-navbar-header {
      margin-top: 0;
      max-height: var(--spacing-20); } }
  @media (min-width: 992px) {
    header.ds-globalnav-header .ds-navbar-header {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .pvhckus header.ds-globalnav-header .ds-navbar-header, .pvhckca header.ds-globalnav-header .ds-navbar-header {
        padding: var(--spacing-4) 0; } }
  @media (min-width: 992px) {
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access {
      position: absolute;
      right: var(--spacing-38); } }
  header.ds-globalnav-header .ds-navbar-header .navbar-header__access .search,
  header.ds-globalnav-header .ds-navbar-header .navbar-header__access .account-menu {
    margin-right: var(--spacing-24); }
    @media (max-width: 640px) {
      header.ds-globalnav-header .ds-navbar-header .navbar-header__access .search,
      header.ds-globalnav-header .ds-navbar-header .navbar-header__access .account-menu {
        margin-top: 0; } }
  header.ds-globalnav-header .ds-navbar-header .navbar-header__access .icon-account-container,
  header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-link {
    background: none;
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    position: relative; }
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .icon-account-container.language-selctor-enable:has(.icon-bag),
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-link.language-selctor-enable:has(.icon-bag) {
      margin-right: 0; }
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .icon-account-container.language-selctor-enable,
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-link.language-selctor-enable {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 14px; }
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .icon-account-container.language-selctor-enable:has(.count-updated),
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-link.language-selctor-enable:has(.count-updated) {
      margin-right: var(--spacing-20); }
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .icon-account-container.language-selctor-enable:has(.count-updated-large),
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-link.language-selctor-enable:has(.count-updated-large) {
      margin-right: 26px; }
    @media only screen and (max-width: 991.98px) {
      header.ds-globalnav-header .ds-navbar-header .navbar-header__access .icon-account-container.minicart-mobile,
      header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-link.minicart-mobile {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 14px; }
      header.ds-globalnav-header .ds-navbar-header .navbar-header__access .icon-account-container.minicart-mobile:has(.icon-bag),
      header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-link.minicart-mobile:has(.icon-bag) {
        margin-right: 0; } }
  @media only screen and (max-width: 991.98px) {
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-mobile:has(.count-updated) {
      margin-right: var(--spacing-20); }
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .minicart-mobile:has(.count-updated-large) {
      margin-right: 26px; } }
  header.ds-globalnav-header .ds-navbar-header .navbar-header__access .language-selector-wrapper {
    border-left-color: var(--body-color); }
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .language-selector-wrapper .language-selector {
      font-family: var(--textbutton-sm-fontFamily) ;
      font-size: var(--textbutton-sm-fontSize) ;
      font-weight: var(--textbutton-sm-fontWeight) ;
      letter-spacing: var(--textbutton-sm-letterSpacing) ;
      line-height: calc(var(--textbutton-sm-lineHeight)) ;
      text-transform: var(--textbutton-sm-textCase, "inherit") ;
      margin-top: var(--spacing-4);
      padding-top: var(--spacing-2); }
  @media (max-width: 991px) {
    header.ds-globalnav-header .ds-navbar-header .navbar-header__access .search {
      margin-right: var(--spacing-20); } }
  header.ds-globalnav-header .ds-navbar-header .acc-popover {
    padding: var(--spacing-20) var(--spacing-24); }
    .pvhckus header.ds-globalnav-header .ds-navbar-header .acc-popover, .pvhckca header.ds-globalnav-header .ds-navbar-header .acc-popover {
      padding: var(--spacing-24); }
    header.ds-globalnav-header .ds-navbar-header .acc-popover.js-lang-dropdown {
      max-width: 68px;
      max-height: 96px;
      top: 42px; }
      header.ds-globalnav-header .ds-navbar-header .acc-popover.js-lang-dropdown .login-acc-container .selected-language {
        color: var(--color-white); }
        header.ds-globalnav-header .ds-navbar-header .acc-popover.js-lang-dropdown .login-acc-container .selected-language a::after {
          margin-top: 0; }
        header.ds-globalnav-header .ds-navbar-header .acc-popover.js-lang-dropdown .login-acc-container .selected-language .user-message {
          display: block;
          line-height: var(--spacing-16);
          padding: 0; }
          header.ds-globalnav-header .ds-navbar-header .acc-popover.js-lang-dropdown .login-acc-container .selected-language .user-message::after {
            content: "";
            display: block;
            background-color: var(--color-white);
            height: 1px;
            margin-top: 0; }
      header.ds-globalnav-header .ds-navbar-header .acc-popover.js-lang-dropdown .login-acc-container .language-list-spacing {
        padding: 0; }
      header.ds-globalnav-header .ds-navbar-header .acc-popover.js-lang-dropdown .login-acc-container .icon-checkmark::before {
        display: none; }
      header.ds-globalnav-header .ds-navbar-header .acc-popover.js-lang-dropdown .login-acc-container:first-of-type {
        margin-bottom: var(--spacing-8); }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header.ds-globalnav-header .ds-navbar-header {
      margin-top: 5px; }
      header.ds-globalnav-header .ds-navbar-header .header-icon-lg-size,
      header.ds-globalnav-header .ds-navbar-header .icon-bag,
      header.ds-globalnav-header .ds-navbar-header .icon-bag-filled,
      header.ds-globalnav-header .ds-navbar-header .icon-search {
        font-size: var(--sizing-icon-md); } }
  header.ds-globalnav-header .ds-navbar-header .navbar-header__button {
    display: none; }
    @media (max-width: 991px) {
      header.ds-globalnav-header .ds-navbar-header .navbar-header__button {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-left: var(--spacing-20);
        position: relative;
        display: block; }
        header.ds-globalnav-header .ds-navbar-header .navbar-header__button::after {
          content: '';
          position: absolute;
          top: -3px;
          left: -6px;
          width: var(--spacing-32);
          /* increase hit area of header icons */
          height: var(--spacing-32);
          z-index: -1; }
        .pvhthus header.ds-globalnav-header .ds-navbar-header .navbar-header__button, .pvhthca header.ds-globalnav-header .ds-navbar-header .navbar-header__button {
          margin-top: -2px; } }
    header.ds-globalnav-header .ds-navbar-header .navbar-header__button .btn-close-icon {
      display: none;
      background: transparent;
      border: 0;
      color: var(--color-black); }
      .pvhthus header.ds-globalnav-header .ds-navbar-header .navbar-header__button .btn-close-icon, .pvhthca header.ds-globalnav-header .ds-navbar-header .navbar-header__button .btn-close-icon {
        color: var(--color-brand-primary); }
      .pvhthus header.ds-globalnav-header .ds-navbar-header .navbar-header__button .btn-close-icon.closeMobileMenu .icon-close, .pvhthca header.ds-globalnav-header .ds-navbar-header .navbar-header__button .btn-close-icon.closeMobileMenu .icon-close {
        vertical-align: middle; }
      @media only screen and (max-width: 991.98px) {
        header.ds-globalnav-header .ds-navbar-header .navbar-header__button .btn-close-icon {
          padding: 0; }
          .pvhckus header.ds-globalnav-header .ds-navbar-header .navbar-header__button .btn-close-icon, .pvhckca header.ds-globalnav-header .ds-navbar-header .navbar-header__button .btn-close-icon {
            margin-top: 7px; } }
  @media screen and (min-width: 1280px) {
    .pvhckus header.ds-globalnav-header .ds-navbar-header .navbar-header__brand, .pvhckca header.ds-globalnav-header .ds-navbar-header .navbar-header__brand {
      margin-top: var(--spacing-32);
      margin-bottom: var(--spacing-32); } }
  @media screen and (min-width: 1280px) {
    .pvhthus header.ds-globalnav-header .ds-navbar-header .navbar-header__brand, .pvhthca header.ds-globalnav-header .ds-navbar-header .navbar-header__brand {
      margin-top: -4px; } }

header.ds-globalnav-header .l1-shop .nav-item a {
  font-weight: 500;
  text-transform: capitalize; }
  .pvhckus header.ds-globalnav-header .l1-shop .nav-item a, .pvhckca header.ds-globalnav-header .l1-shop .nav-item a {
    font-family: var(--heading-md-fontFamily) ;
    font-size: var(--heading-md-fontSize) ;
    font-weight: var(--heading-md-fontWeight) ;
    letter-spacing: var(--heading-md-letterSpacing) ;
    line-height: calc(var(--heading-md-lineHeight)) ;
    text-transform: var(--heading-md-textCase, "inherit") ;
    text-transform: capitalize; }
  .pvhckus header.ds-globalnav-header .l1-shop .nav-item a:hover, .pvhckca header.ds-globalnav-header .l1-shop .nav-item a:hover {
    font-family: var(--heading-md-fontFamily) ;
    font-size: var(--heading-md-fontSize) ;
    font-weight: var(--heading-md-fontWeight) ;
    letter-spacing: var(--heading-md-letterSpacing) ;
    line-height: calc(var(--heading-md-lineHeight)) ;
    text-transform: var(--heading-md-textCase, "inherit") ;
    text-transform: capitalize; }

header.ds-globalnav-header ul {
  list-style: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0; }
  header.ds-globalnav-header ul .nav-item a {
    font-family: var(--body-md-fontFamily) ;
    font-size: var(--body-md-fontSize) ;
    font-weight: var(--body-md-fontWeight) ;
    letter-spacing: var(--body-md-letterSpacing) ;
    line-height: calc(var(--body-md-lineHeight)) ;
    text-transform: var(--body-md-textCase, "inherit") ;
    font-weight: 400;
    color: var(--link-primary-color); }
    @media (min-width: 992px) {
      .pvhthus header.ds-globalnav-header ul .nav-item a, .pvhthca header.ds-globalnav-header ul .nav-item a {
        opacity: var(--opacity-60); }
        .pvhthus header.ds-globalnav-header ul .nav-item a:hover, .pvhthca header.ds-globalnav-header ul .nav-item a:hover {
          opacity: var(--opacity-100); }
        .pvhthus header.ds-globalnav-header ul .nav-item a.featured-link, .pvhthca header.ds-globalnav-header ul .nav-item a.featured-link {
          opacity: var(--opacity-100); } }
    @media only screen and (max-width: 991.98px) {
      .pvhthus header.ds-globalnav-header ul .nav-item a, .pvhthca header.ds-globalnav-header ul .nav-item a {
        letter-spacing: normal; } }
    .pvhckus header.ds-globalnav-header ul .nav-item a, .pvhckca header.ds-globalnav-header ul .nav-item a {
      font-family: var(--body-lg-fontFamily) ;
      font-size: var(--body-lg-fontSize) ;
      font-weight: var(--body-lg-fontWeight) ;
      letter-spacing: var(--body-lg-letterSpacing) ;
      line-height: calc(var(--body-lg-lineHeight)) ;
      text-transform: var(--body-lg-textCase, "inherit") ;
      color: var(--color-grey-500); }
      @media only screen and (max-width: 991.98px) {
        .pvhckus header.ds-globalnav-header ul .nav-item a, .pvhckca header.ds-globalnav-header ul .nav-item a {
          font-family: var(--button-md-fontFamily) ;
          font-size: var(--button-md-fontSize) ;
          font-weight: var(--button-md-fontWeight) ;
          letter-spacing: var(--button-md-letterSpacing) ;
          line-height: calc(var(--button-md-lineHeight)) ;
          text-transform: var(--button-md-textCase, "inherit") ;
          color: var(--color-grey-900); } }
    @media only screen and (max-width: 991.98px) {
      header.ds-globalnav-header ul .nav-item a {
        font-family: var(--button-md-fontFamily) ;
        font-size: var(--button-md-fontSize) ;
        font-weight: var(--button-md-fontWeight) ;
        letter-spacing: var(--button-md-letterSpacing) ;
        line-height: calc(var(--button-md-lineHeight)) ;
        text-transform: var(--button-md-textCase, "inherit") ; } }
    header.ds-globalnav-header ul .nav-item a:hover .default-cat-img {
      display: none; }
    .pvhckus header.ds-globalnav-header ul .nav-item a:hover, .pvhckca header.ds-globalnav-header ul .nav-item a:hover {
      color: var(--color-grey-900); }
      @media (min-width: 992px) {
        .pvhckus header.ds-globalnav-header ul .nav-item a:hover, .pvhckca header.ds-globalnav-header ul .nav-item a:hover {
          font-family: var(--body-lg-fontFamily) ;
          font-size: var(--body-lg-fontSize) ;
          font-weight: var(--body-lg-fontWeight) ;
          letter-spacing: var(--body-lg-letterSpacing) ;
          line-height: calc(var(--body-lg-lineHeight)) ;
          text-transform: var(--body-lg-textCase, "inherit") ; } }
    @media (min-width: 992px) {
      header.ds-globalnav-header ul .nav-item a:hover {
        text-decoration: underline; } }
  header.ds-globalnav-header ul .nav-item .nav-item-badge {
    font-family: var(--caption-xs-fontFamily) ;
    font-size: var(--caption-xs-fontSize) ;
    font-weight: var(--caption-xs-fontWeight) ;
    letter-spacing: var(--caption-xs-letterSpacing) ;
    line-height: calc(var(--caption-xs-lineHeight)) ;
    text-transform: var(--caption-xs-textCase, "inherit") ;
    color: var(--link-primary-color);
    padding: var(--spacing-2) var(--spacing-4);
    border: var(--border-width-1) solid var(--color-grey-400);
    border-radius: var(--spacing-4);
    margin-left: var(--spacing-4); }
    .pvhthus header.ds-globalnav-header ul .nav-item .nav-item-badge, .pvhthca header.ds-globalnav-header ul .nav-item .nav-item-badge {
      font-family: var(--button-sm-fontFamily) ;
      font-size: var(--button-sm-fontSize) ;
      font-weight: var(--button-sm-fontWeight) ;
      letter-spacing: var(--button-sm-letterSpacing) ;
      line-height: calc(var(--button-sm-lineHeight)) ;
      text-transform: var(--button-sm-textCase, "inherit") ;
      opacity: var(--opacity-60);
      padding: var(--spacing-2) var(--spacing-4); }
    .pvhckus header.ds-globalnav-header ul .nav-item .nav-item-badge, .pvhckca header.ds-globalnav-header ul .nav-item .nav-item-badge {
      color: var(--color-grey-500); }

.ds-nav-item {
  padding: var(--spacing-16) var(--spacing-20);
  line-height: 1; }
  @media (min-width: 992px) {
    .ds-nav-item {
      padding: var(--spacing-38) var(--spacing-16); }
      .ds-nav-item:hover {
        cursor: pointer; }
      .pvhckus .ds-nav-item, .pvhckca .ds-nav-item {
        padding: var(--spacing-32) var(--spacing-16); } }
  @media (min-width: 992px) {
    .pvhthus .ds-nav-item, .pvhthca .ds-nav-item {
      padding-top: 32px;
      padding-bottom: var(--spacing-32); } }
  @media (max-width: 1919.98px) {
    .pvhthus .ds-nav-item, .pvhthca .ds-nav-item {
      padding-left: var(--spacing-12);
      padding-right: var(--spacing-12); } }
  @media (min-width: 1400px) {
    .pvhthus .ds-nav-item, .pvhthca .ds-nav-item {
      padding-left: var(--spacing-16);
      padding-right: var(--spacing-16); } }
  @media (max-width: 991px) {
    .pvhthus .ds-nav-item, .pvhthca .ds-nav-item {
      padding: var(--spacing-16) var(--spacing-20);
      padding-right: 22px; } }

.ds-navbar .navbar-toggler {
  color: var(--link-primary-color);
  border-color: var(--color-white);
  padding-left: 0;
  margin-top: var(--spacing-2); }
  @media (min-width: 576px) {
    .ds-navbar .navbar-toggler {
      margin-top: 0; } }
  @media (max-width: 991px) {
    .ds-navbar .navbar-toggler {
      padding: 0;
      border: 0;
      margin: 0;
      vertical-align: middle; }
      .ds-navbar .navbar-toggler .icon-menu {
        vertical-align: top;
        display: inline-block;
        margin-top: -2px; }
        .pvhthus .ds-navbar .navbar-toggler .icon-menu, .pvhthca .ds-navbar .navbar-toggler .icon-menu {
          margin-top: 0; } }

.ds-padding {
  padding: var(--spacing-40); }

.header .mobile-nav-container .is-visible .btn-close-icon {
  position: fixed;
  right: var(--spacing-24);
  top: var(--spacing-20);
  z-index: 100;
  color: var(--link-primary-color); }
  @media (max-width: 640px) {
    .header .mobile-nav-container .is-visible .btn-close-icon {
      top: 14px; } }
  @media (min-width: 576px) {
    .header .mobile-nav-container .is-visible .btn-close-icon {
      top: 28px; } }
  @media (min-width: 576px) {
    .header .mobile-nav-container .is-visible .btn-close-icon span {
      font-size: 24px;
      margin-top: var(--spacing-4); } }

.header .mobile-nav-container .quick-links-nav {
  padding: 0 25px;
  position: relative; }
  @media (max-width: 991px) {
    .header .mobile-nav-container .quick-links-nav {
      padding: var(--spacing-24) var(--spacing-24); } }
  .header .mobile-nav-container .quick-links-nav .menu-separator {
    position: absolute;
    background: #ccc;
    display: block;
    width: 16px;
    height: 1px;
    top: -22px; }
    @media (max-width: 640px) {
      .header .mobile-nav-container .quick-links-nav .menu-separator {
        top: 1px; } }
  .header .mobile-nav-container .quick-links-nav.left-slide {
    z-index: -10; }
    .header .mobile-nav-container .quick-links-nav.left-slide .user-message,
    .header .mobile-nav-container .quick-links-nav.left-slide .reg-acc-name,
    .header .mobile-nav-container .quick-links-nav.left-slide .store-locator-name,
    .header .mobile-nav-container .quick-links-nav.left-slide .customer-srv-name {
      display: block;
      -webkit-transform: translateX(-10px);
              transform: translateX(-10px);
      visibility: hidden;
      opacity: 0;
      -webkit-transition-property: all;
      transition-property: all; }
  .header .mobile-nav-container .quick-links-nav.right-slide .user-message,
  .header .mobile-nav-container .quick-links-nav.right-slide .reg-acc-name,
  .header .mobile-nav-container .quick-links-nav.right-slide .store-locator-name,
  .header .mobile-nav-container .quick-links-nav.right-slide .customer-srv-name {
    display: block;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    visibility: visible;
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 220ms;
            transition-delay: 220ms; }
  .header .mobile-nav-container .quick-links-nav .reg-user .reg-acc-name {
    color: var(--link-primary-color);
    font-family: var(--body-lg-fontFamily) ;
    font-size: var(--body-lg-fontSize) ;
    font-weight: var(--body-lg-fontWeight) ;
    letter-spacing: var(--body-lg-letterSpacing) ;
    line-height: calc(var(--body-lg-lineHeight)) ;
    text-transform: var(--body-lg-textCase, "inherit") ;
    font-weight: var(--font-weight-700); }
  .header .mobile-nav-container .quick-links-nav .reg-user-cont a {
    color: var(--link-primary-color);
    margin-bottom: var(--spacing-24); }
  .header .mobile-nav-container .quick-links-nav .reg-user-cont .user-message,
  .header .mobile-nav-container .quick-links-nav .reg-user-cont .acc-logout span {
    font-family: var(--body-lg-fontFamily) ;
    font-size: var(--body-lg-fontSize) ;
    font-weight: var(--body-lg-fontWeight) ;
    letter-spacing: var(--body-lg-letterSpacing) ;
    line-height: calc(var(--body-lg-lineHeight)) ;
    text-transform: var(--body-lg-textCase, "inherit") ;
    color: var(--link-primary-color); }
  .header .mobile-nav-container .quick-links-nav .login-acc-container {
    margin-bottom: var(--spacing-24); }
    .header .mobile-nav-container .quick-links-nav .login-acc-container .user-message,
    .header .mobile-nav-container .quick-links-nav .login-acc-container .track-order span.track-ord-msg {
      font-family: var(--body-lg-fontFamily) ;
      font-size: var(--body-lg-fontSize) ;
      font-weight: var(--body-lg-fontWeight) ;
      letter-spacing: var(--body-lg-letterSpacing) ;
      line-height: calc(var(--body-lg-lineHeight)) ;
      text-transform: var(--body-lg-textCase, "inherit") ;
      color: var(--link-primary-color); }
  .header .mobile-nav-container .quick-links-nav .store-locator,
  .header .mobile-nav-container .quick-links-nav .customer-srv {
    margin-bottom: var(--spacing-24); }
    .header .mobile-nav-container .quick-links-nav .store-locator span,
    .header .mobile-nav-container .quick-links-nav .customer-srv span {
      font-family: var(--body-lg-fontFamily) ;
      font-size: var(--body-lg-fontSize) ;
      font-weight: var(--body-lg-fontWeight) ;
      letter-spacing: var(--body-lg-letterSpacing) ;
      line-height: calc(var(--body-lg-lineHeight)) ;
      text-transform: var(--body-lg-textCase, "inherit") ;
      color: var(--link-primary-color); }
    .header .mobile-nav-container .quick-links-nav .store-locator a,
    .header .mobile-nav-container .quick-links-nav .customer-srv a {
      margin-bottom: 0; }
  .header .mobile-nav-container .quick-links-nav .last {
    margin-bottom: 0; }
  .header .mobile-nav-container .quick-links-nav .track-order {
    margin-bottom: var(--spacing-24); }
    .header .mobile-nav-container .quick-links-nav .track-order .track-ord-msg {
      font-family: var(--body-lg-fontFamily) ;
      font-size: var(--body-lg-fontSize) ;
      font-weight: var(--body-lg-fontWeight) ;
      letter-spacing: var(--body-lg-letterSpacing) ;
      line-height: calc(var(--body-lg-lineHeight)) ;
      text-transform: var(--body-lg-textCase, "inherit") ;
      color: var(--link-primary-color); }

@media (min-width: 992px) {
  .navbar-header__brand {
    position: absolute; }
    .pvhthus .navbar-header__brand, .pvhthca .navbar-header__brand {
      left: var(--spacing-38); }
    .pvhckus .navbar-header__brand, .pvhckca .navbar-header__brand {
      left: var(--spacing-24); } }

@media (min-width: 1400px) {
  .pvhckus .navbar-header__brand, .pvhckca .navbar-header__brand {
    left: var(--spacing-38); } }

.pvhthus .navbar-header__brand, .pvhthca .navbar-header__brand {
  display: none; }
  @media screen and (min-width: 1280px) {
    .pvhthus .navbar-header__brand, .pvhthca .navbar-header__brand {
      display: block; } }

.pvhckus .navbar-header__brand.mobile-logo, .pvhckca .navbar-header__brand.mobile-logo {
  display: none; }

.pvhthus .navbar-header__brand.mobile-logo, .pvhthca .navbar-header__brand.mobile-logo {
  display: block; }
  @media screen and (min-width: 1280px) {
    .pvhthus .navbar-header__brand.mobile-logo, .pvhthca .navbar-header__brand.mobile-logo {
      display: none; } }

.navbar-header__brand a img.brand-logo__img {
  width: auto;
  height: var(--spacing-16); }
  .pvhckus .navbar-header__brand a img.brand-logo__img, .pvhckca .navbar-header__brand a img.brand-logo__img {
    height: var(--spacing-24); }
    @media only screen and (max-width: 991.98px) {
      .pvhckus .navbar-header__brand a img.brand-logo__img, .pvhckca .navbar-header__brand a img.brand-logo__img {
        height: var(--font-size-lg); } }
  @media (min-width: 992px) {
    .navbar-header__brand a img.brand-logo__img {
      width: auto;
      height: var(--spacing-16); } }
  @media (min-width: 1280px) {
    .navbar-header__brand a img.brand-logo__img {
      height: auto; }
      .pvhthus .navbar-header__brand a img.brand-logo__img, .pvhthca .navbar-header__brand a img.brand-logo__img {
        max-height: 13px; } }

@media only screen and (max-width: 991.98px) {
  .mega-wrapper {
    -webkit-transition-property: all;
    transition-property: all; } }

@media only screen and (max-width: 991.98px) {
  .mega-wrapper .ds-column {
    /* clean-up item for mobile-first */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .mega-wrapper .ds-column .featured-category {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9;
      /* re-visit during ADA */ }
      .mega-wrapper .ds-column .featured-category .featured-subcats .nav-item {
        padding: var(--spacing-16) 0; }
        .mega-wrapper .ds-column .featured-category .featured-subcats .nav-item a {
          font-family: var(--textbutton-sm-fontFamily) ;
          font-size: var(--textbutton-sm-fontSize) ;
          font-weight: var(--textbutton-sm-fontWeight) ;
          letter-spacing: var(--textbutton-sm-letterSpacing) ;
          line-height: calc(var(--textbutton-sm-lineHeight)) ;
          text-transform: var(--textbutton-sm-textCase, "inherit") ; }
          .pvhckus .mega-wrapper .ds-column .featured-category .featured-subcats .nav-item a, .pvhckca .mega-wrapper .ds-column .featured-category .featured-subcats .nav-item a {
            font-family: var(--button-md-fontFamily) ;
            font-size: var(--button-md-fontSize) ;
            font-weight: var(--button-md-fontWeight) ;
            letter-spacing: var(--button-md-letterSpacing) ;
            line-height: calc(var(--button-md-lineHeight)) ;
            text-transform: var(--button-md-textCase, "inherit") ;
            color: var(--color-grey-900); }
    .mega-wrapper .ds-column .featured-category-heading {
      font-family: var(--body-sm-fontFamily) ;
      font-size: var(--body-sm-fontSize) ;
      font-weight: var(--body-sm-fontWeight) ;
      letter-spacing: var(--body-sm-letterSpacing) ;
      line-height: calc(var(--body-sm-lineHeight)) ;
      text-transform: var(--body-sm-textCase, "inherit") ;
      color: #808080;
      padding-top: var(--spacing-8);
      padding-bottom: var(--spacing-20);
      border-bottom: var(--border-width-1) solid var(--color-grey-100);
      display: block;
      margin-bottom: 0; }
      .pvhthus .mega-wrapper .ds-column .featured-category-heading, .pvhthca .mega-wrapper .ds-column .featured-category-heading {
        border-color: var(--color-blue-50); }
    .mega-wrapper .ds-column .mobilenav-slot-bottom {
      -webkit-box-ordinal-group: 100;
          -ms-flex-order: 99;
              order: 99;
      /* re-visit during ADA */
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: var(--spacing-4); } }

@media (min-width: 1400px) {
  .mega-wrapper .ds-column {
    padding-left: var(--spacing-38); } }

@media (min-width: 992px) {
  .mega-wrapper .ds-column.has-slot {
    grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .pvhthus .mega-wrapper .ds-column.has-slot, .pvhthca .mega-wrapper .ds-column.has-slot {
      grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .mega-wrapper .ds-column.has-slot .column.has-content {
      grid-column: span 2;
      /* This item will take up 2 columns */ } }

@media (max-width: 1279.98px) {
  .mega-wrapper .ds-column.has-slot.ds-column-sm .has-content .l2-column,
  .mega-wrapper .ds-column.has-slot.ds-column-sm .has-content .category-asset {
    min-width: 135px; } }

@media (min-width: 992px) {
  .mega-wrapper .ds-column .column ul,
  .mega-wrapper .ds-column .column .l1-title,
  .mega-wrapper .ds-column .column .category-level2-title {
    max-width: 233px; }
    .pvhthus .mega-wrapper .ds-column .column ul, .pvhthca .mega-wrapper .ds-column .column ul, .pvhthus
    .mega-wrapper .ds-column .column .l1-title, .pvhthca
    .mega-wrapper .ds-column .column .l1-title, .pvhthus
    .mega-wrapper .ds-column .column .category-level2-title, .pvhthca
    .mega-wrapper .ds-column .column .category-level2-title {
      max-width: 193px; } }

.mega-wrapper .ds-column .column .l1-title {
  display: none; }
  @media (min-width: 992px) {
    .mega-wrapper .ds-column .column .l1-title {
      display: block; } }
  @media (max-width: 1279.98px) {
    .mega-wrapper .ds-column .column .l1-title {
      font-family: var(--heading-md-fontFamily) ;
      font-size: var(--heading-md-fontSize) ;
      font-weight: var(--heading-md-fontWeight) ;
      letter-spacing: var(--heading-md-letterSpacing) ;
      line-height: calc(var(--heading-md-lineHeight)) ;
      text-transform: var(--heading-md-textCase, "inherit") ;
      font-weight: 500;
      text-transform: capitalize; } }

.menu-link-wrapper {
  position: relative; }

.cart header .ds-navbar {
  border-bottom: var(--border-width-1) solid var(--color-grey-100); }
  .cart header .ds-navbar.in-scroll {
    border-bottom: none; }

.fullbleed-img {
  left: 50%;
  margin-left: -50%;
  max-width: 100%;
  position: relative;
  right: 50%;
  width: 100%;
  padding: 0; }

.product-image__wrapper--colab {
  margin-bottom: var(--spacing-80); }
  .product-image__wrapper--colab img {
    background-color: var(--color-grey-50); }

.header-label {
  font-weight: normal;
  color: #000;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0.2px; }
  @media (max-width: 575.98px) {
    .header-label {
      font-size: 24px;
      line-height: 30px; } }

.form-text-color {
  color: #696969; }

.btn-login {
  display: block;
  background-color: var(--btn-bg-color-dark);
  color: #fff;
  height: 56px; }

.pswd-toggle {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.form-control.is-invalid {
  background-image: none; }

.sign-panel-or-separator {
  padding-bottom: var(--spacing-16);
  color: var(--paragraph-primary-color);
  text-align: center;
  font-family: var(--heading-xs-fontFamily) ;
  font-size: var(--heading-xs-fontSize) ;
  font-weight: var(--heading-xs-fontWeight) ;
  letter-spacing: var(--heading-xs-letterSpacing) ;
  line-height: calc(var(--heading-xs-lineHeight)) ;
  text-transform: var(--heading-xs-textCase, "inherit") ; }

.checkout-as-guest-btn__container .btn-guest-checkout {
  display: block;
  border-radius: var(--btn-border-radius);
  background-color: var(--color-white);
  width: 100%; }

.session-time-out-msg__container {
  padding-bottom: var(--spacing-24);
  color: var(--paragraph-primary-color);
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ; }

.guest-checkout-msg__container,
.guest-checkout-msg__container-signup {
  padding-bottom: var(--spacing-20);
  color: var(--paragraph-primary-color);
  font-family: var(--body-lg-fontFamily) ;
  font-size: var(--body-lg-fontSize) ;
  font-weight: var(--body-lg-fontWeight) ;
  letter-spacing: var(--body-lg-letterSpacing) ;
  line-height: calc(var(--body-lg-lineHeight)) ;
  text-transform: var(--body-lg-textCase, "inherit") ; }

.remember-checkout-msg__container {
  padding-bottom: var(--spacing-20);
  color: var(--paragraph-primary-color);
  font-family: var(--body-lg-fontFamily) ;
  font-size: var(--body-lg-fontSize) ;
  font-weight: var(--body-lg-fontWeight) ;
  letter-spacing: var(--body-lg-letterSpacing) ;
  line-height: calc(var(--body-lg-lineHeight)) ;
  text-transform: var(--body-lg-textCase, "inherit") ; }

.checkout-as-guest-continue-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: var(--spacing-24); }
  .checkout-as-guest-continue-btn .btn-guest-checkout {
    width: auto;
    text-decoration: underline;
    border: none;
    background: var(--color-white);
    font-family: var(--button-md-fontFamily) ;
    font-size: var(--button-md-fontSize) ;
    font-weight: var(--button-md-fontWeight) ;
    letter-spacing: var(--button-md-letterSpacing) ;
    line-height: calc(var(--button-md-lineHeight)) ;
    text-transform: var(--button-md-textCase, "inherit") ;
    text-transform: lowercase;
    color: var(--color-black); }

input.form-control:not(textarea) {
  padding: var(--spacing-20) 15px 6px;
  height: calc(2em + 1rem + 8px);
  font-family: var(--body-lg-fontFamily) ;
  font-size: var(--body-lg-fontSize) ;
  font-weight: var(--body-lg-fontWeight) ;
  letter-spacing: var(--body-lg-letterSpacing) ;
  line-height: calc(var(--body-lg-lineHeight)) ;
  text-transform: var(--body-lg-textCase, "inherit") ;
  color: var(--input-color);
  border: 1px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  margin: 0; }
  input.form-control:not(textarea)::-webkit-input-placeholder {
    color: transparent; }
  input.form-control:not(textarea)::-moz-placeholder {
    color: transparent; }
  input.form-control:not(textarea):-ms-input-placeholder {
    color: transparent; }
  input.form-control:not(textarea)::-ms-input-placeholder {
    color: transparent; }
  input.form-control:not(textarea)::placeholder {
    color: transparent; }
  input.form-control:not(textarea) ~ label {
    position: absolute;
    margin: var(--spacing-2) 0;
    -webkit-transition: all var(--motion-functional-duration-md) cubic-bezier(var(--motion-functional_exit-easing-in_and_out));
    transition: all var(--motion-functional-duration-md) cubic-bezier(var(--motion-functional_exit-easing-in_and_out));
    top: 15px;
    padding: 0 var(--spacing-16);
    color: var(--text-secondary-light-bg);
    white-space: nowrap;
    font-family: var(--body-lg-fontFamily) ;
    font-size: var(--body-lg-fontSize) ;
    font-weight: var(--body-lg-fontWeight) ;
    letter-spacing: var(--body-lg-letterSpacing) ;
    line-height: calc(var(--body-lg-lineHeight)) ;
    text-transform: var(--body-lg-textCase, "inherit") ; }
    @media (max-width: 1280px) {
      input.form-control:not(textarea) ~ label {
        top: var(--spacing-16); } }
  input.form-control:not(textarea):focus {
    border: var(--input-border-width-focus) solid var(--input-border-color-focus); }
    input.form-control:not(textarea):focus:not(:-moz-placeholder-shown) ~ label {
      padding-top: var(--spacing-2);
      -webkit-transform: translate(0, -10px) scale(1);
      transform: translate(0, -10px) scale(1);
      font-family: var(--body-sm-fontFamily) ;
      font-size: var(--body-sm-fontSize) ;
      font-weight: var(--body-sm-fontWeight) ;
      letter-spacing: var(--body-sm-letterSpacing) ;
      line-height: calc(var(--body-sm-lineHeight)) ;
      text-transform: var(--body-sm-textCase, "inherit") ; }
    input.form-control:not(textarea):focus:not(:-ms-input-placeholder) ~ label {
      padding-top: var(--spacing-2);
      -webkit-transform: translate(0, -10px) scale(1);
      transform: translate(0, -10px) scale(1);
      font-family: var(--body-sm-fontFamily) ;
      font-size: var(--body-sm-fontSize) ;
      font-weight: var(--body-sm-fontWeight) ;
      letter-spacing: var(--body-sm-letterSpacing) ;
      line-height: calc(var(--body-sm-lineHeight)) ;
      text-transform: var(--body-sm-textCase, "inherit") ; }
    input.form-control:not(textarea):focus ~ label,
    input.form-control:not(textarea):focus:not(:placeholder-shown) ~ label {
      padding-top: var(--spacing-2);
      -webkit-transform: translate(0, -10px) scale(1);
      transform: translate(0, -10px) scale(1);
      font-family: var(--body-sm-fontFamily) ;
      font-size: var(--body-sm-fontSize) ;
      font-weight: var(--body-sm-fontWeight) ;
      letter-spacing: var(--body-sm-letterSpacing) ;
      line-height: calc(var(--body-sm-lineHeight)) ;
      text-transform: var(--body-sm-textCase, "inherit") ; }

/* header height  */
/* TODO change include to extend in future to reduce css size */
/* stylelint-disable */
.quickbuy--variant-selector-container, .variant-selector-container {
  margin-bottom: var(--spacing-8); }
  @media only screen and (max-width: 991.98px) {
    .quickbuy--variant-selector-container, .variant-selector-container {
      width: 100%;
      line-height: 0.1px;
      white-space: nowrap; } }

.quickbuy--variant-selector-container .quickbuy--variant-list, .variant-selector-container .variant-list {
  list-style: none;
  margin: 0;
  padding-left: 0; }

.quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item, .variant-selector-container .variant-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: calc(25% - 8px * 3 / 4);
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  color: var(--color-brand-primary);
  margin: 0 var(--spacing-8) var(--spacing-8) 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  padding: 19px 4px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 0.5rem;
  font-size: var(--font-size-sm);
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item, .variant-selector-container .variant-item {
      width: 69px;
      float: none;
      display: inline-block; } }
  @media screen and (min-width: 1280px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch:hover, .variant-selector-container .variant-color-item:hover, .variant-selector-container .variant-item:hover {
      border-color: var(--color-grey-500);
      -webkit-transition: border-color 0.2s ease;
      transition: border-color 0.2s ease; } }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[aria-checked=true], .variant-selector-container .variant-color-item[aria-checked=true], .variant-selector-container .variant-item[aria-checked=true] {
    background-color: var(--body-color);
    color: var(--color-white); }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[disabled], .variant-selector-container .variant-color-item[disabled], .variant-selector-container .variant-item[disabled] {
    position: relative;
    color: var(--color-grey-400);
    border: var(--input-border-width) solid var(--color-grey-100);
    background-color: var(--color-grey-100); }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[disabled]::before, .variant-selector-container .variant-color-item[disabled]::before, .variant-selector-container .variant-item[disabled]::before {
    position: absolute;
    content: "";
    left: 50%;
    left: 50%;
    top: 50%;
    border-top: var(--input-border-width) solid;
    border-color: var(--color-grey-400);
    -webkit-transform: translate(-50%, -50%) rotate(-40deg);
            transform: translate(-50%, -50%) rotate(-40deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 28px; }

.quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item {
  width: 32px;
  height: 32px;
  margin: var(--spacing-4) var(--spacing-8) var(--spacing-8) var(--spacing-4);
  border-radius: 50%;
  padding: 0;
  border: none;
  overflow: visible;
  border: var(--border-width-1) solid var(--color-grey-200); }
  @media only screen and (max-width: 991.98px) {
    .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch, .variant-selector-container .variant-color-item {
      width: 32px;
      height: 32px;
      margin: 0 0 var(--spacing-24) var(--spacing-24);
      float: none;
      display: inline-block; }
      .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch:nth-child(4n), .variant-selector-container .variant-color-item:nth-child(4n) {
        margin: 0 0 var(--spacing-24) var(--spacing-24); }
      .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch:first-child, .variant-selector-container .variant-color-item:first-child {
        margin: 0 0 var(--spacing-24) 6px; } }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch::after, .variant-selector-container .variant-color-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 130%;
    height: 130%;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease; }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch:hover::after, .variant-selector-container .variant-color-item:hover::after {
    border-color: var(--color-grey-200); }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[aria-checked=true]::after, .variant-selector-container .variant-color-item[aria-checked=true]::after {
    border-color: var(--color-black); }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[disabled]::before, .variant-selector-container .variant-color-item[disabled]::before {
    left: -2%;
    width: 100%;
    color: var(--color-white);
    border-color: var(--color-white);
    background-color: var(--color-white); }
  .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[disabled]::after, .variant-selector-container .variant-color-item[disabled]::after {
    border-color: transparent; }

.quickbuy--variant-error, .variant-error {
  width: 100%;
  clear: both;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  color: var(--color-feedback-error);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ; }
  .show.quickbuy--variant-error, .show.variant-error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: show-error 0.3s forwards;
            animation: show-error 0.3s forwards; }
  .hide.quickbuy--variant-error, .hide.variant-error {
    display: none; }

@keyframes show-error {
  from {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* motion animations */
/** Animation Guide
* For mobile viewports (based on distance to cover)-
* 0 to 240px distance - Functional motion
* 241px to 360px distance - Expressive motion
* For desktop viewports (based on distance to cover) -
* 0 to 600px - Functional motion
* 601px to 1440px - Expressive motion
*/
.fade-in, .slide-up, .slide-down, .slide-left, .slide-right {
  -webkit-animation-duration: var(--motion-functional-duration-md);
          animation-duration: var(--motion-functional-duration-md);
  -webkit-animation-timing-function: cubic-bezier(--motion-functional-easing-ease);
          animation-timing-function: cubic-bezier(--motion-functional-easing-ease);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.fade-out, .slide-up-exit, .slide-down-exit {
  -webkit-animation-duration: var(--motion-functional_exit-duration-sm);
          animation-duration: var(--motion-functional_exit-duration-sm);
  -webkit-animation-timing-function: cubic-bezier(--motion-functional_exit-easing-in);
          animation-timing-function: cubic-bezier(--motion-functional_exit-easing-in);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  will-change: transform; }

.ds-navbar.ds-navbar-expand-lg .ds-navbar-collapse, .nav-hovering .ds-navbar, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-wrapper, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .ds-nav-item.showing .mega-bottom-slot, .ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .column,
.ds-navbar.ds-navbar-expand-lg .ds-navbar-nav .mega-wrapper .mega-bottom-slot, .ds-navbar .mega-wrapper, .ds-navbar .l3-categories, .header .mobile-nav-container .quick-links-nav.left-slide .user-message,
.header .mobile-nav-container .quick-links-nav.left-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.left-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.left-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional-duration-md);
          transition-duration: var(--motion-functional-duration-md);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease));
          transition-timing-function: cubic-bezier(var(--motion-functional-easing-ease)); }

.header .mobile-nav-container .quick-links-nav.right-slide .user-message,
.header .mobile-nav-container .quick-links-nav.right-slide .reg-acc-name,
.header .mobile-nav-container .quick-links-nav.right-slide .store-locator-name,
.header .mobile-nav-container .quick-links-nav.right-slide .customer-srv-name {
  -webkit-transition-duration: var(--motion-functional_exit-duration-sm);
          transition-duration: var(--motion-functional_exit-duration-sm);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in));
          transition-timing-function: cubic-bezier(var(--motion-functional_exit-easing-in)); }

.quickbuy__backdrop, .variation__attr--quickbuy .quickBuy-nonswatch-popup, .variation__attr--quickbuy [data-attr='colorCode'], .ds-login-panel-modal::after, .ds-login-panel-modal .modal-dialog.login-layout {
  -webkit-transition-duration: var(--motion-expressive-duration-lg);
          transition-duration: var(--motion-expressive-duration-lg);
  -webkit-transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out));
          transition-timing-function: cubic-bezier(var(--motion-expressive-easing-in_and_out)); }

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes slide-down-exit {
  0% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes slide-up-exit {
  0% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* BEHAVIOUR ANIMATION */
.fade-in {
  -webkit-animation-name: slide-down, fade-in;
          animation-name: slide-down, fade-in;
  will-change: transform, opacity; }

.fade-out {
  -webkit-animation-name: slide-down-exit, fade-out;
          animation-name: slide-down-exit, fade-out;
  will-change: transform, opacity; }

.slide-up {
  -webkit-animation-name: slide-up, fade-in;
          animation-name: slide-up, fade-in;
  will-change: transform; }

.slide-up-exit {
  -webkit-animation-name: slide-up-exit, fade-out;
          animation-name: slide-up-exit, fade-out;
  will-change: transform; }

.slide-down {
  -webkit-animation-name: slide-down, fade-in;
          animation-name: slide-down, fade-in;
  will-change: transform; }

.slide-down-exit {
  -webkit-animation-name: slide-down-exit, fade-out;
          animation-name: slide-down-exit, fade-out;
  will-change: transform; }

.slide-left {
  -webkit-animation-name: slide-left;
          animation-name: slide-left;
  will-change: transform; }

.slide-right {
  -webkit-animation-name: slide-right;
          animation-name: slide-right;
  will-change: transform; }

/* TRANSITIONS */
.modal--container {
  padding: var(--spacing-16) var(--spacing-24); }
  .modal--container .row__padding.qbb-image-container {
    margin-left: 0; }

.modal .modal-error-color {
  color: var(--color-red-500) !important; }

@media (max-width: 1280px) {
  .modal__mobile {
    display: none; } }

.modal__mobile svg.icon-close {
  background-color: var(--color-grey-50);
  width: var(--spacing-12);
  height: var(--spacing-12);
  padding: var(--spacing-8);
  border-radius: var(--border-radius-circle);
  margin-right: var(--spacing-16); }

.modal__mobile .product-quantity {
  padding-bottom: var(--spacing-32); }

.modal--qbb {
  background: var(--color-white); }
  @media only screen and (max-width: 991.98px) {
    .modal--qbb {
      background: none; } }
  .modal--qbb .product-detail__prices {
    margin-bottom: 0;
    margin-top: var(--spacing-8); }
  .modal--qbb .product-detail__attributes {
    padding-bottom: var(--spacing-32); }
    .modal--qbb .product-detail__attributes .attribute {
      margin-bottom: 0; }
      .modal--qbb .product-detail__attributes .attribute-size label.size,
      .modal--qbb .product-detail__attributes .attribute-size label.size span,
      .modal--qbb .product-detail__attributes .attribute-size .size-help-links {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-md);
        color: var(--color-grey-600); }
        @media (max-width: 1280px) {
          .modal--qbb .product-detail__attributes .attribute-size label.size,
          .modal--qbb .product-detail__attributes .attribute-size label.size span,
          .modal--qbb .product-detail__attributes .attribute-size .size-help-links {
            margin-bottom: 0; } }
      .modal--qbb .product-detail__attributes .attribute-size label.size span.variation__attr--value {
        color: var(--color-black); }
    .modal--qbb .product-detail__attributes .product__availability ul {
      margin: 0 0 var(--spacing-16); }
    @media only screen and (max-width: 991.98px) {
      .modal--qbb .product-detail__attributes label.colorCode {
        margin-bottom: 0; } }

.modal--dialog__fullscreen {
  margin: 0;
  height: calc(var(--vh) - 1px); }

.modal--content__fullscreen {
  height: 100%;
  border: none; }
  @media only screen and (max-width: 991.98px) {
    .modal--content__fullscreen {
      width: 100vw;
      overflow: auto; } }

.modal--cart__button {
  height: var(--spacing-56);
  margin-top: var(--spacing-16); }
  @media only screen and (max-width: 991.98px) {
    .modal--cart__button .quantity-dropdown.variation-dropdown {
      display: none; } }

.modal__attribute-container {
  margin-top: var(--spacing-20); }
  .modal__attribute-container .variation-spacing {
    width: 100%; }

.modal .attribute-item.no-margin .variation-spacing {
  margin-bottom: 0; }

.modal [data-attr='colorCode'] .attribute .quickbuy--variant-selector-container {
  margin-top: var(--spacing-12); }
  @media only screen and (max-width: 991.98px) {
    .modal [data-attr='colorCode'] .attribute .quickbuy--variant-selector-container {
      margin-top: 0; } }

.modal [data-attr='colorCode'] .attribute .variant-list__item.colorOOS {
  display: none; }

.modal .quickbuy--price {
  margin-bottom: 0; }
  .modal .quickbuy--price .product-details__price-box {
    display: none; }

.modal .product_quantity_selector {
  margin-bottom: var(--spacing-32); }

.qbb-ratings-review-count {
  position: relative;
  top: 0;
  left: var(--spacing-2);
  font-size: var(--font-size-xs);
  cursor: pointer;
  color: var(--color-grey-600); }

@media (max-width: 1024px) {
  .cart__button {
    display: none; } }

@media (max-width: 991px) {
  .cart__button {
    display: block; } }

.cart__button--mobile {
  width: 100%;
  background-color: var(--color-black);
  color: #fff;
  height: 58px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.2px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2; }

.cart__button--desktop {
  margin-top: var(--spacing-12); }
  .cart__button--desktop .add-to-cart-container {
    margin-right: var(--spacing-8);
    margin-left: auto;
    width: 89%;
    position: relative; }
  .cart__button--desktop .availability-message {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-md);
    color: var(--color-red-500); }
    .cart__button--desktop .availability-message .recommendation {
      text-decoration: underline; }

.cart__button-wrapper--desktop {
  margin: var(--spacing-16) 0; }

.svg--position {
  position: absolute;
  right: var(--spacing-24);
  top: var(--spacing-24); }

.svg--position.ds-btn-circle {
  height: var(--sizing-button-xs);
  width: var(--sizing-button-xs); }
  .svg--position.ds-btn-circle svg {
    width: var(--spacing-16);
    height: var(--spacing-16); }

.quickbuy {
  margin-top: 22px; }
  .quickbuy--container {
    background-color: var(--color-white);
    font-family: var(--base-font-family);
    font-weight: var(--font-weight-500);
    left: 50%;
    margin-top: 72px;
    max-width: 1920px;
    opacity: 0;
    padding: 0 var(--spacing-24);
    position: fixed;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-transition: top 300ms linear;
    transition: top 300ms linear;
    will-change: top;
    visibility: hidden;
    width: 100%; }
    @media screen and (max-width: 1280px) {
      .quickbuy--container {
        display: none !important; } }
    .quickbuy--container.align-top {
      display: block; }
      .quickbuy--container.align-top.show {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
        -webkit-transition: all 300ms linear;
        transition: all 300ms linear; }
      .quickbuy--container.align-top:not(.show) {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
        -webkit-transition: all 300ms linear;
        transition: all 300ms linear; }
    .quickbuy--container.align-bottom {
      display: none; }
      .quickbuy--container.align-bottom.show {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
        -webkit-transition: all 300ms linear;
        transition: all 300ms linear; }
      .quickbuy--container.align-bottom:not(.show) {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
        -webkit-transition: all 300ms linear;
        transition: all 300ms linear;
        z-index: 0000 !important;
        bottom: -350px !important; }
    .js-colab-image.has-image ~ .quickbuy--desktop .align-bottom {
      display: block; }
    @media (max-width: 1400px) {
      .hide-scroll-and-lock .quickbuy--container {
        padding-right: calc(var(--spacing-24) + var(--scrollbarwidth)); } }
    @media screen and (min-width: 1400px) {
      .hide-scroll-and-lock .quickbuy--container {
        padding-right: calc(var(--spacing-38) + var(--scrollbarwidth)); } }
    @media screen and (min-width: 1400px) {
      .quickbuy--container {
        padding: 0 var(--spacing-38); } }
    .quickbuy--container .size-label {
      cursor: pointer;
      display: inline-block;
      padding-top: var(--spacing-16);
      padding-bottom: var(--spacing-16);
      color: var(--quickbuy-primary-color);
      padding-right: var(--spacing-16);
      font-family: var(--button-sm-fontFamily) ;
      font-size: var(--button-sm-fontSize) ;
      font-weight: var(--button-sm-fontWeight) ;
      letter-spacing: var(--button-sm-letterSpacing) ;
      line-height: calc(var(--button-sm-lineHeight)) ;
      text-transform: var(--button-sm-textCase, "inherit") ; }
    .quickbuy--container .qbbAvailabilityError {
      margin-bottom: var(--spacing-4); }
    .quickbuy--container .qbb-product-detail-container {
      padding-left: var(--spacing-16); }
  .quickbuy--desktop {
    position: relative;
    z-index: 997; }
    .quickbuy--desktop .quickbuy--productname {
      margin-top: 0;
      margin-bottom: var(--spacing-4); }
      .quickbuy--desktop .quickbuy--productname .product-name {
        padding-top: 0;
        font-family: var(--heading-sm-fontFamily) ;
        font-size: var(--heading-sm-fontSize) ;
        font-weight: var(--heading-sm-fontWeight) ;
        letter-spacing: var(--heading-sm-letterSpacing) ;
        line-height: calc(var(--heading-sm-lineHeight)) ;
        text-transform: var(--heading-sm-textCase, "inherit") ; }
    .quickbuy--desktop .item-no-available {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .quickbuy--desk__attr {
    font-family: var(--base-font-family);
    font-weight: var(--font-weight-500);
    color: var(--quickbuy-secondary-color);
    padding: 0;
    font-family: var(--button-sm-fontFamily) ;
    font-size: var(--button-sm-fontSize) ;
    font-weight: var(--button-sm-fontWeight) ;
    letter-spacing: var(--button-sm-letterSpacing) ;
    line-height: calc(var(--button-sm-lineHeight)) ;
    text-transform: var(--button-sm-textCase, "inherit") ; }
  .quickbuy--image__padding {
    padding-right: var(--spacing-16); }
  .quickbuy--d-none {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
    top: 40px; }
  .quickbuy--image__wrapper {
    width: 60px;
    height: var(--spacing-80);
    margin-top: var(--spacing-16);
    margin-bottom: 14px; }
  .quickbuy__flexprop {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14%;
            flex: 0 0 14%;
    margin-left: 10%; }
    @media only screen and (min-width: 992px) and (max-width: 1279.98px) {
      .quickbuy__flexprop {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 16%;
                flex: 0 0 16%; } }
    .quickbuy__flexprop .col-6 {
      padding: 0 0 0 var(--spacing-2); }
    .quickbuy__flexprop .col-7.quickbuy--variant-size-wrapper {
      padding: 0 0 0 var(--spacing-2); }
    .quickbuy__flexprop .col-5 {
      padding: 0; }
    .quickbuy__flexprop .col-5.quickbuy--variant-color-wrapper {
      padding-left: var(--spacing-4); }
    .quickbuy__flexprop .size {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.2px; }
    .quickbuy__flexprop--padding {
      padding-top: 28px;
      padding-left: var(--spacing-4); }
  .quickbuy--variant-selector-container {
    margin-bottom: 0; }
    .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-dropdown, .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-size-dropdown {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-auto-flow: row;
      gap: var(--spacing-12); }
      .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-dropdown.shoe-layout, .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-size-dropdown.shoe-layout {
        grid-template-columns: repeat(2, 1fr); }
        .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-dropdown.shoe-layout .variant-item[disabled], .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-size-dropdown.shoe-layout .variant-item[disabled] {
          border: var(--input-border-width) solid var(--color-grey-100); }
          .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-dropdown.shoe-layout .variant-item[disabled]:hover, .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-size-dropdown.shoe-layout .variant-item[disabled]:hover {
            background-color: var(--color-grey-100);
            color: var(--color-grey-400); }
        .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-dropdown.shoe-layout .variant-item[disabled]::before, .quickbuy--variant-selector-container .quickbuy--variant-list.quickbuy-size-dropdown.shoe-layout .variant-item[disabled]::before {
          -webkit-transform: translate(-50%, -50%) rotate(0deg);
                  transform: translate(-50%, -50%) rotate(0deg);
          width: 110px; }
    @media (max-width: 991px) {
      .quickbuy--variant-selector-container .quickbuy--variant-list#qcolors {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: var(--spacing-20);
           -moz-column-gap: var(--spacing-20);
                column-gap: var(--spacing-20);
        row-gap: var(--spacing-16); } }
    .quickbuy--variant-selector-container .quickbuy--variant-item {
      width: 88px !important; }
      .quickbuy--variant-selector-container .quickbuy--variant-item.ds-radio-size + label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: var(--spacing-16) 4px 18px;
        margin: 0;
        cursor: pointer;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .quickbuy--variant-selector-container .quickbuy--variant-item.ds-radio-size + label.modal-error-border {
          border: var(--input-border-width-focus) solid var(--input-color-error); }
      .quickbuy--variant-selector-container .quickbuy--variant-item:nth-child(4n) {
        margin: 0 8px 8px 0 !important; }
    .quickbuy--variant-selector-container .quickbuy--variant-color-item {
      margin-top: 7.2px !important; }
      .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch {
        margin-left: 0;
        margin-right: var(--spacing-20); }
        .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[aria-checked=true] {
          position: relative;
          bottom: var(--spacing-12);
          width: 16px;
          height: 16px;
          margin-left: 0;
          margin-right: var(--spacing-20); }
          .quickbuy--variant-selector-container .quickbuy--variant-color-item.single-swatch[aria-checked=true]::after {
            border: none; }
      .quickbuy--variant-selector-container .quickbuy--variant-color-item.ds-radio-swatch + span {
        padding: var(--spacing-16) 4px 18px;
        margin: 0 var(--spacing-8) 8px 0;
        cursor: pointer; }
  .quickbuy--variant-selector-container.quickbuy--color-container-desk {
    cursor: pointer;
    margin-right: var(--spacing-16);
    padding-top: var(--spacing-20); }
  .quickbuy__drop--button {
    border: none;
    background: none;
    padding: 0; }
    .quickbuy__drop--button.color-drop {
      position: relative;
      bottom: 10px; }
    .quickbuy__drop--button:focus {
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .quickbuy__drop--button svg {
      width: 12.83px; }
    .quickbuy__drop--button ~ .size-drop {
      padding-top: var(--spacing-16);
      padding-bottom: var(--spacing-16); }
  .quickbuy__badge--color {
    color: var(--color-red-500); }
  .quickbuy__backdrop {
    z-index: 800;
    width: 100vw;
    height: 100vh;
    background-color: var(--color-black);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    width: calc(100% - var(--scrollbarwidth));
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    will-change: opacity, visibility; }
    .quickbuy__backdrop.show {
      opacity: 0.5;
      visibility: visible; }
  .quickbuy__product-header {
    margin-left: var(--spacing-16);
    margin-right: var(--spacing-16); }
    .quickbuy__product-header .ratings svg {
      width: var(--spacing-16);
      height: var(--spacing-16); }
  .quickbuy--variant .icon-chevron-down {
    font-size: var(--sizing-icon-sm); }
    .quickbuy--variant .icon-chevron-down::before {
      color: var(--color-grey-500); }

.quickbuy-drop-arrow-up .icon-chevron-down {
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.quickbuyMob--image__wrapper {
  height: var(--spacing-80);
  margin-bottom: var(--spacing-8);
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: var(--spacing-60);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px; }
  .quickbuyMob--image__wrapper .product-image {
    width: 60px;
    height: auto; }

.quickbuyMob--productname__wrapper {
  margin-left: var(--spacing-16);
  padding-left: var(--spacing-12); }
  .quickbuyMob--productname__wrapper .ratings svg {
    width: var(--spacing-16);
    height: var(--spacing-16); }

.quickbuyMob--promotion-fix {
  margin-top: var(--spacing-4);
  margin-bottom: 0; }

.row__padding.variant-section {
  margin-top: var(--spacing-24); }
  .row__padding.variant-section.variant-section__mobile {
    margin-top: 0; }

.variation__attr--quickbuy {
  position: relative;
  z-index: 900; }
  @media (max-width: 767px) {
    .variation__attr--quickbuy {
      display: none; } }
  .variation__attr--quickbuy .quickBuy-nonswatch-popup {
    background-color: var(--color-white);
    position: fixed;
    left: 35%;
    left: 35.5%;
    max-width: 432px;
    width: 432px;
    padding-bottom: var(--spacing-24);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: hidden;
    -webkit-transition-property: all;
    transition-property: all; }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup.align-top {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup.align-bottom {
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup.show {
      visibility: visible;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .quickbuy--variant-error.variant-error-size {
      display: none; }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .variant-error {
      padding-top: var(--spacing-8);
      padding-bottom: 0; }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .modal-error-color {
      color: var(--color-red-500); }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .non-swatch-section {
      width: 100%;
      margin: var(--spacing-12) var(--spacing-24) 0 var(--spacing-24); }
      .variation__attr--quickbuy .quickBuy-nonswatch-popup .non-swatch-section:first-child {
        margin-top: var(--spacing-24); }
      .variation__attr--quickbuy .quickBuy-nonswatch-popup .non-swatch-section .attribute {
        margin: 0; }
        .variation__attr--quickbuy .quickBuy-nonswatch-popup .non-swatch-section .attribute > label {
          margin-bottom: 0;
          color: var(--color-black);
          font-size: var(--font-size-sm); }
        .variation__attr--quickbuy .quickBuy-nonswatch-popup .non-swatch-section .attribute .quickbuy--variant-selector-container {
          padding: var(--spacing-20) 0 0; }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .quickbuy--variant-error {
      padding: 0;
      margin: var(--spacing-8) var(--spacing-24) var(--spacing-8);
      font-family: var(--button-sm-fontFamily) ;
      font-size: var(--button-sm-fontSize) ;
      font-weight: var(--button-sm-fontWeight) ;
      letter-spacing: var(--button-sm-letterSpacing) ;
      line-height: calc(var(--button-sm-lineHeight)) ;
      text-transform: var(--button-sm-textCase, "inherit") ; }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .size-help-links {
      margin-top: var(--spacing-2);
      margin-bottom: var(--spacing-8);
      position: absolute;
      right: var(--spacing-24); }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .product__availability {
      margin-top: 0; }
      .variation__attr--quickbuy .quickBuy-nonswatch-popup .product__availability ul {
        margin: 0; }
        .variation__attr--quickbuy .quickBuy-nonswatch-popup .product__availability ul p {
          margin: 0 0 0 var(--spacing-24); }
      .variation__attr--quickbuy .quickBuy-nonswatch-popup .product__availability ul.product-detail__salebadges-quickbuy p,
      .variation__attr--quickbuy .quickBuy-nonswatch-popup .product__availability ul.availability-msg-quickbuy p {
        margin-top: var(--spacing-8); }
      .variation__attr--quickbuy .quickBuy-nonswatch-popup .product__availability ul.product-detail__finalSaleFlag-quickbuy p {
        margin-top: var(--spacing-12); }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .product-detail__salebadges-quickbuy {
      color: var(--color-grey-800);
      font-family: var(--body-md-fontFamily) ;
      font-size: var(--body-md-fontSize) ;
      font-weight: var(--body-md-fontWeight) ;
      letter-spacing: var(--body-md-letterSpacing) ;
      line-height: calc(var(--body-md-lineHeight)) ;
      text-transform: var(--body-md-textCase, "inherit") ; }
      .variation__attr--quickbuy .quickBuy-nonswatch-popup .product-detail__salebadges-quickbuy.custom-error {
        color: var(--color-feedback-error); }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .availability-msg-quickbuy {
      color: var(--quickbuy-secondary-color);
      font-family: var(--body-md-fontFamily) ;
      font-size: var(--body-md-fontSize) ;
      font-weight: var(--body-md-fontWeight) ;
      letter-spacing: var(--body-md-letterSpacing) ;
      line-height: calc(var(--body-md-lineHeight)) ;
      text-transform: var(--body-md-textCase, "inherit") ; }
      .variation__attr--quickbuy .quickBuy-nonswatch-popup .availability-msg-quickbuy.custom-error {
        color: var(--color-feedback-error);
        width: 380px; }
    .variation__attr--quickbuy .quickBuy-nonswatch-popup .product-detail__finalSaleFlag-quickbuy {
      color: var(--color-red-500);
      font-family: var(--body-md-fontFamily) ;
      font-size: var(--body-md-fontSize) ;
      font-weight: var(--body-md-fontWeight) ;
      letter-spacing: var(--body-md-letterSpacing) ;
      line-height: calc(var(--body-md-lineHeight)) ;
      text-transform: var(--body-md-textCase, "inherit") ; }
  .variation__attr--quickbuy [data-attr='colorCode'] {
    background-color: var(--color-white);
    left: 42%;
    max-width: 350px;
    padding: var(--spacing-20) var(--spacing-16) var(--spacing-16);
    position: fixed;
    visibility: hidden;
    -webkit-transition-property: all;
    transition-property: all; }
    .variation__attr--quickbuy [data-attr='colorCode'].align-top {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
    .variation__attr--quickbuy [data-attr='colorCode'].align-bottom {
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
    .variation__attr--quickbuy [data-attr='colorCode'].show {
      visibility: visible;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .variation__attr--quickbuy [data-attr='colorCode'] .attribute {
      margin-bottom: 0; }
      .variation__attr--quickbuy [data-attr='colorCode'] .attribute label {
        margin-bottom: var(--spacing-8);
        margin-right: var(--spacing-12); }
        .variation__attr--quickbuy [data-attr='colorCode'] .attribute label.colorCode {
          margin-bottom: var(--spacing-4); }
      .variation__attr--quickbuy [data-attr='colorCode'] .attribute .quickbuy--variant-selector-container {
        padding: var(--spacing-16) 0 0 0; }
      .variation__attr--quickbuy [data-attr='colorCode'] .attribute .variant-list__item span {
        margin: 0 0 var(--spacing-8) 5px; }
      .variation__attr--quickbuy [data-attr='colorCode'] .attribute .variant-list__item.colorOOS {
        display: none; }

.product-detail__salebadges-qbb-onload {
  padding: 0; }
  .product-detail__salebadges-qbb-onload p {
    padding: 0;
    color: var(--color-red-500);
    margin: var(--spacing-8) var(--spacing-24) 0;
    font-family: var(--button-sm-fontFamily) ;
    font-size: var(--button-sm-fontSize) ;
    font-weight: var(--button-sm-fontWeight) ;
    letter-spacing: var(--button-sm-letterSpacing) ;
    line-height: calc(var(--button-sm-lineHeight)) ;
    text-transform: var(--button-sm-textCase, "inherit") ; }
    @media only screen and (max-width: 991.98px) {
      .product-detail__salebadges-qbb-onload p {
        margin: var(--spacing-8) 0 var(--spacing-8); } }

.product-detail__salebadges-quickbuy {
  color: var(--color-grey-800);
  font-family: var(--button-sm-fontFamily) ;
  font-size: var(--button-sm-fontSize) ;
  font-weight: var(--button-sm-fontWeight) ;
  letter-spacing: var(--button-sm-letterSpacing) ;
  line-height: calc(var(--button-sm-lineHeight)) ;
  text-transform: var(--button-sm-textCase, "inherit") ; }
  @media (max-width: 1280px) {
    .product-detail__salebadges-quickbuy {
      margin: var(--spacing-8) var(--spacing-24) var(--spacing-8); } }
  .product-detail__salebadges-quickbuy.custom-error {
    color: var(--color-feedback-error); }

.availability-msg-quickbuy {
  color: var(--quickbuy-secondary-color);
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ; }
  .availability-msg-quickbuy.custom-error {
    color: var(--color-feedback-error);
    width: 380px; }
  @media screen and (min-width: 1280px) {
    .availability-msg-quickbuy span {
      margin: var(--spacing-8) var(--spacing-24) var(--spacing-8); } }

.product-detail__finalSaleFlag-quickbuy {
  color: var(--color-red-500);
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ; }
  @media (max-width: 1280px) {
    .product-detail__finalSaleFlag-quickbuy {
      margin: var(--spacing-8) var(--spacing-24) var(--spacing-8); } }
  @media (max-width: 1280px) {
    .product-detail__finalSaleFlag-quickbuy span {
      margin: var(--spacing-8) var(--spacing-24) var(--spacing-8); } }

.variation-spacing-size-label {
  margin-bottom: var(--spacing-8); }

.variant-selector-container .variant-color-item.oss-color + label::before, .variant-selector-container .variant-color-item.oss-color::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  border-top: var(--border-width-2) solid;
  border-color: var(--color-white);
  -webkit-transform: translate(-50%, -50%) rotate(-40deg);
          transform: translate(-50%, -50%) rotate(-40deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 13px;
  z-index: 2;
  width: 24px; }

/* FIXME : cleanup and move to DS under components */
.variant-selector-container .variant-item.disabled[aria-checked="true"] {
  border-color: var(--color-brand-primary);
  background-color: var(--color-grey-100);
  color: var(--color-grey-400); }

.variant-selector-container .variant-color-item.oss-color + label {
  position: relative;
  cursor: pointer; }

.variant-selector-container .variant-color-item.oss-color {
  position: relative;
  cursor: pointer; }

.variant-selector-container .variant-list:not([data-display-id="colorCode"]) {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-flow: row;
  gap: var(--spacing-12); }
  .variant-selector-container .variant-list:not([data-display-id="colorCode"]) h3 {
    grid-column: 1 / -1;
    font-weight: normal; }
  .variant-selector-container .variant-list:not([data-display-id="colorCode"]).shoe-layout {
    grid-template-columns: repeat(2, 1fr); }
    .variant-selector-container .variant-list:not([data-display-id="colorCode"]).shoe-layout .variant-item[disabled], .variant-selector-container .variant-list:not([data-display-id="colorCode"]).shoe-layout .variant-item.disabled {
      border: var(--input-border-width) solid var(--color-grey-100); }
      .variant-selector-container .variant-list:not([data-display-id="colorCode"]).shoe-layout .variant-item[disabled]:hover, .variant-selector-container .variant-list:not([data-display-id="colorCode"]).shoe-layout .variant-item.disabled:hover {
        background-color: var(--color-grey-100);
        color: var(--color-grey-400); }
    .variant-selector-container .variant-list:not([data-display-id="colorCode"]).shoe-layout .variant-item[disabled]::before, .variant-selector-container .variant-list:not([data-display-id="colorCode"]).shoe-layout .variant-item.disabled::before {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
              transform: translate(-50%, -50%) rotate(0deg);
      width: 110px; }
    .variant-selector-container .variant-list:not([data-display-id="colorCode"]).shoe-layout .variant-item.disabled:hover {
      border-color: var(--btn-secondary-outline-color-hover); }

.variant-selector-container li.variant-item {
  width: 95%; }
  .variant-selector-container li.variant-item.ds-radio-size + label {
    width: calc(23% - 8px * 3 / 4);
    padding: var(--spacing-16) var(--spacing-4);
    margin: 0 var(--spacing-8) 8px 0;
    cursor: pointer; }

.variant-selector-container input.variant-item.disabled[aria-checked=true] + label {
  border: 1px solid var(--color-brand-primary); }

.variant-selector-container .variant-color-item.ds-radio-swatch + span {
  padding: var(--spacing-16) var(--spacing-4);
  margin: 0 var(--spacing-8) 8px 0;
  cursor: pointer; }

.swatch-container {
  width: 100%;
  overflow: hidden;
  height: 24px;
  padding-left: 3px;
  position: relative;
  margin-top: var(--spacing-8); }
  @media only screen and (max-width: 991.98px) {
    .swatch-container {
      margin-top: var(--spacing-16);
      margin-bottom: 0; } }

.swatch-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.swatch-item {
  float: left;
  color: var(--color-black);
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  margin: var(--spacing-4) 12px var(--spacing-4) 0;
  border-radius: 50%;
  border: none;
  position: absolute;
  top: 0;
  opacity: 0;
  border: var(--border-width-1) solid var(--color-grey-200); }
  .show .swatch-item {
    opacity: 1; }
  .swatch-item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease; }
  .swatch-item:hover::after {
    border-color: var(--color-grey-200); }
  .swatch-item[aria-checked="true"]::after {
    border-color: var(--color-grey-500); }
  .swatch-item[aria-checked="true"] {
    cursor: default; }
  .swatch-item:nth-child(1) {
    left: calc(3px + (26px * (1 - 1))); }
  .swatch-item:nth-child(2) {
    left: calc(3px + (26px * (2 - 1))); }
  .swatch-item:nth-child(3) {
    left: calc(3px + (26px * (3 - 1))); }
  .swatch-item:nth-child(4) {
    left: calc(3px + (26px * (4 - 1))); }
  .swatch-item:nth-child(5) {
    left: calc(3px + (26px * (5 - 1))); }
  .swatch-item:nth-child(6) {
    left: calc(3px + (26px * (6 - 1))); }
  .swatch-item:nth-child(7) {
    left: calc(3px + (26px * (7 - 1))); }
  .swatch-item:nth-child(8) {
    left: calc(3px + (26px * (8 - 1))); }
  .swatch-item:nth-child(9) {
    left: calc(3px + (26px * (9 - 1))); }
  @media only screen and (max-width: 991.98px) {
    .swatch-item:nth-child(1) {
      left: calc(3px + (31px * (1 - 1))); }
    .swatch-item:nth-child(2) {
      left: calc(3px + (31px * (2 - 1))); }
    .swatch-item:nth-child(3) {
      left: calc(3px + (31px * (3 - 1))); }
    .swatch-item:nth-child(4) {
      left: calc(3px + (31px * (4 - 1))); }
    .swatch-item:nth-child(5) {
      left: calc(3px + (31px * (5 - 1))); }
    .swatch-item:nth-child(6) {
      left: calc(3px + (31px * (6 - 1))); }
    .swatch-item:nth-child(7) {
      left: calc(3px + (31px * (7 - 1))); }
    .swatch-item:nth-child(8) {
      left: calc(3px + (31px * (8 - 1))); }
    .swatch-item:nth-child(9) {
      left: calc(3px + (31px * (9 - 1))); } }

.swatch-more-colors {
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s; }
  .swatch-more-colors span {
    color: var(--text-secondary-light-bg);
    font-family: var(--body-sm-fontFamily) ;
    font-size: var(--body-sm-fontSize) ;
    font-weight: var(--body-sm-fontWeight) ;
    letter-spacing: var(--body-sm-letterSpacing) ;
    line-height: calc(var(--body-sm-lineHeight)) ;
    text-transform: var(--body-sm-textCase, "inherit") ; }
  .show .swatch-more-colors {
    opacity: 1; }

.swatch-plus-colors {
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all linear 0.01s;
  transition: all linear 0.01s;
  font-size: var(--font-size-sm);
  letter-spacing: var(--letter_spacing-sm);
  line-height: var(--line-height-lg);
  transition: all linear 0.01s;
  opacity: 1; }
  @media (max-width: 767.98px) {
    .swatch-plus-colors {
      font-size: var(--font-size-xs);
      line-height: var(--line-height-md); } }
  .swatch-plus-colors span {
    color: var(--text-secondary-light-bg); }
  .show .swatch-plus-colors {
    opacity: 0; }

.swatch-plus-colors.slide {
  top: -24px; }

.variant-price {
  font-family: var(--body-lg-fontFamily) ;
  font-size: var(--body-lg-fontSize) ;
  font-weight: var(--body-lg-fontWeight) ;
  letter-spacing: var(--body-lg-letterSpacing) ;
  line-height: calc(var(--body-lg-lineHeight)) ;
  text-transform: var(--body-lg-textCase, "inherit") ;
  margin-bottom: var(--spacing-12); }
  .variant-price .ds-slash-price {
    color: var(--color-grey-600); }
  .buy-box .variant-price {
    margin-bottom: var(--spacing-16); }
  .variant-price span.range,
  .variant-price .ds-slash-price,
  .variant-price span.sales,
  .variant-price .ds-product-price {
    font-family: var(--body-md-fontFamily) ;
    font-size: var(--body-md-fontSize) ;
    font-weight: var(--body-md-fontWeight) ;
    letter-spacing: var(--body-md-letterSpacing) ;
    line-height: calc(var(--body-md-lineHeight)) ;
    text-transform: var(--body-md-textCase, "inherit") ; }
  .variant-price .ds-discount {
    display: none; }
  .variant-price .range,
  .variant-price .sales {
    padding-right: var(--spacing-4);
    color: var(--quickbuy-primary-color); }

.variant-selector-container .variant-list.colors-variant-list {
  margin-bottom: var(--spacing-24); }

.slot-einsteinReco-wrapper__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding-left: var(--spacing-16);
  padding-right: var(--spacing-16);
  font-family: var(--heading-md-fontFamily) ;
  font-size: var(--heading-md-fontSize) ;
  font-weight: var(--heading-md-fontWeight) ;
  letter-spacing: var(--heading-md-letterSpacing) ;
  line-height: calc(var(--heading-md-lineHeight)) ;
  text-transform: var(--heading-md-textCase, "inherit") ;
  color: var(--color-black);
  margin-bottom: var(--spacing-24);
  margin-top: var(--spacing-56); }
  @media screen and (min-width: 1280px) {
    .slot-einsteinReco-wrapper__header {
      padding-left: var(--spacing-38);
      padding-right: var(--spacing-38); } }
  @media screen and (min-width: 1280px) {
    .slot-einsteinReco-wrapper__header {
      margin-top: var(--spacing-80);
      margin-bottom: var(--spacing-32); } }
  .slot-einsteinReco-wrapper__header.js-bottom-heading {
    margin-top: var(--spacing-44);
    padding-top: var(--spacing-4); }

.slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .tile-body .pdp-link,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .tile-body .pdp-link {
  font-family: var(--body-sm-fontFamily) ;
  font-size: var(--body-sm-fontSize) ;
  font-weight: var(--body-sm-fontWeight) ;
  letter-spacing: var(--body-sm-letterSpacing) ;
  line-height: calc(var(--body-sm-lineHeight)) ;
  text-transform: var(--body-sm-textCase, "inherit") ; }
  .slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .tile-body .pdp-link span,
  .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .tile-body .pdp-link span {
    color: var(--color-text-secondary-light_bg); }
    .pvhckus .slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .tile-body .pdp-link span, .pvhckca .slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .tile-body .pdp-link span, .pvhckus
    .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .tile-body .pdp-link span, .pvhckca
    .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .tile-body .pdp-link span {
      color: var(--color-text-secondary_on_light_bg); }

.slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .ds-product-price .discount-text,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .ds-product-price .discount-text {
  display: block; }

.slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .ds-product-price .ds-slash-price,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .ds-product-price .sales,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .ds-product-price .ds-discount,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .ds-product-price .ds-slash-price,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .ds-product-price .sales,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .ds-product-price .ds-discount {
  display: inline-block;
  margin-bottom: 0;
  font-family: var(--body-sm-fontFamily) ;
  font-size: var(--body-sm-fontSize) ;
  font-weight: var(--body-sm-fontWeight) ;
  letter-spacing: var(--body-sm-letterSpacing) ;
  line-height: calc(var(--body-sm-lineHeight)) ;
  text-transform: var(--body-sm-textCase, "inherit") ; }

.slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .ds-product-price .range,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .ds-product-price .sales,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .ds-product-price .range,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .ds-product-price .sales {
  margin-bottom: 0; }
  .slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .ds-product-price .range span,
  .slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .ds-product-price .sales span,
  .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .ds-product-price .range span,
  .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .ds-product-price .sales span {
    color: var(--color-black); }

.slot-einsteinReco-wrapper .einsteinReco-wrapper__tile .product-tile.ds-product-tile .listrange-strike,
.slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-tile .product-tile.ds-product-tile .listrange-strike {
  text-decoration: line-through; }

.slot-einsteinReco-wrapper__title {
  margin-bottom: 0; }

.einstein-slot-carousel {
  margin-bottom: var(--spacing-32); }
  .einstein-slot-carousel .slot-einsteinReco-wrapper .einsteinReco-wrapper__tile {
    margin-bottom: var(--spacing-16);
    width: 216px; }
  .einstein-slot-carousel .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-caro {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
    opacity: 0; }
    .einstein-slot-carousel .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-caro.swiper-initialized {
      opacity: 1; }
    .einstein-slot-carousel .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-caro .swiper-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .einstein-slot-carousel .slot-einsteinReco-wrapper .einsteinReco-wrapper__slot-caro .swiper-wrapper .tile-body {
        padding: var(--spacing-16);
        margin-top: 0; }
  .einstein-slot-carousel .slot-einsteinReco-wrapper .swiper-button-controls-wrapper {
    display: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 105px; }
    @media screen and (min-width: 1280px) {
      .einstein-slot-carousel .slot-einsteinReco-wrapper .swiper-button-controls-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .einstein-slot-carousel .slot-einsteinReco-wrapper .swiper-button-controls-wrapper .ds-btn-circle {
      height: var(--sizing-button-sm);
      width: var(--sizing-button-sm);
      color: var(--color-black);
      border: 2px solid var(--color-grey-300);
      cursor: pointer;
      background-color: var(--color-white); }
      .einstein-slot-carousel .slot-einsteinReco-wrapper .swiper-button-controls-wrapper .ds-btn-circle:hover {
        color: var(--color-black); }
      .einstein-slot-carousel .slot-einsteinReco-wrapper .swiper-button-controls-wrapper .ds-btn-circle.swiper-button-disabled {
        color: var(--color-grey-300);
        border: 2px solid var(--color-grey-100);
        cursor: not-allowed; }
      .einstein-slot-carousel .slot-einsteinReco-wrapper .swiper-button-controls-wrapper .ds-btn-circle .icon-chevron-right {
        margin-left: 1px; }

.einstein-slot-grid .slot-einsteinReco-wrapper {
  margin-left: 0;
  margin-right: 0; }

.einstein-slot-grid .einsteinReco-wrapper__caro-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-4);
  row-gap: var(--spacing-16); }
  @media screen and (min-width: 992px) {
    .einstein-slot-grid .einsteinReco-wrapper__caro-grid {
      grid-template-columns: repeat(5, 1fr); } }
  .einstein-slot-grid .einsteinReco-wrapper__caro-grid .tile-body {
    padding: var(--spacing-16); }
  .einstein-slot-grid .einsteinReco-wrapper__caro-grid .hide-tile {
    display: none; }

.einstein-slot-grid .einsteinReco-wrapper__load-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .einstein-slot-grid .einsteinReco-wrapper__load-more .grid-load-more {
    font-family: var(--button-md-fontFamily) ;
    font-size: var(--button-md-fontSize) ;
    font-weight: var(--button-md-fontWeight) ;
    letter-spacing: var(--button-md-letterSpacing) ;
    line-height: calc(var(--button-md-lineHeight)) ;
    text-transform: var(--button-md-textCase, "inherit") ;
    display: none;
    text-decoration: none;
    max-width: 314px;
    margin-left: var(--spacing-16);
    margin-right: var(--spacing-16);
    width: 100%;
    margin-top: 0; }
    .einstein-slot-grid .einsteinReco-wrapper__load-more .grid-load-more > span {
      margin-bottom: 0; }

.einstein-slot-grid.overlay-grid {
  margin-bottom: var(--spacing-40); }
  .einstein-slot-grid.overlay-grid .einsteinReco-wrapper__caro-grid {
    height: auto;
    overflow: hidden;
    margin-bottom: var(--spacing-40);
    aspect-ratio: 3 / 4; }
    @media screen and (min-width: 992px) {
      .einstein-slot-grid.overlay-grid .einsteinReco-wrapper__caro-grid {
        aspect-ratio: 16 / 9; } }
  .einstein-slot-grid.overlay-grid .einsteinReco-wrapper__load-more {
    margin-top: -71px;
    position: relative;
    z-index: 1; }

.einstein-recommendation div.einstein-slot-carousel.ds-row {
  margin-left: -16px;
  margin-right: -16px; }
  @media screen and (min-width: 1280px) {
    .einstein-recommendation div.einstein-slot-carousel.ds-row {
      margin-left: 0;
      margin-right: 0; } }
  .einstein-recommendation div.einstein-slot-carousel.ds-row .col-12 {
    padding-left: 0;
    padding-right: 0; }

.search-page.plp-only .einstein-recommendation div.einstein-slot-carousel.ds-row,
.page.product .einstein-recommendation div.einstein-slot-carousel.ds-row {
  margin-left: -16px;
  margin-right: -16px; }
  @media screen and (min-width: 1280px) {
    .search-page.plp-only .einstein-recommendation div.einstein-slot-carousel.ds-row,
    .page.product .einstein-recommendation div.einstein-slot-carousel.ds-row {
      margin-left: 0;
      margin-right: 0; } }
  .search-page.plp-only .einstein-recommendation div.einstein-slot-carousel.ds-row .col-12,
  .page.product .einstein-recommendation div.einstein-slot-carousel.ds-row .col-12 {
    padding-left: 0;
    padding-right: 0; }

.einstein-recommendation div.einstein-slot-carousel.ds-row {
  margin-left: 0;
  margin-right: 0; }
  .einstein-recommendation div.einstein-slot-carousel.ds-row .col-12 {
    padding-left: 0;
    padding-right: 0; }

.cart.pvhckca .einstein-recommendation, .cart.pvhckus .einstein-recommendation,
.search.pvhckca .einstein-recommendation,
.search.pvhckus .einstein-recommendation {
  margin-bottom: var(--spacing-80); }

.cart .einstein-recommendation,
.search .einstein-recommendation {
  margin-bottom: 0; }
  @media screen and (min-width: 992px) {
    .cart .einstein-recommendation,
    .search .einstein-recommendation {
      margin-bottom: var(--spacing-24); } }

.page-404-recommendation .einstein-recommendation {
  margin-bottom: var(--spacing-24); }
  .page-404-recommendation .einstein-recommendation .slot-einsteinReco-wrapper__header {
    margin-top: 36px; }
    @media screen and (min-width: 1280px) {
      .page-404-recommendation .einstein-recommendation .slot-einsteinReco-wrapper__header {
        margin-top: 60px; } }
  .pvhckus .page-404-recommendation .einstein-recommendation, .pvhckca .page-404-recommendation .einstein-recommendation {
    margin-bottom: var(--spacing-80); }

.icon-qv-plus {
  display: none; }

.product-detail .einstein-slot-carousel .swiper-wrapper {
  aspect-ratio: auto; }

[class^="icon-"],
[class*=" icon-"],
[class^="icon-"] [class^="path"] {
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"],
[class*="icon-"] {
  font-size: var(--sizing-icon-md);
  line-height: 1;
  margin: 0; }

[class^="accordionIcon-"][class^="icon-"], [class^="accordionIcon-"][class*="icon-"],
[class*="accordionIcon-"][class^="icon-"],
[class*="accordionIcon-"][class*="icon-"] {
  font-size: var(--font-size-md) !important;
  font-weight: var(--body-md-fontWeight); }

.ds-text-shop [class^="icon-"],
.ds-text-shop [class*="icon-"] {
  margin-right: var(--spacing-4);
  font-size: var(--font-size-sm); }
  .ds-text-shop [class^="icon-"]::before,
  .ds-text-shop [class*="icon-"]::before {
    vertical-align: text-bottom; }

.ds-form-group [class^="icon-"],
.ds-form-group [class*="icon-"] {
  line-height: 0.75; }

.mini-quant-add [class^="icon-"],
.mini-quant-add [class*="icon-"],
.mini-quant-sub [class^="icon-"],
.mini-quant-sub [class*="icon-"] {
  font-size: var(--font-size-md); }

.asset-close-icon[class^="icon-"], .asset-close-icon[class*="icon-"] {
  color: var(--color-text-primary_on_dark_bg); }

.right-cat-sec [class^="icon-"],
.right-cat-sec [class*="icon-"],
.shop-all-link [class^="icon-"],
.shop-all-link [class*="icon-"],
.js-shop-levone-cat [class^="icon-"],
.js-shop-levone-cat [class*="icon-"] {
  font-size: var(--font-size-xs); }

.social-column [class^="icon-"],
.social-column [class*="icon-"] {
  color: var(--color-grey-300); }

.cart-error-msg [class^="icon-"],
.cart-error-msg [class*="icon-"] {
  font-size: var(--sizing-icon-md);
  line-height: 1;
  margin: 0; }

/* Components from core */
.ds-rating .ds-rating-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ds-rating .ds-rating-container .ds-star-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: var(--spacing-4); }
    .ds-rating .ds-rating-container .ds-star-rating span {
      font-size: var(--font-size-xs); }
  .ds-rating .ds-rating-container .ds-counter-rating {
    color: var(--search-rating-count-color);
    font-family: var(--body-sm-fontFamily) ;
    font-size: var(--body-sm-fontSize) ;
    font-weight: var(--body-sm-fontWeight) ;
    letter-spacing: var(--body-sm-letterSpacing) ;
    line-height: calc(var(--body-sm-lineHeight)) ;
    text-transform: var(--body-sm-textCase, "inherit") ; }

.rating-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .rating-sm > span {
    width: var(--sizing-icon-sm);
    height: var(--sizing-icon-sm);
    font-size: var(--sizing-icon-sm); }
  .rating-sm.dark {
    color: var(--color-white); }

.rating-md {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .rating-md > span {
    width: var(--sizing-icon-md);
    height: var(--sizing-icon-md);
    font-size: var(--sizing-icon-md); }
  .rating-md.dark {
    color: var(--color-white); }

.skip {
  position: absolute;
  left: -999px;
  top: -999px;
  width: 1px;
  height: 1px; }

button.skip:focus {
  position: absolute;
  margin: auto;
  display: inline-block;
  width: auto;
  height: auto;
  z-index: 10000000;
  background: var(--color-white);
  color: var(--color-black);
  top: 10px;
  left: 8px; }

.ds-form-custom-login {
  max-width: 480px;
  margin: 0 auto; }
  .ds-form-custom-login.account-section {
    margin-left: var(--spacing-40); }
    @media only screen and (max-width: 991.98px) {
      .ds-form-custom-login.account-section {
        margin-left: 0; } }
  .ds-form-custom-login.track-section {
    margin-right: var(--spacing-40); }
    @media only screen and (max-width: 991.98px) {
      .ds-form-custom-login.track-section {
        margin-right: 0; } }
  .ds-form-custom-login .header-label {
    margin-bottom: var(--spacing-24);
    color: var(--heading-secondary-color);
    font-family: var(--heading-md-fontFamily) ;
    font-size: var(--heading-md-fontSize) ;
    font-weight: var(--heading-md-fontWeight) ;
    letter-spacing: var(--heading-md-letterSpacing) ;
    line-height: calc(var(--heading-md-lineHeight)) ;
    text-transform: var(--heading-md-textCase, "inherit") ; }
    @media only screen and (max-width: 991.98px) {
      .ds-form-custom-login .header-label {
        font-family: var(--heading-md-fontFamily) ;
        font-size: var(--heading-md-fontSize) ;
        font-weight: var(--heading-md-fontWeight) ;
        letter-spacing: var(--heading-md-letterSpacing) ;
        line-height: calc(var(--heading-md-lineHeight)) ;
        text-transform: var(--heading-md-textCase, "inherit") ; } }
    .ds-form-custom-login .header-label.create-account-header {
      margin-bottom: var(--spacing-24);
      font-family: var(--heading-md-fontFamily) ;
      font-size: var(--heading-md-fontSize) ;
      font-weight: var(--heading-md-fontWeight) ;
      letter-spacing: var(--heading-md-letterSpacing) ;
      line-height: calc(var(--heading-md-lineHeight)) ;
      text-transform: var(--heading-md-textCase, "inherit") ; }
      @media (max-width: 767px) {
        .ds-form-custom-login .header-label.create-account-header {
          font-family: var(--heading-md-fontFamily) ;
          font-size: var(--heading-md-fontSize) ;
          font-weight: var(--heading-md-fontWeight) ;
          letter-spacing: var(--heading-md-letterSpacing) ;
          line-height: calc(var(--heading-md-lineHeight)) ;
          text-transform: var(--heading-md-textCase, "inherit") ; } }
    .ds-form-custom-login .header-label.mb-none {
      margin-bottom: 0; }
  .ds-form-custom-login .ds-form-group label {
    color: var(--textfield-label-color);
    font-size: var(--font-size-md);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .pvhthus .ds-form-custom-login .ds-form-group label, .pvhthca .ds-form-custom-login .ds-form-group label {
      font-size: var(--body-md-fontSize); }
    .ds-form-custom-login .ds-form-group label::after {
      display: none; }
  .ds-form-custom-login .ds-form-group input {
    border-radius: var(--input-border-radius);
    font-size: 16px;
    padding: var(--spacing-20) var(--spacing-12) 6px var(--spacing-16);
    height: var(--sizing-form-md);
    color: var(--input-color);
    background: var(--color-white); }
    .ds-form-custom-login .ds-form-group input.form-password {
      padding-right: var(--spacing-56); }
    .ds-form-custom-login .ds-form-group input.is-invalid ~ label {
      color: var(--color-red-500); }
  .ds-form-custom-login .ds-form-group input::-webkit-outer-spin-button,
  .ds-form-custom-login .ds-form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .ds-form-custom-login .ds-form-group input[type=number] {
    -webkit-appearance: none;
    margin: 0; }
  .ds-form-custom-login .ds-form-group .ds-pswd-toggle {
    -webkit-transform: none;
            transform: none; }
  .ds-form-custom-login .ds-form-group::after {
    display: none; }
  .ds-form-custom-login .ds-colum-action-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 0;
    margin-bottom: var(--spacing-24); }
    .ds-form-custom-login .ds-colum-action-item .ds-input input[type="checkbox"] {
      --active: var(--input-color);
      --focus: 1px rgba(39, 94, 254, 0.3);
      --border: var(--checkbox-border-color);
      --border-hover: #1f1f1f; }
      .ds-form-custom-login .ds-colum-action-item .ds-input input[type="checkbox"]:last-child {
        margin-bottom: 0; }
    .ds-form-custom-login .ds-colum-action-item .ds-input input[type="checkbox"] {
      width: 16px;
      height: 16px; }
      .ds-form-custom-login .ds-colum-action-item .ds-input input[type="checkbox"]:not(.switch) {
        border-radius: var(--btn-border-radius); }
        .ds-form-custom-login .ds-colum-action-item .ds-input input[type="checkbox"]:not(.switch)::after {
          left: 5px;
          top: 1px; }
    .ds-form-custom-login .ds-colum-action-item .ds-input label {
      font-size: var(--font-size-sm);
      line-height: var(--line-height-md);
      padding-left: var(--spacing-8);
      margin-left: 0;
      margin-bottom: 0;
      letter-spacing: var(--letter_spacing-sm);
      color: var(--color-grey-600); }
    .ds-form-custom-login .ds-colum-action-item .forgot-links a {
      font-family: var(--button-sm-fontFamily) ;
      font-size: var(--button-sm-fontSize) ;
      font-weight: var(--button-sm-fontWeight) ;
      letter-spacing: var(--button-sm-letterSpacing) ;
      line-height: calc(var(--button-sm-lineHeight)) ;
      text-transform: var(--button-sm-textCase, "inherit") ; }
    .ds-form-custom-login .ds-colum-action-item .forgot-links .fgt-txt {
      font-family: var(--textbutton-sm-fontFamily) ;
      font-size: var(--textbutton-sm-fontSize) ;
      font-weight: var(--textbutton-sm-fontWeight) ;
      letter-spacing: var(--textbutton-sm-letterSpacing) ;
      line-height: calc(var(--textbutton-sm-lineHeight)) ;
      text-transform: var(--textbutton-sm-textCase, "inherit") ; }
  .ds-form-custom-login .ds-submit-action {
    margin-bottom: var(--spacing-24); }
    .ds-form-custom-login .ds-submit-action button {
      width: 100%;
      text-transform: none; }
  .ds-form-custom-login .ds-colum-other-item {
    text-align: center; }
    .ds-form-custom-login .ds-colum-other-item .bottom-msg {
      color: var(--paragraph-primary-color);
      font-family: var(--body-sm-fontFamily) ;
      font-size: var(--body-sm-fontSize) ;
      font-weight: var(--body-sm-fontWeight) ;
      letter-spacing: var(--body-sm-letterSpacing) ;
      line-height: calc(var(--body-sm-lineHeight)) ;
      text-transform: var(--body-sm-textCase, "inherit") ; }
      .ds-form-custom-login .ds-colum-other-item .bottom-msg a .ds-btn-text {
        color: var(--paragraph-primary-color); }
      .ds-form-custom-login .ds-colum-other-item .bottom-msg .login-checkout-msg {
        display: none; }

.ds-user-create-account .registration-page {
  margin: var(--spacing-56) auto var(--spacing-80); }
  @media (max-width: 767px) {
    .ds-user-create-account .registration-page {
      margin: 0 auto var(--spacing-80); } }
  .ds-user-create-account .registration-page .create-password-form {
    margin-bottom: var(--spacing-24); }

.ds-user-create-account .ds-form-custom-login .ds-rules-message {
  padding: 0; }

.ds-user-create-account .ds-form-custom-login .ds-colum-action-item.marketing-consent {
  margin-bottom: var(--spacing-24); }

.ds-user-create-account .ds-form-custom-login .ds-colum-action-item .ds-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .ds-user-create-account .ds-form-custom-login .ds-colum-action-item .ds-input input {
    width: 36px;
    height: 16px;
    margin-top: 3px; }
    @media (max-width: 640px) {
      .ds-user-create-account .ds-form-custom-login .ds-colum-action-item .ds-input input {
        width: 43px; } }

.ds-user-create-account .ds-form-custom-login #password-reset,
.ds-user-create-account .ds-form-custom-login .password-reset-page {
  color: var(--color-feedback-error);
  text-decoration: underline; }

.ds-user-create-account .ds-colum-other-item .bottom-msg .acccount-create-msg .links {
  white-space: nowrap; }

.ds-login-panel-modal .alert-danger, .ds-email-paswd-login-form .alert-danger {
  color: var(--color-feedback-error);
  background-color: var(--color-white);
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ;
  margin-bottom: 0; }

.ds-login-panel-modal .alert, .ds-email-paswd-login-form .alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 var(--spacing-16) var(--spacing-24) 28px;
  border: transparent; }
  .ds-login-panel-modal .alert .icon-alert::before, .ds-email-paswd-login-form .alert .icon-alert::before {
    position: absolute;
    left: 0;
    top: var(--spacing-2); }

.ds-login-panel-modal {
  width: 100vw;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 100%; }
  .ds-login-panel-modal::after {
    content: "";
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all; }
  .ds-login-panel-modal .modal-dialog.login-layout {
    height: 100%;
    margin: 0;
    position: fixed;
    right: 0;
    border-radius: var(--border-radius-0);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: hidden;
    -webkit-transition-property: all;
    transition-property: all; }
    @media (max-width: 991px) {
      .ds-login-panel-modal .modal-dialog.login-layout {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        height: auto; } }
    @media (max-width: 1024px) {
      .ds-login-panel-modal .modal-dialog.login-layout {
        width: 100%;
        max-width: 100%;
        bottom: 0; } }
    @media (max-width: 640px) {
      .ds-login-panel-modal .modal-dialog.login-layout {
        height: 100%; } }
    .ds-login-panel-modal .modal-dialog.login-layout .modal-content {
      height: 100%;
      border-radius: var(--border-radius-0);
      border: none;
      padding: var(--spacing-40);
      overflow-y: auto; }
      @media (max-width: 1024px) {
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content {
          overflow-y: auto;
          padding: var(--spacing-24) var(--spacing-24) var(--spacing-56); } }
      @media screen and (min-width: 1280px) {
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content {
          padding: var(--spacing-40) var(--spacing-80); } }
      .ds-login-panel-modal .modal-dialog.login-layout .modal-content .ds-color-light-grey {
        color: var(--color-grey-600); }
      .ds-login-panel-modal .modal-dialog.login-layout .modal-content .ds-color-black {
        color: var(--color-black); }
      .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-header {
        padding: 0;
        border: none;
        display: inline-block;
        width: 100%;
        height: 21px; }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-header .close {
          position: relative;
          opacity: var(--opacity-100);
          top: -6px;
          right: -38px;
          cursor: pointer;
          z-index: 1; }
          @media (max-width: 1024px) {
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-header .close {
              right: 6px;
              padding: 0;
              display: inline-block;
              height: var(--spacing-24);
              text-align: right;
              top: 0;
              margin: 0; } }
          .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-header .close span {
            position: static;
            font-size: var(--sizing-icon-md);
            color: var(--color-black); }
            @media (max-width: 1024px) {
              .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-header .close span {
                font-size: var(--sizing-icon-sm); } }
      .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body {
        padding: 0; }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body.ds-modal-body-center {
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          @media (max-width: 767px) {
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body.ds-modal-body-center {
              padding-top: var(--spacing-32); } }
          @media (max-width: 640px) {
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body.ds-modal-body-center {
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start; } }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-form-custom-login {
          max-width: 100%;
          margin: 0; }
          .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-form-custom-login .ds-colum-action-item {
            margin-bottom: var(--spacing-24); }
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-form-custom-login .ds-colum-action-item .ds-input {
              line-height: 1; }
              .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-form-custom-login .ds-colum-action-item .ds-input input[type="checkbox"],
              .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-form-custom-login .ds-colum-action-item .ds-input label {
                vertical-align: middle; }
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-form-custom-login .ds-colum-action-item .fgt-pwd {
              margin: 0; }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .header-label {
          margin-bottom: var(--spacing-12); }
          @media (max-width: 1024px) {
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .header-label {
              margin-bottom: var(--spacing-8);
              padding-bottom: var(--spacing-4);
              font-family: var(--heading-md-fontFamily) ;
              font-size: var(--heading-md-fontSize) ;
              font-weight: var(--heading-md-fontWeight) ;
              letter-spacing: var(--heading-md-letterSpacing) ;
              line-height: calc(var(--heading-md-lineHeight)) ;
              text-transform: var(--heading-md-textCase, "inherit") ;
              margin-top: 0; } }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body p {
          margin-bottom: var(--spacing-12); }
          @media (max-width: 767px) {
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body p {
              padding-bottom: 0;
              margin-bottom: 0; } }
          .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body p.bottom-msg {
            font-size: var(--font-size-sm);
            margin-bottom: var(--spacing-24);
            color: var(--color-text-secondary_on_light_bg);
            text-align: left; }
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body p.bottom-msg a {
              color: var(--color-black); }
            .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body p.bottom-msg.privacy-policy {
              text-align: center; }
          .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body p.pwdless-otpnote {
            padding: 0;
            margin: 0 0 var(--spacing-24) 0; }
          .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body p.pwdless-mailid {
            padding: 0;
            margin-bottom: var(--spacing-24); }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .error-mismatch {
          padding: 0;
          margin: 0; }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-textfield__input {
          min-height: var(--sizing-form-md); }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-submit-action {
          margin-bottom: var(--spacing-16); }
          .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-submit-action button {
            width: 100%;
            text-transform: none; }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-return-action {
          text-align: center; }
          .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-return-action .ds-links {
            cursor: pointer; }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-colum-other-item .bottom-msg .login-checkout-msg {
          display: inline; }
        .ds-login-panel-modal .modal-dialog.login-layout .modal-content .modal-body .ds-colum-other-item .bottom-msg a.acccount-create-msg {
          display: inline; }
  .ds-login-panel-modal.show-signIn::after {
    visibility: visible;
    opacity: 1; }
  .ds-login-panel-modal.show-signIn .login-page {
    margin-top: 0; }
  .ds-login-panel-modal.show-signIn .modal-dialog {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    visibility: visible; }
    @media (max-width: 991px) {
      .ds-login-panel-modal.show-signIn .modal-dialog {
        -webkit-transform: translateY(0%);
                transform: translateY(0%); } }
  .ds-login-panel-modal .checkout-as-guest-btn__container {
    margin-bottom: var(--spacing-24); }
  .ds-login-panel-modal .modal-tab-container .nav-tabs {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin-bottom: var(--spacing-20);
    margin-top: var(--spacing-24); }
    .ds-login-panel-modal .modal-tab-container .nav-tabs li {
      width: 50%; }
    .ds-login-panel-modal .modal-tab-container .nav-tabs a {
      display: block;
      padding-top: var(--spacing-8);
      padding-bottom: var(--spacing-8);
      font-family: var(--heading-sm-fontFamily) ;
      font-size: var(--heading-sm-fontSize) ;
      font-weight: var(--heading-sm-fontWeight) ;
      letter-spacing: var(--heading-sm-letterSpacing) ;
      line-height: calc(var(--heading-sm-lineHeight)) ;
      text-transform: var(--heading-sm-textCase, "inherit") ;
      margin-bottom: 0;
      text-align: center;
      color: var(--text-secondary-light-bg);
      border-bottom: 1px solid var(--color-grey-200); }
      .ds-login-panel-modal .modal-tab-container .nav-tabs a.active {
        color: var(--color-brand-primary);
        border-bottom: 1px solid var(--color-grey-900); }
  .ds-login-panel-modal .modal-tab-container .tab-pane {
    display: none; }
    .ds-login-panel-modal .modal-tab-container .tab-pane.active {
      display: block; }
  .ds-login-panel-modal .modal-tab-container .header-label,
  .ds-login-panel-modal .modal-tab-container .acccount-create-msg-container {
    display: none; }
  .ds-login-panel-modal .modal-tab-container .ds-form-custom-login {
    max-width: 100%; }
  .ds-login-panel-modal .modal-tab-container .registration-page {
    margin: 0;
    margin-bottom: var(--spacing-56);
    padding: 0; }
    .ds-login-panel-modal .modal-tab-container .registration-page .registration-page-form-nav .create-account-loyalty-content {
      display: none; }
  .ds-login-panel-modal .modal-tab-container .header-signin-global-error .signin-error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: var(--color-feedback-error);
    padding-bottom: var(--spacing-20);
    font-family: var(--body-md-fontFamily) ;
    font-size: var(--body-md-fontSize) ;
    font-weight: var(--body-md-fontWeight) ;
    letter-spacing: var(--body-md-letterSpacing) ;
    line-height: calc(var(--body-md-lineHeight)) ;
    text-transform: var(--body-md-textCase, "inherit") ; }
    .ds-login-panel-modal .modal-tab-container .header-signin-global-error .signin-error span {
      margin-right: var(--spacing-8); }
    .ds-login-panel-modal .modal-tab-container .header-signin-global-error .signin-error a {
      color: var(--color-feedback-error);
      font-family: var(--body-md-fontFamily) ;
      font-size: var(--body-md-fontSize) ;
      font-weight: var(--body-md-fontWeight) ;
      letter-spacing: var(--body-md-letterSpacing) ;
      line-height: calc(var(--body-md-lineHeight)) ;
      text-transform: var(--body-md-textCase, "inherit") ;
      text-decoration: underline;
      cursor: pointer; }
    .ds-login-panel-modal .modal-tab-container .header-signin-global-error .signin-error .ref-id {
      margin-right: 0;
      word-break: break-all; }
  .ds-login-panel-modal .checkout-guest-continue-btn {
    width: 100%; }
  .ds-login-panel-modal .login-header {
    color: var(--color-grey-900);
    margin-top: var(--spacing-32);
    margin-bottom: var(--spacing-16); }
  .ds-login-panel-modal .guest-continue-wrapper .sign-panel-or-separator {
    padding-top: var(--spacing-16); }
  .ds-login-panel-modal .guest-continue-wrapper .ds-form-group {
    margin-bottom: var(--spacing-24); }
  .ds-login-panel-modal .guest-continue-wrapper .btn-guest-checkout {
    width: 100%;
    margin-bottom: var(--spacing-24); }

.ds-form-custom-login .card-body p {
  padding-bottom: var(--spacing-8);
  margin-bottom: 0;
  color: var(--color-black);
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ; }
  @media (max-width: 991px) {
    .ds-form-custom-login .card-body p {
      padding-bottom: var(--spacing-4); } }
  .ds-form-custom-login .card-body p.pwdless-otpnote {
    margin: var(--spacing-24) 0;
    padding: 0; }
  .ds-form-custom-login .card-body p.pwdless-mailid {
    padding: 0; }

.login-page .login-oauth {
  display: none; }

.login-page.pwdless-open section,
.login-page.pwdless-open .ds-email-paswd-login-form,
.login-page.pwdless-open .sign-panel-or-separator,
.login-page.pwdless-open .checkout-as-guest-btn__container {
  display: none; }

.login-page .orText {
  display: block;
  text-align: center;
  margin-bottom: var(--spacing-16);
  font-size: var(--font-size-sm);
  color: var(--color-black); }

.login-page .pwdless-resendContainer {
  text-align: center;
  line-height: 1; }

.login-page .pwdless-resendcode {
  display: inline-block;
  text-align: center;
  margin-bottom: var(--spacing-16);
  text-decoration: underline;
  font-family: var(--textbutton-sm-fontFamily) ;
  font-size: var(--textbutton-sm-fontSize) ;
  font-weight: var(--textbutton-sm-fontWeight) ;
  letter-spacing: var(--textbutton-sm-letterSpacing) ;
  line-height: calc(var(--textbutton-sm-lineHeight)) ;
  text-transform: var(--textbutton-sm-textCase, "inherit") ;
  color: var(--color-black); }

.login-page .pwdless-token {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-8);
  margin: 0 0 var(--spacing-16) 0; }
  .login-page .pwdless-token input {
    padding: 0;
    max-height: 50px; }

.login-page .pwdless-resendCodeText {
  display: block;
  text-align: center;
  margin-bottom: var(--spacing-16);
  font-size: var(--font-size-sm); }

.login-page .request-passwordless-login-title {
  font-family: var(--heading-lg-fontFamily) ;
  font-size: var(--heading-lg-fontSize) ;
  font-weight: var(--heading-lg-fontWeight) ;
  letter-spacing: var(--heading-lg-letterSpacing) ;
  line-height: calc(var(--heading-lg-lineHeight)) ;
  text-transform: var(--heading-lg-textCase, "inherit") ;
  margin: 0 0 var(--spacing-12);
  color: var(--color-black); }
  @media (max-width: 991px) {
    .login-page .request-passwordless-login-title {
      font-family: var(--heading-md-fontFamily) ;
      font-size: var(--heading-md-fontSize) ;
      font-weight: var(--heading-md-fontWeight) ;
      letter-spacing: var(--heading-md-letterSpacing) ;
      line-height: calc(var(--heading-md-lineHeight)) ;
      text-transform: var(--heading-md-textCase, "inherit") ; } }

.login-page .pwdless-otpnote {
  padding-bottom: var(--spacing-8);
  margin-bottom: 0; }

.login-page .pwdless-resendCodeText {
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ;
  color: var(--color-black); }

.login-page .card-body .ds-alert--error {
  font-size: var(--font-size-sm);
  position: relative;
  padding: 0 var(--spacing-16) 0 28px;
  margin-bottom: var(--spacing-16); }

.login-page .card-body .icon-alert::before {
  position: absolute;
  left: 0;
  top: var(--spacing-2); }

.login-page .card-body .error-message {
  display: block;
  padding-top: var(--spacing-2);
  margin-bottom: 0; }

.login-page .invalid-feedback::before {
  display: none; }

.error-mismatch a {
  color: var(--color-feedback-error);
  text-decoration: underline; }

.btn-login-email {
  padding-top: 0; }

.ds-email-paswd-login-form .ds-submit-action {
  margin-bottom: var(--spacing-16); }

.ds-email-paswd-login-form .header-label,
.ds-email-paswd-login-form h2.label {
  margin-bottom: var(--spacing-12); }

.ds-email-paswd-login-form .order-history-navigation-view {
  margin-bottom: var(--spacing-24); }

@media (max-width: 991px) {
  .ds-email-paswd-login-form .header-label {
    margin-top: var(--spacing-24); } }

.ds-drawers.card.login-layout {
  width: 46%;
  max-width: 640px; }
  @media (max-width: 991px) {
    .ds-drawers.card.login-layout {
      width: 100%;
      max-width: 100%; } }

.page.login .acccount-create-msg-container {
  margin-bottom: var(--spacing-24);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary_on_light_bg); }
  .page.login .acccount-create-msg-container a {
    color: var(--color-black); }

.login-page .privacy-policy.bottom-msg {
  text-align: center;
  font-family: var(--body-sm-fontFamily) ;
  font-size: var(--body-sm-fontSize) ;
  font-weight: var(--body-sm-fontWeight) ;
  letter-spacing: var(--body-sm-letterSpacing) ;
  line-height: calc(var(--body-sm-lineHeight)) ;
  text-transform: var(--body-sm-textCase, "inherit") ;
  color: var(--text-secondary-light-bg); }
  .login-page .privacy-policy.bottom-msg .acccount-create-msg .ds-btn-text {
    font-family: var(--body-sm-fontFamily) ;
    font-size: var(--body-sm-fontSize) ;
    font-weight: var(--body-sm-fontWeight) ;
    letter-spacing: var(--body-sm-letterSpacing) ;
    line-height: calc(var(--body-sm-lineHeight)) ;
    text-transform: var(--body-sm-textCase, "inherit") ;
    color: var(--text-secondary-light-bg); }

.order-track-section .login-page {
  margin-bottom: 0; }

.ds-reset-password .text-create-password {
  margin-bottom: var(--spacing-24); }

.ds-reset-password p {
  color: var(--paragraph-primary-color);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-md);
  margin-bottom: var(--spacing-32); }
  @media (max-width: 640px) {
    .ds-reset-password p {
      margin-bottom: var(--spacing-24); } }
  .ds-reset-password p span {
    display: block;
    margin-bottom: 0; }

.ds-reset-password .ds-form-group {
  margin-bottom: var(--spacing-16); }

.ds-reset-password .ds-submit-action {
  margin-bottom: 0; }

.ds-change-password-penal-modal .modal-dialog {
  height: 100%;
  margin: 0;
  position: fixed;
  right: 0; }
  @media (max-width: 1024px) {
    .ds-change-password-penal-modal .modal-dialog {
      width: 100%;
      max-width: 100%; } }
  .ds-change-password-penal-modal .modal-dialog .modal-content {
    height: 100%;
    border-radius: var(--border-radius-0);
    border: none;
    padding: var(--spacing-40); }
    @media (max-width: 1024px) {
      .ds-change-password-penal-modal .modal-dialog .modal-content {
        padding: var(--spacing-24) var(--spacing-24) var(--spacing-56); } }
    .ds-change-password-penal-modal .modal-dialog .modal-content .ds-color-light-grey {
      color: var(--paragraph-primary-color); }
    .ds-change-password-penal-modal .modal-dialog .modal-content .ds-color-black {
      color: var(--color-black); }
    .ds-change-password-penal-modal .modal-dialog .modal-content .modal-header {
      padding: 0;
      border: none; }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-header .close {
        position: relative;
        opacity: var(--opacity-100);
        border-radius: 50%;
        top: var(--spacing-12);
        right: var(--spacing-16);
        cursor: pointer;
        z-index: 1;
        background-color: var(--color-grey-50); }
        @media (max-width: 1024px) {
          .ds-change-password-penal-modal .modal-dialog .modal-content .modal-header .close {
            top: var(--spacing-16);
            right: var(--spacing-16); } }
        .ds-change-password-penal-modal .modal-dialog .modal-content .modal-header .close span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          font-size: var(--sizing-icon-sm);
          color: var(--icon-close-color); }
    .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body {
      padding: 0; }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body.ds-modal-body-center {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: var(--spacing-24); }
        @media (max-width: 1024px) {
          .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body.ds-modal-body-center {
            padding-top: var(--spacing-32); } }
        @media (max-width: 767px) {
          .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body.ds-modal-body-center {
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start; } }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body .modified-width {
        max-width: 424px; }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body h2 {
        color: var(--color-brand-primary);
        margin-bottom: var(--spacing-24);
        font-family: var(--heading-lg-fontFamily) ;
        font-size: var(--heading-lg-fontSize) ;
        font-weight: var(--heading-lg-fontWeight) ;
        letter-spacing: var(--heading-lg-letterSpacing) ;
        line-height: calc(var(--heading-lg-lineHeight)) ;
        text-transform: var(--heading-lg-textCase, "inherit") ; }
        @media (max-width: 1024px) {
          .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body h2 {
            margin-bottom: var(--spacing-16);
            font-family: var(--heading-md-fontFamily) ;
            font-size: var(--heading-md-fontSize) ;
            font-weight: var(--heading-md-fontWeight) ;
            letter-spacing: var(--heading-md-letterSpacing) ;
            line-height: calc(var(--heading-md-lineHeight)) ;
            text-transform: var(--heading-md-textCase, "inherit") ; } }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body p {
        margin-bottom: var(--spacing-24);
        font-family: var(--body-lg-fontFamily) ;
        font-size: var(--body-lg-fontSize) ;
        font-weight: var(--body-lg-fontWeight) ;
        letter-spacing: var(--body-lg-letterSpacing) ;
        line-height: calc(var(--body-lg-lineHeight)) ;
        text-transform: var(--body-lg-textCase, "inherit") ; }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body .page-error svg {
        margin-right: 10px;
        width: var(--spacing-20); }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body input ~ label {
        top: 14px; }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body .ds-submit-action {
        margin-bottom: var(--spacing-24); }
        .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body .ds-submit-action button {
          width: 100%; }
      .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body .ds-return-action {
        text-align: center; }
        .ds-change-password-penal-modal .modal-dialog .modal-content .modal-body .ds-return-action .ds-links {
          cursor: pointer;
          font-family: var(--body-md-fontFamily) ;
          font-size: var(--body-md-fontSize) ;
          font-weight: var(--body-md-fontWeight) ;
          letter-spacing: var(--body-md-letterSpacing) ;
          line-height: calc(var(--body-md-lineHeight)) ;
          text-transform: var(--body-md-textCase, "inherit") ; }

.ds-user-signin .login-page {
  margin: var(--spacing-56) auto var(--spacing-80); }
  @media (max-width: 767px) {
    .ds-user-signin .login-page {
      margin: var(--spacing-24) auto var(--spacing-80); } }

.ds-user-signin .ds-secondary-text-heading {
  color: var(--paragraph-primary-color); }

.ds-user-signin .ds-color-light-grey {
  color: var(--paragraph-primary-color); }

.ds-user-signin .ds-color-black {
  color: var(--color-black); }

.ds-user-signin .acccount-create-msg-container {
  display: none; }

.ds-user-signin .ds-email-paswd-login-form .header-label {
  margin-bottom: var(--spacing-16); }

.ds-user-signin .ds-email-paswd-login-form .btn-login-email {
  padding-top: 0; }

.ds-user-signin .ds-email-paswd-login-form .header-signin-global-error .signin-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--color-feedback-error);
  padding-bottom: var(--spacing-20);
  font-family: var(--body-md-fontFamily) ;
  font-size: var(--body-md-fontSize) ;
  font-weight: var(--body-md-fontWeight) ;
  letter-spacing: var(--body-md-letterSpacing) ;
  line-height: calc(var(--body-md-lineHeight)) ;
  text-transform: var(--body-md-textCase, "inherit") ; }
  .ds-user-signin .ds-email-paswd-login-form .header-signin-global-error .signin-error span {
    margin-right: var(--spacing-8); }
  .ds-user-signin .ds-email-paswd-login-form .header-signin-global-error .signin-error a {
    color: var(--color-feedback-error);
    font-family: var(--body-md-fontFamily) ;
    font-size: var(--body-md-fontSize) ;
    font-weight: var(--body-md-fontWeight) ;
    letter-spacing: var(--body-md-letterSpacing) ;
    line-height: calc(var(--body-md-lineHeight)) ;
    text-transform: var(--body-md-textCase, "inherit") ;
    text-decoration: underline;
    cursor: pointer; }
  .ds-user-signin .ds-email-paswd-login-form .header-signin-global-error .signin-error .ref-id {
    margin-right: 0;
    word-break: break-all; }

.ds-user-signin .login-page .login {
  margin-bottom: 0; }

/* APPLICATION OVERRIDE STYLE GOES HERE */
/* Page information used for debugging */
.pvh-page-info {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: yellow;
  color: black;
  z-index: 999;
  padding: 0 5px; }

/* APPLICATION OVERRIDE STYLE GOES HERE */
.product .pdprewards-container {
  margin-top: var(--spacing-40);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 640px) {
    .product .pdprewards-container .pdp-antavo {
      display: block; }
      .product .pdprewards-container .pdp-antavo img {
        margin-bottom: var(--spacing-8); } }
  .product .pdprewards-container .pdp-antavo span.antavo-multiflier {
    margin-top: var(--spacing-2); }

.pdprewards-container {
  margin-top: var(--spacing-8); }
  .pdprewards-container .pdp-antavo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: var(--spacing-8); }
    .pdprewards-container .pdp-antavo img {
      height: 25px;
      line-height: 25px;
      background: none;
      width: 193px;
      margin-right: var(--spacing-8); }
    .pdprewards-container .pdp-antavo .antavo-points-wrapper {
      color: var(--color-blue-500);
      background-color: var(--color-blue-50);
      padding: 0 var(--spacing-4);
      border-radius: var(--spacing-4); }
    .pdprewards-container .pdp-antavo span {
      margin: 0; }
  .pdprewards-container span.antavo-multiflier,
  .pdprewards-container .antavo-points-wrapper {
    font-family: var(--Label-md-fontFamily) ;
    font-size: var(--Label-md-fontSize) ;
    font-weight: var(--Label-md-fontWeight) ;
    letter-spacing: var(--Label-md-letterSpacing) ;
    line-height: calc(var(--Label-md-lineHeight)) ;
    text-transform: var(--Label-md-textCase, "inherit") ;
    height: var(--spacing-20);
    line-height: var(--spacing-20);
    display: inline-block;
    vertical-align: top; }
  .pdprewards-container span.antavo-multiflier {
    background-color: var(--color-blue-500);
    color: #fff;
    padding: 0 var(--spacing-4);
    border-radius: var(--spacing-4); }
  .pdprewards-container .text-more {
    font-family: var(--body-md-fontFamily) ;
    font-size: var(--body-md-fontSize) ;
    font-weight: var(--body-md-fontWeight) ;
    letter-spacing: var(--body-md-letterSpacing) ;
    line-height: calc(var(--body-md-lineHeight)) ;
    text-transform: var(--body-md-textCase, "inherit") ;
    margin-right: var(--spacing-4);
    color: var(--color-grey-600); }
  .pdprewards-container .antavopoints-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: var(--spacing-8); }
  .pdprewards-container .pdp-antavo-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.reward-details {
  font-size: 13px;
  margin-bottom: var(--spacing-8); }
  .reward-details .shipping-info {
    display: inline-block;
    margin: 0; }

.guest-enroll-reward {
  color: #696969;
  font-size: var(--font-size-sm); }
  .guest-enroll-reward a {
    text-decoration: underline;
    color: #696969; }