/** Shopify CDN: Minification failed

Line 816:0 Unexpected "}"
Line 2765:36 Expected ":"
Line 3758:1 Expected identifier but found "custom-mega-menu("
Line 3928:35 "text-transfor" is not a known CSS property

**/
/* =============================================
   CONVERSE — Common Styles
   Shared across all pages (Shopify theme ready)
   ============================================= */

/* --- Font Faces --- */
@font-face {
  font-family: 'Proxima Nova';
  src: url('/cdn/shop/files/ProximaNova-Light.ttf?v=1783495606') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/cdn/shop/files/ProximaNova-Regular.ttf?v=1783495608') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/cdn/shop/files/ProximaNova-Medium.ttf?v=1783495607') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/cdn/shop/files/ProximaNova-Semibold.ttf?v=1783495608') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/cdn/shop/files/ProximaNova-Bold.ttf?v=1783495607') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/cdn/shop/files/ProximaNova-Extrabold.ttf?v=1783495606') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* --- CSS Variables --- */
:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-grey-light: #e8e8e8;
  --color-grey-medium: #767676;
  --color-grey-banner: #e5e5e5;
  --color-red: #ce1141;

  --font-primary: 'Proxima Nova' sans-serif !important;

  --container-max: 1440px;
  --container-padding: 20px;
  --layout-max: 1440px;

  --btn-height: 48px;
  --transition-base: 0.3s ease;

  /* Media ratios — layout stays stable when real images replace demos */
  --ratio-product-media: 335 / 370;   /* Figma product card image */
  --ratio-hero: 3 / 2;
  --ratio-category: 4 / 5;
  --ratio-split-banner: 3 / 2;
  --ratio-split-banner-mobile: 4 / 5;
  --ratio-style-thumb: 1 / 1;
  --ratio-promo: 4 / 5;
  --ratio-store-media: 1 / 1;

  /* Product slider progress bar */
  --slider-progress-height: 3px;
  --slider-progress-track: #e8e8e8;
  --slider-progress-fill: #7a7a7a;
}

@media (max-width:767px){
  :root{
     --container-padding: 20px;
  }
}
/* --- Reset --- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-primary) !important;
  font-weight: 400;
  color: var(--color-black);
  background-color: var(--color-white);
  line-height: 1.5;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.media-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.media-contain {
  object-fit: contain;
  object-position: center;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

ul,
ol {
  list-style: none;
}

@media screen and (max-width:750px) {

  .desktop-only{display: none !important;}
}

@media screen and (min-width:749px) {

  .mobile-only{display: none !important;}
}


/* --- Common Section Heading --- */
.section-heading {
  font-family: var(--font-primary) !important;
  font-size: 45px;
  font-weight: 500;
  /* font-size: 54px;
  font-weight: 600; */
  line-height: 50px;
  letter-spacing: 0;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-black);
}

@media (max-width: 767px) {
  .section-heading {
    font-size: clamp(24px, 5vw, 44px);
    /* font-size: clamp(32px, 8vw, 44px); */
    line-height: 1.1;
  }
}

/* --- Container --- */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* --- Common Button --- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--btn-height);
  padding: 0 32px;
  font-family: var(--font-primary) !important;
  font-size: 16px;
  font-weight: 600;
 text-transform: capitalize;
  color: var(--color-white);
  background-color: var(--color-black);
  border: 2px solid var(--color-black);
  transition:
    background-color var(--transition-base),
    color var(--transition-base),
    transform var(--transition-base),
    box-shadow var(--transition-base);
}

main#MainContent{margin-top: 42px;}
.btn:hover {
  background-color: var(--color-white);
  color: var(--color-black);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn:active {
  transform: translateY(0);
  box-shadow: none;
}

.btn--outline {
  background-color: transparent;
  color: var(--color-black);
}

.btn--outline:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}

/* --- Top Bar --- */
.top-bar {
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.top-bar__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 40px;
  gap: 16px;
}

.top-bar__locale {
  display: flex;
  align-items: center;
  gap: 8px;
}

.top-bar__flag {
  width: 20px;
  height: 14px;
  border-radius: 1px;
  overflow: hidden;
  flex-shrink: 0;
}

.top-bar__flag svg {
  width: 100%;
  height: 100%;
  display: block;
}

.top-bar__promo {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-bar__promo-link {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity var(--transition-base);
}

.top-bar__promo-link:hover {
  opacity: 0.75;
}

.top-bar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}

.top-bar__action {
  display: flex;
  align-items: center;
  gap: 6px;
  transition: opacity var(--transition-base);
}

.top-bar__action:hover {
  opacity: 0.75;
}

.top-bar__action svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* --- Visually Hidden (Accessibility) --- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* --- Top Bar Responsive --- */
@media (max-width: 991px) {
  .top-bar__inner {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
  }

  .top-bar__locale {
    grid-row: 1;
    grid-column: 1;
  }

  .top-bar__actions {
    grid-row: 1;
    grid-column: 2;
  }

  .top-bar__promo {
    grid-row: 2;
    grid-column: 1 / -1;
    text-align: center;
    white-space: normal;
    font-size: 11px;
    padding-bottom: 8px;
  }
}

@media screen and (max-width:767px) {

  main#MainContent{margin-top: 40px;}
} 

@media (max-width: 575px) {
  .top-bar__actions {
    gap: 16px;
  }

  .top-bar__action span {
    display: none;
  }
}

/* --- Split Banner (Reusable — any page) --- */
.split-banners__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.split-banner {
  display: grid;
  grid-template-columns: 1.2fr 2.5fr;
  min-height: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
}

.split-banner--reverse {
  grid-template-columns: 2.5fr 1.1fr;
}

.split-banner--reverse .split-banner__content {
  order: 2;
  border-right: none;
  border-left: 1px solid var(--color-black);
}

.split-banner--reverse .split-banner__media {
  order: 1;
}

.split-banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 48px 40px;
  border-right: 1px solid var(--color-black);
}

.split-banner__title {
  font-family: var(--font-primary) !important;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--color-black);
  margin-bottom: 20px;
}

.split-banner__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-black);
  margin-bottom: 32px;
  max-width: 380px;
}

.split-banner__content .btn {
  align-self: flex-start;
  width: auto;
  min-width: 140px;
  padding: 0 28px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.split-banner__content .btn:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  transform: none;
  box-shadow: none;
  opacity: 0.85;
}

.split-banner__content .btn:active {
  opacity: 1;
}

.split-banner__media {
  position: relative;
  aspect-ratio: 900/700;
  min-height: 0;
  background-color: var(--color-grey-light);
  overflow: hidden;
}

.split-banner__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.split-banner__img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.split-banner__media .media-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.split-banner__media-overlay {
  display: none;
}

@media (max-width: 991px) {
  .split-banner,
  .split-banner--reverse {
    display: block;
    position: relative;
    min-height: auto;
    overflow: hidden;
  }

  .split-banner__content,
  .split-banner--reverse .split-banner__content {
    border-right: none;
    border-left: none;
  }

  .split-banner--reverse .split-banner__content,
  .split-banner--reverse .split-banner__media {
    order: unset;
  }

  .split-banner__media {
    position: relative;
    width: 100%;
    aspect-ratio: var(--ratio-split-banner-mobile);
    min-height: 0;
    max-height: none;
  }

  .split-banner__media picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .split-banner__media .split-banner__img,
  .split-banner__media .media-fill {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .split-banner__media-overlay {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    /* background: linear-gradient(
      to top,
      rgba(255, 255, 255, 0.92) 0%,
      rgba(255, 255, 255, 0.5) 40%,
      rgba(255, 255, 255, 0) 70%
    ); */
    pointer-events: none;
  }

  .split-banner__content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 28px 24px;
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    box-sizing: border-box;
  }

  .split-banner__text {
    display: none;
  }

  .split-banner__title {
    margin-bottom: 20px;
    font-size: 36px;
  }

  .split-banner__content .btn {
    min-width: 120px;
  }
}

@media (max-width: 575px) {
  .split-banner__media {
    aspect-ratio: 1 / 1;
  }

  .split-banner__content {
    padding: 24px 20px;
  }

  .split-banner__title {
    font-size: 36px;
    line-height: 1.2;
  }
}

/* --- Brand Legacy Banner (50/50 centered — reusable) --- */
.brand-legacy {
  padding: 20px 0;
  background-color: var(--color-white);
}

.brand-legacy__banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  background-color: var(--color-white);
  gap: 20px;
}

.brand-legacy__media {
  position: relative;
  aspect-ratio: 1 / 1;
  min-height: 0;
  background-color: var(--color-grey-light);
  border-right: 1px solid var(--color-black);
  overflow: hidden;
}

.brand-legacy__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.brand-legacy__img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.brand-legacy__media .media-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.brand-legacy__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 48px 40px;
  border: 1px solid var(--color-black);
}

.brand-legacy__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  margin-bottom: 20px;
  max-width: 500px;
}

.brand-legacy__text {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: var(--color-black);
  margin-bottom: 28px;
  max-width: 520px;
}

.brand-legacy__content .btn {
  align-self: center;
  min-width: 180px;
  padding: 0 28px;
  border-radius: 0;
}

.brand-legacy__content .btn:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  transform: none;
  box-shadow: none;
  opacity: 0.85;
}

.brand-legacy__content .btn:active {
  opacity: 1;
}

@media (max-width: 991px) {
  .brand-legacy {
    padding: 0 0 56px;
  }

  .brand-legacy__banner {
    display: flex;
    flex-direction: column;
    border: none;
    background: transparent;
    gap: 0;
  }

  .brand-legacy__media {
    aspect-ratio: 1 / 1;
    width: 100%;
    border-right: none;
  }

  .brand-legacy__media picture,
  .brand-legacy__media .media-fill {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .brand-legacy__content {
    padding: 32px 24px 28px;
    border: 1px solid var(--color-black);
    background-color: var(--color-white);
    align-items: center;
  }

  .brand-legacy__title {
    max-width: none;
    margin-bottom: 16px;
  }

  .brand-legacy__text {
    max-width: none;
    margin-bottom: 24px;
  }
}

@media (max-width: 575px) {
  .brand-legacy__content {
    padding: 28px 20px 24px;
  }

  .brand-legacy__title {
    font-size: 20px;
  }

  .brand-legacy__text {
    font-size: 14px;
  }
}

/* --- Newsletter CTA (full-width banner + overlay text — reusable) --- */
.shopify-section:has(> .newsletter-cta){display: block;}
.newsletter-cta {
  width: 100%;
  /* background-color: var(--color-grey-banner); */
}

.newsletter-cta__banner {
  position: relative;
  width: 100%;
  min-height: 380px;
  overflow: hidden;
  /* background-color: var(--color-grey-banner); */
}

.newsletter-cta__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-grey-banner);
}

.newsletter-cta__media::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  /* background: rgba(229, 229, 229, 0.62); */
  pointer-events: none;
}

.newsletter-cta__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.newsletter-cta__img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.newsletter-cta__media .media-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.newsletter-cta__content {
     position: absolute;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 72px var(--container-padding);
    /* padding-bottom: 13px; */
    height: 100%;
    /* background: red; */
    bottom: 0;
    width: 50%;
}
}

.newsletter-cta__logo {
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
  color: var(--color-black);
}

.newsletter-cta__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  margin-bottom: 20px;
  max-width: 900px;
}

.newsletter-cta__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-black);
  margin-bottom: 25px;
  max-width: 400px;
}

.newsletter-cta__content .btn {
  min-width: 220px;
  padding: 0 32px;
  border-radius: 0;
}



.newsletter-cta__content .btn:hover {
  opacity: 0.85;
}

@media screen and (max-width:991px) {

  .newsletter-cta__title{font-size: 36px; margin-bottom: 15px;}
}

@media (max-width: 767px) {
  /* .newsletter-cta__banner {
    min-height: 0;
  } */

  .newsletter-cta__content {
width:100%;
    padding: 56px var(--container-padding);
  }

  .newsletter-cta__logo {
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
  }

  .newsletter-cta__title {
    margin-bottom: 4px;
  }

  .newsletter-cta__text {
    font-size: 14px;
    margin-bottom: 28px;
    color:#fff;
  }

  .newsletter-cta__content .btn {
    width: 100%;
    max-width: initial;
    background:transparent;
    color:#fff;
    border:1px solid #fff;

  }

}

@media (max-width: 575px) {
  .newsletter-cta__content {
    padding: 48px var(--container-padding);
    padding-bottom:35px;
  }
  .newsletter-cta__content .btn:hover{
    background:#fff;
    color:#000;
  }
}

/* --- Explore Converse Grid (edge-to-edge — reusable) --- */
.shopify-section:has(> .explore-converse){display: block;}
.explore-converse {
  width: 100%;
  padding: 0;
  background-color: var(--color-white);
}

.explore-converse__heading {
  text-align: center;
  padding: 50px var(--container-padding) 40px;
}

.explore-converse__grid {
  display: grid;
  width: 100%;
  border-top: 1px solid var(--color-black);
  border-left: 1px solid var(--color-black);
}

.explore-converse__cell {
  display: flex;
  align-items: center;
  gap: 10px;
  /* min-height: 72px; */
  padding: 20px 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-black);
  /* background-color: var(--color-white);
  border-right: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  transition: background-color var(--transition-base); */
}

.explore-converse__grid .shopify-block{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  /* padding: 20px 24px; */
  /* font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-black); */
  background-color: var(--color-white);
  border-right: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  transition: background-color var(--transition-base);
}

.explore-converse__grid .shopify-block:hover {
  background-color: #f7f7f7;
}

.explore-converse__arrow {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
}

/* Desktop: 6 columns, 2 rows */
@media (min-width: 992px) {
  .explore-converse__grid {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, minmax(100px, 1fr));
  }
