/** Shopify CDN: Minification failed

Line 21:0 Unexpected "}"
Line 87:0 Unexpected ")"
Line 678:2 Unexpected "/"
Line 881:6 Expected identifier but found whitespace
Line 881:7 Unexpected "calc("
Line 1280:3 Unexpected "/"

**/
/* .new-header-main {}

.header-wrap {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background: white;
  /* border-bottom:1px solid rgba(255, 255, 255, 0.2); */
}

.new-header-box {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
   overflow: hidden;
}

.new-header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .header-wrap {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  /* Keep it black even after scrolling past header on mobile */
  .scrolled-past-header .header-wrap {
    background: black !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  /* Icons/cart should stay white since bg is always black on mobile */
  .scrolled-past-header .header-wrap #cart-icon-bubble img,
  .scrolled-past-header .header-wrap #cart-icon-bubble svg,
  .scrolled-past-header .header-wrap .new-header-icon img {
    filter: invert(1) !important;
  }

  .ipad-wrap-dropdown.active {
    background:#fff;
    height:100vh;
  }
}

.newheader-mainbox {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 18px 0px;
}

.newheader-mainbox .new-header-box {
  justify-self: start;
}

.newheader-mainbox .new-header-logo {
  justify-self: center;
  grid-column: 2;
}

.newheader-mainbox .new-header-icons {
  justify-self: end;
}

.new-header-line:nth-child(
  
) { width: 24px; }
.new-header-line:nth-child(2) { width: 18px; }
.new-header-line:nth-child(3) { width: 30px; }

.new-header-line {
  height: 2px;
  background: #1F1F1F;
  border-radius: 2px;
  display: block;
  transition: transform 0.35s ease, opacity 0.35s ease, width 0.35s ease;
}

.new-header-box.active .new-header-line:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
  width: 30px;
}
.new-header-box.active .new-header-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
  width: 18px;
}
.new-header-box.active .new-header-line:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
  width: 30px;
}


.new-header-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media(max-width:767px){
  .new-header-icons{
    gap:8px !important;
  }
}


.new-header-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f1f1f;
  text-decoration: none;
  line-height: 1;
  transition: opacity 0.2s ease;
}

.new-header-icon:hover {
  opacity: 0.7;
}

.new-header-icon svg,
.new-header-icon img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}


/* .new-dropdown-wrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #141414;
  top: 0;
  left: 0;
  z-index: 999;
  padding-top: 80px;
  overflow-y: auto;
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform 0.4s ease, visibility 0.4s ease;
  clip-path: polygon(0 0, 25% 0, 30% 100%, 0% 100%);
  transition: transform 0.4s ease, visibility 0.4s ease, clip-path 0.4s ease;
} */
.new-dropdown-wrap{
    position: fixed;
    top: var(--header-bar-height);
    left:0;
    width:100%;
    height:calc(100vh - var(--header-bar-height));

    background:#fff;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition: opacity 0.85s ease, visibility 0.85s ease;
    z-index:998;

    overflow-y:auto;
    overflow-x:hidden;
}

.new-dropdown-wrap.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    z-index:1001;
}

.new-dropdown-wrap.active{
    transform:translateX(0);
    visibility:visible;
}

.new-dropdown-wrap.expanded {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


.new-dropdown-wrap.active {
  transform: translateX(0);
  visibility: visible;
}

.dropdown-main {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

/* .dropdown-column-one,
.dropdown-column-two {
  width: 30%;
  padding-top:55px;
} */

.dropdown-main{
    display:flex;
    height:100%;
}

.dropdown-column-one{
    flex:0 0 17% !important;
}

.dropdown-column-two{
    /* flex:0 0 30%; */
    flex: 0 0 255px;
    width: 255px;
    max-width: 255px;
}

.dropdown-column-three{
    /* flex: 1 1 0; */
    /* width: auto; */
    /* max-width: none; */
    flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
    min-width: 0;
    display: block;
    clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
}

.dropdown-column-two {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.new-dropdown-wrap.expanded .dropdown-column-two {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dropdown-panel {
  display: flex;
  flex-direction: column;
  gap: 45px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.dropdown-panel.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative;
}

.column-one-content,
.column-two-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
  cursor: pointer;
}

.column-one-content {
  border-bottom: 1px solid rgba(217, 217, 217, 0.80);
}

.column-two-content {
  border-bottom: 1px solid #000;
}

.column-one-content:nth-child(1){
  padding-top:unset;
}

.column-one-content h2,
.column-two-content h2 {
  color: #000;
  font-family: Inter !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* opacity: 0.5; */
  transition: all 0.3s ease;
  margin: 0;
}

.column-one-content img,
.column-two-content img {
  opacity: 0.5;
  transition: all 0.3s ease;
}

.column-one-content.active h2,
.column-one-content.active img {
  opacity: 1 !important;
}

.column-one-content:hover h2,
.column-one-content:hover img {
  opacity: 1 !important;
}

.dropdown-column-two .column-two-title h2 {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 8px;
  opacity: 1;
}

.column-two-content:hover h2,
.column-two-content:hover img {
  opacity: 1 !important;
}

.new-dropdown-wrap .column-one-content img,
.new-dropdown-wrap .column-two-content img {
  filter: brightness(0) !important;
}

a{
  text-decoration:unset;
}

.dropdown-column-three{
  /* flex: 1 1 0; */
  /* width: auto; */
  /* max-width: none; */
  flex: 0 0 40%;
  width: 40%;
  max-width: 40%;
  min-width: 0;
  height:100%;
  display:block !important;
  clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
}


.dropdown-column-three .col3-panel{
  display:none;
}

.dropdown-column-three .col3-panel.active{
  display:block;
}

.dropdown-column-three .video_wrap.col3-panel.active{
  clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
}

.dropdown-column-three .video_wrap{
  position:relative;
}

.dropdown-column-three video{
  width:100%;
  height:80vh;
  display:block;
  object-fit:cover;
}

.dropdown-column-three .video_wrap .image-wrap{
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  transform:translate(-50%,-50%)
}

.dropdown-column-three .video_wrap .image-wrap img{
  scale: 0.6;
}

.dropdown-column-three .video_wrap .content-wrap{
  position:absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  width: auto;
  box-sizing: border-box;
  z-index: 3;
}

.dropdown-column-three .video_wrap .col3-new-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFF;
  pointer-events: none;
}

.dropdown-column-three .video_wrap .col3-new-badge-dot {
  width: 8px;
  height: 8px;
  background: #FFF;
  transform: rotate(45deg);
  display: inline-block;
  flex-shrink: 0;
}

.content-wrap .title-header {
  padding-bottom:10px;
  border-bottom:1px solid #141414;
  color: #141414;
}

.content-wrap .title-header p{
  font-size: 28px;
  font-weight: 500;
  font-family: Inter;
  color: #141414;
  margin:unset;
}

.content-wrap .quantity-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 20px 0px !important;
  color: #141414;
}

.content-wrap .quantity-wrap p{
  margin:unset;
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  color: #141414;
}

@media(max-width:1200px){
  .new-dropdown-wrap{
    display:none;
  }

  .ipad-wrap-dropdown{
   background:#141414;
  }

  .dropdown-link-1{
    display:none;
  }
}

@media(min-width:1201px){
 .ipad-wrap-dropdown{
    display:none;
  }
}

/* .ipad-wrap-dropdown{
 position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#141414;
  display:block !important;
  padding:20px 0px;
  transform:translateX(-100%);
  transition: transform .4s ease;
} */

.ipad-wrap-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #141414;
  z-index: 998; /* ADD THIS — sits below header (1000) and dropdown-wrap (999) but above page content */
  display: block !important;
  padding: 70px 0px !important;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}

.dropdown-link-2{
  position:absolute;
   top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  display:block !important;
  padding:120px 0px;
  z-index:2;
  transform:translateX(-100%)
}



.ipad-wrap-dropdown.active{
  transform: translateX(0);
}