/* 
  .explore-converse__cell[data-cell="women"] {
    grid-column: 1;
    grid-row: 1 / 3;
  }

  .explore-converse__cell[data-cell="men"] {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  .explore-converse__cell[data-cell="kids"] {
    grid-column: 3;
    grid-row: 1 / 3;
  }

  .explore-converse__cell[data-cell="chuck-taylor"] {
    grid-column: 4;
    grid-row: 1;
  }

  .explore-converse__cell[data-cell="chuck-70"] {
    grid-column: 4;
    grid-row: 2;
  }

  .explore-converse__cell[data-cell="boots"] {
    grid-column: 5;
    grid-row: 1;
  }

  .explore-converse__cell[data-cell="custom"] {
    grid-column: 5;
    grid-row: 2;
  }

  .explore-converse__cell[data-cell="platforms"] {
    grid-column: 6;
    grid-row: 1;
  }

  .explore-converse__cell[data-cell="launch"] {
    grid-column: 6;
    grid-row: 2;
  }

  .explore-converse__cell[data-cell="women"],
  .explore-converse__cell[data-cell="men"],
  .explore-converse__cell[data-cell="kids"] {
    min-height: 200px;
  } */

  .explore-converse__grid .shopify-block:nth-child(1),
  .explore-converse__grid .shopify-block:nth-child(2),
  .explore-converse__grid .shopify-block:nth-child(3) {
    grid-row: 1 / span 2;
}
}

/* Mobile: 2 columns, 4 rows — edge to edge */
@media (max-width: 991px) {
  .explore-converse {
    padding: 0;
  }

  .explore-converse__heading {
    padding: 30px var(--container-padding) 30px;
  }

  .explore-converse__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, minmax(72px, auto));
  }

  .explore-converse__grid .shopify-block:nth-child(1) .explore-converse__cell,
  .explore-converse__grid .shopify-block:nth-child(2) .explore-converse__cell,
  .explore-converse__grid .shopify-block:nth-child(3) .explore-converse__cell {
      font-size: 20px;
  }
/* 
  .explore-converse__cell[data-cell="women"] {
    grid-column: 1;
    grid-row: 1;
  }

  .explore-converse__cell[data-cell="men"] {
    grid-column: 2;
    grid-row: 1;
  }

  .explore-converse__cell[data-cell="chuck-taylor"] {
    grid-column: 1;
    grid-row: 2;
  }

  .explore-converse__cell[data-cell="boots"] {
    grid-column: 2;
    grid-row: 2;
  }

  .explore-converse__cell[data-cell="chuck-70"] {
    grid-column: 1;
    grid-row: 3;
  }

  .explore-converse__cell[data-cell="custom"] {
    grid-column: 2;
    grid-row: 3;
  }

  .explore-converse__cell[data-cell="platforms"] {
    grid-column: 1;
    grid-row: 4;
  }

  .explore-converse__cell[data-cell="launch"] {
    grid-column: 2;
    grid-row: 4;
  }

  .explore-converse__cell[data-cell="kids"] {
    display: none;
  } */

  .explore-converse__cell {
    padding: 18px 20px;
    font-size: 16px;
  }
}

@media (max-width: 575px) {

  .explore-converse__cell {
    padding: 16px 18px;
    font-size: 14px !important;
    min-height: 64px;
  }

  .explore-converse__grid .shopify-block:nth-child(1) .explore-converse__cell,
  .explore-converse__grid .shopify-block:nth-child(2) .explore-converse__cell,
  .explore-converse__grid .shopify-block:nth-child(3) .explore-converse__cell {
      font-size: 18px;
  }
}

/* =============================================
   FILTER TABS (Reusable — any page)
   ============================================= */
.filter-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 20px;
}

.filter-tabs__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 44px;
  padding: 0 24px;
  font-family: var(--font-primary) !important;
  font-size: 14px;
  font-weight: 500;

  text-transform: uppercase;
  color: var(--color-black);
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  transition:
    background-color var(--transition-base),
    color var(--transition-base);
}

.filter-tabs__btn:last-child {
  border-right-width: 1px;
}

.filter-tabs__btn.is-active,
.filter-tabs__btn[aria-selected='true'] {
  background-color: var(--color-black);
  color: var(--color-white);
}

.filter-tabs__btn:hover:not(.is-active) {
  background-color: #f5f5f5;
}

/* =============================================
   PRODUCT CARD (Reusable — any page)
   ============================================= */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-card__media {
  position: relative;
  aspect-ratio: var(--ratio-product-media);
  background-color: var(--color-grey-light);
  overflow: hidden;
}

.product-card__link {
  display: block;
  width: 100%;
  height: 100%;
}

.product-card__img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s ease;
}

.product-card:hover .product-card__img {
  transform: scale(1.03);
}

.product-card__wishlist {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--color-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  color: var(--color-black);
  transition:
    background-color var(--transition-base),
    transform var(--transition-base);
}

.product-card__wishlist:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  transform: scale(1.05);
}

.product-card__wishlist svg {
  width: 18px;
  height: 18px;
}

.product-card__badge {
  position: absolute;
  top: 14px;
  right: 12px;
  z-index: 2;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-black);
}

.product-card__info {
  padding-top: 16px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.product-card__title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  margin-bottom: 3px;
  margin-top: 20px;
}

.product-card__title a {
  transition: opacity var(--transition-base);
}

.product-card__title a:hover {
  opacity: 0.65;
}

.product-card__price {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 4px;
}

.price__regular{font-size: 15px; font-weight: 700; line-height: 1.3; margin-bottom: 4px;}

.product-card__category {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-grey-medium);
  margin-bottom: 12px;
}

.product-card__swatches {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  min-height: 18px;
}

.product-card__swatch {
  width: 18px;
  height: 18px;
  padding: 0;
  border-radius: 50%;
  background-color: var(--swatch-color, #ccc);
  border: 2px solid transparent;
  outline: 1px solid rgba(0, 0, 0, 0.15);
  outline-offset: 1px;
  transition: transform var(--transition-base);
}

.product-card__swatch.is-active {
  outline: 2px solid var(--color-black);
  outline-offset: 2px;
}

.product-card__swatch:hover {
  transform: scale(1.1);
}

.product-card__swatch-more {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-black);
}

overflow-list ul{justify-content: flex-start !important;}
swatches-variant-picker-component{justify-content: flex-start !important;}
/* .variant-option__swatch{width: 18px; height: 18px;} */
.variant-option__button-label .swatch{width: 20px; height: 20px;}
.variant-option--swatches>overflow-list{display: flex; gap: 5px; align-items: center; flex-wrap: wrap}
.hidden-swatches__count:before{color: #000;}
/* input[type="radio"]:checked + .swatch {width: 13px; height: 13px;} */
swatches-variant-picker-component overflow-list::part(list) {gap: 5px !important;}
swatches-variant-picker-component{padding-bottom: 4px;}

/* =============================================
   PRODUCT SLIDER SECTION (Reusable — any page)
   ============================================= */
.product-slider-section {
  padding: 72px 0;
  background-color: var(--color-white);
}

.product-slider-section .container {
  position: relative;
  overflow: visible;
}

.product-slider-section__toolbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
}

.product-slider-section__toolbar .filter-tabs {
  grid-column: 1;
  justify-self: start;
}

.product-slider-section__toolbar .section-heading {
  grid-column: 2;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
}

.product-slider-section__toolbar .product-slider-section__shop-all--desktop {
  grid-column: 3;
  justify-self: end;
  display: none;
}

.product-slider-section__toolbar .product-slider-section__shop-all--desktop.is-active{display: inline-flex;}

.product-slider-section__shop-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: gap var(--transition-base), opacity var(--transition-base);
}

.product-slider-section__shop-all:hover {
  gap: 12px;
  opacity: 0.75;
}

.product-slider-section__shop-all svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.product-slider-section__shop-all--mobile {
  display: none;
  order: 2;
}

.product-slider-section__panel {
  display: none;
}

.product-slider-section__panel.is-active {
  display: block;
}

.product-slider {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.product-slider .swiper {
  overflow: hidden;
  width: 100%;
  order: 1;
  flex: 0 0 auto;
}

.product-slider .swiper-slide {
  height: auto;
  display: flex;
}

.product-slider .swiper-slide product-card{width: 100%;}
.product-slider .swiper-slide product-card quick-add-component{display: none;}
.product-card__content slideshow-component{height: 100%;}
.product-card__content slideshow-component slideshow-container{height: 100%;}
.product-card__content slideshow-component slideshow-container slideshow-arrows{position: absolute; z-index: 9; display: flex !important; width: 100%; justify-content: space-between; top: 50%; transform: translateY(-50%);}
.product-card__content slideshow-component slideshow-container slideshow-arrows .slideshow-control{border-radius: 50%; width: 30px; height: 30px; background: transparent; display: flex; align-items: center; justify-content: center;padding:0;}
.product-card__content slideshow-component slideshow-container slideshow-slides{height: 100%; overflow-y: hidden;}
.product-card__content slideshow-component slideshow-container slideshow-slides slideshow-slide{height: 100%;}
.product-card__meta .product-card__title-vendor{margin-top: 20px;}
/* .product-card__meta swatches-variant-picker-component{margin-top: 12px; display: block;} */
.product-card__meta .variant-option--swatches>overflow-list{margin-left: 3px;}
.product-card__meta .product-card__category{margin-top: 7px;}
.product-card__meta .product-card__price-rating{margin-top: 3px;}

.product-slider .swiper-slide .product-card {
  width: 100%;
}

.product-slider__nav {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--color-white);
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: var(--color-black);
  /* Center on product image area (not whole card incl. text) */
  top: calc(100% * (370 / 486) * 0.5);
  transform: translateY(-50%);
  transition:
    background-color var(--transition-base),
    border-color var(--transition-base),
    transform var(--transition-base);
}

.product-slider__nav:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
  transform: translateY(-50%) scale(1.05);
}

.product-slider__nav svg {
  width: 18px;
  height: 18px;
}

.product-slider__nav--prev {
  left: -54px;
}

.product-slider__nav--next {
  right: -54px;
}

.product-slider__nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  transform: translateY(-50%);
}

.product-slider__nav.swiper-button-disabled:hover {
  background-color: var(--color-white);
  color: var(--color-black);
  border-color: rgba(0, 0, 0, 0.15);
  transform: translateY(-50%);
}

/* Swiper progress bar — pill track + fill (Figma style) */
.product-slider__scrollbar {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  order: 3;
  flex: 0 0 auto;
  width: 250px;
  height: var(--slider-progress-height);
  margin: 28px auto 0;
  background-color: var(--slider-progress-track);
  border-radius: 999px;
  overflow: hidden;
  z-index: 1;
}

.product-slider__scrollbar.swiper-scrollbar-horizontal {
  position: relative !important;
  bottom: auto !important;
  width: 250px !important;
}

.product-slider__scrollbar .swiper-scrollbar-drag {
  background-color: var(--slider-progress-fill);
  border-radius: 999px;
  height: var(--slider-progress-height);
  min-width: 48px;
  top: 0;
  cursor: grab;
}

.product-slider__scrollbar .swiper-scrollbar-drag:active {
  cursor: grabbing;
}

@media (max-width: 1200px) {
  .product-slider__nav--prev {
    left: -20px;
  }

  .product-slider__nav--next {
    right: -20px;
  }
}

@media (max-width: 991px) {
  .product-slider-section {
    padding: 30px 0 20px;
  }

  .product-slider-section__toolbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
    gap: 12px;
  }

  .product-slider-section .container{padding: 0 4px 0 0;}

  .product-slider-section__toolbar .filter-tabs,
  .product-slider-section__toolbar .section-heading,
  .product-slider-section__toolbar .product-slider-section__shop-all--desktop {
    grid-column: auto;
    justify-self: auto;
  }

  .product-slider-section__toolbar .product-slider-section__shop-all--desktop{display: none !important;}

  .product-slider-section__toolbar .section-heading {
    order: -1;
    margin-bottom: 4px;
  }

  .product-slider-section__shop-all--desktop {
    display: none;
  }

  /* Cards bleed to right screen edge; left stays aligned with tabs */
  .product-slider-section__panels {
    overflow: visible;
  }

  .product-slider {
    width: calc(100% + var(--container-padding));
    margin-right: calc(-1 * var(--container-padding));
    padding: 0;
  }

  .product-slider .swiper {
    overflow: hidden;
    width: 100%;
  }

  .product-slider__nav--prev {
    left: 8px;
  }

  .product-slider__nav--next {
    right: 8px;
  }

  .product-slider-section__shop-all--mobile {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin-top: 24px;
    order: 2;
    padding-right: 20px;
  }

  .product-slider__scrollbar.swiper-scrollbar-horizontal{padding-right: 20px; width: calc(100% - 20px) !important; margin: 22px 0 0 0;}

  .product-slider__nav {
    display: none;
  }

  .product-slider__scrollbar {
    width: 250px;
    max-width: none;
    margin-top: 24px;
    order: 3;
  }
}

@media (min-width:768px){
  .container.footer-main__inner{
  padding-left: var(--container-padding) !important;
    padding-right: var(--container-padding) !important;
}
}
@media (max-width: 575px) {
  .filter-tabs__btn {
    min-width: 88px;
    height: 40px;
    padding: 0 18px;
    font-size: 12px;
  }
}

/* =============================================
   STORE LOCATOR CARDS (Reusable — any page)
   Desktop: 3-col grid via Swiper | Mobile: slider + progress
   ============================================= */
.shopify-section:has(> .store-locator-section){background-color: #f3f3f3; display: block;}
.store-locator-section {
  padding: 20px 0;
  background-color: #f3f3f3;
}

.store-locator-section .container {
  overflow: visible;
}

.store-locator {
  position: relative;
  display: flex;
  flex-direction: column;
}

.store-locator .swiper {
  overflow: hidden;
  width: 100%;
}

.store-locator .swiper-slide {
  height: auto;
  display: flex;
}

.store-locator .store-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  padding: 0;
}

.store-card__media {
   aspect-ratio: 384 / 205;
  background-color: var(--color-grey-light);
  overflow: hidden;
  margin-bottom: 0 !important;
}

.store-card__link {
  display: block;
  width: 100%;
  height: 100%;
}

.store-card__img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.store-card__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  border-top: none;
}

.store-card__title {
  font-size:34px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
}

.store-card__text {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: var(--color-black);
  margin-bottom: 20px;
  flex: 1 1 auto;
}

.store-card__btn {
  align-self: flex-start;
  min-width: 110px;
  padding: 0 28px;
  border-radius: 0;
}