.dropdown-link-1{
  /* padding:80px 0px; */
  padding:30px 0px !important;
}

.dropdown-link-2{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 100px 0;
  z-index: 2;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}

.dropdown-link-2.active{
  transform: translateX(0);
}

.ipad-submenu-panel {
  display: none;
}

.ipad-submenu-panel.active {
  display: block;
}

.sub-link-mobile-wrap{
  max-height:0px;
  overflow:hidden;
  transition:all 0.5s ease;
}

.sub-link-mobile-wrap.active{
  max-height:1000px;
}

.sub-link-mobile{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 20px 15px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.80);
  cursor: pointer;
}

.sub-link-mobile h2{
    color: #141414;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
     opacity: 0.5; 
    transition: all 0.3s ease;
    margin: 0;
}

.header-wrap img{
  filter:invert(1);
}
.header-wrap .new-header-line{
      background:white !important;
    }

/* Default (not scrolled) — white icons over transparent/dark hero */
.header-wrap #cart-icon-bubble img,
.header-wrap #cart-icon-bubble svg,
.header-wrap .new-header-icon img {
  filter: invert(1);
}

/* Scrolled — white header background, icons should turn black */
.scrolled-past-header .header-wrap #cart-icon-bubble img,
.scrolled-past-header .header-wrap #cart-icon-bubble svg,
.scrolled-past-header .header-wrap .new-header-icon img {
  filter: invert(0);
} 

/* About Us page  */

body.template-page .scrolled-past-header .cart-count-bubble,
body.template-page .scrolled-past-header .cart-count-bubble span {
  color: #fff !important;
}

body.template-page .scrolled-past-header .header-wrap #cart-icon-bubble img,
body.template-page .scrolled-past-header .header-wrap #cart-icon-bubble svg,
body.template-page .scrolled-past-header .header-wrap .new-header-icon img {
  filter: invert(1);
} 

/* Product page  */

body.template-product .scrolled-past-header .cart-count-bubble,
body.template-product .scrolled-past-header .cart-count-bubble span {
  color: #1F1F1F !important;
}


body.template-product .header-wrap {
  background: white !important;
  /* border-bottom: none !important; */
}

body.template-product .scrolled-past-header .header-wrap {
  background: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body.template-product .header-wrap .new-header-line {
  background: #FFFFFF !important;
}

body.template-product .header-wrap img {
  filter: invert(1) !important;
}

body.template-product .header-wrap #cart-icon-bubble img,
body.template-product .header-wrap #cart-icon-bubble svg,
body.template-product .header-wrap .new-header-icon img {
  filter: invert(1) !important;
}

body.template-product .scrolled-past-header .header-wrap #cart-icon-bubble img,
body.template-product .scrolled-past-header .header-wrap #cart-icon-bubble svg,
body.template-product .scrolled-past-header .header-wrap .new-header-icon img,
body.template-product .scrolled-past-header .header-wrap .new-header-line {
  filter: invert(0);
} 

 */

 .new-header-main {}

/* --announcement-bar-height and --header-bar-height are set automatically
   by small scripts in header-marquee.liquid and header-new.liquid.
   They default to 0 so nothing breaks if the scripts haven't run yet. */
:root {
  --announcement-bar-height: 0px;
  --header-bar-height: 0px;
  --hamburger-left: 15px;
  --cart-icon-right: calc(100vw - 24px);
}

/* Pushes the actual page content down so the fixed marquee + header
   never cover it. This is the piece that was missing before. */
body {
  padding-top: calc(var(--announcement-bar-height) + var(--header-bar-height));
}

.header-wrap {
  position: fixed;
  width: 100%;
  /* Sits right below the marquee bar instead of hard-coded to 0,
     so the two never fight for the same space. */
  top: var(--announcement-bar-height);
  left: 0;
  z-index: 1000;
  background: white;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}

.new-header-box {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
}

.new-header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .header-wrap {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  /* Keep it black even after scrolling past header on mobile */
  .scrolled-past-header .header-wrap {
    background: black !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  /* Icons/cart should stay white since bg is always black on mobile */
  .scrolled-past-header .header-wrap #cart-icon-bubble img,
  .scrolled-past-header .header-wrap #cart-icon-bubble svg,
  .scrolled-past-header .header-wrap .new-header-icon img{
    filter: invert(1) !important;
  }

  .ipad-wrap-dropdown.active {
    background:#fff;
    height:100vh;
  }
}

.new-header-line:nth-child(1) { width: 24px; }
.new-header-line:nth-child(2) { width: 18px; }
.new-header-line:nth-child(3) { width: 30px; }

.new-header-line {
  height: 2px;
  background: #1F1F1F;
  border-radius: 2px;
  display: block;
  transition: transform 0.35s ease, opacity 0.35s ease, width 0.35s ease;
}

.new-header-box.active .new-header-line:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
  width: 30px;
}
.new-header-box.active .new-header-line:nth-child(2) {
  opacity: 0;
  width: 0;
}
.new-header-box.active .new-header-line:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
  width: 30px;
}


.new-header-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}


.new-header-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f1f1f;
  text-decoration: none;
  line-height: 1;
  transition: opacity 0.2s ease;
}

.new-header-icon:hover {
  opacity: 0.7;
}

.new-header-icon svg,
.new-header-icon img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}


.new-header-divider {
  display: block;
  width: 1px;
  height: 20px;
  background-color: #FFFF;
  opacity: 0.4;
}

body.template-index .scrolled-past-header .header-wrap .new-header-divider,
body.template-product .scrolled-past-header .header-wrap .new-header-divider,
body.template-collection .scrolled-past-header .header-wrap .new-header-divider {
  background-color: #141414 !important;
  opacity: 0.4;
}


.cart-count-bubble {
  color: #fff;
}

#cart-icon-bubble .cart-count-bubble {
  position: absolute;
  inset: auto;
  top: 62%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}

#cart-icon-bubble .cart-count-bubble span[aria-hidden="true"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}


/* 

.new-header-icon--cart img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}



.new-dropdown-wrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #141414;
  /* Dropdown now opens from below the fixed marquee + header stack,
     instead of always assuming the header starts at the very top. */
  top: calc(var(--announcement-bar-height) + var(--header-bar-height));
  left: 0;
  z-index: 999;
  padding-top: 80px;
  overflow-y: auto;
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform 0.4s ease, visibility 0.4s ease;
  clip-path: polygon(0 0, 25% 0, 30% 100%, 0% 100%);
  transition: transform 0.4s ease, visibility 0.4s ease, clip-path 0.4s ease;
}

.new-dropdown-wrap.expanded {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


.new-dropdown-wrap.active {
  transform: translateX(0);
  visibility: visible;
}

.dropdown-main {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.dropdown-column-one {
  /* .dropdown-column-one,
  .dropdown-column-two {
    width: 30%;
  } */
  width: 30%;
  /* padding-top:55px; */
}

.dropdown-column-two {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.new-dropdown-wrap.expanded .dropdown-column-two {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dropdown-panel {
  display: flex;
  flex-direction: column;
  gap: 45px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.dropdown-panel.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative;
}

.column-one-content,
.column-two-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.80);
  cursor: pointer;
}

.column-one-content:nth-child(1){
  padding-top:unset;
}


.column-one-content img,
.column-two-content img {
  opacity: 0.5;
  transition: all 0.3s ease;
}

.column-one-content.active h2,
.column-one-content.active img {
  opacity: 1 !important;
}

.column-one-content:hover h2,
.column-one-content:hover img {
  opacity: 1 !important;
}

.dropdown-column-two .column-two-title h2 {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 8px;
  opacity: 1;
}

.column-two-content:hover h2,
.column-two-content:hover img {
  opacity: 1 !important;
}

.new-dropdown-wrap .column-one-content img,
.new-dropdown-wrap .column-two-content img {
  filter: brightness(0) !important;
}

a{
  text-decoration:unset;
}

.dropdown-column-three{
  /* flex: 1 1 0; */
  /* width: auto; */
  /* max-width: none; */
  flex: 0 0 40%;
  width: 40%;
  max-width: 40%;
  min-width: 0;
  height:100%;
  display:block !important;
  clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
}


.dropdown-column-three .col3-panel{
  display:none;
}

.dropdown-column-three .col3-panel.active{
  display:block;
}

.dropdown-column-three .video_wrap.col3-panel.active{
  clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
}

.dropdown-column-three .video_wrap{
  position:relative;
}

.dropdown-column-three video{
  width:100%;
  height:80vh;
  display:block;
  object-fit:cover;
}

.dropdown-column-three .video_wrap .image-wrap{
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  transform:translate(-50%,-50%)
}

.dropdown-column-three .video_wrap .image-wrap img{
  scale: 0.6;
}

.dropdown-column-three .video_wrap .content-wrap{
  position:absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  width: auto;
  box-sizing: border-box;
  z-index: 3;
}

.dropdown-column-three .video_wrap .col3-new-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFF;
  pointer-events: none;
}

.dropdown-column-three .video_wrap .col3-new-badge-dot {
  width: 8px;
  height: 8px;
  background: #FFF;
  transform: rotate(45deg);
  display: inline-block;
  flex-shrink: 0;
}

.content-wrap .title-header {
  padding-bottom:10px;
  border-bottom:1px solid #141414;
  color: #141414;
}

.content-wrap .title-header p{
  font-size: 28px;
  font-weight: 500;
  font-family: Inter;
  color: #141414;
  margin:unset;
}

.content-wrap .quantity-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 20px 0px !important;
  color: #141414;
}

.content-wrap .quantity-wrap p{
  margin:unset;
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  color: #141414;
}

@media(max-width:1200px){
  .new-dropdown-wrap{
    display:none;
  }

  .ipad-wrap-dropdown{
   background:#141414;
  }

  .dropdown-link-1{
    display:none;
  }
}

@media(min-width:1201px){
 .ipad-wrap-dropdown{
    display:none;
  }
}

.ipad-wrap-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #141414;
  z-index: 998; /* sits below header (1000) and dropdown-wrap (999) but above page content */
  display: block !important;
  padding: 20px 0px;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}

.dropdown-link-2{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffff;
  padding: 100px 0;
  z-index: 2;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}

.ipad-wrap-dropdown.active{
  transform: translateX(0);
}

.dropdown-link-1{
  /* padding:80px 0px; */
}

.dropdown-link-2.active{
  transform: translateX(0);
}

.ipad-submenu-panel {
  display: none;
}

.ipad-submenu-panel.active {
  display: block;
}

.sub-link-mobile-wrap{
  max-height:0px;
  overflow:hidden;
  transition:all 0.5s ease;
}

.sub-link-mobile-wrap.active{
  max-height:1000px;
}

.sub-link-mobile{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 20px 15px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.80);
  cursor: pointer;
}

.sub-link-mobile h2{
    color: #141414;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
     opacity: 0.5; 
    transition: all 0.3s ease;
    margin: 0;
}

.header-wrap img{
  filter:invert(1);
}
.header-wrap .new-header-line{
      background:white !important;
    }

/* Default (not scrolled) — white icons/logo over transparent/dark hero */
.header-wrap #cart-icon-bubble img,
.header-wrap #cart-icon-bubble svg,
.header-wrap .new-header-icon img {
  filter: invert(1);
}

/* Scrolled — white header background, icons AND logo should turn black.
   (Previously the logo had no scrolled-state rule at all, so it stayed
   the same color while the background changed underneath it.) */
.scrolled-past-header .header-wrap #cart-icon-bubble img,
.scrolled-past-header .header-wrap #cart-icon-bubble svg,
.scrolled-past-header .header-wrap .new-header-icon img,
.scrolled-past-header .header-wrap .new-header-logo img {
  filter: invert(0);
}

/* About Us page  */

body.template-page .scrolled-past-header .cart-count-bubble,
body.template-page .scrolled-past-header .cart-count-bubble span {
  color: #fff !important;
}

body.template-page .scrolled-past-header .header-wrap #cart-icon-bubble img,
body.template-page .scrolled-past-header .header-wrap #cart-icon-bubble svg,
body.template-page .scrolled-past-header .header-wrap .new-header-icon img {
  filter: invert(1);
} 



body.template-product .scrolled-past-header .header-wrap {
  background: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}


/* THE FIX: once scrolled, the header background becomes solid white,
   so the (white) logo/icons must invert to dark, or they vanish.
   This previously said invert(0) — identical to the unscrolled rule —
   which is why everything disappeared as soon as you scrolled. */
body.template-product .scrolled-past-header .header-wrap #cart-icon-bubble img,
body.template-product .scrolled-past-header .header-wrap #cart-icon-bubble svg,
body.template-product .scrolled-past-header .header-wrap .new-header-icon img,
body.template-product .scrolled-past-header .header-wrap .new-header-logo img {
  filter: invert(1) !important;
} */

.new-header-main {}

/* --announcement-bar-height and --header-bar-height are set automatically
   by small scripts in header-marquee.liquid and header-new.liquid.
   They default to 0 so nothing breaks if the scripts haven't run yet. */
:root {
  --announcement-bar-height: 0px;
  --header-bar-height: 0px;
  --hamburger-left: 15px;
  --cart-icon-right: calc(100vw - 24px);
}

/* Pushes the actual page content down so the fixed marquee + header
   never cover it. This is the piece that was missing before. */
body {
  padding-top: unset !important;
}

.header-wrap {
  position: fixed;
  width: 100%;
  /* Sits right below the marquee bar instead of hard-coded to 0,
     so the two never fight for the same space. */
  top: var(--announcement-bar-height);
  left: 0;
  z-index: 1000;
  background: white;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}

.new-header-box {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
}

.new-header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .header-wrap {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  /* Keep it black even after scrolling past header on mobile */
  .scrolled-past-header .header-wrap {
    background: white !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  /* Icons/cart should stay white since bg is always black on mobile */
  .scrolled-past-header .header-wrap #cart-icon-bubble img,
  .scrolled-past-header .header-wrap #cart-icon-bubble svg,
  .scrolled-past-header .header-wrap .new-header-icon img {
    filter: invert(0) !important;
  }

  .scrolled-past-header .header-wrap .wishlist-hero-header-icon .wishlist-count-badge {
    color: #1f1f1f !important;
  }

  .ipad-wrap-dropdown.active {
    background: #fff;
    height: calc(100vh - var(--header-bar-height, 72px));
  }

  .ipad-wrap-dropdown .column-one-content img,
  .ipad-wrap-dropdown .ipad-accordion-arrow {
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .ipad-wrap-dropdown .column-one-content.active h2 {
    color: #141414 !important;
    opacity: 1 !important;
  }

  .ipad-wrap-dropdown .column-one-content.active img,
  .ipad-wrap-dropdown .column-one-content.active .ipad-accordion-arrow {
    opacity: 1 !important;
    filter: brightness(0) !important;
    transform: rotate(90deg);
  }
}

.new-header-line:nth-child(1) { width: 24px; }
.new-header-line:nth-child(2) { width: 18px; }
.new-header-line:nth-child(3) { width: 30px; }

.new-header-line {
  height: 2px;
  background: #1F1F1F;
  border-radius: 2px;
  display: block;
  transition: transform 0.35s ease, opacity 0.35s ease, width 0.35s ease;
}

.new-header-box.active .new-header-line:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
  width: 30px;
}
.new-header-box.active .new-header-line:nth-child(2) {
  opacity: 0;
  width: 0;
}
.new-header-box.active .new-header-line:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
  width: 30px;
}


.new-header-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}


.new-header-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f1f1f;
  text-decoration: none;
  line-height: 1;
  transition: opacity 0.2s ease;
}

.new-header-icon:hover {
  opacity: 0.7;
}