/* Progress bar — mobile only (reuse pill slider styles) */
.store-locator__scrollbar {
  display: none;
}

@media (max-width: 991px) {
  .store-locator-section {
    padding: 40px 0 48px;
  }

  .store-card__title{font-size: 30px;}
  .store-card__text{display: none;}

  .store-locator .swiper {
    width: calc(100% + var(--container-padding));
    margin-right: calc(-1 * var(--container-padding));
  }

  .store-locator__scrollbar {
    display: block;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100%;
    max-width: none;
    height: var(--slider-progress-height);
    margin: 24px 0 0;
    background-color: var(--slider-progress-track);
    border-radius: 999px;
    overflow: hidden;
  }

  .store-locator__scrollbar.swiper-scrollbar-horizontal {
    position: relative !important;
    bottom: auto !important;
  }

  .store-locator__scrollbar .swiper-scrollbar-drag {
    background-color: var(--slider-progress-fill);
    border-radius: 999px;
    height: var(--slider-progress-height);
    min-width: 48px;
    top: 0;
    cursor: grab;
  }
}

@media (min-width: 992px) {
  .store-locator .swiper-slide {
    height: auto;
  }
}

@media screen and (max-width:575px) {

  .store-card__title{font-size: 26px;}
  .store-card__content{padding: 10px;}
}

/* =============================================
   SITE FOOTER (Reusable — all pages)
   ============================================= */
.site-footer {
  width: 100%;
  background-color: var(--color-white);
  color: var(--color-black);
}

/* --- Service perks --- */
.footer-perks {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.footer-perks__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: var(--layout-max);
  margin: 0 auto;
}

.footer-perk {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 48px 32px;
  border-right: 1px solid #dcdcdc;
}

.footer-perk:last-child {
  border-right: none;
}

.footer-perk__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  color: var(--color-black);
}

.footer-perk__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.footer-perk__title,
.footer-col__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 12px;
}

footer .footer-col__title{margin-bottom: 0 !important;}

.footer-perk__text,
.footer-col__text {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-grey-medium);
  margin-bottom: 12px;
  max-width: 280px;
}




.footer-perk__link {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity var(--transition-base);
}

.footer-perk__title{
  font-size: 24px;
  font-weight: 600;
  }
.footer-perk__link:hover {
  opacity: 0.7;
}

.footer-perk__social,
.footer-follow__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  margin-bottom: 30px;
}

.footer-perks .footer-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #E7E7E7;
  color: var(--color-black);
  transition:
    background-color var(--transition-base),
    color var(--transition-base);
}

.social-icons__icon-wrapper:has(.social-icons__icon path) .footer-social-icon{width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;}

.social-icons__icon-wrapper:has(.social-icons__icon path){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #E7E7E7;
  color: var(--color-black);
  transition:
    background-color var(--transition-base),
    color var(--transition-base);
}