.new-header-icon svg,
.new-header-icon img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}


/* 
.cart-count-bubble {
  position: absolute;
  bottom: 0px;
  left: 3px;
  color: #fff;
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  line-height: 1;
} */

.new-dropdown-wrap {
  position: fixed;
  width: 100%;
  height: calc(100vh - var(--announcement-bar-height, 0px) - var(--header-bar-height, 0px));
  max-height: calc(100vh - var(--announcement-bar-height, 0px) - var(--header-bar-height, 0px));
  background-color: #fff;
  top: calc(var(--announcement-bar-height, 0px) + var(--header-bar-height, 0px));
  left: 0;
  z-index: 999;
  padding-top: 5px;
  padding-bottom: 32px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform 0.85s ease, visibility 0.85s ease;
  clip-path: polygon(0 0, 25% 0, 30% 100%, 0% 100%);
  transition: transform 0.85s ease, visibility 0.85s ease, clip-path 0.85s ease;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.new-dropdown-wrap::-webkit-scrollbar {
  display: none;
}

.new-dropdown-wrap.expanded {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


.new-dropdown-wrap.active {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1001;
}

.dropdown-main {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.dropdown-column-one {
  /* .dropdown-column-one,
  .dropdown-column-two {
    width: 30%;
  } */
  width: 30%;
  /* padding-top:55px; */
}

.dropdown-column-two {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.new-dropdown-wrap.expanded .dropdown-column-two {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dropdown-panel {
  display: flex;
  flex-direction: column;
  gap: 45px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.dropdown-panel.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative;
}

.column-one-content,
.column-two-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
  cursor: pointer;
}

.column-one-content {
  border-bottom: 1px solid rgba(217, 217, 217, 0.80);
}

.column-two-content {
  border-bottom: 1px solid #000;
}

.column-one-content:nth-child(1){
  padding-top:unset;
}

.column-one-content h2,
.column-two-content h2 {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* opacity: 0.5; */
  transition: all 0.3s ease;
  margin: 0;
}

.column-one-content img,
.column-two-content img {
  opacity: 0.5;
  transition: all 0.3s ease;
}

.column-one-content.active h2,
.column-one-content.active img {
  opacity: 1 !important;
}

.column-one-content:hover h2,
.column-one-content:hover img {
  opacity: 1 !important;
}

.dropdown-column-two .column-two-title h2 {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 8px;
  opacity: 1;
}

.column-two-content:hover h2,
.column-two-content:hover img {
  opacity: 1 !important;
}

.new-dropdown-wrap .column-one-content img,
.new-dropdown-wrap .column-two-content img {
  filter: brightness(0) !important;
}

a{
  text-decoration:unset;
}

.dropdown-column-three{
  /* flex: 1 1 0; */
  /* width: auto; */
  /* max-width: none; */
  flex: 0 0 40%;
  width: 40%;
  max-width: 40%;
  min-width: 0;
  height:100%;
  display:block !important;
  clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
}


.dropdown-column-three .col3-panel{
  display:none;
}

.dropdown-column-three .col3-panel.active{
  display:block;
}

.dropdown-column-three .video_wrap.col3-panel.active{
  clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
}

.dropdown-column-three .video_wrap{
  position:relative;
  height:80vh;
  background:#f2f2f2;
  overflow:hidden;
}

.dropdown-column-three video{
  width:100%;
  height:80vh;
  display:block;
  object-fit:cover;
}

.dropdown-column-three .video_wrap .image-wrap{
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  transform:translate(-50%,-50%)
}

.dropdown-column-three .video_wrap .image-wrap img{
  scale: 0.6;
}

.dropdown-column-three .video_wrap .content-wrap{
  position:absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  width: auto;
  box-sizing: border-box;
  z-index: 3;
}

.dropdown-column-three .video_wrap .col3-new-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFF;
  pointer-events: none;
}

.dropdown-column-three .video_wrap .col3-new-badge-dot {
  width: 8px;
  height: 8px;
  background: #FFF;
  transform: rotate(45deg);
  display: inline-block;
  flex-shrink: 0;
}

.content-wrap .title-header {
  padding-bottom:10px;
  border-bottom:1px solid #141414;
  color: #141414;
}

.content-wrap .title-header p{
  font-size: 28px;
  font-weight: 500;
  font-family: Inter;
  color: #141414;
  margin:unset;
}

.content-wrap .quantity-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 20px 0px !important;
  color: #141414;
}

.content-wrap .quantity-wrap p{
  margin:unset;
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  color: #141414;
}

@media(max-width:1200px){
  .new-dropdown-wrap{
    display:none;
  }

  .ipad-wrap-dropdown{
    background:#fff;
  }

  .dropdown-link-1{
    display:none;
  }

   .ipad-wrap-dropdown.active {
    background:#fff;
    height:calc(100vh - var(--header-bar-height, 72px));
    
  }

  .ipad-wrap-dropdown .container,
  .ipad-wrap-dropdown .page-width {
    padding-left: var(--hamburger-left, 15px);
    padding-right: 15px;
    box-sizing: border-box;
  }

  .ipad-wrap-dropdown .sub-link-mobile {
    padding-left: 0;
    padding-right: 15px;
  }
  
}

@media(min-width:1201px){
 .ipad-wrap-dropdown{
    display:none;
  }
}

.ipad-wrap-dropdown {
  position: fixed;
  top: var(--header-bar-height, 72px);
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header-bar-height, 72px));
  background-color: #fff;
  z-index: 998;
  display: block !important;
  padding: 20px 0;
  transform: translateX(-100%);
  transition: transform 0.7s ease;
  overflow-y: auto;
  box-sizing: border-box;
}

.dropdown-link-2{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffff;
  padding: 100px 0;
  z-index: 2;
  transform: translateX(-100%);
  transition: transform 0.7s ease;
}

.ipad-wrap-dropdown.active{
  transform: translateX(0);
}

.ipad-wrap-dropdown .ipad-accordion-arrow {
  filter: brightness(0) !important;
  opacity: 1;
}

.ipad-wrap-dropdown .ipad-accordion-trigger.active .ipad-accordion-arrow,
.ipad-wrap-dropdown .column-one-content.active .ipad-accordion-arrow {
  filter: brightness(0) !important;
  transform: rotate(90deg);
}

.dropdown-link-1{
  /* padding:80px 0px; */
}

.dropdown-link-2.active{
  transform: translateX(0);
}

.ipad-submenu-panel {
  display: none;
}

.ipad-submenu-panel.active {
  display: block;
}

.sub-link-mobile-wrap{
  max-height:0px;
  overflow:hidden;
  transition:all 0.5s ease;
}

.sub-link-mobile-wrap.active{
  max-height:1000px;
}

.sub-link-mobile{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 20px 15px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.80);
  cursor: pointer;
}

.sub-link-mobile h2{
    color: #141414;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
     opacity: 0.5; 
    transition: all 0.3s ease;
    margin: 0;
}

@media (max-width: 767px) {
  .sub-link-mobile h2 {
    font-weight: 400;
  }
}

.header-wrap img{
  filter:invert(1);
}
.header-wrap .new-header-line{
      background:white !important;
    }

.header-wrap #cart-icon-bubble .svg-wrapper {
  color: #1f1f1f !important;
}

.header-wrap #cart-icon-bubble img,
.header-wrap #cart-icon-bubble svg,
.header-wrap .new-header-icon img {
  filter: invert(1);
}

.scrolled-past-header .header-wrap #cart-icon-bubble img,
.scrolled-past-header .header-wrap #cart-icon-bubble svg,
.scrolled-past-header .header-wrap .new-header-icon img,
.scrolled-past-header .header-wrap .new-header-logo img {
  filter: invert(0);
}

.scrolled-past-header .header-wrap .wishlist-hero-header-icon .wishlist-count-badge {
  color: #1f1f1f;
}