.footer-newsletter .group-block-content h3{font-size: 18px; color: #000; margin-bottom: 13px;}
.footer-newsletter .group-block-content p{color: #757575; font-size: 13px; margin-bottom: 20px;}
.group-block-content .social-icons__wrapper{gap: 0;}
.utilities{padding: 10px 0;}
.utilities anchored-popover-component{display: flex; gap: 15px;}
.utilities anchored-popover-component .terms-policies-popover{position: static; opacity: 1; display: block; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; translate: 0; scale: 1; bottom: 8px; left: 160px;}
.utilities anchored-popover-component .terms-policies-popover li a{color: #fff;}
.utilities .policy-list-trigger{color: #fff;}
.terms-policies-popover:popover-open{position: static !important; }
.terms-policies-popover{
transform :none !important;
}
/* .footer-bar{background-color: #fff !important;} */
.footer-utilities__group-copyright .footer-utilities__text,
.footer-utilities__group-copyright .footer-utilities__text a{color: #fff;}

.footer-perk__text{font-size: 14px;font-weight: 400;color: #757575;}

.footer-social-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.footer-social-icon:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.footer-social-icon:hover svg path{fill: var(--color-white);}
.footer-social-icon:hover svg rect{fill: var(--color-white);}
.footer-social-icon:hover svg circle{fill: var(--color-white);}
.footer-social-icon:hover svg path{fill: var(--color-white);}
.footer-social-icon:hover svg path{fill: var(--color-white);}

.footer-social-teaser {
  display: none;
}

/* --- Main footer --- */
.footer-main {
  padding: 40px 0;
}
.footer-content{padding: 0;}

.footer-main__inner {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr 1fr 1fr;
  gap: 40px 32px;
  align-items: start;
}

.footer-newsletter__form {
  display: flex;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--color-black);
}

.footer-newsletter__input {
  flex: 1;
  min-width: 0;
  height: var(--btn-height);
  padding: 0 16px;
  font-family: var(--font-primary) !important;
  font-size: 13px;
  color: var(--color-black);
  background: var(--color-white);
  border: none;
  outline: none;
}

.footer-newsletter__input::placeholder {
  color: var(--color-grey-medium);
}

.footer-newsletter__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--btn-height);
  height: var(--btn-height);
  color: var(--color-white);
  background-color: var(--color-black);
  border: none;
  transition: opacity var(--transition-base);
}

.footer-newsletter__submit svg {
  width: 18px;
  height: 18px;
}

.footer-newsletter__submit:hover {
  opacity: 0.85;
}

.footer-nav__list {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.footer-nav__list a {
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  color: var(--color-grey-medium);
  transition: color var(--transition-base);
}
.footer-nav.footer-nav--desktop[aria-label="Get help"]{margin-left: 50px;}

.footer-nav__list a:hover {
  color: var(--color-black);
}

.footer-follow__icons {
  justify-content: flex-start;
  margin-bottom: 0;
}

/* --- Mobile accordion --- */
.footer-accordion,
.footer-mobile-meta {
  display: none;
}

.footer-accordion__item {
  border-top: 1px solid #dcdcdc;
}

.footer-accordion__item:last-child {
  border-bottom: 1px solid #dcdcdc;
}

.footer-accordion__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 56px;
  padding: 16px 0;
  font-size: 15px;
  font-weight: 700;
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.footer-accordion__trigger::-webkit-details-marker {
  display: none;
}

.footer-accordion__chevron {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.footer-accordion__item[open] .footer-accordion__chevron {
  transform: rotate(180deg);
}

.footer-accordion__panel {
  padding: 0 0 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-accordion__panel a {
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-grey-medium);
  transition: color var(--transition-base);
}

.footer-accordion__panel a:hover {
  color: var(--color-black);
}

.footer-accordion__panel--social {
  padding-bottom: 24px;
}

/* --- Bottom bar --- */
.footer-bar {
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
}

.footer-bar__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 44px;
  gap: 16px;
}

.footer-bar__locale {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-bar__flag {
  width: 20px;
  height: 14px;
  border-radius: 1px;
  overflow: hidden;
  flex-shrink: 0;
}

.footer-bar__flag svg {
  width: 100%;
  height: 100%;
  display: block;
}

.footer-bar__legal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-size: 13px;
}

.footer-bar__legal a {
  transition: opacity var(--transition-base);
}

.footer-bar__legal a:hover {
  opacity: 0.75;
}

.footer-bar__copy {
  text-align: right;
  margin: 0;
}

.footer-mobile-meta__legal {
  display: none;
}

footer accordion-custom[data-disable-on-desktop=true] summary.menu__heading{padding-top: 0 !important;}

@media (max-width: 991px) {
  .footer-perks__grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-perk--social-desktop {
    grid-column: 1 / span 2;
  }

  .footer-perk {
    padding: 32px 20px;
    border-bottom: 1px solid #dcdcdc;
  }

  .footer-perk:nth-child(2) {
    border-right: none;
  }

  .footer-perk:nth-child(1) {
    border-right: 1px solid #dcdcdc;
  }

  .footer-social-teaser {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px var(--container-padding);
    border-bottom: 1px solid #dcdcdc;
  }

  .footer-main {
    padding: 32px 0 0;
  }

  .footer-main__inner {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .footer-nav--desktop,
  .footer-follow.footer-nav--desktop {
    display: none;
  }

  .footer-newsletter {
    padding-bottom: 32px;
    border-bottom: 1px solid #dcdcdc;
  }

  .footer-col__text {
    max-width: none;
    margin-bottom: 20px;
  }

  .footer-accordion,
  .footer-mobile-meta {
    display: block;
  }

  .footer-mobile-meta {
    padding: 32px 0 40px;
    text-align: center;
  }

  .footer-follow__icons--mobile {
    justify-content: center;
    margin-bottom: 24px;
  }

  .footer-mobile-meta__legal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-size: 12px;
    color: var(--color-grey-medium);
  }

  .footer-mobile-meta__legal a:hover {
    color: var(--color-black);
  }

  .footer-bar__legal--desktop {
    display: none;
  }

  .footer-bar__inner {
    grid-template-columns: 1fr auto;
  }

  .footer-bar__copy {
    text-align: right;
  }

  .footer-content--isolated-grid-item-tablet>:last-child{grid-column: initial !important;}
}

.menu__heading__accordion{font-size:0;}
/* Mobile Only */
@media (max-width: 767px) {
  .menu-drawer__menu-item {
    position: relative;
    padding-right: 28px;
  }
  footer accordion-custom[data-disable-on-desktop=true] summary.menu__heading{padding: 0 !important;}

  .menu-drawer__menu-item::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
  }
}
header-actions svg{width:20px !important; height:20px !important;}

@media screen and (max-width:767px) {

  .footer-newsletter .group-block-content h3{text-align: center; margin: 0 auto 13px;}
  .footer-newsletter .group-block-content p{text-align: center; margin: 0 auto 20px;}
#header-component[data-menu-style=drawer] .header__columns .header-logo{margin-left:-15px;}

}



@media (max-width: 575px) {
  .footer-perk {
    padding: 28px 16px;
  }

  .footer-perk__text {
    font-size: 12px;
  }

  .footer-perk__title,
  .footer-col__title {
    font-size: 15px;
  }

  .footer-social-teaser {
    padding: 28px var(--container-padding);
  }
}


/* ================= krishna css start ================= */
/* Parent */
.announcement-bar .announcement-bar__slides {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

.announcement-bar .announcement-bar__slides .announcement-bar__text{font-weight: 700; text-transform: capitalize;}
.announcement-bar .announcement-bar__slides .announcement-bar__text a{font-weight: 400; padding-left: 3px; text-transform: capitalize;}
.announcement-bar .announcement-bar__slides .announcement-bar__text a:hover{color: #fff !important; font-weight: 600;}

/* Text hamesha center me rahe */
.announcement-bar{position: fixed !important; top: 0; width: 100%; background-color: #000 !important; z-index: 999;}

.announcement-bar__slide {
    width: 100%;
    text-align: center;
}

.announcement-bar__text {
    margin: 0;
}

/* Right side buttons */
header.header-section{position: sticky; top: 42px !important; z-index: 999999009 !important; border-bottom: 2px solid #E1E1E1;}
.menu-list__link-title{font-weight: 700 !important;}
.header__column--right .search-action{margin-inline: 0 !important;}

.header-custom-buttons {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);

    display: flex;
    align-items: center;
    gap: 25px;
}

.account-button shopify-account span{display: flex; align-items: center; gap: 4px; width: 75px; margin-top: 2px;}
.account-button shopify-account span span{white-space: nowrap; width: max-content; margin-right: 0; font-weight: 700;}
.search-modal__content[open]{margin-left: auto; margin-right: 20px;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}
.header-actions__cart-icon .cart-bubble{clip: initial !important; width: 20px !important; height: 20px !important; border: 0px solid #fff; border-radius: 50%; background-color: #81F3FF; top: 1px !important;}
.header-actions__cart-icon .cart-bubble .cart-bubble__background{background-color: #81F3FF;}
.header-actions__cart-icon .cart-bubble .cart-bubble__text-count{display: block !important; color: #000; font-weight: 500; }
.header-actions__action:not(.account-button) .header-actions__cart-icon .svg-wrapper{width: 35px;}
header .wishlist-header-link .wkh-button{width: 35px; top: 0;}
header .header__column--right{gap: 16px;}


footer .footer-content.footer-main__inner{grid-template-columns: repeat(1.35fr, 1fr, 1fr, 1fr, 1fr) !important;}
footer .footer-content.footer-main__inner .menu:nth-of-type(1){padding-left: 50px;}
.menu__item+.menu__item.paragraph{margin-top: 5px; line-height: 1;}
.email-signup__input-group{gap: 0 !important;}
.email-signup__input.paragraph{border-radius: 0 !important; padding: 12px 28px;}
.email-signup__button{border-radius: 0 !important; height: 48px !important; width: 48px !important;}
.email-signup__button svg.email-signup__button-icon{width: 26px !important;}
footer .footer-utilities .utilities {padding: 16px 0 !important;}

@media screen and (max-width:1280px) {

  footer .footer-content.footer-main__inner .menu:nth-of-type(1){padding-left: 0px;}
}

@media screen and (min-width:991px) {

  footer .footer-content.footer-main__inner{grid-template-columns: 1.35fr 1fr 1fr 1fr 1fr !important;}
}

@media screen and (max-width:991px) {
  
  .account-button shopify-account span{width: max-content; margin-right: 0; margin-top: 0;}
  .account-button shopify-account span span{display: none;}
  .account-button shopify-account{max-width: 39px !important;}
  .footer-nav--desktop, .footer-follow.footer-nav--desktop{display: block;}
  .wrapper .account-button{min-width: initial !important; min-height: initial !important;}
  .wishlist-header-link .wkh-button{width: 30px !important; padding: 16px 6px !important;}
  .header__columns .header__column--right{gap: 10px;}
  .header__columns .header__column--right .search-action{margin-top: -4px;}
}

@media screen and (max-width:767px) {
footer .footer-content.footer-main__inner{gap: 10px !important;}
  .search-modal__content[open]{margin-right: 0; padding-right: 20px; background-color: transparent;}
  .announcement-bar .announcement-bar__slides .announcement-bar__text{font-size: 10px;}
  footer .footer-utilities .utilities {gap: 10px !important;}
}
/* Button Style */
.header-custom-button {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.header-custom-button img {
    width: 18px;
    height: 18px;
}

/* Mobile */
@media screen and (max-width:991px) {

  .header-custom-buttons {
        position: static;
        transform: none;
        justify-content: center;
        margin-top: 10px;
        gap: 20px;
        display: none;
    }
    .announcement-bar .announcement-bar__slides{flex-direction: column;}

}
@media (max-width: 767px) {
    .announcement-bar__slides {
        flex-direction: column;
    }
    header.header-section{top: 40px !important;}

    /* .header-custom-buttons {
        position: static;
        transform: none;
        justify-content: center;
        margin-top: 10px;
        gap: 20px;
    } */
}

@media screen and (max-width:749px) {

  .wishlist-header-link .wkh-button{top: 0 !important;}
  .header-logo__image{width: 120px !important;}

}

@media (max-width:360px){
      .header__columns .header-logo {
         margin-left:-15px;
      }
}

.wishlist-header-link .wkh-button{
    padding: 12px 0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
}
.header__column--right .search-action{margin-right:5px !important}




.cart-drawer__inner .cart-items__title{
font-weight: 500 !important;
font-size: 18px !important;
color: #000000;

}

.cart-drawer__inner .cart-items__unit-price-wrapper span{
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #000000;
}

.cart-drawer__inner .remove-flex .cart-items__remove{
font-weight: 500;
font-size: 12px;
width: fit-content !important;
text-decoration: underline;
height: auto !important;
line-height: 1.4;
color: #181818;
}
.cart-drawer__inner .cart-discount__label{
 font-weight: 500;
font-size: 16px;
color: #000000; 
}
.cart-drawer__inner .cart-items__quantity-controls{
  flex-direction: column;
}
.cart-drawer__inner .cart-items__quantity-controls {
    align-items: end !important;
    justify-content: end !important;
    width: 100% !important;
}
.cart-drawer__inner .cart-items__quantity{
    width: 100% !important;
}
 .cart-drawer .cart-items__table-row--full-width-variants{
  grid-template-columns: 0.5fr 1fr 1fr !important;
 }

 .cart-drawer .cart-totals__container.cart-totals__container--has-installments {
    row-gap: 0;
    margin:0 20px;
      border-top: 1px solid #E1E1E1;
}
.cart-drawer .cart-totals__item{
  padding: 10px 0;
  border-bottom: 1px solid #E1E1E1;
}
.cart-drawer .cart-totals__original-container{
  padding-bottom: 10px !important;
}
.cart-drawer .cart-totals__icon{
  display: none;
}
.cart-drawer .cart__ctas{
gap: 0px !important;
padding: 0 20px 20px !important;
grid-template-columns: 1fr 1fr !important;
}
.cart-drawer .cart-totals__item.cart-totals__installments{
  padding: 0px;
  border-bottom: none;
}
.cart-drawer .product-card__meta .product-card__category{
  display: none !important;
}
.cart-drawer .cart-totals__item:last-child{
  padding-bottom: 0px;
  border-bottom: none;
}
.cart-drawer .go-to-cart{
      font-weight: 500;
font-size: 16px;
color: #000000; 
text-decoration: underline;
text-align: center;
margin-top: 10px !important;
}

  .cart-drawer .cart-totals__total{
    font-weight: 700;
font-size: 16px;
color: #000000; 
  }
  .cart-drawer .cart-totals{
    gap: 0px !important;
  }

  .cart-drawer .cart-totals__total-label{
    font-weight: 500;
font-size: 15px;
color: #000000; 
  }
  
  .cart-drawer .cart-totals__total-value{
    font-weight: 500;
font-size: 15px;
color: #000000; 
  }
   .cart-drawer .recommendation-nav{
    display: none;
   }
    .cart-drawer .cart-drawer-recommendations{
      padding: 0 20px !important;
    }
      .cart-drawer .cart-totals__total-label.cart-title-typography{
font-weight: 700;
font-size: 18px;
    }
 
.cart-drawer .card-gallery{
  width: 40%;
  flex-shrink: 0;
}
.cart-drawer .product-grid__card.product-grid__card{
  flex-direction: row !important;
  gap: 0px !important;
  padding: 10px !important;
}
.cart-drawer .product-card__meta{
  padding-left: 10px !important;
}
.cart-drawer .recommendation-header h3{
font-weight: 500 !important;
font-size: 18px !important;
line-height: 1 !important;
color:#000000;
margin-bottom: 15px !important;
}
.cart-drawer .tax-info .tax-label{
font-weight: 500;
font-size: 12px;
text-transform: none;
line-height: 1.2;
opacity:0.8;
color: #000000;

}
.cart-drawer .cart-items__variant{
  display: block !important;
}
.cart-drawer .cart-items__variant .variant-label{
color: #888888;
font-size: 14px;
font-weight: 500;
}
.cart-drawer .cart-items__variant .variant-value{
color: #000000;
}
.cart-drawer .product-card__meta{
    position: relative;
  padding-bottom: 50px;
}
.cart-drawer .product-card__quick-add-form {
    position: absolute;
    bottom: 0;
}
.cart-drawer .cart-items__unit-price-wrapper .mrp-text{
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #888888;
padding-right: 8px;

}
.cart-drawer .product-card__quick-add-button{
  font-weight: 500 !important;
font-size: 14px !important;
background-color:#FFFFFF;
padding: 12px 13px !important;
transition: all 0.3s ease;
color:#000000;
border: 1px solid #000000;
}
.cart-drawer .product-card__quick-add-button:hover{
color:#FFFFFF;
background-color:#000000;
border: 1px solid transparent;
}
.cart-drawer .cart-drawer__dialog{
width: 500px !important;
max-width: 500px !important;
}

@media (max-width: 767px){
  .cart-drawer .cart-drawer__dialog{
width: 100% !important;
max-width: 100% !important;
}
/* .cart-drawer .card-gallery{
  width: 60%;
} */
}



/* Level 0: dims the rest of the page (product slider, everything outside the column) */
/* .cart-drawer .coupon-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
} */

/* ===== Coupon Popup ===== */
.cart-drawer .coupon-popup {
  display: none;
}

.cart-drawer .coupon-popup--open {
  display: block;
}

/* Level 3: the popup itself — must beat the inner overlay's z-index of 1 */
.cart-drawer .coupon-popup__panel {
  position: static;
  left: 0;
  margin-top: 20px;
  z-index: 2;
  background: #ffffff;
  width: 100%;
  border-radius: 4px;
  padding: 0;
  box-shadow: none;
  max-height: auto;
  overflow-y: auto;
}

.cart-drawer .coupon-popup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 8px;
}

.cart-drawer .coupon-popup__title-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cart-drawer .coupon-popup__title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 22px;
}

.cart-drawer .coupon-popup__close {
  background: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
}

 .cart-drawer .coupon-popup__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cart-drawer .coupon-popup__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;f
}

.cart-drawer .coupon-popup__item:last-child {
  border-bottom: none;
}

.cart-drawer .coupon-popup__item-content {
  flex: 1;
}

.cart-drawer .coupon-popup__code {
  margin: 0 0 4px;
  font-size: 15px;
  color: #000000;
}

 .cart-drawer .coupon-popup__desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #757575;
}

.cart-drawer .coupon-popup__apply {
  flex-shrink: 0;
  background: #757575;
  color: #ffffff;
  border: none;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.cart-drawer .product-card__content slideshow-component slideshow-container slideshow-arrows .slideshow-control{
    background: transparent !important;
}

.cart-drawer .coupon-popup__apply--dark{
  background: #000000;
}
.cart-drawer .cart-discount__button{
  border-radius : 0px !important;
}

.cart-drawer .coupon-popup__apply:hover{
  opacity: 0.85;
}
.cart-drawer .remove-flex{
  display: flex;
  align-items: center;
  gap: 15px;
    flex-wrap: wrap;
  justify-content: end;
}
.cart-drawer .cart-items__remove .remove-text{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    /* text-decoration: underline; */
    text-underline-offset: 2px;
}
.cart-drawer .cart-discount__summary{
  padding : 0 !important;
  min-height: auto !important;
}
.cart-drawer .order-ships{
  padding: 20px;
  border-bottom: 2px solid #5DD600 !important;
}
.cart-drawer .order-ships .ordership-text{
   font-size: 14px;
    font-weight: 400;
    color: #4A4A4A;
}
.cart-drawer .cart-drawer__header{
  border-bottom: 1px solid #E1E1E1 !important;
  padding:20px 20px;
}
.cart-drawer .order-ships{
  padding:10px 20px;
}
.cart-drawer .mrp-price{
  display: none;
}
.cart-drawer .cart-discount__form{
  gap: 0px !important;
}
.cart-drawer .cart-discount__input{
  border: none !important;
  border-bottom: 1px solid #000000 !important;
  border-radius: 0 !important;
  outline: none;
}

 .cart-drawer .available-coupons {
  cursor: pointer;
    font-size: 14px;
  font-weight: 500;
    color: #218FF6;
}
 .cart-drawer .cart-drawer__items{
  overflow-y: visible !important;
  margin-top: 20px;
  margin-bottom: 80px;
 }
 /* .cart-drawer .cart-drawer__content{
  overflow: auto !important;
 } */

 .cart-drawer--empty .cart-drawer__header{
  height: 58px !important;
 }
 .cart-drawer .cart-items__media{
   padding: 10px !important;
    border: 1px solid #E1E1E1;
 }

   .cart-drawer .product-card__meta .product-card__title-vendor{
    margin-top : 0!important;
    margin-bottom : 7px!important;
   }
   .cart-drawer .cart-actions{
    border: none !important;
    padding: 10px 20px !important;
   }
     .cart-drawer .product-card__meta .product-card__price-rating{
       margin-top : 0!important;
    margin-bottom : 12px!important;
     }
  .cart-drawer .cart-drawer__summary{
    position: sticky !important;
    margin-top:0px !important;
    padding: 0px !important;
  }
    .cart-drawer .recommendationSwiper .swiper-slide{
      height: auto !important;
    }
    .cart-drawer .cart__ctas .cart__checkout-button{
      border-radius :0 !important;
      border: 1px solid #000000;
    }
    .cart-drawer .cart__ctas .cart__checkout-button.viewcart-btn{
      background-color: #FFFFFF !important;
      color:#000000 !important;
    }
    .cart-drawer .cart__ctas .go-to-cart {
    grid-column: 1 / -1;
    justify-self: center; /* centers the link */
    text-align: center;
}
     .cart-drawer .recommendationSwiper .product-grid__card{
      border: 1px solid #E5E5E5;
     }

@media (max-width: 767px){
  .cart-drawer .coupon-popup__panel{
    left: 0;
    max-width: 100%;
    transform: none;
  }
    .cart-drawer .cart-drawer__summary{
    position: static !important;
    }
   .cart-drawer .cart-drawer__items{
  margin-bottom: 30px;
 }
    .cart-drawer .cart-drawer__dialog:modal{
        max-height: 75dvh !important;
  }
    .cart-drawer .dialog-modal{
      bottom: -75dvh !important;
    }
  .cart-drawer .dialog-modal[open]{
    top: unset !important;
    left: unset !important;
        bottom: 0 !important;
  }
}

 html {
  scrollbar-gutter: stable !important;
} 



@media (max-width: 767px) {

  .cart-drawer .dialog-drawer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin: 0;

    border-radius: 16px 16px 0 0;

    transform: translateY(100%);
  }

  .cart-drawer .dialog-drawer[open] {
    animation: slideUp .35s ease forwards !important;
  }

  @keyframes slideUp {
    from {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0);
    }
  }
}
.slideshow-component .slideshow-container .slideshow-arrows .slideshow-control{
  background:transparent;
  padding:0;
}




/* ==================== quick view ===================== */
.product-slider .swiper-slide product-card quick-add-component,
.product-grid__card.product-grid__card quick-add-component{display: block !important; width: 40px; height: 36px; top: inherit; bottom: 10px; right: 10px; left: inherit; z-index: 99999999;}
 .quick-add__button.add-to-cart-button{display: contents !important;}
.quick-add__button.add-to-cart-button .add-to-cart-text{transition: all 0.3s ease-in-out;}
.quick-add__button.add-to-cart-button .add-to-cart-text:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.quick-add__button.add-to-cart-button .add-to-cart-text__content.is-visually-hidden-mobile{display: none !important;}
.quick-add-modal__content product-price{flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 5px;}
.quick-add-modal__content product-price div{display: flex; gap: 5px; align-items: baseline; width: max-content;}
.quick-add-modal__content product-price div.price__hidden{display: none !important;}
.quick-add-modal__content product-price div .mrp-price{font-size: 14px; font-weight: 500; color: #888;}
.quick-add-modal__content product-price div .price__regular{font-size: 16px; font-weight: 500; color: #000;}
.quick-add-modal__content product-price div.tax-note{width: max-content; font-size: 14px; font-weight: 500; color: #000; width: max-content; margin-bottom: 2px;}
.quick-add-modal__content .add-to-cart-button{width: 100%;}
.quick-add-modal__close:focus-visible:after{display: none !important;}

.quick-add-modal__content .custom-product- .size-chart-trigger {margin-left: auto; margin-top: 10px; display: block; text-decoration: underline;}
.variant-option--buttons legend{font-size: 16px; font-weight: 600; color: #000;}
.variant-option--buttons legend .variant-option__swatch-value{font-weight: 400; color: #000;}
.variant-option--buttons.variant-option--equal-width-buttons{margin-top: 24px !important; grid-template-columns: repeat(2, 1fr); gap: 0;}
.variant-option--buttons.variant-option--equal-width-buttons legend{font-size: 16px; line-height: 1; cursor: pointer; font-weight: 600; color: #000; position: relative; width: 100%; padding: 20px !important; border: 1px solid #E5E5E5; margin-bottom: 0 !important;}
.variant-option--buttons.variant-option--equal-width-buttons legend::after{content: "+"; display: block; font-size: 35px; line-height: 1; font-weight: 600; color: #000; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);} 
.variant-option--equal-width-buttons.active legend::after{content: ""; width: 16px; height: 2px; background: #000;}
.variant-option__button-label:has([data-current-checked=true]) .variant-option__button-label__text{color: #fff; position: relative;}
.variant-option__button-label:has([data-current-checked=true]) .variant-option__button-label__pill{left: 0;}
.variant-option--equal-width-buttons .variant-option__button-label{width: 100%; min-width: initial !important; margin: 0 !important; border-radius: 0; border: 0; border-width: 1px !important; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding: 20px; display: none !important;}
/* .variant-option--equal-width-buttons.active{border-bottom: 1px solid #E5E5E5;} */
.variant-option--equal-width-buttons.active .variant-option__button-label{display: block !important;}
.variant-option--equal-width-buttons .variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available=false]) .variant-option__button-label__text{opacity: 0.5; color: #000 !important;}
.variant-option--equal-width-buttons .variant-option__button-label:nth-child(odd){border-left: 0;}
.variant-option--equal-width-buttons .variant-option__button-label::before{display: none;}
.variant-option--equal-width-buttons .variant-option__button-label input{border-radius: 0; font-size: 14px; font-weight: 500; color: #000; border: 0;}
.variant-option--equal-width-buttons .variant-option__button-label input:where(input[type=radio]):checked{font-weight: 600;}

.custom-product- .product-details .variant-option > label {display: block; margin: 0 0 10px; font-size: 14px; font-weight: 700; color: #111;}


@media screen and (min-width:750px) {

  .quick-add-modal[open]{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) !important;}
}

@media screen and (max-width:749px) {

  dialog[open] .quick-add-modal__content .product-details{display: none !important;}
  .quick-add-modal__content{display: flex !important; flex-direction: column; -webkit-overflow-scrolling: touch; }
  .quick-add-modal__content .product-information__media slideshow-component slideshow-slides{display: flex; flex-direction: row; overflow: auto;}
  .quick-add-modal__content .product-information__media{overflow: hidden; min-height: fit-content;}
  .quick-add-modal__content .product-header{min-height: fit-content;}
  .quick-add-modal__content variant-picker, .quick-add-modal__content product-form-component{min-height: fit-content;}
  .quick-add-modal__close{width: 23px !important; height: 23px !important;}
}



/* ========================== mega menu css start ========================== */

.custom-mega-content .mega-menu__icon {
    display: inline-block;
    width: 25px;
}
@media screen and (min-width:750px) {

.custom-mega-content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100%;
    padding: 15px 30px 40px;
    box-sizing: border-box;
    align-items: start;
}


/* =================================
   01 → COLUMN 1
================================= */

.custom-mega-content
.mega-menu-row--navigation[data-order="01"] {
    grid-column: 1;
}


/* =================================
   02 → COLUMN 2
================================= */

.custom-mega-content
.mega-card[data-order="02"] {
    grid-column: 2;
}


/* =================================
   03 → COLUMN 3
================================= */

.custom-mega-content
.mega-menu-row--navigation[data-order="03"] {
    grid-column: 3;
}


/* =================================
   04 → COLUMN 4
================================= */

.custom-mega-content
.mega-card[data-order="04"] {
    grid-column: 4;
}


/* =================================
   NAVIGATION
================================= */

.custom-mega-content .mega-menu-row--navigation {
    width: 100%;
    margin: 0;
    padding: 0;
}

.custom-mega-content .mega-menu-heading {
    margin: 0 0 14px;
    padding: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.custom-mega-content .mega-menu-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-mega-content .mega-menu-links li {
    margin: 0 0 14px;
    padding: 0;
}

.custom-mega-content .mega-menu-links a {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
    text-decoration: none;
}


/* =================================
   CARDS
================================= */

.custom-mega-content .mega-card {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.custom-mega-content .mega-card > img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 400 / 286;
    object-fit: cover;
}

.custom-mega-content .mega-card-content {
    padding-top: 10px;
}

.custom-mega-content .mega-card-content h3 {
    margin: 0 0 3px;
    font-size: 20px;
    line-height: 1.2;
}

.custom-mega-content .mega-card-content p {
    margin: 0 0 14px;
    font-size: 18px;
    line-height: 1.3;
}

.custom-mega-content .mega-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    background: #000;
    color: #fff;
}


/* =================================
   ICON HIDE
================================= */



/* =========================================
   MAIN MEGA MENU
========================================= */

.custom-mega-content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 0px !important;
    row-gap: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 14px 30px 40px !important;
    box-sizing: border-box !important;
    align-items: start !important;
}


/* =========================================
   ALL ITEMS
========================================= */

.custom-mega-content > .mega-menu-row,
.custom-mega-content > .mega-card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================
   COLUMN 1
   data-order 01
========================================= */

.custom-mega-content
.mega-menu-row--navigation[data-order="01"] {
    grid-column: 1 !important;
}


/* =========================================
   COLUMN 2
   data-order 02
========================================= */

.custom-mega-content
.mega-card[data-order="02"] {
    grid-column: 2 !important;
}


/* =========================================
   COLUMN 3
   data-order 03
========================================= */

.custom-mega-content
.mega-menu-row--navigation[data-order="03"] {
    grid-column: 3 !important;
}


/* =========================================
   COLUMN 4
   data-order 04
========================================= */

.custom-mega-content
.mega-card[data-order="04"] {
    grid-column: 4 !important;
}


/* =========================================
   NAVIGATION
========================================= */

.custom-mega-content .mega-menu-row--navigation {
    width: 100% !important;
    padding: 0 !important;
}

.custom-mega-content .mega-menu-heading {
    margin: 0 0 14px !important;
    padding: 0 !important;

    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.custom-mega-content .mega-menu-links {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.custom-mega-content .mega-menu-links li {
    margin: 0 0 13px !important;
    padding: 0 !important;
}

.custom-mega-content .mega-menu-links a {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}


/* =========================================
   CARDS
========================================= */

.custom-mega-content .mega-card {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.custom-mega-content .mega-card > img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 400 / 286 !important;
    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;
}

.custom-mega-content .mega-card-content {
    padding-top: 10px !important;
}

.custom-mega-content .mega-card-content h3 {
    margin: 0 0 3px !important;
    padding: 0 !important;

    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.custom-mega-content .mega-card-content p {
    margin: 0 0 14px !important;
    padding: 0 !important;

    font-size: 18px !important;
    line-height: 1.3 !important;
}

.custom-mega-content .mega-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 50px !important;

    background: #000 !important;
    color: #fff !important;

    font-size: 18px !important;
}


/* =========================================================
   MEGA MENU - MAIN LAYOUT
========================================================= */

.custom-mega-menu .custom-mega-content {
    display: grid !important;

    /* 4 equal columns */
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    
   
    grid-template-rows: auto auto auto !important;


    grid-auto-flow: column !important;

    column-gap: 30px !important;
    row-gap: 28px !important;

    width: 100% !important;
    max-width: 1400px !important;

    margin: 0 auto !important;
    padding: 14px 30px 40px !important;

    box-sizing: border-box !important;

    align-items: start !important
    ;
}




.custom-mega-menu:first-child .custom-mega-content{column-gap: 30px !important;}

.custom-mega-content {
    row-gap: 0 !important;
}



/* =========================================================
   ALL DIRECT CHILDREN
========================================================= */

.custom-mega-content > * {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DATA ORDER
========================================================= */

/*
   01 → COLUMN 1
*/
.custom-mega-content > [data-order~="01"] {
    grid-column: 1 ;
   
}


/*
   02 → COLUMN 2
*/
.custom-mega-content > [data-order~="02"] {
    grid-column: 2 ;
    
}


/*
   03 → COLUMN 3
*/
.custom-mega-content > [data-order~="03"] {
    grid-column: 3 ;
    
}


/*
   04 → COLUMN 4
*/
.custom-mega-content > [data-order~="04"] {
    grid-column: 4 ;
 
}


/* =========================================================
   NAVIGATION BLOCK
========================================================= */

.custom-mega-content .mega-menu-row--navigation {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HEADING
========================================================= */

.custom-mega-content .mega-menu-heading {
    margin: 0 0 14px !important;
    padding: 0 !important;

    font-size: 20px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    color: #071d3d;
}


/* =========================================================
   LINK LIST
========================================================= */

.custom-mega-content .mega-menu-links {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.custom-mega-content .mega-menu-links li {
    margin: 0 0 5px !important;
    padding: 0 !important;
}


.custom-mega-content .mega-menu-links li a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.4 !important;

    color: #071d3d;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   MEGA CARDS
========================================================= */

.custom-mega-content .mega-card {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARD IMAGE
========================================================= */

.custom-mega-content .mega-card > img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 400 / 286 !important;

    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.custom-mega-content .mega-card-content {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 10px 0 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARD TITLE
========================================================= */

.custom-mega-content .mega-card-content h3 {
    margin: 0 0 3px !important;
    padding: 0 !important;

    font-size: 22px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    /* color: #071d3d; */
}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.custom-mega-content .mega-card-content p {
    margin: 0 0 14px !important;
    padding: 0 !important;

    font-size: 18px !important;
    line-height: 1.3 !important;

    color: #071d3d;
}


/* =========================================================
   SHOP BUTTON
========================================================= */

.custom-mega-content .mega-btn {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #000 !important;
    color: #fff !important;

    font-size: 18px !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HIDE MENU ICONS
========================================================= */


}

@media screen and (min-width:1024px) {

  .custom-mega-menu:first-child .custom-mega-content{column-gap: 50px !important;}
}




/* QC solve css */
/* Smooth transition for all main header menu items */
.menu-list:hover .menu-list__link {
  color: #d0d0d0 !important;
}

.menu-list .menu-list__list-item:hover .menu-list__link {
  color: #111111 !important;
}




.custom-mega-content .mega-btn:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}




.overflow-menu > li:nth-child(6) .menu-list__link-title {
    color: #d62929 !important;
}

button.button.predictive-search__search-button {
    width: 300px;
    border-radius: 0;
    max-width: 200px;
}





/* privacy and policy  */
.custom-- .shopify-policy__container{
  max-width: 1440px !important;
  padding:0 20px!important;
}
.custom-- .shopify-policy__container .shopify-policy__body p{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  margin-bottom: 8px;
}

.custom-- .shopify-policy__container .shopify-policy__body h2{
    font-weight: 700;
    font-size: 14px;
    color: #000;
    margin-top: 15px;
}
.custom-- .shopify-policy__container .shopify-policy__body ul{
  list-style: disc !important;
}

.custom-- .shopify-policy__container .shopify-policy__body li{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  margin-bottom: 8px;
}
.custom-- .shopify-policy__container .shopify-policy__body strong{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #000;
  margin-bottom: 8px;
}
.custom-- .shopify-policy__container .shopify-policy__title h1{
    text-align: center;
    font-weight: bolder;
    font-size: 6rem;
    margin-top: 40px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.custom-- .shopify-policy__container .shopify-policy__title h1 {
        font-size: 3rem;
        margin-bottom: 20px;
    }
}

.mega-menu-row.mega-card{position:relative;}
.custom-mega-content .mega-card-content{position:absolute;bottom:10px;left:17px;}
/* .custom-mega-menu[data-menu="new-featured"] .custom-mega-content .mega-card-content {
    position: static !important;
} */

.custom-mega-menu:not([data-menu="new-featured"]) .mega-card {
    position: relative;
    overflow: hidden;
}
.custom-mega-menu([data-menu="sale"]) .mega-card {
    position: static !important;
    overflow: hidden;
}
.custom-mega-menu[data-menu="sale"] .mega-card-content{
   position: static !important;
    overflow: hidden;
    color:#000;
}
.custom-mega-menu[data-menu="sale"] .custom-mega-content .mega-card-content h3{
 color:#000;
}


.custom-mega-menu:not([data-menu="new-featured"]) .mega-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 45%,
        rgba(0, 0, 0, 0.35) 70%,
        rgba(0, 0, 0, 0.75) 100%
    );
    z-index: 1;
    pointer-events: none;
}
.custom-mega-menu[data-menu="sale"] .mega-card::before {
   display:none;
}

.custom-mega-menu:not([data-menu="new-featured"]) .mega-card img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 0;
}

.custom-mega-menu .mega-card-content {
  color:#fff !important;
}
/* .custom-mega-menu:not([data-menu="new-featured"]) .mega-card-content {
  color:#fff !important;
} */

.custom-mega-menu:not([data-menu="new-featured"]) .custom-mega-content .mega-card-content h3{
  color:#fff !important;
  z-index:999;
  position:relative;
}

.faq-wrapper{
  border-top: 1px solid #d6d6d6 !important;
}
.facets-drawer__title{
  font-weight: 400 !important;
}

.custom-mega-content .mega-menu-links li a{
  transition:0.3s;
}
.custom-mega-content .mega-menu-links li a:hover{
  opacity:0.5;
}

.custom-search- h3{text-align:center;}
search-page-input-component{margin:20px auto !important;}


.custom-search- .collection-wrapper .facets--horizontal {
    border: 1px solid #E1E1E1;
    border-left:0;
    border-right:0;
}
.shopify-policy__body{
  margin-bottom:50px;
}


.facets-block-wrapper--vertical{
          position: sticky;
        top: 170px;
        height: fit-content;
}


.predictive-search .predictive-search-form__header-inner:focus-within {
    border-bottom-color:inherit !important;
  }
  .variant-option__button-label__pill{left:0;}

  .checkbox__input:disabled+.checkbox__label{
    opacity:0.5;
    cursor:not-allowed;
  }


  .price-facet .slider-track {
  background: #000;
}

@media (max-width:767px){
      .facets-block-wrapper--vertical+.facets-toggle {
        margin: 0;
        position: sticky;
        top: 95px;
        z-index: 9;
        background: #fff;
    }
    .back-to-menu img{width:20px;}
    .mega-menu-group {
    display: flex;
    flex-direction: column;
    gap:30px !important;
}
.mega-menu-group > .mega-card{
  width:100% !important
}
    .facets-drawer__filters{mask-image:none !important;}
}
.mega-menu-group > .mega-card{
  width:fit-content !important;
}
@media (max-width:1026px){
  .menu-drawer__menu-item-text{
    font-weight:700;
  }
  #HeaderDrawer-sale{
    color:#d62929;
  }
  .mega-menu-heading{font-size:22px;font-weight:800;}
  .mega-menu-links a{font-size:16px;}
  [data-menu="new-featured"]  .mega-menu-group:has(a.mega-menu-row.mega-card){
    display: none !important;
    opacity:0;
     visibility: hidden;
}

}


.newfeature_image{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.newfeature_image li{height:auto;}
.newfeature_image li a{height:100%;}
.newfeature_image li a img{height:100%;}


@media (min-width:1026px){
  .newfeature_image{
    display:none;
  }
}

.custom-mega-menu[data-menu="sale"] .custom-mega-content .mega-card-content h3{
 color:#000 !important;
}

.variant-option__swatch.active{
outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    outline-offset: var(--focus-outline-offset);
  border-radius:50%;
}

.header__row.header__navigation-bar-row{
  display:none !important;
}
.tax-note{opacity:0.8;color:#000;}
.discount-percentage{color:#d62929;text-transfor:capitalize;}

.description-wrapper .section-content-wrapper.section-content-wrapper{
  padding-bottom:20px !important;
}
.cart-drawer .cart-items__remove .remove-text{color:#d62929;}

.predictive-search-results__wrapper {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-block-end: var(--padding-sm);
  padding-inline: 0;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 var(--padding-xl);

  /* Scrollbar */
  scrollbar-width: thin !important;
  scrollbar-color: #999 transparent;
}

/* Chrome, Edge, Safari */
.predictive-search-results__wrapper::-webkit-scrollbar {
  height: 2px;
}

.predictive-search-results__wrapper::-webkit-scrollbar-track {
  background: transparent;
}

.predictive-search-results__wrapper::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}

.predictive-search-results__wrapper::-webkit-scrollbar-thumb:hover {
  background: #666;
}

@media (max-width:767px){
  .mega-menu-group > .mega-card{
  width:100% !important
}

.variant-option--equal-width-buttons .variant-option__button-label input:where(input[type=radio]):checked   .variant-option__button-label__text{
  color:#fff;
}

.newsletter-cta__banner{
  min-height:330px;
}
/* .newsletter-cta__logo{display:block !important;} */
/* .newsletter-cta__text{color:#fff;}
    .newsletter-cta__content .btn {
        width: max-content;
        max-width: initial;
        background: #fff;
        color: #000;
    } */
/* .newsletter-cta__media::after{background:rgba(229, 229, 229, 0.62);} */
.newsletter-cta__title{
  display:none;
}

}
.menu-drawer-container[open] .menu-drawer__animated-element{
  list-style:none;
}

.menu-drawer__utility-links .menu-drawer__animated-element span{
display:flex;
gap:10px;
align-items: center;
font-size:18px;
}
.menu-drawer__utility-links  svg{
  width:30px !important;
  height:30px !important;
  display:none;
  
}
.menu-drawer__utility-links .menu-drawer__menu-item::after{display:none;}
.pdp-view-more, .pdp-view-less{
      display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--btn-height);
    padding: 0 32px;
    font-family: var(--font-primary) !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--color-white);
    background-color: var(--color-black);
    border: 2px solid var(--color-black);
    margin-bottom:20px;
    margin-top:10px;
    transition: background-color var(--transition-base), color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);

}
.custom-description p{margin-bottom:5px !important}

.product-card__title{text-align:left !important;}
.quick-add-modal__content .add-to-cart-button{
  border-radius:0;
}


.custom-mega-content .mega-menu-group::last-child{
  margin-top:0px ;
}
body *{
  font-family: 'Proxima Nova' !important;
}
.custom-mega-menu.active[data-menu="new-featured"] .mega-menu-group:last-child {
    /* margin-top: -100px !important; */
    margin-top: 0px !important;
}


.custom-mega-menu.active[data-menu="sale"] .mega-menu-group:first-child{
  
   margin-top: 0px !important;
}
.loading-state{display:none;}


@media (max-width: 767px){
  .newsletter-cta__img{
    object-position:top;
  }
  .split-banner__title{font-size:20px !important}
  
  .explore-converse__grid div:last-child{
  grid-column: span 2;
  justify-content:center;
}
.hero-slider__title, .hero-promo__title{
  font-size:26px !important;
}
  .newsletter-cta__content{
    justify-content:flex-end;

  }
  .slideshow-control{
    display:none !important;
  }
  .newsletter-cta__text{
    font-size:16px;
  }
  .header__row .container, .hero .container{
    padding:0;
  }
  .mega-menu-links li{margin-bottom:8px !important;}
  .menu-drawer__utility-links li{
    height:35px;
  }
  .menu-drawer__utility-links {

margin-top:100px !important;
  }

 
  .menu-drawer-container .header__icon--summary{padding-left:0 !important;}

  .custom-mega-menu.active[data-menu="new-featured"] .mega-menu-group:last-child {
    margin-top: -0px !important;
}

.custom-mega-menu.active[data-menu="sale"] .mega-menu-group:last-child {
    margin-top: -0px !important;
}

  .shop-category__link{height:40px !important;width:fit-content !important;min-width:172px !important; justify-content: start !important;}
}
 .product-badges__badge--rectangle {
    padding-block: var(--badge-rectangle-padding-block);
    padding-inline: var(--badge-rectangle-padding-inline);
   
    background: #000 !important;
    color: #fff !important;
}

.product-information__media.product-left-image-area  .product-badges__badge--rectangle {
   

    margin: 20px;
   
}


.pagebuilder-column{
  margin-bottom:25px;
}

.pagebuilder-column ul{
  padding-left:0 !important;
}
.custom-description ul li:empty {
  display: none;
}

 li:empty {
  display: none;
}
.custom-description{color:#000000;font-size:15px;}

button{border-radius:0!important;}


.quick-add-modal__content .swatch.swatch--variant-image{
      width: 80px;
    height: 80px;
    border-radius:0;
}


.variant-picker .variant-option--buttons label:has(.swatch) {
    border-radius: 0 !important;
}

.quick-add-modal__content .size-chart-trigger{
      text-align: right;
    display: block;
    width: 100%;
}
.quick-add-modal .add-to-cart-text{
  justify-content:space-between;
}



  @media (max-width: 767px) {
    .quick-add-modal__content {
      padding-top: 30px;
      padding-bottom: 40px;
    }
  }


.custom-product- .size-chart-trigger{
  color:#000;
}
.facets.facets-controls-wrapper{
    border-top:1px solid #E1E1E1;
  }

  @media (max-width:767px){
.product-card__meta .product-card__category{
      font-size:12px !important ;
    }
   
    .cart-drawer .product-card__meta{padding-bottom:0 !important}
#product-recommendations-cart-recommendations    .layout-panel-flex {
max-height:120px;
height:auto;
    }
    .custom-product- .product-recommendations[data-intent=complementary] .section-resource-list__content h3{
      color:#000 !important;
    }
    .announcement-bar{
      z-index:99999999;
    }
    .custom-mega-menu.active[data-menu="sale"] .mega-menu-group:first-child{
      margin-top:0 !important;
      
    }
    .quick-add__button .add-to-cart-text{background:#000 !important;}
    /* .quick-add__button .add-to-cart-text svg {stroke : #fff !important;} */
    .quick-add__button .add-to-cart-text svg path  {stroke : #fff !important;}
     }

  
  .jm-star-rating__font-icon[data-v-bc4d321f] {
    font-family: JudgemeStar, monospace !important;
   
}

@media (max-width:767px){
  .aplus-banner-section{
    padding-bottom:10px !important;
  }
  .product-recommendations{padding-top:0 !important;}
  .custom-product- .product-recommendations[data-intent=complementary] .section-resource-list__content .product-card__meta spacing-style{
    position:relative;
    z-index:0;
  }
  .custom-product- .product-recommendations[data-intent=complementary] .add-to-cart-icon {
    display: flex !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-product- .product-recommendations[data-intent=complementary] .add-to-cart-icon svg {
   width:17px !important;
   height:17px !important
}
.custom-product- .custom-description h2{
  font-size:20px !important;
  margin-bottom:10px !important
}
.custom-product- .custom-description h3{margin-top:10px !important;margin-bottom:10px !important;}
.custom-product- .custom-description ul{margin-top:0 !important}
}

#SizeChartPopup.size-chart-quickview-active {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100vw !important;
  height: 100vh !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  z-index: 2147483647 !important;
}

#SizeChartPopup.size-chart-quickview-active .size-chart-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;

  z-index: 1 !important;
}

#SizeChartPopup.size-chart-quickview-active .size-chart-modal {
  position: relative !important;
  z-index: 2 !important;
}

.custom-product- .product-recommendations[data-intent=complementary] .card-gallery slideshow-slide{
  margin-right:10px;
  padding-right:10px;
}


/* akash yadav css changes */
@media screen and (max-width: 749px) {
  .quick-add-modal.custom-product- {
    overflow: hidden !important;
  }
  .quick-add-modal__content .product-information__media .product-media{
    aspect-ratio: 4 / 4 !important;
  }

  .quick-add-modal.custom-product- .quick-add-modal__content {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior: contain;
    gap: 5px ;
  }
}



.variant-option__swatch.active {
    outline-offset: 0 !important;
      outline :none !important;
}
.variant-option__swatch {
    outline-offset: 0 !important;
    border-radius: 50%;
    outline :none !important;
}


.variant-option__swatch.active .variant-option__button-label .swatch {
   box-shadow: inset 0 0 0 0.2em #fff, inset 0 0 0 0.25em rgb(0 0 0 / 10%);
}


.variant-option__button-label--has-swatch:hover {
  outline: none !important;
  /* outline-offset: 0 !important; */
}
.variant-option__button-label--has-swatch .swatch {
  transition : all 0.2s ease;
  border: 1px solid #000 !important;
}
.variant-option__button-label--has-swatch:hover .swatch {
   box-shadow: inset 0 0 0 0.2em #fff, inset 0 0 0 0.25em rgb(0 0 0 / 10%);
   
}

/* akash yadav css */
.variant-option__button-label:has([data-current-checked=true]) .variant-option__button-label__text{
    color: #fff !important;
    position: relative !important;
}

.price-item--regular.compare-at-price{
  font-size:0.75rem;
  line-height: 1.2;
}
.discount-percentage{
  font-size:0.75rem;
  line-height: 1.2;
  font-weight: 500;
}
.variant-option__swatches {
    display: flex;
    flex-wrap: wrap;
}
/* 
.variant-option__swatch.active {
    order: -1;
} */
/* .variant-option--swatches overflow-list{
  max-width: 100% !important;
} */
.product-card__content form{
  width : 100% !important;
}
.variant-option--swatches overflow-list::part(list){
  max-width: 250px !important;
}
.quick-add__button .add-to-cart-text {
        background: #000 !important;
    }
        .quick-add__button .add-to-cart-text svg path {
        stroke: #fff !important;
    }
    
    .product-card__swatches-sku form{ width : 100%}

    .product-slider .swiper-slide .product-card__meta .quick-add {
      display: none !important;
    }
    .recommendationSwiper .swiper-slide .product-card__meta .quick-add {
      display: block !important;
    }
    .recommendationSwiper .swiper-slide .card-gallery  .quick-add {
      display: none !important;
    }
   .resource-list .product-card__content .card-gallery .quick-add{
    display: none !important;
   }


.variant-option--equal-width-buttons
.variant-option__button-label
input:checked ~ .variant-option__button-label__text {
    color: #fff !important;
    position: relative;
    z-index: 2;
}

.variant-option--equal-width-buttons
.variant-option__button-label
input:checked ~ .variant-option__button-label__pill {
    z-index: 1;
}
.product-slider .swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
}

.product-slider .swiper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 calc((100% - 60px) / 4);
}

@media (max-width: 1024px) {
    .product-slider .swiper:not(.swiper-initialized) .swiper-slide {
        flex-basis: calc((100% - 40px) / 3);
    }
}

@media (max-width: 767px) {
    .product-slider .swiper:not(.swiper-initialized) .swiper-slide {
        flex-basis: calc((100% - 20px) / 2);
    }
}
.quick-add-modal[open] .variant-option--swatches .variant-option__button-label--has-swatch .swatch{
    width: 80px;
    height: 80px;

    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 0;
   
}


.product-card__meta .product-card__title-vendor, .product-card__meta .product-card__price-rating, .product-card__meta .product-card__category{
  margin-top :4px !important;
}
.product-card__meta .variant-option--swatches>overflow-list{margin-left: 0px !important;}

 .product-card__meta .product-card__category{
  margin-bottom: 4px !important;
 }
 .product-card__link-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     display: contents;
    width: 100%;
    height: 100%;
}

product-price div[ref="priceContainer"]{
  align-items: center !important;
  justify-content: start;
}

.variant-picker__form .variant-option__button-label--has-swatch:has(input[type="radio"]:checked) {
  outline: 3px solid #000 !important;
      outline-offset: -1px;
}

/* .resource-list--carousel .product-card__meta .quick-add{
display: none !important;
} */

.cart-drawer .cart-items__error {
  grid-area: auto / 1 / auto / -1 !important;
  width: 100% !important;
}

.product-recommendations .cart-drawer-recommendations quick-add-component{
  bottom: 0px !important;
  right: 0px !important;
}
.tax-label{
  color:#000000 !important;
  opacity: 0.8 !important;
}

.product-grid__card.product-grid__card{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.variant-option+.variant-option{
  text-align: right;
}
/* .menu-list__link[href="#"] {
  pointer-events: none;
} */
.menu-list__link[href="#"] {
  pointer-events: auto;
}

.cart-drawer .cart-items__table-row--full-width-variants .cart-items__details{
  display: block !important;
}
.cart-items__quantity{
  grid-area: unset !important;
}

@media (max-width:1024px){
 
.product-card__content:hover slideshow-component slideshow-container slideshow-arrows .slideshow-control{
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.product-card__content slideshow-component:hover slideshow-container slideshow-arrows .slideshow-control{
  opacity: 1 !important;
  display: flex !important;
  visibility: visible !important;
  animation: none !important;
  pointer-events: auto !important;
}
}


@media (max-width:450px){
.cart-drawer .cart-items__table-row--full-width-variants {
    grid-template-columns: 0.5fr 1fr !important;
}
.cart-drawer .cart-items__table-row--full-width-variants .cart-items__details{
  grid-column: span 2;
}
}

.product-card__meta .product-card__title-vendor{
  padding-top :4px !important;
  margin-top: 0px !important;
}
.product-card__meta .product-card__category{
  margin-top : 4px !important;
}


/* 15 sept  */

.recommendation-header{
  display: flex;
  gap: 10px;
    justify-content: space-between;
  align-items: center;
}
.cart-drawer .recommendation-nav{
  display: flex  !important;
  align-items: center;
position: relative;
z-index: 1;
  gap: 10px ;
}
.recommendation-prev , .recommendation-next{
  position: static !important;
  border-radius: 50% !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid #000 !important;
}
.recommendation-nav .swiper-button-prev::after,
.recommendation-nav .swiper-button-next::after {
  display: none !important;
  content: none !important;
}

.recommendation-nav .swiper-button-prev,
.recommendation-nav .swiper-button-next {
  /* width: auto !important;
  height: auto !important; */
  margin: 0 !important;
  background: none !important;
  /* border: 0 !important; */
  box-shadow: none !important;
  opacity: 1;
}
.recommendation-prev svg , .recommendation-next svg{
    width: 14px !important;
    height: 14px !important;
}

.recommendation-nav .swiper-button-prev svg path,
.recommendation-nav .swiper-button-next svg path {
  stroke: #000;
}


.recommendation-nav .swiper-button-prev.swiper-button-disabled, .recommendation-nav .swiper-button-next.swiper-button-disabled  {
opacity: 0.5
}

.cart-drawer .recommendation-header h3{
  margin: 0px !important;
}
.cart-drawer .recommendation-header{
  margin-bottom: 15px !important;
}
.product-card__content form,
.product-card__content .variant-option--swatches {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.product-card__content .variant-option--swatches > overflow-list {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.product-card__content .variant-option--swatches > overflow-list::part(list) {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}
/* stock check box bug  */
/* 
#filters-list-template--19288189993031__main-filter-v-availability
.checkbox {
  position: relative;
}

#filters-list-template--19288189993031__main-filter-v-availability
.checkbox__label {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding-left: 28px;
  cursor: pointer;
}
#filters-list-template--19288189993031__main-filter-v-availability
.checkbox__label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  width: 18px;
  height: 18px;

  border: 1px solid #b3b3b3;
  border-radius: 2px;
  background: #fff;

  box-sizing: border-box;
}

#filters-list-template--19288189993031__main-filter-v-availability
.checkbox__input:checked + .checkbox__label::before {
  background: #000;
  border-color: #000;
}
#filters-list-template--19288189993031__main-filter-v-availability
.checkbox__input:checked + .checkbox__label::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 50%;
  
  width: 5px;
  height: 9px;

  border: solid #fff;
  border-width: 0 2px 2px 0;

  transform: translateY(-60%) rotate(45deg);
} */

#filters-list-template--19288189993031__main-filter-v-availability .checkbox__label .checkbox__icon{
  display: none !important;
}
#filters-list-template--19288189993031__main-filter-v-availability .checkbox__label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex: 1;
    min-width: 0;
    cursor: pointer;
}

 #filters-list-template--19288189993031__main-filter-v-availability .checkbox__label::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: var(--plp-checkbox-size);
    height: var(--plp-checkbox-size);
    border: 1px solid #b3b3b3;
    border-radius: 2px;
    background-color: var(--color-white);
    box-sizing: border-box;
    transition: background-color var(--transition-base), border-color var(--transition-base);
}
 #filters-list-template--19288189993031__main-filter-v-availability .checkbox__input:checked + .checkbox__label::before {
    border-color: var(--color-black);
    background-color: var(--color-black);
    /* background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5.2L4.2 8.4L11 1.6' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E) !important;
    */
      background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 12 10%22 fill=%22none%22%3E%3Cpath d=%22M1 5.2L4.2 8.4L11 1.6%22 stroke=%22white%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%2F%3E%3C%2Fsvg%3E") !important;

    background-repeat: no-repeat; 
    background-position: center;
    background-size: 10px 8px;
}
#filters-list-template--19288189993031__main-filter-v-availability .checkbox__label-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--plp-text-label);
}
#filters-list-template--19288189993031__main-filter-v-availability .checkbox {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    min-height: 24px;
}
#filters-list-template--19288189993031__main-filter-v-availability .checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
    pointer-events: none;
} 

/* stock check box bug  end */

.cart-drawer .product-card__meta{
  width: 100% ;
}

@media (max-width: 749px){
 #quick-add-modal-content{
 display : block !important;
padding-bottom: max(100px, env(safe-area-inset-bottom)) !important;
}
@supports (-webkit-touch-callout: none) {
  #quick-add-modal-content {
    padding-bottom: calc(220px + env(safe-area-inset-bottom)) !important;
  }
}
}
@media (max-width: 767px){
.custom-mega-menu.active{
 display : block !important;
padding-bottom: max(70px, env(safe-area-inset-bottom)) !important;
}
@supports (-webkit-touch-callout: none) {
.custom-mega-menu.active{
    padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important;
  }
}
}


  .cart-drawer .cart__ctas{
    grid-template-columns: 1fr !important;
    overflow: hidden;
  }
.cart-drawer .cart__ctas .cart__checkout-button.viewcart-btn{
display: none !important;
 }
 @media (max-width: 767px){
.product-grid__item--double {
   grid-column: span 2 !important;
}
 }




 .variant-option__swatch-value{
  padding: 0px !important;
 }

.product-grid{
  transition: none !important;
  view-transition-name : none !important;
}
.product-grid__item {
  view-transition-name: none !important;
}
.product-card__meta .product-card__price-rating{margin-top: 4px !important;}


  .price__regular{
  margin-bottom : 0px !important;
 }
.hero-slider__nav-btn.swiper-button-disabled {
    opacity: 1 !important;
    display: flex !important;
     cursor: pointer !important;
}

@media ( max-width: 991px){

  .hero__grid .hero-slider.ios-hero-fix .hero-slider__nav-btn--prev, .hero__grid .hero-slider.ios-hero-fix .hero-slider__nav-btn--next{
    position: static !important;
    display: flex !important;
  }
 
  .hero__grid .hero-slider.ios-hero-fix .hero-promo__content, 
   .hero__grid .hero-slider.ios-hero-fix .hero-slider__content {
        padding: 28px 24px;
        bottom: 0 !important;
        position: absolute !important;
    }
}
@media ( max-width: 767px){
 .quick-add-modal__content .product-header{
    margin-top: 10px !important;
  }
}

/* 16 sept  - akash yadav */
.product-grid__item .price-item__group {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}
.product-grid__item .price-item__group .price-item--sale{
      font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
}
 .product-grid__item .price__sale {
  align-items: center;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

.product-grid__item .price__sale:not(.price__hidden) {
  display: inline-flex !important;
}
.quick-add-modal__close svg{
  width: 20px !important;
  height: 20px !important;
}
.quick-add-modal__content .size-chart-trigger{
  margin-top : 24px !important
}
*{-webkit-tap-highlight-color: transparent;}
html:has(.dialog-zoomed-gallery__dialog[open]),
body:has(.dialog-zoomed-gallery__dialog[open]) {
  overflow: hidden !important;
}

.dialog-zoomed-gallery__dialog {
  position: fixed !important;
  inset: 0 !important;
}
.main-collection-grid__title{
  margin-bottom: 20px !important;
}
.wishlist-collection-button.wishlist-for-quickpopup{
  display: none !important;
}
.quick-add-modal .wishlist-for-quickpopup{
  display: block !important;
}

.cart-drawer-recommendations-grid .swiper-slide .product-card{
  height: 100% !important;
}
.cart-discount__pill{
  background-color: #499b42 !important;
}
.cart-discounts__value.cart-secondary-typography{
    color: #499b42 !important;
}

.cart-drawer__inner .product-card__meta .product-card__price-rating {
    padding-right: 36px;
}
.cart-drawer__inner .product-grid__card.product-grid__card quick-add-component {
    bottom: 0px !important;
    right: 0px !important;
}
/* ouick view swiper  */

@media screen and (max-width: 749px) {
  .quick-add-modal .quick-add-modal__content .product-information__media slideshow-slide[aria-hidden="true"] {
    display: block !important;
  }
media-gallery .slideshow-controls__dots .button-unstyled{
  display: block !important;
}
       .quick-add-modal .slideshow-control {
        display: block !important;
        width: 8px;
        color: transparent !important;
        height: 8px;
        background: #7a7676ff;
        border-radius: 30px !important;
    }
  .quick-add-modal__content .product-information__media :is(slideshow-controls,slideshow-controls[thumbnails]) {
    display: block !important;
    
}
.quick-add-modal .slideshow-controls__dots{
  text-align: center !important;
  display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px !important;
    list-style: none;
    gap: .6rem;
    border-radius: 3rem;
    overflow: hidden;

}

.quick-add-modal .slideshow-controls__dots .slideshow-control[aria-selected=true] {
   background: #000 !important;
}
  .quick-add-modal .quick-add-modal__content .product-information__media media-gallery {
    pointer-events: auto !important;
  }
}
/* 17 sept  - akash yadav */
product-price div[ref="priceContainer"] {
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0;
    margin: 0;
    display: flex;
}
.cart-drawer .cart-items__error{
  color: #ff0000ff;
}


@supports (-webkit-touch-callout: none) {
  .product-slider-section slideshow-component .product-card .quick-add
   {
    bottom: 40px !important;
  }
 .facets-drawer__close {
  border: none !important;
  outline: none !important;
}
}
.facets-drawer__close {
  border: none !important;
  outline: none !important;
}

.quick-add-modal .quick-add-modal__content .group-block-content .quick-add-model-plp-wrapper{
  padding-bottom: 20px;
}

.variant-option--buttons.variant-option--equal-width-buttons{
  margin-bottom: 24px !important;
}
.quick-add-link-wrapper{
  display: none ;
}

   .quick-add-modal .quick-add-link-wrapper{ grid-column: -5 / -1;
    grid-row: 3 / 4;
    display: block ;
      
  text-align : center;
   }
      .quick-add-modal .quick-add-link-wrapper .quick-add-model-link{
        text-decoration: underline;
            display: inline-block;
    padding-bottom: 20px;

      }
      /* popup css */
        .quick-add-modal__content .product-information__media{
            grid-row: 1/5 !important;
          }
      .quick-add-modal__content{
                grid-template-rows: 1fr auto !important;
          }

      @media screen and (max-width: 749px) {
        
        .quick-add-modal .quick-add-link-wrapper{
            position: fixed;
            bottom:20px;
           
            padding: 0px;
            text-align: center;
            width: calc(100% - 40px);
            background-color: #000;
            color: #FFF;
            z-index: 10;
          }
          .variant-option--buttons.variant-option--equal-width-buttons{
            position: relative;
            z-index: 11;
          }
          .quick-add-modal .quick-add-link-wrapper .quick-add-model-link{
            padding: 10px;
            color: #fff;
            text-decoration: none;

          }
        
          
       
         
}

.variant-option__button-label--has-swatch:has(:checked) {
  
    outline: none !important;
    outline-offset: none !important;
}
:is(.rte,.shopify-policy__title) :is(h1,h2,h3,h4,h5,h6) {
    font-size: 24px !important;
}
      @media screen and (max-width: 767px) {
        :is(.rte,.shopify-policy__title) :is(h1,h2,h3,h4,h5,h6) {
    font-size: 20px !important;
}
      }

      .custom-mega-menu .custom-mega-content .mega-menu-group{
        gap: 0.5rem !important;
      }
      .custom-mega-menu .custom-mega-content .mega-menu-group .mega-menu-row.mega-card .mega-card-content h3{
        font-weight: 800 !important;
        font-size: 15px  !important;

      }
      .custom-mega-menu .custom-mega-content, .custom-mega-menu:first-child .custom-mega-content {
        column-gap: 30px !important;
      }
      
      .custom-mega-menu .page-width {
        max-width: 1400px !important;
      }

 .custom-mega-content .mega-card-content p{
  font-size: 14px !important;
 }

 .hero-slider__content .hero-slider__title,
  .hero-slider__content .hero-slider__text{
    color: #FFF !important;
  }

  @media screen and (max-width: 767px) {
    .split-banners .split-banner__title{
      color: #FFF !important;
    }

  } 
  .single-banner .container{
    padding: 0 !important;
  } 


.variant-option__button-label:has(input:checked) .swatch {
  box-shadow: inset 0 0 0 0.2em #fff, inset 0 0 0 0.25em rgb(0 0 0 / 10%) !important;
}
.discount-percentage {
    padding-left: 4px;
}

.product-slider-section .product-slider-section__panel slideshow-component{
  --slide-min-height: auto !important;
    --slide-min-height-desktop: auto !important;
}
.product-slider-section .product-slider-section__panel slideshow-component .slideshow-control {
      display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000 ;
}
.product-slider-section .product-slider-section__panel slideshow-component slideshow-arrows {
  mix-blend-mode: normal !important;
}
.product-slider-section .product-slider-section__panel .product-card slideshow-component slideshow-arrows {
  mix-blend-mode: difference !important;
}
.product-slider-section .product-slider-section__panel .product-card__meta .quick-add{
  display: none !important;
}

.product-grid__item .custom-collection-card .custom-collection-card-video{
  object-fit: cover ;
  height: 100%;
}


/* feedback */

.custom-mega-content .mega-menu-link-item.mega-menu-link-item--icon a{
  display: flex !important;
    align-items: center;

}
.custom-mega-content .mega-menu-link-item.mega-menu-link-item--icon a .mega-menu__icon {
    width: 40px;
    height: 30px ;
}
.menu-drawer__close-button{
  margin-left: auto;
}
 #HeaderDrawer-get-help.menu-drawer__menu-item--mainlist{
  position: relative;
}
    #HeaderDrawer-get-help.menu-drawer__menu-item--mainlist::before{
        content: "" !important;
        position: absolute !important;
        right: 12px !important;
        top: 16px !important;
        width: 8px !important;
        height: 8px !important;
        z-index: 10;
        border-top: 2px solid #000 !important;
        border-right: 2px solid #000 !important;
        transform:rotate(45deg) !important;
        transition: transform 0.3s ease !important;
    }
    [data-menu-id="get-help"].active > #HeaderDrawer-get-help.menu-drawer__menu-item--mainlist::before{
  transform: rotate(135deg) !important;
}
.menu-drawer__menu-item--child .menu-drawer__menu-item-text{
  font-weight: 400;

}
 .menu-drawer__menu.menu-drawer__menu--childlist{
      padding-left:30px !important;
    }
    .menu-drawer__menu-item--mainlist .menu-drawer__menu-item-text svg{
      display: block !important;
    }


#customDescription h3 + br,
#customDescription ul > br {
  display: none !important;
}

[data-menu-id="get-help"] > .menu-drawer__menu.menu-drawer__menu--childlist {
  display: none !important;
}

[data-menu-id="get-help"].active > .menu-drawer__menu.menu-drawer__menu--childlist {
  display: block !important;
}

     .variant-picker__form .variant-option__button-label--has-swatch .swatch, 
 .custom-product- .product-details .variant-picker__form .variant-option--swatches .variant-option__button-label{
      border: none !important;
     } 
 .custom-product- .product-details .variant-picker__form .variant-option--swatches .variant-option__button-label{
      border-bottom:  2px solid #e5e5e5 !important;
     }
      .custom-product- .product-details .variant-picker__form .variant-option__button-label--has-swatch:has(input[type="radio"]:checked){
      outline: none !important;
        border-bottom:  2px solid #000 !important;
     }
     .variant-picker__form .variant-option__button-label:has(input:checked) .swatch {
    box-shadow: none !important;}

    .quick-add-modal .variant-picker .variant-picker__form .variant-option__button-label--has-swatch .swatch,
.quick-add-modal .variant-picker .variant-picker__form .variant-option--swatches .variant-option__button-label {
    border: none !important;
}

.quick-add-modal .variant-picker .variant-picker__form .variant-option--swatches .variant-option__button-label {
    border-bottom: 2px solid #e5e5e5 !important;
}

.quick-add-modal .variant-picker .variant-picker__form .variant-option__button-label--has-swatch:has(input[type="radio"]:checked) {
    outline: none !important;
    border-bottom: 2px solid #000 !important;
}

  @media(max-width: 767px) {
     .product-info-header.mobile-only{
      margin-top: 0px !important
     }
     .shop-styles__mobile-overlay{
      background: none  !important;
     }
     .mega-card-content .mega-btn{
          width: 100% !important;
    font-size: 20px;
      }
        .custom-mega-menu .custom-mega-content .mega-menu-group{
        gap: 30px !important;
      }
     
.quick-add-modal .variant-picker .variant-picker__form .variant-option__button-label:has(input:checked) .swatch {
    box-shadow: none !important;
}
.menu-drawer__utility-links li{
  height: auto !important;
}
}

  @media(max-width: 749px) {
    .menu-drawer__menu.has-submenu .menu-drawer__menu-item-text, .mega-menu-heading{
      font-size: 32px;
      font-weight: 800;
      line-height: 28px;
    }
    .custom-mega-content .mega-menu-link-item.mega-menu-link-item--icon a .mega-menu__icon {
    width: 40px;
    height: auto ;
}
    .mega-menu-links a, .custom-mega-content .mega-card-content p{
      font-size: 24px !important ;
      font-weight: 400 !important;
    }
    .mega-menu-links a{
       font-size: 22px !important ;
    }
    .custom-mega-menu .custom-mega-content .mega-menu-group .mega-menu-row.mega-card .mega-card-content h3 {
    font-weight: 800 !important;
    font-size: 25px !important;
}
.custom-mega-content .mega-menu-group:has(.mega-card){
order:-1;
}
.custom-mega-content .mega-menu-group:has(.mega-card){
/* display: grid; */
display: none;
grid-template-columns: 1fr 1fr;
gap: 0.5rem !important;
}
 .custom-mega-content .mega-menu-group:has(> .mega-card:only-child) {
    grid-template-columns: 1fr;
  }
.custom-mega-content .mega-menu-group:has(.mega-card) .mega-card-content{
display: none ;
}

.menu-drawer__utility-links{
  margin-right: 20px ;
  margin-top : 30px  !important;
}
  }
  

.navigation-content-asset.menu-drawer__utility-links .navigation-heading {
    font-size: 2.25rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase ;
    line-height: 1;
}
.navigation-content-asset.menu-drawer__utility-links .mobileNavSignUpSection__benefitsList {
    flex-direction: column;
    gap: 2px;
    width: 100%;
    margin-block: .75rem 1.5rem;
    padding-inline-start: 0;
    list-style: none;
    display: flex;
}
.navigation-content-asset.menu-drawer__utility-links .mobileNavSignUpSection__benefitItem {
    font-size: 18px;
    align-items: center;
    gap: .75rem;
    display: flex;
}
.navigation-content-asset.menu-drawer__utility-links .mobileNavSignUpSection__benefitItem svg{
  display: block ;
  width: 15px  !important;
  height: 11px !important;
}
.navigation-content-asset.menu-drawer__utility-links .navigation-button-secondary {
    box-sizing: border-box;
    width: 100%;
    height: calc(54 / 16 * 1rem);
    padding-inline: calc(10 / 16 * 1rem);
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    background-color: #000;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    text-decoration: none;
    transition: all .3s ease-in-out;
    display: inline-flex;
}

.menu-drawer-container[open] #HeaderDrawer-get-help .menu-drawer__animated-element{
  animation: none !important;
}



/* feedback */
.mobile-img-wrapp{
  display: none ;
}


.read-more-trigger{
background-color: transparent !important;
color: #000 !important;
display: block !important;
width: max-content !important;
margin: 0 auto  !important;
font-size: 16px !important;
}
.menu-drawer__menu.menu-drawer__menu--childlist .menu-drawer__list-item .menu-drawer__animated-element{
  animation: none !important;
  animation-delay: none !important
}
  .mega-menu-icons-wrapper{
    margin-bottom: 10px ;
  }

  @media (max-width: 749px) {
  .custom-mega-content .newfeature_image {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    list-style: none;
    -webkit-overflow-scrolling: touch;
    /* scrollbar-width: none; */
  }

  .custom-mega-content .newfeature_image > li.leftMenuTitle {
    flex: 0 0 43% !important;
    width: 43% !important;
    position: relative;
    min-width: 43% !important;
  }

  .custom-mega-content .newfeature_image > li.leftMenuTitle img {
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  .custom-mega-content .newfeature_image > li.leftMenuTitle span {
    display: block;
            position: absolute;
        bottom: 4px;
        color: #000;
        font-weight: 700;
        font-size: 15px;
        left: 10px;
  }
}

  @media (max-width: 749px) {
    .mobile-img-wrapp{
      display: block;
    }
  .mega-menu-icons-wrapper {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px ;
    /* scrollbar-width: none; */
  }
  .mega-menu-links--icons {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    gap: 12px !important;
  }
  .mega-menu-link-item--icon {
    flex: 0 0 auto !important;
  }
  .mega-menu-link-item--icon a {
    display: flex;
    align-items: center;
    flex-direction: column ;
    max-width: 72px;
    font-size: 14px !important;
    font-weight: 400 !important;
    gap: 8px ;
  }
  .mega-menu-link-item--icon a img {
    width: 100% !important;
    height: auto;
  }
}
.quick-add-modal__close{
  z-index: 20 !important;
}

/* feedbacks  */

.product-badges__badge.product-badges__badge--rectangle{
  background: transparent  !important;
  color : #000 !important;
  font-weight: 500 !important;
}
.product-information rte-formatter.text-block > *:first-child {
  text-align: center;
}
 .product-information rte-formatter.text-block h2 {
  text-align: center;
} 

.product-information :is(.rte,.shopify-policy__title) ul{
  text-align: left;
}
.split-banner{
  border: none !important;
}


/* .custom-mega-menu .custom-mega-content {
  display: flex !important;
  column-gap: 30px !important;
  flex-direction: row !important;
  align-items: flex-start !important;
}

.custom-mega-menu .custom-mega-content > .mega-menu-group:has(.mega-menu-links) {
  flex: 1 1 0 !important;
  width: auto !important;
}

.custom-mega-menu .custom-mega-content > .mega-menu-group:has(.mega-card) {
  flex: 0 0 30% !important;
  width: 30% !important;
  min-width: 0 !important;
} */



  /* Card full width */

/* @media screen and (max-width: 749px) { */

  dialog.facets--drawer[open] {
    overflow: hidden !important;
  }
  

  dialog.facets--drawer[open] .facets-drawer__form-wrapper {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  dialog.facets--drawer[open] .facets-drawer__filters {
    /* height: calc(100dvh - 60px) !important;
    max-height: calc(100dvh - 60px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important; */
    overscroll-behavior: contain !important;
    overflow-anchor: none !important;
  }
/* } */

@media screen and (max-width: 749px) {
.custom-mega-menu .custom-mega-content {
  flex-direction: column !important;
}
  .facets-drawer__filters {
    flex-direction: column !important;
  }

  .facets-remove.facets-remove--mobile-and-vertical {
    order: -1 !important;
  }

  .facets-drawer__filters > .facets__filters-wrapper {
    order: 1 !important;
  }
}

.product-card__category{
  font-size : 9px !important;
}
.header-custom-buttons shopify-account svg path{
  stroke : #FFF !important;
}
.header-custom-buttons shopify-account svg {
  width : 18px !important;
  height : 18px !important;
}
.header-custom-buttons shopify-account span{
  color : #FFF !important;
}

/* FILTER CLOSED */
body:not(.active) .facets-block-wrapper--vertical {
  display: none !important;
}
body.active .facets-block-wrapper--vertical {
  display: block !important;
}
/* .collection-wrapper:not(.active) .facets-block-wrapper--vertical {
  display: none !important;
}
.collection-wrapper.active .facets-block-wrapper--vertical {
  display: block !important;
} */
.filter-icon-wrapp{
  cursor: pointer !important;
}

body:not(.active) .main-collection-grid {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
}
/* .collection-wrapper:not(.active) .main-collection-grid {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
} */
@media screen and (max-width: 749px) {
  .collection-wrapper:not(.active) .facets-block-wrapper--vertical {
  display: block !important;
}
}


.search-drawer .popular-search .search-drawer__title{
  margin-top: 20px ;
}
.search-drawer .popular-search ul{
  padding-left: 20px ;
}
.search-drawer .popular-search .popular-search__term{
    font-size: 23px;
    line-height: 1.5;
    font-weight: 700;
}
.search-drawer .predictive-search-form__content-wrapper .predictive-search-results__title{
    font-size: 25px;
    line-height: 1.3;
    font-weight: 500;
}
.search-drawer .predictive-search-form__content-wrapper .resource-card__title{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
}
.search-drawer .predictive-search-form__content-wrapper .predictive-search-results__products{
  padding: 0px !important;
}
.custom-mega-content .mega-menu-links li a span{
  padding-top : 5px ;
}
.custom-pdp-details .pdp-view-more{
  margin :0 !important;
  margin-bottom :20px !important;
}
.custom-pdp-details .pdp-view-more, .custom-pdp-details .pdp-view-less {
    display: block ;
    margin: 0 auto 20px !important;
}
.site-header__icon-btn{
  width: 19px !important;
}
.facets__inputs-list-item .facets__pill-wrapper .facets__pill-label{
  box-shadow: none !important;
}
.sorting-filter{
  height : auto !important;
}
.cart-drawer .product-card__meta{
  width: 60% !important;
}
@media screen and (max-width: 749px) {

  .custom-product- .product-information__grid .variant-option--buttons.variant-option--swatches, .quick-add-modal__content .variant-option--swatches {
    position: relative !important;
    padding-bottom: 50px !important;
  }
  .custom-mega-content .mega-menu-links li a span{
    padding : 0px !important;
  }
  

  .custom-product- .variant-option--buttons.variant-option--swatches > legend.custom--color {
    position: absolute !important;
    left: 0 !important;
    bottom: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  


}

 .variant-option--equal-width-buttons .variant-option__button-label .variant-option__button-label__pill{
  background: transparent !important;
 }
 .variant-option--equal-width-buttons .variant-option__button-label input:checked ~ .variant-option__button-label__pill{
   background: #000 !important;
 }
 .variant-option--equal-width-buttons .variant-option__button-label .variant-option__button-label__text{
color: #111 !important;
 }
.variant-option__button-label:not(:has(.variant-option__button-label__pill)) {
    --clip: 0 100% 0 0 !important;
}

@media (max-width:464px){
  product-price div[ref="priceContainer"]{
  align-items: start !important;
  justify-content: start !important;
  gap: 5px !important;
}
.product-grid__item .price__sale:not(.price__hidden){
  width: fit-content !important;
  max-width: 100% !important;
  flex-wrap : nowrap !important;
  flex-direction: column !important;
  align-items: flex-start;
}
.discount-percentage{
  padding-top : 2px ;
}
}
@media (max-width:480px){
.footer-bar .policy_list {
  flex-wrap: wrap !important;
  justify-content: center !important;
}
}
@media (max-width:325px){
.discount-percentage{
  padding-top : 1px ;
}
}


@media screen and (min-width: 750px) {
    .custom-mega-menu .custom-mega-content {
       
        grid-template-columns: repeat(20, minmax(0, 1fr)) !important;
    }

    .custom-mega-content > .mega-menu-group:has(.mega-menu-row.mega-card) {
    grid-column-end: span 6 !important;
     grid-row: 1 / 4 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  
/*
   01 → COLUMN 1
*/
.custom-mega-content > [data-order~="01"] {
    grid-column: 1/6 ;
    
}


/*
   02 → COLUMN 2
*/
.custom-mega-content > [data-order~="02"] {
    grid-column: 6/11 ;
    
}


/*
   03 → COLUMN 3
*/
.custom-mega-content > [data-order~="03"] {
    grid-column:11/16 ;
    
}


/*
   04 → COLUMN 4
*/
.custom-mega-content > [data-order~="04"] {
    grid-column: 16/21 ;
   
}
  }

  .cart-drawer__dialog:modal{
    overflow: hidden !important;
  }