/* Menu open — white header + dark icons (driven by JS, not scroll) */
.header-wrap {
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.header-wrap .new-header-logo img,
.header-wrap .new-header-icon img,
.header-wrap #cart-icon-bubble img,
.header-wrap #cart-icon-bubble svg,
.header-wrap .new-header-line,
.header-wrap .new-header-divider,
.header-wrap .wishlist-hero-header-icon img,
.header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
.header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path {
  transition: filter 0.25s ease, background-color 0.25s ease, fill 0.25s ease;
}

.header-wrap.header-menu-open {
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: none !important;
}

.header-wrap.header-menu-open .new-header-line {
  background: #1f1f1f !important;
}

.header-wrap.header-menu-open .new-header-divider {
  background-color: #141414 !important;
  opacity: 0.4;
}

.header-wrap.header-menu-open .new-header-logo img,
.header-wrap.header-menu-open .new-header-icon img,
.header-wrap.header-menu-open #cart-icon-bubble img,
.header-wrap.header-menu-open #cart-icon-bubble svg,
.header-wrap.header-menu-open img {
  filter: invert(0) !important;
}

.header-wrap.header-menu-open .wishlist-hero-header-icon svg.wlh-svg-Icon,
.header-wrap.header-menu-open .wishlist-hero-header-icon svg.wlh-svg-Icon path {
  filter: none !important;
  fill: #1f1f1f !important;
}

.header-wrap.header-menu-open .wishlist-hero-header-icon .wishlist-count-badge,
.header-wrap.header-menu-open .cart-count-bubble,
.header-wrap.header-menu-open .cart-count-bubble span {
  color: #1f1f1f !important;
}

@media (max-width: 767px) {
  .header-wrap.header-menu-open {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .header-wrap.header-menu-open .new-header-logo img,
  .header-wrap.header-menu-open .new-header-icon img,
  .header-wrap.header-menu-open #cart-icon-bubble img,
  .header-wrap.header-menu-open #cart-icon-bubble svg,
  .header-wrap.header-menu-open img {
    filter: invert(0) !important;
  }

  .header-wrap.header-menu-open .new-header-line {
    background: #1f1f1f !important;
  }

  .header-wrap.header-menu-open .new-header-divider {
    background-color: #141414 !important;
    opacity: 0.4;
  }

  body.template-product .header-wrap.header-menu-open,
  body.template-collection .header-wrap.header-menu-open,
  body.template-index .header-wrap.header-menu-open {
    background: #fff !important;
    box-shadow: none !important;
  }

  body.template-product .header-wrap.header-menu-open .new-header-logo img,
  body.template-product .header-wrap.header-menu-open .new-header-icon img,
  body.template-product .header-wrap.header-menu-open #cart-icon-bubble img,
  body.template-collection .header-wrap.header-menu-open .new-header-logo img,
  body.template-collection .header-wrap.header-menu-open .new-header-icon img,
  body.template-collection .header-wrap.header-menu-open #cart-icon-bubble img,
  body.template-index .header-wrap.header-menu-open .new-header-logo img,
  body.template-index .header-wrap.header-menu-open .new-header-icon img,
  body.template-index .header-wrap.header-menu-open #cart-icon-bubble img {
    filter: invert(0) !important;
  }

  body.template-product .header-wrap.header-menu-open .new-header-line,
  body.template-collection .header-wrap.header-menu-open .new-header-line,
  body.template-index .header-wrap.header-menu-open .new-header-line {
    background: #1f1f1f !important;
  }
}

/* Static white header — Homepage, Product, Collection, Blog, About Us, Contact (via .header--static-light) */
.header--static-light .header-wrap,
.header--static-light.scrolled-past-header .header-wrap,
.section-header .header--static-light .header-wrap {
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  transition: none !important;
  box-shadow: none !important;
}

.header--static-light .header-wrap .new-header-line,
.header--static-light.scrolled-past-header .header-wrap .new-header-line {
  background: #1f1f1f !important;
}

.header--static-light .header-wrap .new-header-divider,
.header--static-light.scrolled-past-header .header-wrap .new-header-divider {
  background-color: #141414 !important;
  opacity: 0.4;
}

.header--static-light .header-wrap .new-header-logo img,
.header--static-light .header-wrap .new-header-icon img,
.header--static-light .header-wrap #cart-icon-bubble img,
.header--static-light .header-wrap #cart-icon-bubble svg,
.header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
.header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
.header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
.header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble svg,
.header--static-light.scrolled-past-header .header-wrap img {
  filter: invert(0) !important;
}

.header--static-light .cart-count-bubble,
.header--static-light .cart-count-bubble span,
.header--static-light.scrolled-past-header .cart-count-bubble,
.header--static-light.scrolled-past-header .cart-count-bubble span,
.header--static-light .header-wrap .wishlist-hero-header-icon .wishlist-count-badge,
.header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon .wishlist-count-badge {
  color: #1f1f1f !important;
}

.header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
.header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path,
.header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
.header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path {
  filter: none !important;
  fill: #1f1f1f !important;
}

@media (max-width: 767px) {
  .header--static-light .header-wrap,
  .header--static-light.scrolled-past-header .header-wrap {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .header--static-light .header-wrap .new-header-line,
  .header--static-light.scrolled-past-header .header-wrap .new-header-line {
    background: #1f1f1f !important;
  }

  .header--static-light .header-wrap .new-header-logo img,
  .header--static-light .header-wrap .new-header-icon img,
  .header--static-light .header-wrap #cart-icon-bubble img,
  .header--static-light .header-wrap #cart-icon-bubble svg,
  .header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
  .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
  .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
  .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble svg {
    filter: invert(0) !important;
  }
}

/* About Us page  */

body.template-page .scrolled-past-header .cart-count-bubble,
body.template-page .scrolled-past-header .cart-count-bubble span {
  color: #fff !important;
}

body.template-page .scrolled-past-header .header-wrap #cart-icon-bubble img,
body.template-page .scrolled-past-header .header-wrap #cart-icon-bubble svg,
body.template-page .scrolled-past-header .header-wrap .new-header-icon img {
  filter: invert(0);
} 

/* Product page — static white header (via .header--static-light) */

body.template-product .cart-count-bubble,
body.template-product .cart-count-bubble span {
  color: #1f1f1f !important;
}

body.template-product .header--static-light .header-wrap,
body.template-product .header--static-light.scrolled-past-header .header-wrap,
body.template-product .section-header .header--static-light .header-wrap {
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

body.template-product .header--static-light .header-wrap .new-header-line,
body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-line {
  background: #1f1f1f !important;
}

body.template-product .header--static-light .header-wrap .new-header-divider,
body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-divider {
  background-color: #141414 !important;
  opacity: 0.4;
}

body.template-product .header--static-light .header-wrap .new-header-logo img,
body.template-product .header--static-light .header-wrap .new-header-icon img,
body.template-product .header--static-light .header-wrap #cart-icon-bubble img,
body.template-product .header--static-light .header-wrap #cart-icon-bubble svg,
body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
body.template-product .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
body.template-product .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble svg,
body.template-product .header--static-light.scrolled-past-header .header-wrap img {
  filter: invert(0) !important;
}

body.template-product .header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
body.template-product .header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path,
body.template-product .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
body.template-product .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path {
  filter: none !important;
  fill: #1f1f1f !important;
}

body.template-product .header--static-light .header-wrap .wishlist-hero-header-icon .wishlist-count-badge,
body.template-product .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon .wishlist-count-badge {
  color: #1f1f1f !important;
}

@media (max-width: 767px) {
  body.template-product .header--static-light .header-wrap,
  body.template-product .header--static-light.scrolled-past-header .header-wrap {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  body.template-product .header--static-light .header-wrap .new-header-line,
  body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-line {
    background: #1f1f1f !important;
  }

  body.template-product .header--static-light .header-wrap .new-header-logo img,
  body.template-product .header--static-light .header-wrap .new-header-icon img,
  body.template-product .header--static-light .header-wrap #cart-icon-bubble img,
  body.template-product .header--static-light .header-wrap #cart-icon-bubble svg,
  body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
  body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
  body.template-product .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
  body.template-product .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble svg {
    filter: invert(0) !important;
  }
}

/* Homepage — static white header with black logo, icons, and hamburger (via .header--static-light) */
body.template-index .header--static-light .header-wrap,
body.template-index .header--static-light.scrolled-past-header .header-wrap,
body.template-index .section-header .header--static-light .header-wrap {
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

body.template-index .header--static-light .header-wrap .new-header-line,
body.template-index .header--static-light.scrolled-past-header .header-wrap .new-header-line {
  background: #1f1f1f !important;
}

body.template-index .header--static-light .header-wrap .new-header-divider,
body.template-index .header--static-light.scrolled-past-header .header-wrap .new-header-divider {
  background-color: #141414 !important;
  opacity: 0.4;
}

body.template-index .header--static-light .header-wrap .new-header-logo img,
body.template-index .header--static-light .header-wrap .new-header-icon img,
body.template-index .header--static-light .header-wrap #cart-icon-bubble img,
body.template-index .header--static-light .header-wrap #cart-icon-bubble svg,
body.template-index .header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
body.template-index .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
body.template-index .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
body.template-index .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble svg,
body.template-index .header--static-light.scrolled-past-header .header-wrap img {
  filter: invert(0) !important;
}

body.template-index .header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
body.template-index .header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path,
body.template-index .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
body.template-index .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path {
  filter: none !important;
  fill: #1f1f1f !important;
}

body.template-index .header--static-light .cart-count-bubble,
body.template-index .header--static-light .cart-count-bubble span,
body.template-index .header--static-light.scrolled-past-header .cart-count-bubble,
body.template-index .header--static-light.scrolled-past-header .cart-count-bubble span,
body.template-index .header--static-light .header-wrap .wishlist-hero-header-icon .wishlist-count-badge,
body.template-index .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon .wishlist-count-badge {
  color: #1f1f1f !important;
}

@media (max-width: 767px) {
  body.template-index .header--static-light .header-wrap,
  body.template-index .header--static-light.scrolled-past-header .header-wrap {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  body.template-index .header--static-light .header-wrap .new-header-line,
  body.template-index .header--static-light.scrolled-past-header .header-wrap .new-header-line {
    background: #1f1f1f !important;
  }

  body.template-index .header--static-light .header-wrap .new-header-logo img,
  body.template-index .header--static-light .header-wrap .new-header-icon img,
  body.template-index .header--static-light .header-wrap #cart-icon-bubble img,
  body.template-index .header--static-light .header-wrap #cart-icon-bubble svg,
  body.template-index .header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
  body.template-index .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
  body.template-index .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
  body.template-index .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble svg {
    filter: invert(0) !important;
  }
}

/* Collection page — static white header (via .header--static-light) */

body.template-collection .cart-count-bubble,
body.template-collection .cart-count-bubble span {
  color: #1f1f1f !important;
}

body.template-collection .header--static-light .header-wrap,
body.template-collection .header--static-light.scrolled-past-header .header-wrap,
body.template-collection .section-header .header--static-light .header-wrap {
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

body.template-collection .header--static-light .header-wrap .new-header-line,
body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-line {
  background: #1f1f1f !important;
}

body.template-collection .header--static-light .header-wrap .new-header-divider,
body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-divider {
  background-color: #141414 !important;
  opacity: 0.4;
}

body.template-collection .header--static-light .header-wrap .new-header-logo img,
body.template-collection .header--static-light .header-wrap .new-header-icon img,
body.template-collection .header--static-light .header-wrap #cart-icon-bubble img,
body.template-collection .header--static-light .header-wrap #cart-icon-bubble svg,
body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
body.template-collection .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
body.template-collection .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble svg,
body.template-collection .header--static-light.scrolled-past-header .header-wrap img {
  filter: invert(0) !important;
}

body.template-collection .header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
body.template-collection .header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path,
body.template-collection .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
body.template-collection .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path {
  filter: none !important;
  fill: #1f1f1f !important;
}

body.template-collection .header--static-light .header-wrap .wishlist-hero-header-icon .wishlist-count-badge,
body.template-collection .header--static-light.scrolled-past-header .header-wrap .wishlist-hero-header-icon .wishlist-count-badge,
body.template-collection .header--static-light.scrolled-past-header .cart-count-bubble,
body.template-collection .header--static-light.scrolled-past-header .cart-count-bubble span {
  color: #1f1f1f !important;
}

@media (max-width: 767px) {
  body.template-collection .header--static-light .header-wrap,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  body.template-collection .header--static-light .header-wrap .new-header-line,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-line {
    background: #1f1f1f !important;
  }

  body.template-collection .header--static-light .header-wrap .new-header-logo img,
  body.template-collection .header--static-light .header-wrap .new-header-icon img,
  body.template-collection .header--static-light .header-wrap #cart-icon-bubble img,
  body.template-collection .header--static-light .header-wrap #cart-icon-bubble svg,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble svg {
    filter: invert(0) !important;
  }
}

body.template-blog .newheader-mainbox{
   /* padding: 1px 0; */
}

body.template-blog .scrolled-past-header .cart-count-bubble{
  color:#ffff;
}

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

  body.template-blog .newheader-mainbox {
    padding: 0 !important;
    min-height: 72px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }

  body.template-blog .header-wrap {
    min-height: 72px;
  }

  body.template-blog .new-header-logo img {
    max-height: 30px;
  }

  body.template-blog .new-header-box,
  body.template-blog .new-header-icons {
    height: 30px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 767px) {

  /* Product & collection — static white header on mobile */
  body.template-product .header--static-light .header-wrap,
  body.template-product .header--static-light.scrolled-past-header .header-wrap,
  body.template-collection .header--static-light .header-wrap,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: none !important;
  }

  body.template-product .header--static-light .header-wrap .new-header-line,
  body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-line,
  body.template-collection .header--static-light .header-wrap .new-header-line,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-line {
    background: #1f1f1f !important;
  }

  body.template-product .header--static-light .header-wrap .new-header-divider,
  body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-divider,
  body.template-collection .header--static-light .header-wrap .new-header-divider,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-divider {
    background-color: #141414 !important;
    opacity: 0.4;
  }

  body.template-product .header--static-light .header-wrap img,
  body.template-product .header--static-light .header-wrap .new-header-icon img,
  body.template-product .header--static-light .header-wrap #cart-icon-bubble img,
  body.template-product .header--static-light.scrolled-past-header .header-wrap img,
  body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
  body.template-product .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
  body.template-product .header--static-light.scrolled-past-header .header-wrap .new-header-logo img,
  body.template-collection .header--static-light .header-wrap img,
  body.template-collection .header--static-light .header-wrap .new-header-icon img,
  body.template-collection .header--static-light .header-wrap #cart-icon-bubble img,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap img,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-icon img,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap #cart-icon-bubble img,
  body.template-collection .header--static-light.scrolled-past-header .header-wrap .new-header-logo img {
    filter: invert(0) !important;
  }

  body.template-product .header--static-light .cart-count-bubble,
  body.template-product .header--static-light .cart-count-bubble span,
  body.template-product .header--static-light.scrolled-past-header .cart-count-bubble,
  body.template-product .header--static-light.scrolled-past-header .cart-count-bubble span,
  body.template-product .header--static-light .header-wrap .wishlist-hero-header-icon .wishlist-count-badge,
  body.template-collection .header--static-light .cart-count-bubble,
  body.template-collection .header--static-light .cart-count-bubble span,
  body.template-collection .header--static-light.scrolled-past-header .cart-count-bubble,
  body.template-collection .header--static-light.scrolled-past-header .cart-count-bubble span,
  body.template-collection .header--static-light .header-wrap .wishlist-hero-header-icon .wishlist-count-badge,
  body.template-product .header-wrap.header-menu-open .cart-count-bubble,
  body.template-product .header-wrap.header-menu-open .cart-count-bubble span,
  body.template-product .header-wrap.header-menu-open .wishlist-hero-header-icon .wishlist-count-badge,
  body.template-collection .header-wrap.header-menu-open .cart-count-bubble,
  body.template-collection .header-wrap.header-menu-open .cart-count-bubble span,
  body.template-collection .header-wrap.header-menu-open .wishlist-hero-header-icon .wishlist-count-badge {
    color: #1f1f1f !important;
  }

   body.template-product main,
  body.template-product #MainContent{
    /* padding-top: 80px !important; */
  }

  body.template-product .breadcrumbs,
  body.template-product .breadcrumb,
  body.template-product nav[aria-label="breadcrumb"] {
    display: none !important;
  }

  /* Mobile header — keep cart and icons fully visible */
  .header-wrap .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .newheader-mainbox {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 6px;
    padding: 14px 0;
    position: relative;
  }

  #hamburger-btn {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    justify-self: start;
  }

  .new-header-logo {
    justify-self: center;
    grid-column: 2;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .new-header-logo img {
    max-width: min(150px, 100%);
    width: auto;
    height: auto;
    display: block;
  }

  .new-header-icons {
    justify-self: end;
    position: static;
    right: auto;
    top: auto;
    transform: none;
    flex-shrink: 0;
    gap: 4px !important;
  }

  .new-header-divider {
    height: 14px;
  }

  .new-header-icons .new-header-icon,
  .new-header-icons .wishlist-hero-header-icon,
  .new-header-icons #cart-icon-bubble {
    width: var(--header-action-icon-size, 24px) !important;
    height: var(--header-action-icon-size, 24px) !important;
    min-width: var(--header-action-icon-size, 24px) !important;
    min-height: var(--header-action-icon-size, 24px) !important;
  }

  .new-header-icons .new-header-icon img,
  .new-header-icons .new-header-icon svg,
  .new-header-icons .wishlist-hero-header-icon img,
  .new-header-icons .wishlist-hero-header-icon svg.wlh-svg-Icon,
  .new-header-icons #cart-icon-bubble img,
  .new-header-icons #cart-icon-bubble svg {
    width: var(--header-action-icon-size, 24px) !important;
    height: var(--header-action-icon-size, 24px) !important;
    max-width: var(--header-action-icon-size, 24px) !important;
    max-height: var(--header-action-icon-size, 24px) !important;
    object-fit: contain !important;
    display: block !important;
  }
}

  .new-header-logo a{
    display:flex;
    align-items:center;
    justify-content:center;

  }

/* Cart drawer open — header/marquee sit behind drawer (matches product page) */
body.overflow-hidden:has(cart-drawer.active) .section-header,
body.overflow-hidden:has(cart-drawer.active) .marquee-announcement-bar,
body.overflow-hidden:has(cart-drawer.active) .section-marquee-announcement-bar {
  visibility: hidden;
}

/* Unified action icon sizing — wishlist, account, cart */
.section-header,
.new-header-main {
  --header-action-icon-size: 24px;
}

.new-header-icons,
.new-header-icons ul,
.new-header-icons li {
  list-style: none;
  margin: 0;
}

.new-header-icons li::marker,
.new-header-icons li::before {
  content: none;
  display: none;
}

.new-header-icons .new-header-icon,
.new-header-icons .wishlist-hero-header-icon,
.new-header-icons #cart-icon-bubble {
  width: var(--header-action-icon-size);
  height: var(--header-action-icon-size);
  min-width: var(--header-action-icon-size);
  min-height: var(--header-action-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.new-header-icons .new-header-icon img,
.new-header-icons .new-header-icon svg,
.new-header-icons #cart-icon-bubble img,
.new-header-icons #cart-icon-bubble svg,
.new-header-icons .wishlist-hero-header-icon img,
.new-header-icons .wishlist-hero-header-icon svg.wlh-svg-Icon,
body.template-page .header-wrap .new-header-icon svg,
body.template-page .new-header-icons .new-header-icon svg,
body.template-page .new-header-icons .wishlist-hero-header-icon img,
body.template-page .new-header-icons .wishlist-hero-header-icon svg.wlh-svg-Icon {
  width: var(--header-action-icon-size) !important;
  height: var(--header-action-icon-size) !important;
  max-width: var(--header-action-icon-size) !important;
  max-height: var(--header-action-icon-size) !important;
  object-fit: contain;
  display: block;
}

/* Wishlist Hero header icon */
.new-header-icons .wishlist-hero-header-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: visible;
  padding: 0;
}

.new-header-icons .wishlist-hero-header-icon img {
  flex-shrink: 0;
}

.new-header-icons .wishlist-hero-header-icon svg.wlh-svg-Icon {
  overflow: visible;
  filter: none !important;
  fill: #ffffff !important;
}

.new-header-icons .wishlist-hero-header-icon svg.wlh-svg-Icon path {
  fill: #ffffff !important;
}

.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
.scrolled-past-header .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path,
.header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon,
.header--static-light .header-wrap .wishlist-hero-header-icon svg.wlh-svg-Icon path,
.header-wrap.header-menu-open .wishlist-hero-header-icon svg.wlh-svg-Icon,
.header-wrap.header-menu-open .wishlist-hero-header-icon svg.wlh-svg-Icon path {
  fill: #1f1f1f !important;
}

.new-header-icons .wishlist-hero-header-icon .wishlist-count-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  pointer-events: none;
  color: #fff;
}

/* Smooth desktop menu close — columns stagger out, then shell fades/slides */
.new-dropdown-wrap.active.closing {
  pointer-events: none;
  clip-path: polygon(0 0, 25% 0, 30% 100%, 0% 100%);
  opacity: 0;
  transform: translateX(-100%);
  visibility: visible;
  transition:
    clip-path 0.85s ease-in-out,
    opacity 0.85s ease-in-out 1.1s,
    transform 0.85s ease-in-out 1.1s,
    visibility 0s linear 1.95s;
}

.new-dropdown-wrap.active.closing .dropdown-column-three {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-12px);
  transition:
    opacity 0.6s ease-in-out 0s,
    transform 0.6s ease-in-out 0s;
}

.new-dropdown-wrap.active.closing .dropdown-column-two {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-12px);
  transition:
    opacity 0.6s ease-in-out 0.25s,
    transform 0.6s ease-in-out 0.25s;
}

.new-dropdown-wrap.active.closing .dropdown-column-one {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-12px);
  transition:
    opacity 0.6s ease-in-out 0.5s,
    transform 0.6s ease-in-out 0.5s;
}

/* Desktop: keep column-one nav rows inside clip-path diagonal (polygon 25%→30%) */
.dropdown-column-separator {
  display: none;
}

@media screen and (min-width: 1201px) {
  .dropdown-column-one,
  .dropdown-column-one + .dropdown-column-separator {
    display: none !important;
  }

  .new-dropdown-wrap.active .dropdown-column-two {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  html {
    scrollbar-gutter: stable;
  }

  .new-dropdown-wrap > .container,
  .new-dropdown-wrap > .page-width {
    max-width: none;
    width: 100%;
    height: auto;
    min-height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--hamburger-left, 15px);
    padding-right: max(15px, calc(100vw - var(--cart-icon-right, calc(100vw - 24px))));
    box-sizing: border-box;
  }

  .dropdown-main {
    gap: 0;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    width: 100%;
  }

  /* Shrink drawer to menu + product panel (red box), drop leftover white space */
  .new-dropdown-wrap.expanded {
    width: fit-content;
    max-width: 100%;
  }

  .new-dropdown-wrap.expanded > .container,
  .new-dropdown-wrap.expanded > .page-width {
    width: max-content;
    max-width: none;
    padding-right: 40px;
  }

  /* .dropdown-column-one,
  .dropdown-column-two {
    flex: 0 0 30%;
    overflow: visible;
    max-height: none;
    padding-bottom: 0;
    box-sizing: border-box;
  } */

  .dropdown-column-one {
    flex: 0 0 30%;
    overflow: visible;
    max-height: none;
    padding-bottom: 0;
    box-sizing: border-box;
  }

  .dropdown-column-two {
    flex: 0 0 255px;
    width: 255px;
    max-width: 255px;
    overflow: visible;
    max-height: none;
    padding-bottom: 0;
    box-sizing: border-box;
  }

  .dropdown-column-separator {
    display: block;
    flex: 0 0 1px;
    flex-shrink: 0;
    flex-grow: 0;
    align-self: stretch;
    position: relative;
    width: 1px;
    min-width: 1px;
    max-width: 1px;
    margin: 0 27px;
    padding: 0;
    border: none;
    background: transparent;
    box-sizing: border-box;
  }

  /* Line after column-one: only visible when column-two is open */
  .dropdown-column-one + .dropdown-column-separator {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.35s ease, visibility 0.35s ease;
  }

  .new-dropdown-wrap.expanded .dropdown-column-one + .dropdown-column-separator {
    opacity: 1;
    visibility: visible;
  }

  /* Extend into .new-dropdown-wrap padding so the line starts at the top edge */
  .dropdown-column-separator::before {
    content: '';
    position: absolute;
    left: 0;
    top: -40px; /* match .new-dropdown-wrap padding-top */
    bottom: 0;
    width: 1px;
    background: rgba(217, 217, 217, 0.80);
    opacity: 0.1;
  }

  .new-dropdown-wrap .dropdown-column-one .column-one-content[data-nav-index] {
    border-bottom: 1px solid rgba(217, 217, 217, 42%);
  }

  .new-dropdown-wrap .dropdown-column-two .column-two-content[data-col3-target] {
    border-bottom: 1px solid #000;
  }

  .new-dropdown-wrap .column-one-content h2,
  .new-dropdown-wrap .column-two-content h2 {
    color: #000;
    /* opacity: 0.5; */
    transition: opacity 0.3s ease;
  }

  .new-dropdown-wrap .column-one-content img,
  .new-dropdown-wrap .column-two-content img {
    /* opacity: 0.5; */
    filter: brightness(0) !important;
    transition: opacity 0.3s ease;
  }

  .new-dropdown-wrap .column-one-content:hover h2,
  .new-dropdown-wrap .column-one-content.active h2,
  .new-dropdown-wrap .column-two-content:hover h2,
  .new-dropdown-wrap .column-one-content:hover img,
  .new-dropdown-wrap .column-one-content.active img,
  .new-dropdown-wrap .column-two-content:hover img {
    opacity: 1 !important;
  }

  .dropdown-column-three .col3-panel.active,
  .dropdown-column-three .video_wrap {
    width: 100%;
    box-sizing: border-box;
  }

  .dropdown-column-three .video_wrap.col3-panel.active {
    clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
  }

  .dropdown-column-three .video_wrap .content-wrap .quantity-wrap {
    padding-right: 150px;
  }

  .dropdown-column-three {
    /* flex: 1 1 0; */
    /* width: auto; */
    /* max-width: none; */
    /* flex: 0 0 40%; */
    /* width: 40%; */
    /* max-width: 40%; */
    flex: 0 0 40vw;
    width: 40vw;
    max-width: 40vw;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
    clip-path: polygon(5px 0px, calc(100% - 5px) 0px, 100% 100%, 0% 100%);
  }

  .new-dropdown-wrap.expanded .dropdown-main {
    /* width: 100%; */
    width: max-content;
  }

  .new-dropdown-wrap.expanded .dropdown-column-two {
    /* flex: 0 0 30%; */
    /* max-width: 30%; */
    /* width: 30%; */
    flex: 0 0 255px;
    max-width: 255px;
    width: 255px;
  }

  .new-dropdown-wrap.expanded .dropdown-column-three .col3-panel,
  .new-dropdown-wrap.expanded .dropdown-column-three .col3-panel.active,
  .new-dropdown-wrap.expanded .dropdown-column-three .video_wrap,
  .new-dropdown-wrap.expanded .dropdown-column-three .video_wrap video {
    width: 100%;
  }

  .dropdown-column-three .video_wrap .content-wrap {
    left: 20px;
    right: 20px;
    width: auto;
    box-sizing: border-box;
  }

  .dropdown-column-three .video_wrap .content-wrap .dropdown-add-to-cart {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
  }

  .dropdown-column-three .video_wrap .content-wrap .dropdown-add-to-cart-icon {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: none;
    border-radius: 50%;
    background: #FFF;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0 0 1px;
    text-align: center;
  }

  .new-dropdown-wrap.active .dropdown-column-two {
    /* flex: 0 0 30%; */
    flex: 0 0 255px;
    width: 255px;
    max-width: 255px;
    overflow: visible;
    max-height: none;
    padding-bottom: 0;
    box-sizing: border-box;
  }

  .new-dropdown-wrap.active .dropdown-column-two .column-two-content {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 255px;
    padding-right: 16px;
    box-sizing: border-box;
    justify-content: space-between;
  }

  .new-dropdown-wrap.active .dropdown-column-two .column-two-content h2 {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .new-dropdown-wrap.active .dropdown-column-two .column-two-content img,
  .new-dropdown-wrap .dropdown-column-two .column-two-content[data-col3-target] img {
    flex: 0 0 auto;
    width: auto;
    height: 12px;
    object-fit: contain;
  }

  .new-dropdown-wrap:not(.expanded) .dropdown-column-two + .dropdown-column-separator {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .new-dropdown-wrap.expanded .dropdown-column-two + .dropdown-column-separator {
    opacity: 1;
    visibility: visible;
  }
}

@media(min-width:1640px){
  .new-dropdown-wrap{
    clip-path: polygon(0 0, 28% 0, 34% 100%, 0% 100%) ;
   }

  .new-dropdown-wrap.expanded .dropdown-column-two {
    /* flex: 0 0 30%; */
    /* max-width: 30%; */
    /* width: 30%; */
    flex: 0 0 255px;
    max-width: 255px;
    width: 255px;
  }
 }

@media screen and (min-width: 1201px) and (max-width: 1536px) and (max-height: 864px) {
  .dropdown-column-three .video_wrap .image-wrap img {
    scale: 0.4;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1440px) and (max-height: 700px) {
  .dropdown-column-three .video_wrap .image-wrap img {
    scale: 0.4;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1280px) and (max-height: 500px) {
  .dropdown-column-three .video_wrap .image-wrap img {
    scale: 0.4;
  }
}

/* Overlay behind the open header menu.
   Must beat `div:empty { display: none }` in base.css (Shopify Dawn). */
.new-dropdown-overlay,
.new-dropdown-overlay:empty {
  display: block !important;
  position: fixed;
  inset: 0;
  z-index: 997;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
  transition: opacity 0.45s ease, visibility 0.45s ease;
}

.new-dropdown-overlay.is-visible,
.new-dropdown-wrap.active + .new-dropdown-overlay,
.section-header:has(.ipad-wrap-dropdown.active) .new-dropdown-overlay,
.section-header:has(.header-wrap.header-menu-open) .new-dropdown-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.new-dropdown-wrap.active.closing + .new-dropdown-overlay,
.new-dropdown-overlay.is-visible.closing {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* 
  body.template-product .header-wrap {
  background: #fff !important;
}-

/* Nav dropdown must stack above .product-story-sticky (z-index: 30).
   Dropdown z-index is scoped to .section-header (z-index: 10 in base.css). */
.section-header:has(.new-dropdown-wrap.active),
.section-header:has(.ipad-wrap-dropdown.active) {
  z-index: 50;
}

body:has(.new-dropdown-wrap.active) .product-story-sticky,
body:has(.ipad-wrap-dropdown.active) .product-story-sticky {
  z-index: 9;
}