/* sections/starter-hero.bit */
#section-starter-hero .hero{
  position: relative;
  min-height: var(--hero-min-height, 480px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--scheme-background, transparent);
  font-family: var(--font-body, 'Geist', sans-serif);
}
#section-starter-hero .hero--full{ min-height: 100svh; }
#section-starter-hero .hero__bg{
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
}
#section-starter-hero .hero__bg-video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#section-starter-hero .hero__bg--mobile{ display: none; }
@media (max-width: 640px){#section-starter-hero .hero:has(.hero__bg--mobile) .hero__bg--desktop{ display: none; }
#section-starter-hero .hero__bg--mobile{ display: block; }}
#section-starter-hero .hero__overlay{ position: absolute; inset: 0; }
#section-starter-hero .hero__content{ position: relative; z-index: 1; max-width: 640px; padding: 2rem; }
#section-starter-hero .hero__heading{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; margin: 0 0 1rem; color: var(--hero-text-color, #fff); }
#section-starter-hero .hero__sub{ font-size: clamp(1rem, 2vw, 1.25rem); margin: 0 0 1.5rem; color: var(--hero-text-color, #fff); }
#section-starter-hero .hero__btn{
  display: inline-block;
  padding: .85rem 2rem;
  background: var(--scheme-button, #fff);
  color: var(--scheme-button-label, #111);
  font-weight: 600;
  text-decoration: none;
  border-radius: 999px;
  transition: transform .2s ease;
  margin: 0 .4rem .4rem 0;
}
#section-starter-hero .hero__btn:hover{ transform: scale(1.04); }
#section-starter-hero .hero__scroll-btn{
  position: absolute;
  bottom: 1.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  background: transparent;
  border: none;
  color: var(--hero-text-color, #fff);
  cursor: pointer;
  animation: hero-scroll-bounce 1.6s ease-in-out infinite;
}
@keyframes hero-scroll-bounce{
  0%, 100% { transform: translate(-50%, 0); }
  50% { transform: translate(-50%, 8px); }
}

/* sections/starter-products.bit */
#section-starter-products .crsl__wrap{ position: relative; }
#section-starter-products .crsl__track{ display: flex; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding: .25rem .25rem .75rem; }
#section-starter-products .crsl__track::-webkit-scrollbar{ display: none; }
#section-starter-products .crsl__track > *{ scroll-snap-align: start; flex: 0 0 auto; }
#section-starter-products .crsl__arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: none; background: #fff; color: #111827; box-shadow: 0 1px 6px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; padding: 0; transition: background-color .15s, box-shadow .15s; }
#section-starter-products .crsl__arrow:hover{ background: #111827; color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
#section-starter-products .crsl__arrow:disabled{ opacity: .35; cursor: default; box-shadow: none; }
#section-starter-products .crsl__arrow:disabled:hover{ background: #fff; color: #111827; }
#section-starter-products .crsl__arrow--prev{ left: -14px; }
#section-starter-products .crsl__arrow--next{ right: -14px; }
@media (max-width: 1023px){#section-starter-products .crsl__arrow, #section-starter-products .pcard__arrow{ display: none !important; }}
#section-starter-products .crsl__dots{ position: absolute; bottom: .6rem; left: 50%; transform: translateX(-50%); display: flex; gap: .3rem; align-items: center; z-index: 2; }
#section-starter-products .crsl__dot{ display: none; width: 2.5px; height: 2.5px; border-radius: 50%; border: none; padding: 0; margin: 0; background: #fff; cursor: pointer; }
#section-starter-products .crsl__dot--visible{ display: inline-block; }
#section-starter-products .crsl__dot--medium{ width: 4px; height: 4px; }
#section-starter-products .crsl__dot--active{ width: 5.5px; height: 5.5px; }
#section-starter-products .crsl__counter{ position: absolute; bottom: .75rem; left: .75rem; z-index: 2; display: flex; align-items: center; gap: 2px; padding: .35rem .75rem; border-radius: 999px; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font-size: .75rem; font-weight: 500; letter-spacing: .02em; pointer-events: none; }
#section-starter-products .crsl__counter-total{ color: rgba(255,255,255,.55); }
#section-starter-products .crsl__thumbs{ display: flex; gap: .5rem; margin-top: .75rem; overflow-x: auto; scrollbar-width: none; }
#section-starter-products .crsl__thumbs::-webkit-scrollbar{ display: none; }
#section-starter-products .crsl__thumb{ flex: 0 0 64px; width: 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; cursor: pointer; background: #f3f4f6; }
#section-starter-products .crsl__thumb img, #section-starter-products .crsl__thumb video{ width: 100%; height: 100%; object-fit: cover; display: block; }
#section-starter-products .crsl__thumb.is-active{ border-color: currentColor; }
#section-starter-products .crsl__hint{ position: absolute; inset: 0; z-index: 2; pointer-events: none; display: flex; align-items: center; justify-content: center; }
#section-starter-products .crsl__hint[hidden]{ display: none; }
#section-starter-products .crsl__hint svg{ opacity: 0; filter: drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
#section-starter-products .crsl__hint--play svg{ animation: crsl-hint-swipe 1.4s ease-in-out; }
@keyframes crsl-hint-swipe{
  0% { opacity: 0; transform: translateX(0); }
  15% { opacity: 1; }
  50% { transform: translateX(-22px); }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translateX(0); }
}
#section-starter-products .pcard{ display: flex; flex-direction: column; min-width: 0; font-family: var(--font-body, 'Geist', sans-serif); border: 1px solid #e0e0e0; overflow: hidden; background: transparent; transition: background-color .2s ease; }
#section-starter-products .pcard:hover{ background-color: rgba(0,0,0,.015); }
#section-starter-products .pcard__img-wrap{ position: relative; display: block; aspect-ratio: var(--pcard-aspect, 5/7); overflow: hidden; background: #f9f9f9; }
#section-starter-products .pcard__img{ width: 100%; height: 100%; object-fit: cover; }
#section-starter-products .pcard__gallery, #section-starter-products .pcard__gallery-track{ width: 100%; height: 100%; }
#section-starter-products .pcard__gallery-track{ gap: 0; padding: 0; }
#section-starter-products .pcard__gallery-track > .pcard__img{ flex: 0 0 100%; }
#section-starter-products .pcard__arrow{
  width: 32px; height: 32px; opacity: 0;
  background: rgba(255,255,255,.15); color: #18181b;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  box-shadow: none; transition: opacity .2s ease, background-color .2s ease;
}
#section-starter-products .pcard:hover .pcard__arrow:not(:disabled){ opacity: 1; }
#section-starter-products .pcard__arrow:hover{ background: rgba(255,255,255,.3); color: #18181b; }
#section-starter-products .pcard__gallery .crsl__arrow--prev{ left: 8px; }
#section-starter-products .pcard__gallery .crsl__arrow--next{ right: 8px; }
@media (hover: none){#section-starter-products .pcard__arrow{ display: none !important; }}
#section-starter-products .pcard__dots{ opacity: 0; pointer-events: none; transition: opacity .3s ease; }
#section-starter-products .pcard__dots.is-visible{ opacity: 1; pointer-events: auto; }
#section-starter-products .pcard:hover .pcard__dots{ opacity: 1; pointer-events: auto; }
#section-starter-products .pcard__badge{ position: absolute; bottom: .5rem; right: .5rem; background: #e8e0d6; color: #000; font-size: .56rem; font-weight: 600; padding: .19rem .5rem; letter-spacing: .02em; text-transform: uppercase; }
#section-starter-products .pcard__info{ display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; padding: 1rem .75rem 1.125rem; }
#section-starter-products .pcard__details{ flex: 1; min-width: 0; }
#section-starter-products .pcard__vendor{ font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: #71717a; margin: 0 0 .25rem; font-weight: 500; }
#section-starter-products .pcard__name{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 1rem; color: #18181b; text-decoration: none; padding-bottom: .25rem; line-height: 1.3; }
@media (min-width: 768px){#section-starter-products .pcard__name{ font-size: 1.0625rem; }}
#section-starter-products .pcard__price{ display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin-top: .2rem; }
#section-starter-products .pcard__now{ font-size: .9375rem; font-weight: 600; color: #ef4444; white-space: nowrap; }
#section-starter-products .pcard__now--no-sale{ color: #18181b; }
#section-starter-products .pcard__compare{ font-size: .8125rem; font-weight: 400; color: #71717a; text-decoration: line-through; white-space: nowrap; }
@media (min-width: 768px){#section-starter-products .pcard__now{ font-size: 1rem; }
#section-starter-products .pcard__compare{ font-size: .875rem; }}
#section-starter-products .pcard__add-wrap{ flex-shrink: 0; margin: 0; }
#section-starter-products .pcard__quick-add{ background: transparent; border: none; padding: .1rem 0 0; color: #18181b; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity .2s ease, transform .2s ease; -webkit-tap-highlight-color: transparent; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine){#section-starter-products .pcard__quick-add:hover{ opacity: .6; transform: scale(1.05); }}
@media (max-width: 1023px), (hover: none){#section-starter-products .pcard__quick-add, #section-starter-products .pcard__quick-add:hover, #section-starter-products .pcard__quick-add:focus, #section-starter-products .pcard__quick-add:active{ transform: none !important; opacity: 1 !important; }}
#section-starter-products .pcard__quick-add svg{ width: 22px; height: 22px; }
@media (min-width: 768px){#section-starter-products .pcard__quick-add svg{ width: 24px; height: 24px; }
#section-starter-products .pcard__info{ padding: 1.125rem 1rem 1.25rem; }}
#section-starter-products .fp{ padding: var(--fp-py, 72px) 1rem; background: var(--scheme-background, transparent); color: var(--scheme-text, inherit); font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-products .fp__header{ display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin: 0 auto 2.5rem; max-width: 1280px; }
#section-starter-products .fp__header-text{ flex: 1; min-width: 0; }
#section-starter-products .fp__title{ font-family: var(--font-heading, 'Geist', sans-serif); letter-spacing: -0.01em; margin: 0; }
#section-starter-products .fp__sub{ color: #7a7a7a; margin: .5rem 0 0; font-size: .95rem; }
#section-starter-products .fp__view-all{ flex-shrink: 0; font-size: .85rem; font-weight: 500; color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #c9c9c9; transition: text-decoration-color .2s ease; }
#section-starter-products .fp__view-all:hover{ text-decoration-color: currentColor; }
#section-starter-products .fp__grid{
  display: grid;
  grid-template-columns: repeat(var(--fp-cols-mobile, 2), 1fr);
  column-gap: var(--fp-gap, 5px);
  row-gap: var(--fp-gap, 5px);
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 640px){#section-starter-products .fp{ padding: var(--fp-py, 72px) 1.5rem; }
#section-starter-products .fp__grid{ grid-template-columns: repeat(2, 1fr); }}
@media (min-width: 1024px){#section-starter-products .fp__grid{ grid-template-columns: repeat(var(--fp-cols, 4), 1fr); }}
@media (max-width: 639px){#section-starter-products .fp__header{ flex-direction: column; align-items: flex-start; gap: .5rem; }}
#section-starter-products .pcard{ border: none; }
#section-starter-products .pcard__img--swap-base, #section-starter-products .pcard__img--hover{ display: none; }
#section-starter-products .pcard__img-wrap--hover-swap .pcard__gallery{ display: none; }
#section-starter-products .pcard__img-wrap--hover-swap .pcard__img--swap-base, #section-starter-products .pcard__img-wrap--hover-swap .pcard__img--hover{ display: block; }
#section-starter-products .pcard__img--hover{ position: absolute; inset: 0; opacity: 0; transition: opacity .3s ease; }
#section-starter-products .pcard__img-wrap--hover-swap:hover .pcard__img--hover{ opacity: 1; }

/* sections/starter-collections.bit */
#section-starter-collections .cg{ padding: 2.5rem 0.5rem; background: var(--scheme-background, #fdfdfd); color: var(--scheme-text, #000); font-family: var(--font-body, 'Geist', sans-serif); }
@media (min-width: 768px){#section-starter-collections .cg{ padding: 2.5rem 1.5rem; }}
#section-starter-collections .cg__header{ display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin: 0 auto 1.5rem; max-width: 1800px; }
#section-starter-collections .cg__header-text{ flex: 1; min-width: 0; }
#section-starter-collections .cg__title{ font-family: var(--font-heading, 'Geist', sans-serif); letter-spacing: -0.02em; text-transform: uppercase; margin: 0; }
#section-starter-collections .cg__view-all{ flex-shrink: 0; display: inline-block; background: color-mix(in srgb, var(--scheme-text, #000) 8%, transparent); padding: .5rem 1rem; text-decoration: none; color: inherit; font-size: .7rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; transition: background-color .15s ease; }
#section-starter-collections .cg__view-all:hover{ background: color-mix(in srgb, var(--scheme-text, #000) 15%, transparent); }
#section-starter-collections .cg__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2px; row-gap: 2px; grid-auto-rows: 220px; max-width: 1800px; margin: 0 auto; }
@media (min-width: 768px){#section-starter-collections .cg__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 340px; }}
#section-starter-collections .cg__card:nth-child(1){ grid-column: span 2 / span 2; grid-row: span 1 / span 1; }
@media (min-width: 768px){#section-starter-collections .cg__card:nth-child(1){ grid-row: span 2 / span 2; }}
#section-starter-collections .cg__card:nth-child(4){ grid-column: span 2 / span 2; grid-row: span 1 / span 1; }
#section-starter-collections .cg__card:nth-child(5), #section-starter-collections .cg__card:nth-child(6){ grid-column: span 2 / span 2; grid-row: span 1 / span 1; }
#section-starter-collections .cg__card{ position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 16px; text-decoration: none; color: inherit; background: #f0f0f0; }
@media (min-width: 768px){#section-starter-collections .cg__card{ padding: 24px; }}
#section-starter-collections .cg__img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.25,1,.5,1); z-index: 0; }
#section-starter-collections .cg__img--placeholder{ display: flex; align-items: center; justify-content: center; background: #e5e7eb; }
#section-starter-collections .cg__img--placeholder span{ color: #9ca3af; font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; }
#section-starter-collections .cg__overlay{ position: absolute; inset: 0; background: linear-gradient(to top, var(--cg-overlay, rgba(0,0,0,.6)) 0%, rgba(0,0,0,0) 45%); z-index: 1; opacity: .85; transition: opacity .4s ease; }
#section-starter-collections .cg__content{ position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: .75rem; transform: translateY(6px); transition: transform .4s cubic-bezier(.25,1,.5,1); }
#section-starter-collections .cg__card-title{ color: #fff; font-size: .8rem; font-weight: 700; letter-spacing: -0.01em; text-transform: uppercase; line-height: 1.25; margin: 0; }
@media (min-width: 768px){#section-starter-collections .cg__card-title{ font-size: .9rem; }}
#section-starter-collections .cg__card-subtitle{ display: none !important; }
#section-starter-collections .cg__arrow{ display: flex; align-items: center; justify-content: center; color: #fff; opacity: 0; transform: translateX(-8px); transition: all .4s cubic-bezier(.25,1,.5,1); flex-shrink: 0; }
#section-starter-collections .cg__card:hover .cg__img{ transform: scale(1.05); }
#section-starter-collections .cg__card:hover .cg__overlay{ opacity: 1; }
#section-starter-collections .cg__card:hover .cg__content{ transform: translateY(0); }
#section-starter-collections .cg__card:hover .cg__arrow{ opacity: 1; transform: translateX(0); }
@media (max-width: 639px){#section-starter-collections .cg__header{ flex-direction: column; align-items: flex-start; gap: .75rem; }}

/* sections/starter-rich-text.bit */
#section-starter-rich-text .rtb{
  display: grid;
  gap: 2.5rem;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem 1.5rem;
  background: var(--scheme-background, transparent);
  color: var(--scheme-text, inherit);
  font-family: var(--font-body, 'Geist', sans-serif);
}
#section-starter-rich-text .rtb__image-wrap{ aspect-ratio: 4/3; overflow: hidden; border-radius: var(--radius, 8px); background: #f3f4f6; }
#section-starter-rich-text .rtb__image{ width: 100%; height: 100%; object-fit: cover; }
#section-starter-rich-text .rtb__heading{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.5rem, 3vw, 2.25rem); margin: 0 0 1rem; }
#section-starter-rich-text .rtb__body{ line-height: 1.6; margin: 0 0 1.25rem; }
#section-starter-rich-text .rtb__btn{
  display: inline-block;
  padding: .75rem 1.75rem;
  background: var(--scheme-button, #111827);
  color: var(--scheme-button-label, #fff);
  text-decoration: none;
  font-weight: 600;
  border-radius: 999px;
  margin: 0 .5rem .5rem 0;
}
@media (min-width: 768px){#section-starter-rich-text .rtb--left, #section-starter-rich-text .rtb--right{ grid-template-columns: 1fr 1fr; }
#section-starter-rich-text .rtb--right .rtb__image-wrap{ order: 2; }}

/* sections/starter-product-detail.bit */
#section-starter-product-detail .meeram-pdp{
  background: #ffffff;
  color: #18181b;
  font-family: var(--font-sans, 'Geist', -apple-system, BlinkMacSystemFont, sans-serif);
  width: 100%;
  min-height: 100%;
}
#section-starter-product-detail .pdp-container, #section-starter-product-detail #section-starter-product-detail .pdp-container, #section-starter-product-detail #section-starter-product-detail #section-starter-product-detail .pdp-container{
  max-width: 98rem;
  margin: 0 auto;
  padding: 4rem 0.3rem 3rem;
}
@media (max-width: 639px){#section-starter-product-detail .pdp-container, #section-starter-product-detail #section-starter-product-detail .pdp-container, #section-starter-product-detail #section-starter-product-detail #section-starter-product-detail .pdp-container{
    padding: 4rem 0.3rem 3rem !important;
  }}
@media (min-width: 640px){#section-starter-product-detail .pdp-container, #section-starter-product-detail #section-starter-product-detail .pdp-container, #section-starter-product-detail #section-starter-product-detail #section-starter-product-detail .pdp-container{
    padding: 1.5rem 1.25rem 3.5rem;
  }}
@media (min-width: 1024px){#section-starter-product-detail .pdp-container, #section-starter-product-detail #section-starter-product-detail .pdp-container, #section-starter-product-detail #section-starter-product-detail #section-starter-product-detail .pdp-container{
    padding: 1.75rem 1.5rem 4.5rem;
  }}
#section-starter-product-detail .pdp-grid{
  display: grid;
  grid-template-columns: 55fr 45fr;
  align-items: start;
  gap: 2.25rem;
  max-width: 84rem;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 1280px){#section-starter-product-detail .pdp-grid{
    gap: 2.75rem;
  }}
#section-starter-product-detail .pdp-gallery-col{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (min-width: 992px){#section-starter-product-detail .pdp-gallery-col{
    position: sticky;
    top: 100px;
    max-height: 85vh;
  }}
#section-starter-product-detail .pdp-specter-gallery{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  height: auto;
  max-height: 85vh;
  position: relative;
}
@media (min-width: 1200px){#section-starter-product-detail .pdp-specter-gallery{
    gap: 1.25rem;
  }}
#section-starter-product-detail .pdp-thumbs-col{
  display: none !important;
}
@media (min-width: 992px){#section-starter-product-detail .pdp-thumbs-col{
    display: flex !important;
    flex-direction: column;
    gap: 0.65rem;
    width: 76px;
    flex-shrink: 0;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 2px;
  }}
#section-starter-product-detail .pdp-thumbs-col::-webkit-scrollbar{
  display: none;
}
@media (min-width: 1200px){#section-starter-product-detail .pdp-thumbs-col{
    width: 84px;
    gap: 0.75rem;
  }}
#section-starter-product-detail .pdp-thumb{
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 0.75rem;
  overflow: hidden;
  background: #fbfbfa;
  border: 1.5px solid #eeecea;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
  opacity: 0.65;
  transition: opacity 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}
#section-starter-product-detail .pdp-thumb:hover{
  opacity: 1;
  border-color: rgba(24, 24, 27, 0.4);
  transform: translateY(-1px);
}
#section-starter-product-detail .pdp-thumb.is-active{
  opacity: 1;
  border-color: #18181b;
  box-shadow: 0 0 0 1px #18181b, 0 3px 10px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px){#section-starter-product-detail .pdp-thumb{
    border-radius: 0.5rem;
  }}
#section-starter-product-detail .pdp-thumb-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  border-radius: inherit;
}
#section-starter-product-detail .pdp-main-frame{
  flex: 1;
  min-width: 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background: #fbfbfa;
  border: 1px solid #eeecea;
  aspect-ratio: 4/5;
  width: 100%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y pinch-zoom;
  cursor: grab;
}
#section-starter-product-detail .pdp-main-frame:active{
  cursor: grabbing;
}
@media (min-width: 992px){#section-starter-product-detail .pdp-main-frame{
    border-radius: 16px;
    height: auto;
    width: 100%;
    aspect-ratio: 4 / 5;
    max-height: 85vh;
    flex: 1;
    overflow: hidden;
    cursor: zoom-in;
  }
#section-starter-product-detail .pdp-main-frame:active{
    cursor: zoom-in;
  }
#section-starter-product-detail .pdp-main-frame.is-zoomed{
    cursor: crosshair;
  }
#section-starter-product-detail .pdp-main-frame.is-zoomed .pdp-main-counter{
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }
#section-starter-product-detail .pdp-slide__inner{
    overflow: hidden;
  }
#section-starter-product-detail .pdp-stage-img{
    transform-origin: center center;
    will-change: transform, transform-origin;
  }}
@media (max-width: 991px){#section-starter-product-detail .pdp-main-frame{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 10px !important;
  }}
#section-starter-product-detail .pdp-main-frame .embla__container{
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
  touch-action: pan-y pinch-zoom;
}
#section-starter-product-detail .pdp-main-frame .embla__slide{
  flex: 0 0 100%;
  min-width: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}
#section-starter-product-detail .pdp-slide__inner{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  will-change: transform, opacity;
  transform-origin: center center;
  transition: none !important;
  touch-action: pan-y pinch-zoom;
}
#section-starter-product-detail .pdp-stage-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 !important;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
#section-starter-product-detail .pdp-main-counter{
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 10;
  display: inline-flex !important;
  align-items: center;
  gap: 0.35rem;
  font-family: var(--font-sans, 'Geist', -apple-system, BlinkMacSystemFont, sans-serif);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #ffffff;
  mix-blend-mode: difference;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
#section-starter-product-detail .pdp-main-counter [data-pdp-counter-current], #section-starter-product-detail .pdp-main-counter [data-pdp-counter-total]{
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
#section-starter-product-detail .pdp-main-counter-sep{
  opacity: 0.85;
}
@media (max-width: 991px){#section-starter-product-detail .pdp-main-counter{
    bottom: 1rem;
    left: 1rem;
    font-size: 0.75rem;
    gap: 0.3rem;
  }}
@media (max-width: 640px){#section-starter-product-detail .pdp-main-counter{
    bottom: 0.875rem;
    left: 0.875rem;
    font-size: 0.72rem;
  }}
#section-starter-product-detail .pdp-counter-pill, #section-starter-product-detail .pdp-nav-corner{
  display: none !important;
}
#section-starter-product-detail .pdp-dossier-col{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
#section-starter-product-detail .custom-product-details{
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  background: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 5px 5px 21px 21px;
  padding: 16px;
  margin-top: 10px;
  box-shadow: 0px 2px 5px #e3e3e3;
  box-sizing: border-box;
}
#section-starter-product-detail .custom-card{
  background: #ffffff;
  border-radius: 5px 5px 21px 21px;
  border: 0px;
}
#section-starter-product-detail .custom-card-top{
  padding: 0;
}
#section-starter-product-detail .custom-card-bottom{
  background: #efefef;
  padding: 0 16px 16px;
  border-radius: 5px 5px 21px 21px;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 751px){#section-starter-product-detail .custom-card-bottom{
    padding: 0 20px 20px;
  }}
#section-starter-product-detail .qa-content-header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
#section-starter-product-detail .title-price-left{
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
#section-starter-product-detail .custom-title{
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 6px 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #111;
  line-height: 1.2;
  text-transform: uppercase;
}
#section-starter-product-detail .custom-price{
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  color: #888;
  font-weight: 500;
}
#section-starter-product-detail .qa-header-actions{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  flex-shrink: 0;
  margin-top: 2px;
}
#section-starter-product-detail .size-guide-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #111111 !important;
  background-color: #cccccc !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding: 6px 12px !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  transition: background-color 0.2s ease, opacity 0.2s ease !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}
#section-starter-product-detail .size-guide-btn:hover{
  background-color: #bbbbbb !important;
  color: #000000 !important;
  opacity: 0.95;
}
#section-starter-product-detail .share-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-end !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 4px 2px !important;
  margin: 0 !important;
  color: #555555 !important;
  cursor: pointer !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  transition: color 0.2s ease, transform 0.2s ease, opacity 0.2s ease !important;
  opacity: 0.85;
}
#section-starter-product-detail .share-btn:hover{
  color: #000000 !important;
  opacity: 1 !important;
  transform: scale(1.12);
}
#section-starter-product-detail .share-btn:active{
  transform: scale(0.92);
}
#section-starter-product-detail .share-btn .share-icon--default{
  display: block;
}
#section-starter-product-detail .share-btn .share-icon--copied{
  display: none;
  color: #10b981;
}
#section-starter-product-detail .share-btn.is-copied .share-icon--default{
  display: none;
}
#section-starter-product-detail .share-btn.is-copied .share-icon--copied{
  display: block;
  animation: popIn 0.2s ease-out;
}
@keyframes popIn{
  from { transform: scale(0.7); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
#section-starter-product-detail .custom-variants{
  margin-bottom: 14px;
}
#section-starter-product-detail .variant-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
#section-starter-product-detail .variant-pill{
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 58px;
  height: 34px;
  padding: 0 14px;
  border-radius: 100px;
  border: 1px solid #DCDCDC;
  font-family: 'Geist', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #1f1f1f;
  background: #fff;
  cursor: pointer;
  user-select: none;
  text-align: center;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
#section-starter-product-detail .variant-pill:hover{
  border-color: #000;
}
#section-starter-product-detail .variant-pill.is-active, #section-starter-product-detail .variant-pill.is-selected{
  background: #000;
  color: #fff;
  border-color: #000;
}
#section-starter-product-detail .variant-pill.disabled{
  background: #c4c4c4 !important;
  color: #888 !important;
  text-decoration: line-through !important;
  border-color: transparent !important;
  cursor: not-allowed;
}
#section-starter-product-detail .prebit-product-reviews{
  width: 100%;
  box-sizing: border-box;
  margin: 14px 0 16px;
  font-family: 'Geist', sans-serif;
}
#section-starter-product-detail .prebit-review-slider{
  position: relative;
  width: 100%;
  min-height: 112px;
  box-sizing: border-box;
  border: 1px solid #E2E2E2;
  border-radius: 13px;
  background: #fff;
  overflow: hidden;
}
#section-starter-product-detail .prebit-review-content-container{
  width: 100%;
  min-height: 112px;
}
#section-starter-product-detail .prebit-review-slide{
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 40px 14px;
  animation: prebitReviewFade 0.3s ease;
}
@keyframes prebitReviewFade{
  from { opacity: 0; transform: translateX(5px); }
  to { opacity: 1; transform: translateX(0); }
}
#section-starter-product-detail .prebit-review-text{
  margin: 0 0 12px;
  color: #222;
  font-size: 11.5px;
  line-height: 1.5;
  font-weight: 400;
}
#section-starter-product-detail .prebit-review-meta{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}
#section-starter-product-detail .prebit-review-customer{
  display: flex;
  flex-direction: column;
  gap: 3px;
}
#section-starter-product-detail .prebit-review-name{
  color: #111;
  font-size: 11px;
  font-weight: 600;
}
#section-starter-product-detail .prebit-review-verified{
  display: flex;
  align-items: center;
  gap: 5px;
  color: #777;
  font-size: 9px;
  font-weight: 400;
}
#section-starter-product-detail .prebit-review-check{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 7px;
  line-height: 1;
}
#section-starter-product-detail .prebit-review-rating{
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
#section-starter-product-detail .prebit-review-stars{
  color: #111;
  font-size: 11px;
  letter-spacing: 0.8px;
  line-height: 1;
}
#section-starter-product-detail .prebit-review-score{
  color: #111;
  font-size: 10px;
  font-weight: 500;
}
#section-starter-product-detail .prebit-review-arrow{
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid #E1E1E1;
  border-radius: 50%;
  background: #fff;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
  transition: border-color 0.2s ease, background 0.2s ease;
}
#section-starter-product-detail .prebit-review-arrow:hover{
  border-color: #111;
  background: #fafafa;
}
#section-starter-product-detail .prebit-review-prev{ left: 8px; }
#section-starter-product-detail .prebit-review-next{ right: 8px; }
#section-starter-product-detail .product-form-buttons{
  display: flex;
  gap: 10px;
  width: 100%;
}
#section-starter-product-detail .add-to-cart-button.button-secondary{
  width: 100% !important;
  height: 46.55px !important;
  min-height: 46.55px !important;
  border-radius: 45px !important;
  background: #ffffff !important;
  border: 1px solid #111111 !important;
  color: #111111 !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}
#section-starter-product-detail .add-to-cart-button.button-secondary:hover{
  background: #f8f8f8 !important;
}
#section-starter-product-detail .add-to-cart-button.button-secondary:active{
  transform: scale(0.98) !important;
}
#section-starter-product-detail .accelerated-checkout-block{
  position: relative !important;
  width: 100% !important;
}
#section-starter-product-detail .accelerated-checkout__badge{
  position: absolute;
  top: -10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: #15803d;
  color: #ffffff;
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  padding: 3.5px 10px;
  border-radius: 9999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  pointer-events: none;
  white-space: nowrap;
  user-select: none;
}
#section-starter-product-detail .accelerated-checkout__badge--center{
  left: 50%;
  transform: translateX(-50%);
}
#section-starter-product-detail .accelerated-checkout__badge-icon{
  display: inline-block;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}
#section-starter-product-detail .shopify-payment-button__button{
  width: 100% !important;
  height: 46.55px !important;
  min-height: 46.55px !important;
  border-radius: 45px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}
#section-starter-product-detail .shopify-payment-button__button:active{
  transform: scale(0.98) !important;
}
@media screen and (max-width: 750px){#section-starter-product-detail .product-form-buttons{
    flex-direction: column;
    gap: 12px;
  }
#section-starter-product-detail .accelerated-checkout-block--has-badge{
    margin-top: 4px;
  }
#section-starter-product-detail .accelerated-checkout__badge{
    font-size: 9px;
    padding: 3px 9px;
    top: -9px;
  }
#section-starter-product-detail .add-to-cart-button.button-secondary{
    height: 50px !important;
  }
#section-starter-product-detail .shopify-payment-button__button{
    height: 50px !important;
  }}
#section-starter-product-detail .prebit-payment-trust{
  width: 100%;
  box-sizing: border-box;
  margin-top: 13px;
  margin-bottom: 4px;
  padding-top: 12px;
  border-top: 1px solid #eeeeee;
}
#section-starter-product-detail .prebit-payment-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: 100%;
  padding-bottom: 12px;
}
#section-starter-product-detail .prebit-payment-logo{
  display: block;
  width: auto;
  height: 22px;
  object-fit: contain;
  flex-shrink: 0;
}
#section-starter-product-detail .prebit-payment-upi{ width: 40px; }
#section-starter-product-detail .prebit-payment-mastercard{ width: 30px; }
#section-starter-product-detail .prebit-payment-visa{ width: 38px; }
#section-starter-product-detail .prebit-payment-phonepe{ width: 38px; }
#section-starter-product-detail .prebit-payment-razorpay{ width: 31px; height: 23px; }
#section-starter-product-detail .prebit-trust-row{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  padding-top: 13px;
  border-top: 1px solid #f1f1f1;
}
#section-starter-product-detail .prebit-trust-item{
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#section-starter-product-detail .prebit-trust-icon{
  width: 22px;
  height: 22px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444;
}
#section-starter-product-detail .prebit-trust-icon svg{
  display: block;
  width: 100%;
  height: 100%;
}
#section-starter-product-detail .prebit-trust-label{
  display: block;
  color: #222;
  font-family: 'Geist', sans-serif;
  font-size: 8px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
}
#section-starter-product-detail .prebit-trust-divider{
  width: 1px;
  flex-shrink: 0;
  margin: 0 12px;
  background: #eeeeee;
}
#section-starter-product-detail .tab-headers{
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 18px;
}
#section-starter-product-detail .tab-btn{
  flex: 1;
  background: none;
  border: none;
  padding: 14px 8px;
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #888;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  text-align: center;
}
#section-starter-product-detail .tab-btn:hover{ color: #444; }
#section-starter-product-detail .tab-btn.active{
  color: #000;
  border-bottom: 2px solid #000;
}
#section-starter-product-detail .tabs-viewport{
  overflow: hidden;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 751px){#section-starter-product-detail .tabs-viewport{
    max-height: 40vh;
  }}
#section-starter-product-detail .tabs-slider{
  display: flex;
  flex: 1;
  min-height: 0;
  width: 300%;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}
#section-starter-product-detail .tab-content{
  width: 33.3333%;
  flex-shrink: 0;
  box-sizing: border-box;
  font-family: 'Geist', sans-serif;
  font-size: 11px;
  color: #666;
  line-height: 1.6;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 4px 6px;
  display: block;
  opacity: 0.3;
  transform: scale(0.98);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
  visibility: hidden;
}
#section-starter-product-detail .tab-content.active{
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
#section-starter-product-detail .tab-content::-webkit-scrollbar{
  display: none;
}
#section-starter-product-detail .pdp-trust-col svg{
  color: #18181b;
}
#section-starter-product-detail .pdp-trust-col span{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #18181b;
  text-transform: uppercase;
  line-height: 1.25;
}
@media (max-width: 640px){#section-starter-product-detail .pdp-trust-col span{
    font-size: 0.6rem;
  }}
#section-starter-product-detail .pdp-cert-strip{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding: 1rem 0.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
}
#section-starter-product-detail .pdp-cert-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}
#section-starter-product-detail .pdp-cert-icon{
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #18181b;
}
#section-starter-product-detail .pdp-cert-label{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.65rem;
  font-weight: 600;
  color: #27272a;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
@media (max-width: 480px){#section-starter-product-detail .pdp-cert-label{
    font-size: 0.58rem;
  }}
#section-starter-product-detail .pdp-combos-section{
  margin-top: 1.75rem;
}
#section-starter-product-detail .pdp-combos-heading{
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #18181b;
  margin: 0 0 0.85rem;
}
#section-starter-product-detail .pdp-combos-carousel{
  position: relative;
}
#section-starter-product-detail .pdp-combo-card{
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 1rem;
  padding: 1.15rem;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  transition: opacity 250ms ease;
}
#section-starter-product-detail .pdp-combo-card.is-hidden{
  display: none !important;
}
#section-starter-product-detail .pdp-combo-products{
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
#section-starter-product-detail .pdp-combo-item{
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}
#section-starter-product-detail .pdp-combo-item:last-child{
  border-bottom: none;
  padding-bottom: 0;
}
#section-starter-product-detail .pdp-combo-thumb{
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
  background: #f4f4f5;
  flex-shrink: 0;
}
#section-starter-product-detail .pdp-combo-info{
  flex: 1;
  min-width: 0;
}
#section-starter-product-detail .pdp-combo-name{
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #18181b;
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#section-starter-product-detail .pdp-combo-sub{
  font-size: 0.7rem;
  color: #71717a;
  margin: 0.2rem 0 0;
}
#section-starter-product-detail .pdp-combo-item-price{
  display: block;
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #71717a;
  white-space: nowrap;
  margin-top: 0.25rem;
}
#section-starter-product-detail .pdp-combo-item .pdp-card-add-btn{
  margin-left: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  color: #18181b;
  cursor: pointer;
  transition: transform 180ms ease, opacity 180ms ease;
}
#section-starter-product-detail .pdp-combo-item .pdp-card-add-btn:hover{
  transform: scale(1.12);
  opacity: 0.8;
}
#section-starter-product-detail .pdp-combo-item .pdp-card-add-btn svg{
  display: block;
  width: 18px;
  height: 18px;
}
#section-starter-product-detail .pdp-combo-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-starter-product-detail .pdp-combo-pricing{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#section-starter-product-detail .pdp-combo-prices{
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}
#section-starter-product-detail .pdp-combo-final{
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: #18181b;
}
#section-starter-product-detail .pdp-combo-original{
  font-size: 12px;
  color: #a1a1aa;
  text-decoration: line-through;
}
#section-starter-product-detail .pdp-combo-savings{
  font-size: 0.72rem;
  font-weight: 500;
  color: #16a34a;
  margin-top: 0.15rem;
}
#section-starter-product-detail .pdp-combo-add-btn{
  height: 2.65rem;
  padding: 0 1.25rem;
  border-radius: 25px;
  background: #ffffff;
  border: 1.5px solid #18181b;
  color: #18181b;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: all 180ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#section-starter-product-detail .pdp-combo-add-btn:hover{
  background: #18181b;
  color: #ffffff;
}
#section-starter-product-detail .pdp-combo-add-btn:disabled{
  opacity: 0.65;
  cursor: not-allowed;
}
#section-starter-product-detail .pdp-combos-dots{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 0.75rem;
}
#section-starter-product-detail .pdp-combos-dot{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4d4d8;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 200ms ease;
}
#section-starter-product-detail .pdp-combos-dot.is-active{
  background: #18181b;
  width: 14px;
  border-radius: 3px;
}
#section-starter-product-detail .pdp-notes-set-section{
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-starter-product-detail .pdp-notes-set-header{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
#section-starter-product-detail .pdp-notes-set-title{
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 400;
  color: #18181b;
  margin: 0;
}
#section-starter-product-detail .pdp-notes-family-badge{
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 400;
  color: #71717a;
}
#section-starter-product-detail .pdp-notes-tabs-nav{
  display: flex;
  gap: 1.5rem;
  margin-top: 16px;
  border-bottom: 1.5px solid #e4e4e7;
}
#section-starter-product-detail .pdp-notes-tab-btn{
  background: none;
  border: none;
  padding: 0 0 0.5rem;
  font-family: var(--font-sans);
  font-size: 0.875rem;
  font-weight: 400;
  color: #a1a1aa;
  cursor: pointer;
  position: relative;
  transition: color 150ms ease;
  white-space: nowrap;
}
#section-starter-product-detail .pdp-notes-tab-btn:hover{
  color: #18181b;
}
#section-starter-product-detail .pdp-notes-tab-btn.is-active{
  color: #18181b;
}
#section-starter-product-detail .pdp-notes-tab-btn.is-active::after{
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  right: 0;
  height: 2px;
  background: #18181b;
}
#section-starter-product-detail .pdp-notes-phase-sub{
  font-family: var(--font-sans);
  font-size: 12px;
  color: #52525b;
  margin: 13px;
  font-weight: 400;
}
#section-starter-product-detail .pdp-notes-cards-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
#section-starter-product-detail .pdp-ingredient-card{
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  overflow: hidden;
  background: #ffffff;
}
#section-starter-product-detail .pdp-ingredient-img-wrap{
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  background: #f4f4f5;
}
#section-starter-product-detail .pdp-ingredient-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-starter-product-detail .pdp-ingredient-overlay-name{
  position: absolute;
  bottom: 0.65rem;
  left: 0.75rem;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
  letter-spacing: -0.01em;
}
#section-starter-product-detail .pdp-ingredient-traits{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.55rem 0.4rem;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.6875rem;
  font-weight: 600;
  color: #3f3f46;
  background: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#section-starter-product-detail .pdp-wear-section{
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-starter-product-detail .pdp-wear-header{
  margin-bottom: 0.85rem;
}
#section-starter-product-detail .pdp-wear-title{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.95rem;
  font-weight: 600;
  color: #111111;
  margin: 0;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
#section-starter-product-detail .pdp-wear-subtitle{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.75rem;
  font-weight: 400;
  color: #71717a;
  margin: 0.25rem 0 0;
  line-height: 1.4;
}
#section-starter-product-detail .pdp-wear-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
#section-starter-product-detail .pdp-wear-card{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #18181b;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  border: none;
  text-decoration: none;
}
#section-starter-product-detail .pdp-wear-card-img-wrap{
  display: contents;
}
#section-starter-product-detail .pdp-wear-card-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 450ms cubic-bezier(0.25, 1, 0.5, 1);
}
#section-starter-product-detail .pdp-wear-card:hover .pdp-wear-card-img{
  transform: scale(1.08);
}
#section-starter-product-detail .pdp-wear-card-overlay, #section-starter-product-detail .pdp-wear-card-content{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0.85rem 0.85rem 0.75rem;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.88) 100%);
  pointer-events: none;
  z-index: 2;
}
#section-starter-product-detail .pdp-wear-card-name{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #ffffff !important;
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
#section-starter-product-detail .pdp-wear-card-sub{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.7rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8) !important;
  margin: 0.15rem 0 0;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 640px){#section-starter-product-detail .pdp-wear-grid{
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 0.65rem !important;
    padding-bottom: 0.35rem !important;
    scrollbar-width: none !important;
  }
#section-starter-product-detail .pdp-wear-grid::-webkit-scrollbar{
    display: none !important;
  }
#section-starter-product-detail .pdp-wear-card{
    flex: 0 0 68% !important;
    min-width: 170px !important;
    scroll-snap-align: start !important;
    aspect-ratio: 4 / 3 !important;
  }}
#section-starter-product-detail .pdp-accordion-list{
  margin-top: 1.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#section-starter-product-detail .pdp-acc-item{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#section-starter-product-detail .pdp-acc-trigger{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.15rem 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-sans, 'Geist', sans-serif);
}
#section-starter-product-detail .pdp-acc-title{
  font-size: 0.9375rem;
  font-weight: 600;
  color: #18181b;
  letter-spacing: -0.01em;
}
#section-starter-product-detail .pdp-acc-icon{
  font-size: 1.25rem;
  font-weight: 300;
  color: #18181b;
  transition: transform 200ms ease;
  line-height: 1;
}
#section-starter-product-detail .pdp-acc-item.is-open .pdp-acc-icon{
  transform: rotate(45deg);
}
#section-starter-product-detail .pdp-acc-body{
  padding-bottom: 1.25rem;
}
#section-starter-product-detail .pdp-acc-body[hidden]{
  display: none !important;
}
#section-starter-product-detail .pdp-acc-content{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.8125rem;
  color: #52525b;
  line-height: 1.6;
}
#section-starter-product-detail .pdp-acc-content p{
  margin: 0;
}
#section-starter-product-detail .pdp-acc-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#section-starter-product-detail .pdp-acc-list li{
  position: relative;
  padding-left: 1.1rem;
}
#section-starter-product-detail .pdp-acc-list li::before{
  content: '•';
  position: absolute;
  left: 0;
  color: #18181b;
  font-weight: 700;
}
#section-starter-product-detail .pdp-faq-item{
  margin-bottom: 0.85rem;
}
#section-starter-product-detail .pdp-faq-item:last-child{
  margin-bottom: 0;
}
#section-starter-product-detail .pdp-faq-item strong{
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #18181b;
  margin-bottom: 0.2rem;
}
#section-starter-product-detail html.size-guide-open, #section-starter-product-detail body.size-guide-open, #section-starter-product-detail html.spray-guide-open, #section-starter-product-detail body.spray-guide-open{
  overflow: hidden !important;
  touch-action: none !important;
}
#section-starter-product-detail .size-guide-overlay, #section-starter-product-detail .spray-guide-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 240ms ease, visibility 240ms ease;
  box-sizing: border-box;
  overscroll-behavior: contain;
  -webkit-tap-highlight-color: transparent;
}
#section-starter-product-detail .size-guide-overlay.is-active, #section-starter-product-detail .spray-guide-overlay.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 240ms ease, visibility 0s linear;
}
#section-starter-product-detail .size-guide-modal, #section-starter-product-detail .spray-guide-modal{
  background: #f4f4f5;
  border-radius: 20px;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 480px;
  padding: 1.25rem 1.25rem 1.35rem;
  box-sizing: border-box;
  transform: translate3d(0, 16px, 0) scale(0.97);
  transition: transform 260ms cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
  border: 1px solid rgba(255, 255, 255, 0.7);
  pointer-events: auto;
  overscroll-behavior: contain;
  max-height: 90vh;
  overflow-y: auto;
}
#section-starter-product-detail .size-guide-overlay.is-active .size-guide-modal, #section-starter-product-detail .spray-guide-overlay.is-active .spray-guide-modal{
  transform: translate3d(0, 0, 0) scale(1);
}
#section-starter-product-detail .spray-guide-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.85rem;
  padding: 0 0.25rem;
}
#section-starter-product-detail .spray-guide-title{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 1.15rem;
  font-weight: 700;
  color: #111111;
  margin: 0;
  letter-spacing: -0.01em;
}
#section-starter-product-detail .spray-guide-close{
  background: transparent;
  border: none;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #52525b;
  transition: background 150ms ease, color 150ms ease;
  padding: 0;
}
#section-starter-product-detail .spray-guide-close:hover{
  background: rgba(0, 0, 0, 0.08);
  color: #18181b;
}
#section-starter-product-detail .sg-tabs{
  display: flex;
  gap: 6px;
  background: #e4e4e7;
  padding: 4px;
  border-radius: 10px;
  margin-bottom: 0.85rem;
}
#section-starter-product-detail .sg-tab-btn{
  flex: 1;
  border: none;
  background: transparent;
  padding: 8px 12px;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.75rem;
  font-weight: 600;
  color: #52525b;
  border-radius: 7px;
  cursor: pointer;
  transition: all 180ms ease;
  text-align: center;
}
#section-starter-product-detail .sg-tab-btn.is-active{
  background: #ffffff;
  color: #111111;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
#section-starter-product-detail .size-guide-card, #section-starter-product-detail .spray-guide-card{
  background: #ffffff;
  border-radius: 14px;
  padding: 0.35rem 0.6rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow-x: auto;
}
#section-starter-product-detail .size-guide-table, #section-starter-product-detail .spray-guide-table{
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-sans, 'Geist', sans-serif);
  text-align: center;
}
#section-starter-product-detail .size-guide-table th, #section-starter-product-detail .spray-guide-table th{
  font-size: 0.72rem;
  font-weight: 700;
  color: #71717a;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.75rem 0.4rem 0.65rem;
  text-align: center;
  border-bottom: 1px solid #f0f0f2;
  white-space: nowrap;
}
#section-starter-product-detail .size-guide-table td, #section-starter-product-detail .spray-guide-table td{
  font-size: 0.8125rem;
  font-weight: 400;
  color: #18181b;
  padding: 0.75rem 0.4rem;
  text-align: center;
  border-bottom: 1px solid #f4f4f5;
  border-top: none;
  border-left: none;
  border-right: none;
  white-space: nowrap;
}
#section-starter-product-detail .size-guide-table tr:last-child td, #section-starter-product-detail .spray-guide-table tr:last-child td{
  border-bottom: none;
}
#section-starter-product-detail .size-guide-col-size, #section-starter-product-detail .spray-guide-col-size{
  font-weight: 700 !important;
  color: #111111 !important;
}
#section-starter-product-detail .size-guide-note, #section-starter-product-detail .spray-guide-note{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.72rem;
  color: #71717a;
  line-height: 1.45;
  margin: 0.85rem 0.25rem 0;
  text-align: center;
}
#section-starter-product-detail .size-guide-note strong, #section-starter-product-detail .spray-guide-note strong{
  color: #18181b;
}
@media (max-width: 640px){#section-starter-product-detail .size-guide-overlay, #section-starter-product-detail .spray-guide-overlay{
    align-items: flex-end;
    justify-content: center;
    padding: 0;
  }
#section-starter-product-detail .size-guide-modal, #section-starter-product-detail .spray-guide-modal{
    max-width: 100%;
    border-radius: 20px 20px 0 0;
    padding: 1rem 1rem env(safe-area-inset-bottom, 1.5rem);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
    transform: translate3d(0, 100%, 0);
    transform-origin: bottom center;
    transition: transform 260ms cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
    border-left: none;
    border-right: none;
    border-bottom: none;
    max-height: 85vh;
  }
#section-starter-product-detail .size-guide-overlay.is-active .size-guide-modal, #section-starter-product-detail .spray-guide-overlay.is-active .spray-guide-modal{
    transform: translate3d(0, 0, 0);
  }}
#section-starter-product-detail .pdp-also-like{
  margin-top: 3.5rem;
  border-top: 1px solid #f4f4f5;
  padding-top: 2rem;
}
#section-starter-product-detail .pdp-also-like-heading{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: clamp(1rem, 2.2vw, 1rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #000000;
  margin: 0 0 1rem;
}
@media (min-width: 768px){#section-starter-product-detail .pdp-also-like-heading{
    margin-bottom: 1.25rem;
  }}
#section-starter-product-detail .pdp-also-like-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem 0.25rem;
}
@media (min-width: 640px){#section-starter-product-detail .pdp-also-like-grid{
    gap: 1rem 0.325rem;
  }}
@media (min-width: 1024px){#section-starter-product-detail .pdp-also-like-grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem 0.325rem;
  }}
#section-starter-product-detail .pdp-card{
  display: flex;
  flex-direction: column;
}
#section-starter-product-detail .pdp-card-type-badge{
  display: none !important;
}
#section-starter-product-detail .pdp-card-spec{
  display: none !important;
}
#section-starter-product-detail .pdp-card-spec--body{
  display: none !important;
}
#section-starter-product-detail .pdp-card-spec--room{
  display: none !important;
}
#section-starter-product-detail .pdp-card-img-wrap{
  position: relative;
  aspect-ratio: 3 / 4;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: #f4f4f5;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y pinch-zoom;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
@media (min-width: 640px){#section-starter-product-detail .pdp-card-img-wrap{
    aspect-ratio: 4 / 5;
    border-radius: 10px;
  }}
@media (min-width: 1024px){#section-starter-product-detail .pdp-card-img-wrap{
    border-radius: 10px;
  }}
#section-starter-product-detail .pdp-card-img-wrap .embla__container{
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
}
#section-starter-product-detail .pdp-card-img-wrap .embla__slide{
  flex: 0 0 100%;
  min-width: 0;
  height: 100%;
  position: relative;
}
#section-starter-product-detail .pdp-card-slide-link{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#section-starter-product-detail .pdp-card-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
#section-starter-product-detail .pdp-card-arrow{
  display: none !important;
}
@media (min-width: 1024px){#section-starter-product-detail .pdp-card-arrow{
    display: flex !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    color: #18181b;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    padding: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
  }
#section-starter-product-detail .pdp-card-arrow--prev{
    left: 0.75rem;
  }
#section-starter-product-detail .pdp-card-arrow--next{
    right: 0.75rem;
  }
#section-starter-product-detail .pdp-card:hover .pdp-card-arrow, #section-starter-product-detail .pdp-card-img-wrap:hover .pdp-card-arrow{
    opacity: 1;
    pointer-events: auto;
  }
#section-starter-product-detail .pdp-card-arrow:hover{
    border-color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.65);
    color: #000000;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
#section-starter-product-detail .pdp-card-arrow:active{
    transform: translateY(-50%) scale(0.95);
  }}
#section-starter-product-detail .pdp-card-dots{
  position: absolute;
  bottom: 0.875rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
}
#section-starter-product-detail .pdp-card-dots.is-visible{
  opacity: 1;
  pointer-events: auto;
}
#section-starter-product-detail .pdp-card-dot{
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: width 200ms ease, background 200ms ease;
}
#section-starter-product-detail .pdp-card-dot:hover{
  background: rgba(255, 255, 255, 0.8);
}
#section-starter-product-detail .pdp-card-dot.is-active{
  width: 1rem;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1024px){#section-starter-product-detail .pdp-card-dots{
    display: none !important;
  }}
#section-starter-product-detail .pdp-card-details{
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0 0.125rem;
}
#section-starter-product-detail .pdp-card-title{
  display: block;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 10px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
  transition: opacity 150ms ease;
}
#section-starter-product-detail .pdp-card-title:hover{
  opacity: 0.75;
  text-decoration: none;
}
#section-starter-product-detail .pdp-card-price{
  margin: 0.15rem 0 0;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 10px;
  color: #71717a;
  font-weight: 400;
  line-height: 1.25;
}
@media (min-width: 1024px){#section-starter-product-detail .pdp-card-title{
    font-size: 11px !important;
  }
#section-starter-product-detail .pdp-card-price{
    font-size: 11px !important;
  }}
#section-starter-product-detail .pdp-card-add-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  color: #000000;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: transform 180ms ease, opacity 180ms ease;
}
@media (min-width: 1024px){#section-starter-product-detail .pdp-card-add-btn:hover{
    transform: scale(1.15);
    opacity: 0.75;
  }
#section-starter-product-detail .pdp-card-add-btn:active{
    transform: scale(0.92);
  }}
@media (max-width: 1023px), (hover: none){#section-starter-product-detail .pdp-card-add-btn, #section-starter-product-detail .pdp-card-add-btn:hover, #section-starter-product-detail .pdp-card-add-btn:focus, #section-starter-product-detail .pdp-card-add-btn:active{
    transform: none !important;
    opacity: 1 !important;
  }}
#section-starter-product-detail .pdp-card-add-btn svg{
  display: block;
  width: 18px !important;
  height: 18px !important;
}
#section-starter-product-detail .pdp-footer{
  margin-top: 4rem;
  border-top: 1px solid #f4f4f5;
  background: #ffffff;
  padding: 2rem 0;
  color: #71717a;
}
#section-starter-product-detail .pdp-footer-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  font-size: 0.75rem;
}
@media (min-width: 640px){#section-starter-product-detail .pdp-footer-inner{
    flex-direction: row;
  }}
#section-starter-product-detail .pdp-footer-brand{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-display, 'Geist', sans-serif);
  font-size: 1.25rem;
  font-weight: 400;
  color: #18181b;
}
#section-starter-product-detail .pdp-footer-copy{
  margin: 0;
  color: #71717a;
  text-align: center;
}
#section-starter-product-detail .pdp-footer-links{
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
#section-starter-product-detail .pdp-footer-links a{
  color: inherit;
  text-decoration: none;
  transition: color 150ms ease;
}
#section-starter-product-detail .pdp-footer-links a:hover{
  color: #18181b;
}
@media screen and (min-width: 1024px){#section-starter-product-detail .pdp-family{
    margin: 0.35rem 0 0;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #71717a;
  }
#section-starter-product-detail .pdp-price-compare{
    font-family: var(--font-display);
    font-size: 12px;
    color: #a1a1aa;
    text-decoration: line-through;
    font-weight: 300;
  }
#section-starter-product-detail .pdp-price-note{
    font-size: 12px;
    color: #a1a1aa;
    font-weight: 200;
  }
#section-starter-product-detail .pdp-variants-label{
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #18181b;
  }
#section-starter-product-detail .pdp-pill-size{
    display: block;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }}
#section-starter-product-detail .pdp-wallet-section{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px 1rem 30px;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  overflow: visible;
  position: relative;
  background: transparent;
}
#section-starter-product-detail .pdp-wallet-section .app-container{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 320px;
  overflow: visible;
}
#section-starter-product-detail .pdp-wallet-section .wallet{
  position: relative;
  width: 280px;
  height: 230px;
  cursor: pointer;
  perspective: 1000px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: transform 0.4s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@keyframes slideIntoPocket{
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
#section-starter-product-detail .pdp-wallet-section .wallet-back{
  position: absolute;
  bottom: 0;
  width: 280px;
  height: 200px;
  background: #1e341e;
  border-radius: 22px 22px 60px 60px;
  z-index: 5;
  box-shadow:
    inset 0 25px 35px rgba(0, 0, 0, 0.4),
    inset 0 5px 15px rgba(0, 0, 0, 0.5);
}
#section-starter-product-detail .pdp-wallet-section .wallet .card{
  position: absolute;
  width: 260px;
  height: 140px;
  left: 10px;
  border-radius: 16px;
  padding: 18px;
  color: white;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.3),
    0 -4px 15px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),
    z-index 0s;
  animation: slideIntoPocket 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
  box-sizing: border-box;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card-inner{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
}
#section-starter-product-detail .pdp-wallet-section .wallet-card-brand{
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
#section-starter-product-detail .pdp-wallet-section .wallet-card-logo{
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
}
#section-starter-product-detail .pdp-wallet-section .wallet-card-logo--razorpay{
  height: 18px;
  width: auto;
  max-width: 60px;
  filter: brightness(0) invert(1);
}
#section-starter-product-detail .pdp-wallet-section .wallet-card-logo--upi{
  height: 16px;
  width: auto;
  max-width: 50px;
}
#section-starter-product-detail .pdp-wallet-section .wallet-card-logo--card{
  height: 20px;
  width: auto;
  max-width: 32px;
}
#section-starter-product-detail .pdp-wallet-section .wallet .chip{
  width: 32px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#section-starter-product-detail .pdp-wallet-section .wallet .card-bottom{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#section-starter-product-detail .pdp-wallet-section .wallet .label{
  font-size: 8px;
  opacity: 0.7;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: block;
}
#section-starter-product-detail .pdp-wallet-section .wallet .value{
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card-number-wrapper{
  text-align: right;
}
#section-starter-product-detail .pdp-wallet-section .wallet .hidden-stars{
  font-size: 15px;
  letter-spacing: 1.5px;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card-number{
  display: none;
  font-size: 11px;
  letter-spacing: 0.8px;
  font-family: monospace;
  font-weight: 600;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card.razorpay{
  background: linear-gradient(135deg, #072654 0%, #0c3d78 100%);
  bottom: 90px;
  z-index: 10;
  animation-delay: 0.1s;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card.upi{
  background: #9bd86a;
  color: #173617;
  bottom: 65px;
  z-index: 20;
  animation-delay: 0.2s;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card.upi .chip{
  background: rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.1);
}
#section-starter-product-detail .pdp-wallet-section .wallet .card.upi .label{
  color: #2b552b;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card.creditcard{
  background: #ffffff;
  color: #003087;
  bottom: 40px;
  z-index: 30;
  animation-delay: 0.3s;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card.creditcard .chip{
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.08);
}
#section-starter-product-detail .pdp-wallet-section .wallet .card.creditcard .label{
  color: #8c979d;
}
#section-starter-product-detail .pdp-wallet-section .wallet .pocket{
  position: absolute;
  bottom: 0;
  width: 280px;
  height: 160px;
  z-index: 40;
  filter: drop-shadow(0 15px 25px rgba(20, 40, 20, 0.4));
  pointer-events: none;
}
#section-starter-product-detail .pdp-wallet-section .wallet .pocket-content{
  position: absolute;
  top: 45px;
  width: 100%;
  text-align: center;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
#section-starter-product-detail .pdp-wallet-section .wallet .balance-stars{
  color: #839e7b;
  font-size: 24px;
  letter-spacing: 4px;
  transition: 0.3s;
}
#section-starter-product-detail .pdp-wallet-section .wallet .balance-real{
  color: #a7c59e;
  font-size: 19px;
  font-weight: 700;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 10px);
  transition: 0.3s;
  white-space: nowrap;
}
#section-starter-product-detail .pdp-wallet-section .wallet .pocket-balance-label{
  color: #698263;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
#section-starter-product-detail .pdp-wallet-section .wallet .eye-icon-wrapper{
  margin-top: 6px;
  height: 20px;
  width: 20px;
  position: relative;
  opacity: 0.4;
  transition: 0.3s;
}
#section-starter-product-detail .pdp-wallet-section .wallet .eye-icon{
  position: absolute;
  top: 0;
  left: 0;
  stroke: #3be60b;
  transition: 0.3s;
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered{
  transform: translateY(-5px);
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .eye-icon-wrapper, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .eye-icon-wrapper{
  opacity: 1;
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .card.razorpay, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .card.razorpay{
  transform: translateY(-75px) rotate(-3deg);
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .card.upi, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .card.upi{
  transform: translateY(-45px) rotate(2deg);
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .card.creditcard, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .card.creditcard{
  transform: translateY(-10px);
}
#section-starter-product-detail .pdp-wallet-section .wallet .card:hover{
  z-index: 100 !important;
  transition-delay: 0s !important;
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .card.razorpay:hover, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .card.razorpay:hover{
  transform: translateY(-60px) scale(1.05) rotate(0);
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .card.upi:hover, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .card.upi:hover{
  transform: translateY(-70px) scale(1.05) rotate(0);
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .card.creditcard:hover, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .card.creditcard:hover{
  transform: translateY(-60px) scale(1.05) rotate(0);
}
#section-starter-product-detail .pdp-wallet-section .wallet .card:hover .hidden-stars{
  display: none;
}
#section-starter-product-detail .pdp-wallet-section .wallet .card:hover .card-number{
  display: block;
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .balance-stars, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .balance-stars{
  opacity: 0;
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .balance-real, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .balance-real{
  opacity: 1;
  transform: translate(-50%, 0);
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .eye-slash, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .eye-slash{
  opacity: 0;
  transform: scale(0.5);
}
#section-starter-product-detail .pdp-wallet-section .wallet:hover .eye-open, #section-starter-product-detail .pdp-wallet-section .wallet.is-hovered .eye-open{
  opacity: 1;
  transform: scale(1.1);
}

/* sections/starter-recommended-products.bit */
#section-starter-recommended-products .crsl__wrap{ position: relative; }
#section-starter-recommended-products .crsl__track{ display: flex; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding: .25rem .25rem .75rem; }
#section-starter-recommended-products .crsl__track::-webkit-scrollbar{ display: none; }
#section-starter-recommended-products .crsl__track > *{ scroll-snap-align: start; flex: 0 0 auto; }
#section-starter-recommended-products .crsl__arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: none; background: #fff; color: #111827; box-shadow: 0 1px 6px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; padding: 0; transition: background-color .15s, box-shadow .15s; }
#section-starter-recommended-products .crsl__arrow:hover{ background: #111827; color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
#section-starter-recommended-products .crsl__arrow:disabled{ opacity: .35; cursor: default; box-shadow: none; }
#section-starter-recommended-products .crsl__arrow:disabled:hover{ background: #fff; color: #111827; }
#section-starter-recommended-products .crsl__arrow--prev{ left: -14px; }
#section-starter-recommended-products .crsl__arrow--next{ right: -14px; }
@media (max-width: 1023px){#section-starter-recommended-products .crsl__arrow, #section-starter-recommended-products .pcard__arrow{ display: none !important; }}
#section-starter-recommended-products .crsl__dots{ position: absolute; bottom: .6rem; left: 50%; transform: translateX(-50%); display: flex; gap: .3rem; align-items: center; z-index: 2; }
#section-starter-recommended-products .crsl__dot{ display: none; width: 2.5px; height: 2.5px; border-radius: 50%; border: none; padding: 0; margin: 0; background: #fff; cursor: pointer; }
#section-starter-recommended-products .crsl__dot--visible{ display: inline-block; }
#section-starter-recommended-products .crsl__dot--medium{ width: 4px; height: 4px; }
#section-starter-recommended-products .crsl__dot--active{ width: 5.5px; height: 5.5px; }
#section-starter-recommended-products .crsl__counter{ position: absolute; bottom: .75rem; left: .75rem; z-index: 2; display: flex; align-items: center; gap: 2px; padding: .35rem .75rem; border-radius: 999px; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font-size: .75rem; font-weight: 500; letter-spacing: .02em; pointer-events: none; }
#section-starter-recommended-products .crsl__counter-total{ color: rgba(255,255,255,.55); }
#section-starter-recommended-products .crsl__thumbs{ display: flex; gap: .5rem; margin-top: .75rem; overflow-x: auto; scrollbar-width: none; }
#section-starter-recommended-products .crsl__thumbs::-webkit-scrollbar{ display: none; }
#section-starter-recommended-products .crsl__thumb{ flex: 0 0 64px; width: 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; cursor: pointer; background: #f3f4f6; }
#section-starter-recommended-products .crsl__thumb img, #section-starter-recommended-products .crsl__thumb video{ width: 100%; height: 100%; object-fit: cover; display: block; }
#section-starter-recommended-products .crsl__thumb.is-active{ border-color: currentColor; }
#section-starter-recommended-products .crsl__hint{ position: absolute; inset: 0; z-index: 2; pointer-events: none; display: flex; align-items: center; justify-content: center; }
#section-starter-recommended-products .crsl__hint[hidden]{ display: none; }
#section-starter-recommended-products .crsl__hint svg{ opacity: 0; filter: drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
#section-starter-recommended-products .crsl__hint--play svg{ animation: crsl-hint-swipe 1.4s ease-in-out; }
@keyframes crsl-hint-swipe{
  0% { opacity: 0; transform: translateX(0); }
  15% { opacity: 1; }
  50% { transform: translateX(-22px); }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translateX(0); }
}
#section-starter-recommended-products .pcard{ display: flex; flex-direction: column; min-width: 0; font-family: var(--font-body, 'Geist', sans-serif); border: 1px solid #e0e0e0; overflow: hidden; background: transparent; transition: background-color .2s ease; }
#section-starter-recommended-products .pcard:hover{ background-color: rgba(0,0,0,.015); }
#section-starter-recommended-products .pcard__img-wrap{ position: relative; display: block; aspect-ratio: var(--pcard-aspect, 5/7); overflow: hidden; background: #f9f9f9; }
#section-starter-recommended-products .pcard__img{ width: 100%; height: 100%; object-fit: cover; }
#section-starter-recommended-products .pcard__gallery, #section-starter-recommended-products .pcard__gallery-track{ width: 100%; height: 100%; }
#section-starter-recommended-products .pcard__gallery-track{ gap: 0; padding: 0; }
#section-starter-recommended-products .pcard__gallery-track > .pcard__img{ flex: 0 0 100%; }
#section-starter-recommended-products .pcard__arrow{
  width: 32px; height: 32px; opacity: 0;
  background: rgba(255,255,255,.15); color: #18181b;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  box-shadow: none; transition: opacity .2s ease, background-color .2s ease;
}
#section-starter-recommended-products .pcard:hover .pcard__arrow:not(:disabled){ opacity: 1; }
#section-starter-recommended-products .pcard__arrow:hover{ background: rgba(255,255,255,.3); color: #18181b; }
#section-starter-recommended-products .pcard__gallery .crsl__arrow--prev{ left: 8px; }
#section-starter-recommended-products .pcard__gallery .crsl__arrow--next{ right: 8px; }
@media (hover: none){#section-starter-recommended-products .pcard__arrow{ display: none !important; }}
#section-starter-recommended-products .pcard__dots{ opacity: 0; pointer-events: none; transition: opacity .3s ease; }
#section-starter-recommended-products .pcard__dots.is-visible{ opacity: 1; pointer-events: auto; }
#section-starter-recommended-products .pcard:hover .pcard__dots{ opacity: 1; pointer-events: auto; }
#section-starter-recommended-products .pcard__badge{ position: absolute; bottom: .5rem; right: .5rem; background: #e8e0d6; color: #000; font-size: .56rem; font-weight: 600; padding: .19rem .5rem; letter-spacing: .02em; text-transform: uppercase; }
#section-starter-recommended-products .pcard__info{ display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; padding: 1rem .75rem 1.125rem; }
#section-starter-recommended-products .pcard__details{ flex: 1; min-width: 0; }
#section-starter-recommended-products .pcard__vendor{ font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: #71717a; margin: 0 0 .25rem; font-weight: 500; }
#section-starter-recommended-products .pcard__name{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 1rem; color: #18181b; text-decoration: none; padding-bottom: .25rem; line-height: 1.3; }
@media (min-width: 768px){#section-starter-recommended-products .pcard__name{ font-size: 1.0625rem; }}
#section-starter-recommended-products .pcard__price{ display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin-top: .2rem; }
#section-starter-recommended-products .pcard__now{ font-size: .9375rem; font-weight: 600; color: #ef4444; white-space: nowrap; }
#section-starter-recommended-products .pcard__now--no-sale{ color: #18181b; }
#section-starter-recommended-products .pcard__compare{ font-size: .8125rem; font-weight: 400; color: #71717a; text-decoration: line-through; white-space: nowrap; }
@media (min-width: 768px){#section-starter-recommended-products .pcard__now{ font-size: 1rem; }
#section-starter-recommended-products .pcard__compare{ font-size: .875rem; }}
#section-starter-recommended-products .pcard__add-wrap{ flex-shrink: 0; margin: 0; }
#section-starter-recommended-products .pcard__quick-add{ background: transparent; border: none; padding: .1rem 0 0; color: #18181b; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity .2s ease, transform .2s ease; -webkit-tap-highlight-color: transparent; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine){#section-starter-recommended-products .pcard__quick-add:hover{ opacity: .6; transform: scale(1.05); }}
@media (max-width: 1023px), (hover: none){#section-starter-recommended-products .pcard__quick-add, #section-starter-recommended-products .pcard__quick-add:hover, #section-starter-recommended-products .pcard__quick-add:focus, #section-starter-recommended-products .pcard__quick-add:active{ transform: none !important; opacity: 1 !important; }}
#section-starter-recommended-products .pcard__quick-add svg{ width: 22px; height: 22px; }
@media (min-width: 768px){#section-starter-recommended-products .pcard__quick-add svg{ width: 24px; height: 24px; }
#section-starter-recommended-products .pcard__info{ padding: 1.125rem 1rem 1.25rem; }}
#section-starter-recommended-products .rp{ padding: 3rem 1.5rem; max-width: 1200px; margin: 0 auto; background: var(--scheme-background, transparent); color: var(--scheme-text, inherit); font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-recommended-products .rp__title{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.5rem, 3vw, 2rem); text-align: center; margin: 0 0 2rem; }
#section-starter-recommended-products .rp__grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
@media (max-width: 768px){#section-starter-recommended-products .rp__grid{ grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 480px){#section-starter-recommended-products .rp__grid{ grid-template-columns: 1fr; }}
#section-starter-recommended-products .pcard{ border: none; }
#section-starter-recommended-products .pcard__img--swap-base, #section-starter-recommended-products .pcard__img--hover{ display: none; }
#section-starter-recommended-products .pcard__img-wrap--hover-swap .pcard__gallery{ display: none; }
#section-starter-recommended-products .pcard__img-wrap--hover-swap .pcard__img--swap-base, #section-starter-recommended-products .pcard__img-wrap--hover-swap .pcard__img--hover{ display: block; }
#section-starter-recommended-products .pcard__img--hover{ position: absolute; inset: 0; opacity: 0; transition: opacity .3s ease; }
#section-starter-recommended-products .pcard__img-wrap--hover-swap:hover .pcard__img--hover{ opacity: 1; }

/* sections/starter-collection-products.bit */
#section-starter-collection-products .crsl__wrap{ position: relative; }
#section-starter-collection-products .crsl__track{ display: flex; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding: .25rem .25rem .75rem; }
#section-starter-collection-products .crsl__track::-webkit-scrollbar{ display: none; }
#section-starter-collection-products .crsl__track > *{ scroll-snap-align: start; flex: 0 0 auto; }
#section-starter-collection-products .crsl__arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: none; background: #fff; color: #111827; box-shadow: 0 1px 6px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; padding: 0; transition: background-color .15s, box-shadow .15s; }
#section-starter-collection-products .crsl__arrow:hover{ background: #111827; color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
#section-starter-collection-products .crsl__arrow:disabled{ opacity: .35; cursor: default; box-shadow: none; }
#section-starter-collection-products .crsl__arrow:disabled:hover{ background: #fff; color: #111827; }
#section-starter-collection-products .crsl__arrow--prev{ left: -14px; }
#section-starter-collection-products .crsl__arrow--next{ right: -14px; }
@media (max-width: 1023px){#section-starter-collection-products .crsl__arrow, #section-starter-collection-products .pcard__arrow{ display: none !important; }}
#section-starter-collection-products .crsl__dots{ position: absolute; bottom: .6rem; left: 50%; transform: translateX(-50%); display: flex; gap: .3rem; align-items: center; z-index: 2; }
#section-starter-collection-products .crsl__dot{ display: none; width: 2.5px; height: 2.5px; border-radius: 50%; border: none; padding: 0; margin: 0; background: #fff; cursor: pointer; }
#section-starter-collection-products .crsl__dot--visible{ display: inline-block; }
#section-starter-collection-products .crsl__dot--medium{ width: 4px; height: 4px; }
#section-starter-collection-products .crsl__dot--active{ width: 5.5px; height: 5.5px; }
#section-starter-collection-products .crsl__counter{ position: absolute; bottom: .75rem; left: .75rem; z-index: 2; display: flex; align-items: center; gap: 2px; padding: .35rem .75rem; border-radius: 999px; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font-size: .75rem; font-weight: 500; letter-spacing: .02em; pointer-events: none; }
#section-starter-collection-products .crsl__counter-total{ color: rgba(255,255,255,.55); }
#section-starter-collection-products .crsl__thumbs{ display: flex; gap: .5rem; margin-top: .75rem; overflow-x: auto; scrollbar-width: none; }
#section-starter-collection-products .crsl__thumbs::-webkit-scrollbar{ display: none; }
#section-starter-collection-products .crsl__thumb{ flex: 0 0 64px; width: 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; cursor: pointer; background: #f3f4f6; }
#section-starter-collection-products .crsl__thumb img, #section-starter-collection-products .crsl__thumb video{ width: 100%; height: 100%; object-fit: cover; display: block; }
#section-starter-collection-products .crsl__thumb.is-active{ border-color: currentColor; }
#section-starter-collection-products .crsl__hint{ position: absolute; inset: 0; z-index: 2; pointer-events: none; display: flex; align-items: center; justify-content: center; }
#section-starter-collection-products .crsl__hint[hidden]{ display: none; }
#section-starter-collection-products .crsl__hint svg{ opacity: 0; filter: drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
#section-starter-collection-products .crsl__hint--play svg{ animation: crsl-hint-swipe 1.4s ease-in-out; }
@keyframes crsl-hint-swipe{
  0% { opacity: 0; transform: translateX(0); }
  15% { opacity: 1; }
  50% { transform: translateX(-22px); }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translateX(0); }
}
#section-starter-collection-products .pcard{ display: flex; flex-direction: column; min-width: 0; font-family: var(--font-body, 'Geist', sans-serif); border: 1px solid #e0e0e0; overflow: hidden; background: transparent; transition: background-color .2s ease; }
#section-starter-collection-products .pcard:hover{ background-color: rgba(0,0,0,.015); }
#section-starter-collection-products .pcard__img-wrap{ position: relative; display: block; aspect-ratio: var(--pcard-aspect, 5/7); overflow: hidden; background: #f9f9f9; }
#section-starter-collection-products .pcard__img{ width: 100%; height: 100%; object-fit: cover; }
#section-starter-collection-products .pcard__gallery, #section-starter-collection-products .pcard__gallery-track{ width: 100%; height: 100%; }
#section-starter-collection-products .pcard__gallery-track{ gap: 0; padding: 0; }
#section-starter-collection-products .pcard__gallery-track > .pcard__img{ flex: 0 0 100%; }
#section-starter-collection-products .pcard__arrow{
  width: 32px; height: 32px; opacity: 0;
  background: rgba(255,255,255,.15); color: #18181b;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  box-shadow: none; transition: opacity .2s ease, background-color .2s ease;
}
#section-starter-collection-products .pcard:hover .pcard__arrow:not(:disabled){ opacity: 1; }
#section-starter-collection-products .pcard__arrow:hover{ background: rgba(255,255,255,.3); color: #18181b; }
#section-starter-collection-products .pcard__gallery .crsl__arrow--prev{ left: 8px; }
#section-starter-collection-products .pcard__gallery .crsl__arrow--next{ right: 8px; }
@media (hover: none){#section-starter-collection-products .pcard__arrow{ display: none !important; }}
#section-starter-collection-products .pcard__dots{ opacity: 0; pointer-events: none; transition: opacity .3s ease; }
#section-starter-collection-products .pcard__dots.is-visible{ opacity: 1; pointer-events: auto; }
#section-starter-collection-products .pcard:hover .pcard__dots{ opacity: 1; pointer-events: auto; }
#section-starter-collection-products .pcard__badge{ position: absolute; bottom: .5rem; right: .5rem; background: #e8e0d6; color: #000; font-size: .56rem; font-weight: 600; padding: .19rem .5rem; letter-spacing: .02em; text-transform: uppercase; }
#section-starter-collection-products .pcard__info{ display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; padding: 1rem .75rem 1.125rem; }
#section-starter-collection-products .pcard__details{ flex: 1; min-width: 0; }
#section-starter-collection-products .pcard__vendor{ font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: #71717a; margin: 0 0 .25rem; font-weight: 500; }
#section-starter-collection-products .pcard__name{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 1rem; color: #18181b; text-decoration: none; padding-bottom: .25rem; line-height: 1.3; }
@media (min-width: 768px){#section-starter-collection-products .pcard__name{ font-size: 1.0625rem; }}
#section-starter-collection-products .pcard__price{ display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin-top: .2rem; }
#section-starter-collection-products .pcard__now{ font-size: .9375rem; font-weight: 600; color: #ef4444; white-space: nowrap; }
#section-starter-collection-products .pcard__now--no-sale{ color: #18181b; }
#section-starter-collection-products .pcard__compare{ font-size: .8125rem; font-weight: 400; color: #71717a; text-decoration: line-through; white-space: nowrap; }
@media (min-width: 768px){#section-starter-collection-products .pcard__now{ font-size: 1rem; }
#section-starter-collection-products .pcard__compare{ font-size: .875rem; }}
#section-starter-collection-products .pcard__add-wrap{ flex-shrink: 0; margin: 0; }
#section-starter-collection-products .pcard__quick-add{ background: transparent; border: none; padding: .1rem 0 0; color: #18181b; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity .2s ease, transform .2s ease; -webkit-tap-highlight-color: transparent; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine){#section-starter-collection-products .pcard__quick-add:hover{ opacity: .6; transform: scale(1.05); }}
@media (max-width: 1023px), (hover: none){#section-starter-collection-products .pcard__quick-add, #section-starter-collection-products .pcard__quick-add:hover, #section-starter-collection-products .pcard__quick-add:focus, #section-starter-collection-products .pcard__quick-add:active{ transform: none !important; opacity: 1 !important; }}
#section-starter-collection-products .pcard__quick-add svg{ width: 22px; height: 22px; }
@media (min-width: 768px){#section-starter-collection-products .pcard__quick-add svg{ width: 24px; height: 24px; }
#section-starter-collection-products .pcard__info{ padding: 1.125rem 1rem 1.25rem; }}
#section-starter-collection-products .cp{
  padding: 4rem 1rem 2.5rem;
  padding-top: 4rem !important;
  max-width: 98rem;
  width: 100%;
  margin: 0 auto;
  background: var(--scheme-background, transparent);
  color: var(--scheme-text, inherit);
  font-family: var(--font-body, 'Geist', sans-serif);
  box-sizing: border-box;
}
@media (min-width: 640px){#section-starter-collection-products .cp{
    padding: 4rem 1.25rem 3.5rem;
    padding-top: 4rem !important;
  }}
@media (min-width: 1024px){#section-starter-collection-products .cp{
    padding: 4rem 1.5rem 4rem;
    padding-top: 4rem !important;
  }}
#section-starter-collection-products .cp__header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px){#section-starter-collection-products .cp__header{
    margin-bottom: 1.25rem;
  }}
#section-starter-collection-products .cp__title{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(1rem, 2.2vw, 1rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #000000;
  line-height: 1.2;
}
#section-starter-collection-products .cp__discover-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.38rem 0.875rem;
  border-radius: 9999px;
  border: none;
  background: #e4dede;
  color: #18181b;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: background-color 150ms ease, color 150ms ease;
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}
#section-starter-collection-products .cp__discover-btn:hover{
  background: #d8d1d1;
  color: #000000;
}
@media (max-width: 640px){#section-starter-collection-products .cp__discover-btn{
    padding: 0.3rem 0.75rem;
    font-size: 11px;
  }}
#section-starter-collection-products .cp__description{
  color: #6b7280;
  max-width: 640px;
  margin: 0 0 1.5rem;
  line-height: 1.5;
  font-size: 0.875rem;
}
#section-starter-collection-products .cp__layout{
  display: block;
  width: 100%;
}
#section-starter-collection-products .cp__main{
  width: 100%;
}
#section-starter-collection-products .cp__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem 0.25rem;
}
@media (min-width: 640px){#section-starter-collection-products .cp__grid{
    gap: 1rem 0.325rem;
  }}
@media (min-width: 1024px){#section-starter-collection-products .cp__grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem 0.325rem;
  }}
#section-starter-collection-products .cp .pcard{
  display: flex;
  flex-direction: column;
  border: none;
}
#section-starter-collection-products .cp .pcard__img-wrap{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: var(--meeram-zinc-100, #f4f4f5);
  text-decoration: none;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
@media (min-width: 640px){#section-starter-collection-products .cp .pcard__img-wrap{
    aspect-ratio: 4 / 5 !important;
    border-radius: 10px !important;
  }}
@media (min-width: 1024px){#section-starter-collection-products .cp .pcard__img-wrap{
    border-radius: 10px !important;
  }}
#section-starter-collection-products .cp .pcard__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  border-radius: 0 !important;
}
#section-starter-collection-products .cp .pcard__img-wrap.embla, #section-starter-collection-products .cp .embla{
  overflow: hidden !important;
  position: relative !important;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
#section-starter-collection-products .cp .embla__container{
  display: flex !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  touch-action: pan-y pinch-zoom;
  will-change: transform;
  transition: none !important;
}
#section-starter-collection-products .cp .embla__slide{
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  box-sizing: border-box !important;
  scroll-snap-align: none !important;
}
#section-starter-collection-products .cp .mc-card__link{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}
#section-starter-collection-products .cp .mc-card__img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  box-sizing: border-box !important;
}
#section-starter-collection-products .cp .mc-card__dots{
  position: absolute;
  bottom: 0.875rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
}
#section-starter-collection-products .cp .mc-card__dots.is-visible{
  opacity: 1;
  pointer-events: auto;
}
#section-starter-collection-products .cp .mc-card__dot{
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: width 200ms ease, background 200ms ease;
}
#section-starter-collection-products .cp .mc-card__dot:hover{
  background: rgba(255, 255, 255, 0.8);
}
#section-starter-collection-products .cp .mc-card__dot.is-active{
  width: 1rem;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1024px){#section-starter-collection-products .cp .mc-card__dots{
    display: none !important;
  }}
#section-starter-collection-products .cp .mc-card__arrow{
  display: none !important;
}
@media (min-width: 1024px){#section-starter-collection-products .cp .mc-card__arrow{
    display: flex !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    color: #18181b;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    padding: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
  }
#section-starter-collection-products .cp .mc-card__arrow--prev{
    left: 0.75rem;
  }
#section-starter-collection-products .cp .mc-card__arrow--next{
    right: 0.75rem;
  }
#section-starter-collection-products .cp .pcard:hover .mc-card__arrow, #section-starter-collection-products .cp .pcard__img-wrap:hover .mc-card__arrow{
    opacity: 1;
    pointer-events: auto;
  }
#section-starter-collection-products .cp .mc-card__arrow:hover{
    border-color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.75);
    color: #000000;
    transform: translateY(-50%);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
#section-starter-collection-products .cp .mc-card__arrow:active{
    transform: translateY(-50%) scale(0.95);
  }}
@media (max-width: 1023px){#section-starter-collection-products .cp .mc-card__arrow{
    display: none !important;
  }}
#section-starter-collection-products .cp .pcard__info{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0 0.125rem;
}
#section-starter-collection-products .cp .pcard__details{
  flex: 1;
  min-width: 0;
}
#section-starter-collection-products .cp .pcard__vendor{
  display: none !important;
}
#section-starter-collection-products .cp .pcard__name{
  display: block;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 10px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#section-starter-collection-products .cp .pcard__name:hover{
  opacity: 0.75;
}
#section-starter-collection-products .cp .pcard__price{
  margin: 0.15rem 0 0;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 10px;
  font-weight: 400;
  color: #71717a;
  line-height: 1.3;
}
#section-starter-collection-products .cp .pcard__now{
  font-size: 10px !important;
  font-weight: 400 !important;
  color: #71717a !important;
}
#section-starter-collection-products .cp .pcard__compare{
  font-size: 9px !important;
  color: #a1a1aa !important;
  margin-left: 0.25rem;
}
#section-starter-collection-products .cp .pcard__quick-add{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 9999px;
  border: none;
  background: transparent;
  color: #18181b;
  cursor: pointer;
  transition: transform 150ms ease, color 150ms ease;
  flex-shrink: 0;
}
#section-starter-collection-products .cp .pcard__quick-add svg{
  width: 18px !important;
  height: 18px !important;
}
#section-starter-collection-products .cp .pcard__quick-add:hover{
  transform: scale(1.1);
  color: #000000;
}
#section-starter-collection-products .cp__load-more-wrap{
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
#section-starter-collection-products .cp__sentinel{
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
}
#section-starter-collection-products .cp__load-more{
  padding: 0.8rem 2rem;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: transparent;
  color: var(--scheme-text, #111827);
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
#section-starter-collection-products .cp__load-more:hover{
  background: var(--scheme-text, #111827);
  color: var(--scheme-background, #fff);
}
#section-starter-collection-products .pcard{ border: none; }
#section-starter-collection-products .pcard__img--swap-base, #section-starter-collection-products .pcard__img--hover{ display: none; }
#section-starter-collection-products .pcard__img-wrap--hover-swap .pcard__gallery{ display: none; }
#section-starter-collection-products .pcard__img-wrap--hover-swap .pcard__img--swap-base, #section-starter-collection-products .pcard__img-wrap--hover-swap .pcard__img--hover{ display: block; }
#section-starter-collection-products .pcard__img--hover{ position: absolute; inset: 0; opacity: 0; transition: opacity .3s ease; }
#section-starter-collection-products .pcard__img-wrap--hover-swap:hover .pcard__img--hover{ opacity: 1; }
#section-starter-collection-products .crsl__wrap{ position: relative; }
#section-starter-collection-products .crsl__track{ display: flex; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding: .25rem .25rem .75rem; }
#section-starter-collection-products .crsl__track::-webkit-scrollbar{ display: none; }
#section-starter-collection-products .crsl__track > *{ scroll-snap-align: start; flex: 0 0 auto; }
#section-starter-collection-products .crsl__arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: none; background: #fff; color: #111827; box-shadow: 0 1px 6px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; padding: 0; transition: background-color .15s, box-shadow .15s; }
#section-starter-collection-products .crsl__arrow:hover{ background: #111827; color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
#section-starter-collection-products .crsl__arrow:disabled{ opacity: .35; cursor: default; box-shadow: none; }
#section-starter-collection-products .crsl__arrow:disabled:hover{ background: #fff; color: #111827; }
#section-starter-collection-products .crsl__arrow--prev{ left: -14px; }
#section-starter-collection-products .crsl__arrow--next{ right: -14px; }
@media (max-width: 1023px){#section-starter-collection-products .crsl__arrow, #section-starter-collection-products .pcard__arrow{ display: none !important; }}
#section-starter-collection-products .crsl__dots{ position: absolute; bottom: .6rem; left: 50%; transform: translateX(-50%); display: flex; gap: .3rem; align-items: center; z-index: 2; opacity: 0; pointer-events: none; transition: opacity 300ms ease; }
#section-starter-collection-products .crsl__dots.is-visible{ opacity: 1; pointer-events: auto; }
@media (hover: hover) and (pointer: fine){#section-starter-collection-products .pcard:hover .crsl__dots{ opacity: 1; pointer-events: auto; }}
#section-starter-collection-products .crsl__dot{ display: none; width: 2.5px; height: 2.5px; border-radius: 50%; border: none; padding: 0; margin: 0; background: #fff; cursor: pointer; }
#section-starter-collection-products .crsl__dot--visible{ display: inline-block; }
#section-starter-collection-products .crsl__dot--medium{ width: 4px; height: 4px; }
#section-starter-collection-products .crsl__dot--active{ width: 5.5px; height: 5.5px; }
#section-starter-collection-products .crsl__counter{ position: absolute; bottom: .75rem; left: .75rem; z-index: 2; display: flex; align-items: center; gap: 2px; padding: .35rem .75rem; border-radius: 999px; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font-size: .75rem; font-weight: 500; letter-spacing: .02em; pointer-events: none; }
#section-starter-collection-products .crsl__counter-total{ color: rgba(255,255,255,.55); }
#section-starter-collection-products .crsl__thumbs{ display: flex; gap: .5rem; margin-top: .75rem; overflow-x: auto; scrollbar-width: none; }
#section-starter-collection-products .crsl__thumbs::-webkit-scrollbar{ display: none; }
#section-starter-collection-products .crsl__thumb{ flex: 0 0 64px; width: 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; cursor: pointer; background: #f3f4f6; }
#section-starter-collection-products .crsl__thumb img, #section-starter-collection-products .crsl__thumb video{ width: 100%; height: 100%; object-fit: cover; display: block; }
#section-starter-collection-products .crsl__thumb.is-active{ border-color: currentColor; }
#section-starter-collection-products .crsl__hint{ position: absolute; inset: 0; z-index: 2; pointer-events: none; display: flex; align-items: center; justify-content: center; }
#section-starter-collection-products .crsl__hint[hidden]{ display: none; }
#section-starter-collection-products .crsl__hint svg{ opacity: 0; filter: drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
#section-starter-collection-products .crsl__hint--play svg{ animation: crsl-hint-swipe 1.4s ease-in-out; }
@keyframes crsl-hint-swipe{
  0% { opacity: 0; transform: translateX(0); }
  15% { opacity: 1; }
  50% { transform: translateX(-22px); }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translateX(0); }
}
#section-starter-collection-products .pcard-type-badge{
  display: none !important;
}
#section-starter-collection-products .pcard-feature-hint{
  display: block;
  font-size: 0.6875rem;
  font-weight: 500;
  margin-top: 0.25rem;
  line-height: 1.25;
}
#section-starter-collection-products .pcard-feature-hint--body{
  color: #71717a;
}
#section-starter-collection-products .pcard-feature-hint--room{
  color: #15803d;
}

/* sections/starter-all-collections.bit */
#section-starter-all-collections .meeram-forms__card{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #4f0000e8;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 14px rgba(79, 0, 0, 0.2);
  padding: 4px;
  box-sizing: border-box;
  text-decoration: none;
  color: #ffffff;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background-color 220ms ease;
  cursor: pointer;
}
@media (min-width: 1024px){#section-starter-all-collections .meeram-forms__card{
    border-radius: 18px;
    padding: 4px;
  }
#section-starter-all-collections .meeram-forms__card:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(79, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.2);
    background-color: #4f0000;
  }}
#section-starter-all-collections .meeram-forms__card-image{
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 12px;
  background: #3e0000;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
@media (min-width: 1024px){#section-starter-all-collections .meeram-forms__card-image{
    border-radius: 14px;
  }}
#section-starter-all-collections .meeram-forms__img-layer{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
#section-starter-all-collections .meeram-forms__img-layer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-starter-all-collections .meeram-forms__img-layer--primary{
  z-index: 1;
  opacity: 1;
  transition: opacity 220ms ease-in-out;
}
#section-starter-all-collections .meeram-forms__img-layer--hover{
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease-in-out;
}
@media (min-width: 640px){#section-starter-all-collections .meeram-forms__card:hover .meeram-forms__img-layer--hover{
    opacity: 1;
  }
#section-starter-all-collections .meeram-forms__card:hover .meeram-forms__img-layer--primary{
    opacity: 0;
  }}
#section-starter-all-collections .meeram-forms__card-body{
  padding: 0.75rem 0.5rem 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}
#section-starter-all-collections .meeram-forms__card-title{
  margin: 0;
  text-align: center;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 12px;
  font-weight: 400;
  color: #ffffff !important;
  line-height: 1.3;
  transition: opacity 150ms ease;
}
@media (min-width: 1024px){#section-starter-all-collections .meeram-forms__card-title{
    font-size: 13px !important;
  }}
#section-starter-all-collections .meeram-forms__card:hover .meeram-forms__card-title{
  opacity: 0.85;
}
#section-starter-all-collections .acg{
  padding: 84px 1rem 2.5rem;
  max-width: 98rem;
  width: 100%;
  margin: 0 auto;
  background: var(--scheme-background, transparent);
  color: var(--scheme-text, inherit);
  font-family: var(--font-body, 'Geist', sans-serif);
  box-sizing: border-box;
}
@media (min-width: 640px){#section-starter-all-collections .acg{
    padding: 90px 1.25rem 3.5rem;
  }}
@media (min-width: 990px){#section-starter-all-collections .acg{
    padding: 3.5rem 1.5rem 4rem;
  }}
#section-starter-all-collections .acg__header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px){#section-starter-all-collections .acg__header{
    margin-bottom: 1.25rem;
  }}
#section-starter-all-collections .acg__title{
  margin: 0;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: clamp(1rem, 2.2vw, 1rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #000000;
  line-height: 1.2;
}
#section-starter-all-collections .acg__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem 0.625rem;
}
@media (min-width: 640px){#section-starter-all-collections .acg__grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 1rem;
  }}
@media (min-width: 1024px){#section-starter-all-collections .acg__grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem 1.25rem;
  }}
#section-starter-all-collections .acg .meeram-forms__card, #section-starter-all-collections #section-starter-all-collections .acg .meeram-forms__card{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #cac9c9 !important;
  background-color: #d7d7d7 !important;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 4px;
  box-sizing: border-box;
  text-decoration: none;
  color: #131212;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background-color 220ms ease;
  cursor: pointer;
}
@media (min-width: 1024px){#section-starter-all-collections .acg .meeram-forms__card, #section-starter-all-collections #section-starter-all-collections .acg .meeram-forms__card{
    border-radius: 18px;
    padding: 4px;
  }
#section-starter-all-collections .acg .meeram-forms__card:hover, #section-starter-all-collections #section-starter-all-collections .acg .meeram-forms__card:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.15);
    background: #c2c1c1 !important;
    background-color: #cfcfcf !important;
  }}
#section-starter-all-collections .acg .meeram-forms__card-image{
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 12px;
  background: #3e0000;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
@media (min-width: 1024px){#section-starter-all-collections .acg .meeram-forms__card-image{
    border-radius: 14px;
  }}
#section-starter-all-collections .acg .meeram-forms__img-layer{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
#section-starter-all-collections .acg .meeram-forms__img-layer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-starter-all-collections .acg .meeram-forms__img-layer--primary{
  z-index: 1;
  opacity: 1;
  transition: opacity 220ms ease-in-out;
}
#section-starter-all-collections .acg .meeram-forms__img-layer--hover{
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease-in-out;
}
@media (min-width: 640px){#section-starter-all-collections .acg .meeram-forms__card:hover .meeram-forms__img-layer--hover{
    opacity: 1;
  }
#section-starter-all-collections .acg .meeram-forms__card:hover .meeram-forms__img-layer--primary{
    opacity: 0;
  }}
@media (max-width: 639px){#section-starter-all-collections .acg .meeram-forms__img-layer--hover{
    display: none !important;
  }
#section-starter-all-collections .acg .meeram-forms__card:hover .meeram-forms__img-layer--primary{
    opacity: 1 !important;
  }}
@media (prefers-reduced-motion: reduce){#section-starter-all-collections .acg .meeram-forms__img-layer--primary, #section-starter-all-collections .acg .meeram-forms__img-layer--hover{
    transition: none !important;
  }}
#section-starter-all-collections .acg .meeram-forms__card-body{
  padding: 0.75rem 0.5rem 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}
#section-starter-all-collections .acg .meeram-forms__card-title{
  margin: 0;
  text-align: center;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 400;
  color: #131212 !important;
  line-height: 1.3;
  transition: opacity 150ms ease;
}
@media (min-width: 1024px){#section-starter-all-collections .acg .meeram-forms__card-title{
    font-size: 13px !important;
  }}
#section-starter-all-collections .acg .meeram-forms__card:hover .meeram-forms__card-title{
  opacity: 0.85;
}

/* sections/starter-cart-page.bit */
#section-starter-cart-page .cpg{ max-width: 900px; margin: 0 auto; padding: 3rem 1.5rem; background: var(--scheme-background, transparent); color: var(--scheme-text, inherit); font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-cart-page .cpg__title{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.75rem, 4vw, 2.5rem); margin: 0 0 2rem; }
#section-starter-cart-page .cpg__empty{ text-align: center; padding: 3rem 0; color: #6b7280; }
#section-starter-cart-page .cpg__continue{ display: inline-block; margin-top: 1rem; text-decoration: underline; color: inherit; }
#section-starter-cart-page .cpg__continue--under{ text-align: center; margin-top: .75rem; }
#section-starter-cart-page .cpg__item{ display: flex; gap: 1rem; padding: 1.25rem 0; border-bottom: 1px solid #e5e7eb; }
#section-starter-cart-page .cpg__item-img{ width: 96px; height: 96px; object-fit: cover; border-radius: 6px; background: #f3f4f6; flex-shrink: 0; }
#section-starter-cart-page .cpg__item-details{ flex: 1; }
#section-starter-cart-page .cpg__item-title{ font-weight: 600; margin-bottom: .25rem; }
#section-starter-cart-page .cpg__item-variant{ font-size: .8rem; color: #9ca3af; margin-bottom: .5rem; }
#section-starter-cart-page .cpg__item-actions{ display: flex; align-items: center; gap: 1rem; margin-top: .5rem; }
#section-starter-cart-page .cpg__qty{ display: flex; align-items: center; gap: .5rem; border: 1px solid #e5e7eb; border-radius: 6px; padding: .2rem .5rem; }
#section-starter-cart-page .cpg__qty button{ border: none; background: none; cursor: pointer; font-size: 1rem; padding: .15rem .4rem; }
#section-starter-cart-page .cpg__remove{ border: none; background: none; text-decoration: underline; color: #6b7280; cursor: pointer; font-size: .85rem; }
#section-starter-cart-page .cpg__item-price{ font-weight: 600; white-space: nowrap; }
#section-starter-cart-page .cpg__summary{ margin-top: 1.5rem; padding-top: 1.5rem; border-top: 2px solid #111827; }
#section-starter-cart-page .cpg__subtotal-row{ display: flex; justify-content: space-between; font-size: 1.15rem; font-weight: 700; margin-bottom: .5rem; }
#section-starter-cart-page .cpg__tax-note{ font-size: .8rem; color: #6b7280; margin: 0 0 1.25rem; }
#section-starter-cart-page .cpg__checkout{ display: block; text-align: center; padding: 1rem; border-radius: 999px; font-weight: 600; text-decoration: none; background: var(--scheme-button, #111827); color: var(--scheme-button-label, #fff); }

/* sections/starter-search-results.bit */
#section-starter-search-results .crsl__wrap{ position: relative; }
#section-starter-search-results .crsl__track{ display: flex; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding: .25rem .25rem .75rem; }
#section-starter-search-results .crsl__track::-webkit-scrollbar{ display: none; }
#section-starter-search-results .crsl__track > *{ scroll-snap-align: start; flex: 0 0 auto; }
#section-starter-search-results .crsl__arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: none; background: #fff; color: #111827; box-shadow: 0 1px 6px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; padding: 0; transition: background-color .15s, box-shadow .15s; }
#section-starter-search-results .crsl__arrow:hover{ background: #111827; color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
#section-starter-search-results .crsl__arrow:disabled{ opacity: .35; cursor: default; box-shadow: none; }
#section-starter-search-results .crsl__arrow:disabled:hover{ background: #fff; color: #111827; }
#section-starter-search-results .crsl__arrow--prev{ left: -14px; }
#section-starter-search-results .crsl__arrow--next{ right: -14px; }
@media (max-width: 1023px){#section-starter-search-results .crsl__arrow, #section-starter-search-results .pcard__arrow{ display: none !important; }}
#section-starter-search-results .crsl__dots{ position: absolute; bottom: .6rem; left: 50%; transform: translateX(-50%); display: flex; gap: .3rem; align-items: center; z-index: 2; }
#section-starter-search-results .crsl__dot{ display: none; width: 2.5px; height: 2.5px; border-radius: 50%; border: none; padding: 0; margin: 0; background: #fff; cursor: pointer; }
#section-starter-search-results .crsl__dot--visible{ display: inline-block; }
#section-starter-search-results .crsl__dot--medium{ width: 4px; height: 4px; }
#section-starter-search-results .crsl__dot--active{ width: 5.5px; height: 5.5px; }
#section-starter-search-results .crsl__counter{ position: absolute; bottom: .75rem; left: .75rem; z-index: 2; display: flex; align-items: center; gap: 2px; padding: .35rem .75rem; border-radius: 999px; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font-size: .75rem; font-weight: 500; letter-spacing: .02em; pointer-events: none; }
#section-starter-search-results .crsl__counter-total{ color: rgba(255,255,255,.55); }
#section-starter-search-results .crsl__thumbs{ display: flex; gap: .5rem; margin-top: .75rem; overflow-x: auto; scrollbar-width: none; }
#section-starter-search-results .crsl__thumbs::-webkit-scrollbar{ display: none; }
#section-starter-search-results .crsl__thumb{ flex: 0 0 64px; width: 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; cursor: pointer; background: #f3f4f6; }
#section-starter-search-results .crsl__thumb img, #section-starter-search-results .crsl__thumb video{ width: 100%; height: 100%; object-fit: cover; display: block; }
#section-starter-search-results .crsl__thumb.is-active{ border-color: currentColor; }
#section-starter-search-results .crsl__hint{ position: absolute; inset: 0; z-index: 2; pointer-events: none; display: flex; align-items: center; justify-content: center; }
#section-starter-search-results .crsl__hint[hidden]{ display: none; }
#section-starter-search-results .crsl__hint svg{ opacity: 0; filter: drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
#section-starter-search-results .crsl__hint--play svg{ animation: crsl-hint-swipe 1.4s ease-in-out; }
@keyframes crsl-hint-swipe{
  0% { opacity: 0; transform: translateX(0); }
  15% { opacity: 1; }
  50% { transform: translateX(-22px); }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translateX(0); }
}
#section-starter-search-results .pcard{ display: flex; flex-direction: column; min-width: 0; font-family: var(--font-body, 'Geist', sans-serif); border: 1px solid #e0e0e0; overflow: hidden; background: transparent; transition: background-color .2s ease; }
#section-starter-search-results .pcard:hover{ background-color: rgba(0,0,0,.015); }
#section-starter-search-results .pcard__img-wrap{ position: relative; display: block; aspect-ratio: var(--pcard-aspect, 5/7); overflow: hidden; background: #f9f9f9; }
#section-starter-search-results .pcard__img{ width: 100%; height: 100%; object-fit: cover; }
#section-starter-search-results .pcard__gallery, #section-starter-search-results .pcard__gallery-track{ width: 100%; height: 100%; }
#section-starter-search-results .pcard__gallery-track{ gap: 0; padding: 0; }
#section-starter-search-results .pcard__gallery-track > .pcard__img{ flex: 0 0 100%; }
#section-starter-search-results .pcard__arrow{
  width: 32px; height: 32px; opacity: 0;
  background: rgba(255,255,255,.15); color: #18181b;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  box-shadow: none; transition: opacity .2s ease, background-color .2s ease;
}
#section-starter-search-results .pcard:hover .pcard__arrow:not(:disabled){ opacity: 1; }
#section-starter-search-results .pcard__arrow:hover{ background: rgba(255,255,255,.3); color: #18181b; }
#section-starter-search-results .pcard__gallery .crsl__arrow--prev{ left: 8px; }
#section-starter-search-results .pcard__gallery .crsl__arrow--next{ right: 8px; }
@media (hover: none){#section-starter-search-results .pcard__arrow{ display: none !important; }}
#section-starter-search-results .pcard__dots{ opacity: 0; pointer-events: none; transition: opacity .3s ease; }
#section-starter-search-results .pcard__dots.is-visible{ opacity: 1; pointer-events: auto; }
#section-starter-search-results .pcard:hover .pcard__dots{ opacity: 1; pointer-events: auto; }
#section-starter-search-results .pcard__badge{ position: absolute; bottom: .5rem; right: .5rem; background: #e8e0d6; color: #000; font-size: .56rem; font-weight: 600; padding: .19rem .5rem; letter-spacing: .02em; text-transform: uppercase; }
#section-starter-search-results .pcard__info{ display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; padding: 1rem .75rem 1.125rem; }
#section-starter-search-results .pcard__details{ flex: 1; min-width: 0; }
#section-starter-search-results .pcard__vendor{ font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: #71717a; margin: 0 0 .25rem; font-weight: 500; }
#section-starter-search-results .pcard__name{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 1rem; color: #18181b; text-decoration: none; padding-bottom: .25rem; line-height: 1.3; }
@media (min-width: 768px){#section-starter-search-results .pcard__name{ font-size: 1.0625rem; }}
#section-starter-search-results .pcard__price{ display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin-top: .2rem; }
#section-starter-search-results .pcard__now{ font-size: .9375rem; font-weight: 600; color: #ef4444; white-space: nowrap; }
#section-starter-search-results .pcard__now--no-sale{ color: #18181b; }
#section-starter-search-results .pcard__compare{ font-size: .8125rem; font-weight: 400; color: #71717a; text-decoration: line-through; white-space: nowrap; }
@media (min-width: 768px){#section-starter-search-results .pcard__now{ font-size: 1rem; }
#section-starter-search-results .pcard__compare{ font-size: .875rem; }}
#section-starter-search-results .pcard__add-wrap{ flex-shrink: 0; margin: 0; }
#section-starter-search-results .pcard__quick-add{ background: transparent; border: none; padding: .1rem 0 0; color: #18181b; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity .2s ease, transform .2s ease; -webkit-tap-highlight-color: transparent; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine){#section-starter-search-results .pcard__quick-add:hover{ opacity: .6; transform: scale(1.05); }}
@media (max-width: 1023px), (hover: none){#section-starter-search-results .pcard__quick-add, #section-starter-search-results .pcard__quick-add:hover, #section-starter-search-results .pcard__quick-add:focus, #section-starter-search-results .pcard__quick-add:active{ transform: none !important; opacity: 1 !important; }}
#section-starter-search-results .pcard__quick-add svg{ width: 22px; height: 22px; }
@media (min-width: 768px){#section-starter-search-results .pcard__quick-add svg{ width: 24px; height: 24px; }
#section-starter-search-results .pcard__info{ padding: 1.125rem 1rem 1.25rem; }}
#section-starter-search-results .meeram-forms__card{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #4f0000e8;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 14px rgba(79, 0, 0, 0.2);
  padding: 4px;
  box-sizing: border-box;
  text-decoration: none;
  color: #ffffff;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background-color 220ms ease;
  cursor: pointer;
}
@media (min-width: 1024px){#section-starter-search-results .meeram-forms__card{
    border-radius: 18px;
    padding: 4px;
  }
#section-starter-search-results .meeram-forms__card:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(79, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.2);
    background-color: #4f0000;
  }}
#section-starter-search-results .meeram-forms__card-image{
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 12px;
  background: #3e0000;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
@media (min-width: 1024px){#section-starter-search-results .meeram-forms__card-image{
    border-radius: 14px;
  }}
#section-starter-search-results .meeram-forms__img-layer{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
#section-starter-search-results .meeram-forms__img-layer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-starter-search-results .meeram-forms__img-layer--primary{
  z-index: 1;
  opacity: 1;
  transition: opacity 220ms ease-in-out;
}
#section-starter-search-results .meeram-forms__img-layer--hover{
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease-in-out;
}
@media (min-width: 640px){#section-starter-search-results .meeram-forms__card:hover .meeram-forms__img-layer--hover{
    opacity: 1;
  }
#section-starter-search-results .meeram-forms__card:hover .meeram-forms__img-layer--primary{
    opacity: 0;
  }}
#section-starter-search-results .meeram-forms__card-body{
  padding: 0.75rem 0.5rem 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}
#section-starter-search-results .meeram-forms__card-title{
  margin: 0;
  text-align: center;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 12px;
  font-weight: 400;
  color: #ffffff !important;
  line-height: 1.3;
  transition: opacity 150ms ease;
}
@media (min-width: 1024px){#section-starter-search-results .meeram-forms__card-title{
    font-size: 13px !important;
  }}
#section-starter-search-results .meeram-forms__card:hover .meeram-forms__card-title{
  opacity: 0.85;
}
#section-starter-search-results .sr{ max-width: 1200px; margin: 0 auto; padding: 3rem 1.5rem 4rem; background: var(--scheme-background, transparent); color: var(--scheme-text, inherit); font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-search-results .sr__bar{ display: flex; align-items: center; gap: .6rem; max-width: 560px; margin: 0 auto 2.5rem; border: 1px solid #e5e7eb; border-radius: 999px; padding: .8rem 1.1rem; background: #f9fafb; transition: border-color .15s, background .15s; }
#section-starter-search-results .sr__bar:focus-within{ border-color: #c7c7cc; background: #fff; }
#section-starter-search-results .sr__bar > svg:first-child{ flex-shrink: 0; color: #9ca3af; }
#section-starter-search-results .sr__bar-input{ flex: 1; min-width: 0; border: none; outline: none; font-size: 16px; background: transparent; color: inherit; font-family: inherit; }
#section-starter-search-results .sr__bar-submit{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: none; border: none; padding: .1rem; cursor: pointer; color: #111; }
#section-starter-search-results .sr__prompt{ text-align: center; color: #9ca3af; padding: 3rem 0; display: flex; flex-direction: column; align-items: center; gap: .35rem; }
#section-starter-search-results .sr__prompt > svg{ color: #d1d5db; margin-bottom: .5rem; width: 32px; height: 32px; }
#section-starter-search-results .sr__prompt-title{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: 1.05rem; font-weight: 600; color: var(--scheme-text, #18181b); margin: 0; }
#section-starter-search-results .sr__prompt-sub{ font-size: .88rem; color: #9ca3af; margin: 0; }
#section-starter-search-results .sr__eyebrow{ text-align: center; font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #9ca3af; margin: 0 0 .5rem; }
#section-starter-search-results .sr__heading{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.4rem, 3vw, 1.9rem); text-align: center; margin: 0 0 2.25rem; }
#section-starter-search-results .sr__grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
@media (max-width: 768px){#section-starter-search-results .sr__grid{ grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 480px){#section-starter-search-results .sr__grid{ grid-template-columns: 1fr; }}
#section-starter-search-results .sr__page-result{ display: block; padding: 1rem; border: 1px solid #e5e7eb; border-radius: 8px; text-decoration: none; color: inherit; }
#section-starter-search-results .sr__load-more{ display: block; margin: 2.5rem auto 0; padding: .75rem 2rem; border-radius: 999px; border: 1px solid currentColor; background: none; color: inherit; cursor: pointer; font-weight: 600; font-family: inherit; transition: opacity .15s; }
#section-starter-search-results .sr__load-more:disabled{ opacity: .5; cursor: default; }

/* sections/starter-not-found.bit */
#section-starter-not-found .nf{ max-width: 480px; margin: 0 auto; padding: 6rem 1.5rem; text-align: center; background: var(--scheme-background, transparent); color: var(--scheme-text, inherit); font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-not-found .nf__heading{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.75rem, 4vw, 2.5rem); margin: 0 0 1rem; }
#section-starter-not-found .nf__body{ color: #6b7280; margin: 0 0 1.5rem; line-height: 1.5; }
#section-starter-not-found .nf__btn{ display: inline-block; padding: .85rem 2rem; border-radius: 999px; font-weight: 600; text-decoration: none; background: var(--scheme-button, #111827); color: var(--scheme-button-label, #fff); }

/* sections/starter-password-message.bit */
#section-starter-password-message .pwm{ max-width: 480px; margin: 0 auto; padding: 5rem 1.5rem 1rem; text-align: center; background: var(--scheme-background, transparent); color: var(--scheme-text, inherit); font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-password-message .pwm__logo{ max-height: 48px; margin: 0 auto 1.5rem; display: block; }
#section-starter-password-message .pwm__heading{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 .75rem; }
#section-starter-password-message .pwm__body{ color: #6b7280; margin: 0; line-height: 1.5; }

/* sections/starter-header.bit */
#section-starter-header .header-wrapper{
  position: relative;
  z-index: 1000;
  width: 100%;
}
#section-starter-header .header-wrapper--sticky{
  position: sticky;
  top: 0;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: background-color, backdrop-filter, -webkit-backdrop-filter, box-shadow, border-color;
  transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              backdrop-filter 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-backdrop-filter 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease,
              box-shadow 0.3s ease;
}
#section-starter-header .premium-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  min-height: 55px;
  height: auto;
  max-width: var(--page-width, 1600px);
  margin: 0 auto;
  color: #111111;
  box-sizing: border-box;
}
#section-starter-header .premium-header__mobile-left{
  display: none !important;
}
#section-starter-header .premium-header__mobile-brand-link{
  display: none !important;
}
#section-starter-header .premium-header__nav{
  flex: 1 1 33.33%;
  display: flex;
  justify-content: flex-start;
}
#section-starter-header .premium-header__menu{
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
#section-starter-header .premium-header__menu-item{
  font-family: 'Geist', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  color: #111111;
  position: relative;
  padding: 0.5rem 0;
  transition: opacity 0.2s ease;
}
#section-starter-header .premium-header__menu-item:hover{
  opacity: 0.6;
}
#section-starter-header .premium-header__menu-item::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#section-starter-header .premium-header__menu-item:hover::after{
  width: 100%;
}
#section-starter-header .premium-header__menu-has-dropdown{
  position: relative;
}
#section-starter-header .premium-header__dropdown{
  position: absolute;
  top: calc(100% - 4px);
  left: 0;
  min-width: 170px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  padding: 6px 0;
  list-style: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s ease;
  z-index: 1000;
}
#section-starter-header .premium-header__dropdown::before{
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
}
#section-starter-header .premium-header__menu-has-dropdown:hover .premium-header__dropdown{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#section-starter-header .premium-header__dropdown-item{
  display: block;
  padding: 8px 14px;
  font-family: 'Geist', sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  color: #111111;
  transition: background-color 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}
#section-starter-header .premium-header__dropdown-item:hover{
  background-color: rgba(0, 0, 0, 0.04);
  color: #000000;
}
#section-starter-header .premium-header__logo{
  flex: 1 1 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
#section-starter-header .premium-header__logo-img, #section-starter-header .premium-header__logo img{
  height: 50px;
  width: auto;
  max-height: 200px;
  display: block;
  object-fit: contain;
}
#section-starter-header .premium-header__logo-text{
  font-family: 'Geist', sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #0d0d0d;
  line-height: 1;
}
#section-starter-header .premium-header__icons{
  flex: 1 1 33.33%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}
#section-starter-header .premium-header__icon{
  color: #111111;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}
#section-starter-header .premium-header__icon:hover{
  transform: scale(1.1);
  opacity: 0.7;
}
#section-starter-header .premium-header__icon svg{
  width: 16px;
  height: 16px;
}
#section-starter-header .premium-header__icon--search svg{
  width: 15px !important;
  height: 15px !important;
}
#section-starter-header .premium-header__icon--account svg{
  width: 13px !important;
  height: 13px !important;
}
#section-starter-header #cart-icon-bubble svg{
  margin-top: 0;
  width: 19px;
  height: 19px;
}
#section-starter-header .mhs-bag-count{
  position: absolute;
  right: -7px;
  bottom: -4px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 9999px;
  background: #111111;
  color: #ffffff;
  font-family: 'Geist', sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
}
#section-starter-header .mhs-bag-count:empty{
  display: none !important;
}
#section-starter-header .premium-header__menu-mobile-btn{
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  color: #808080;
  padding: 0;
  transition: opacity 0.2s ease;
}
#section-starter-header .premium-header__menu-mobile-btn:hover{
  opacity: 0.7;
}
#section-starter-header .premium-header__menu-mobile-btn svg{
  width: 20px;
  height: 20px;
  fill: currentColor;
  stroke: none;
}
#section-starter-header .header-drawer-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}
#section-starter-header .header-drawer-overlay.open{
  opacity: 1;
  visibility: visible;
}
#section-starter-header .header-drawer-content{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 380px;
  height: 100dvh;
  padding-top: 68px;
  background-color: rgba(250, 250, 250, 0.96) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  color: #111111;
  transform: translateX(-100%);
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  box-sizing: border-box;
}
#section-starter-header .header-drawer-content.open{
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
}
#section-starter-header .drawer-cart-count{
  position: static !important;
  display: inline !important;
  background: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  padding: 0 !important;
  min-width: 0 !important;
  height: auto !important;
}
#section-starter-header .drawer-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-sizing: border-box;
}
#section-starter-header .drawer-header__logo{
  text-decoration: none;
  color: #0d0d0d;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  font-family: 'Geist', sans-serif;
  display: flex;
  align-items: center;
}
#section-starter-header .drawer-close-btn{
  background: none;
  border: none;
  color: #111111;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}
#section-starter-header .drawer-close-btn:hover{
  opacity: 0.7;
}
#section-starter-header .drawer-close-btn svg{
  width: 24px;
  height: 24px;
}
#section-starter-header .drawer-body{
  flex: 1;
  overflow-y: auto;
  padding: 2rem;
  box-sizing: border-box;
}
#section-starter-header .drawer-menu{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#section-starter-header .drawer-menu-item-container{
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
#section-starter-header .header-drawer-content.open .drawer-menu-item-container{
  opacity: 1;
  transform: translateY(0);
}
#section-starter-header .header-drawer-content.open .drawer-menu-item-container:nth-child(1){ transition-delay: 0.05s; }
#section-starter-header .header-drawer-content.open .drawer-menu-item-container:nth-child(2){ transition-delay: 0.1s; }
#section-starter-header .header-drawer-content.open .drawer-menu-item-container:nth-child(3){ transition-delay: 0.15s; }
#section-starter-header .header-drawer-content.open .drawer-menu-item-container:nth-child(4){ transition-delay: 0.2s; }
#section-starter-header .header-drawer-content.open .drawer-menu-item-container:nth-child(5){ transition-delay: 0.25s; }
#section-starter-header .header-drawer-content.open .drawer-menu-item-container:nth-child(6){ transition-delay: 0.3s; }
#section-starter-header .drawer-menu-item{
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: #111111;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.2s ease;
}
#section-starter-header .drawer-menu-item:hover{
  opacity: 0.7;
}
#section-starter-header .drawer-submenu-trigger{
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#section-starter-header .drawer-submenu-indicator{
  font-size: 1.5rem;
  line-height: 1;
  color: #111111;
  font-weight: 300;
}
#section-starter-header .drawer-submenu{
  list-style: none;
  padding: 0 0 0 1rem;
  margin: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, margin-top 0.4s ease-in-out, opacity 0.3s ease-in-out;
}
#section-starter-header .drawer-submenu.expanded{
  max-height: 500px;
  margin-top: 1rem;
  opacity: 1;
}
#section-starter-header .drawer-submenu-item{
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0.05em;
  transition: color 0.2s ease;
}
#section-starter-header .drawer-submenu-item:hover{
  color: #111111;
}
#section-starter-header .drawer-footer{
  padding: 1.5rem 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-sizing: border-box;
}
@media screen and (min-width: 990px){#section-starter-header body:has(#meeram-home) .header-wrapper, #section-starter-header body.has-hero-shell .header-wrapper, #section-starter-header .header-wrapper.header--hero-overlay{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }
#section-starter-header body:not(:has(#meeram-home)) .header-wrapper{
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }
#section-starter-header .header-wrapper.is-scrolled, #section-starter-header .header-wrapper--sticky.is-scrolled, #section-starter-header body:has(#meeram-home) .header-wrapper.is-scrolled, #section-starter-header body.has-hero-shell .header-wrapper.is-scrolled, #section-starter-header .header-wrapper.header--hero-overlay.is-scrolled{
    background: rgba(255, 255, 255, 0.72) !important;
    background-color: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05) !important;
  }}
@media screen and (max-width: 989px){#section-starter-header .header-wrapper, #section-starter-header .header-wrapper--sticky{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10002 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
#section-starter-header body:not(:has(#meeram-home)){
    padding-top: 64px;
  }
#section-starter-header .meeram-pdp{
    padding-top: 54px;
  }
#section-starter-header .cp{
    padding-top: 54px;
  }
#section-starter-header .premium-header{
    padding: 10px 1rem !important;
    height: auto !important;
    min-height: 54px !important;
    background: transparent !important;
    justify-content: space-between !important;
    align-items: center !important;
    pointer-events: none !important;
  }
#section-starter-header .premium-header__mobile-left{
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 50px !important;
    padding: 0 16px 0 5px !important;
    gap: 10px !important;
    margin-left: 0 !important;
    height: 42px !important;
    background-color: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    pointer-events: auto !important;
  }
#section-starter-header .premium-header__nav{
    display: none !important;
  }
#section-starter-header .desktop-only-logo, #section-starter-header .premium-header > .premium-header__logo{
    display: none !important;
  }
#section-starter-header .premium-header__mobile-brand-link{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #111111 !important;
    line-height: 1 !important;
    padding-right: 4px !important;
  }
#section-starter-header .premium-header__mobile-brand-link .tt-brand-logo-svg{
    height: 12px !important;
    width: auto !important;
    max-width: 105px !important;
    display: block !important;
    fill: #111111 !important;
    color: #111111 !important;
  }
#section-starter-header .drawer-header__logo .premium-header__logo-img{
    height: 16px !important;
    max-height: 16px !important;
  }
#section-starter-header .premium-header__logo-text{
    font-family: 'Geist', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    color: #0d0d0d !important;
    line-height: 1 !important;
  }
#section-starter-header .premium-header__icons{
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    border-radius: 50px !important;
    padding: 0 16px !important;
    margin-right: 0 !important;
    height: 42px !important;
    background-color: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    pointer-events: auto !important;
  }
#section-starter-header .header-drawer-overlay{
    height: 100dvh !important;
  }
#section-starter-header .header-drawer-content{
    max-width: 100% !important;
    height: 100dvh !important;
    padding-top: 68px !important;
  }
#section-starter-header .premium-header__menu-mobile-btn{
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.42) !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
    color: #111111 !important;
    padding: 0 !important;
    transition: background-color 0.25s ease, transform 0.2s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
#section-starter-header .premium-header__menu-mobile-btn:hover, #section-starter-header .premium-header__menu-mobile-btn:active, #section-starter-header .premium-header__menu-mobile-btn.is-active, #section-starter-header .premium-header__menu-mobile-btn[aria-expanded="true"], #section-starter-header .header-wrapper.drawer-open .premium-header__menu-mobile-btn{
    background: rgba(255, 255, 255, 0.65) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
  }
#section-starter-header .mob-h-icon-wrap{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    pointer-events: none !important;
  }
#section-starter-header .mob-h-icon-open, #section-starter-header .mob-h-icon-close{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
    stroke: none !important;
    pointer-events: none !important;
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease !important;
  }
#section-starter-header .mob-h-icon-open{
    opacity: 1 !important;
    transform: rotate(0deg) scale(1) !important;
  }
#section-starter-header .mob-h-icon-close{
    opacity: 0 !important;
    transform: rotate(-90deg) scale(0.65) !important;
  }
#section-starter-header .premium-header__menu-mobile-btn.is-active .mob-h-icon-open, #section-starter-header .premium-header__menu-mobile-btn[aria-expanded="true"] .mob-h-icon-open, #section-starter-header .header-wrapper.drawer-open .mob-h-icon-open{
    opacity: 0 !important;
    transform: rotate(90deg) scale(0.65) !important;
  }
#section-starter-header .premium-header__menu-mobile-btn.is-active .mob-h-icon-close, #section-starter-header .premium-header__menu-mobile-btn[aria-expanded="true"] .mob-h-icon-close, #section-starter-header .header-wrapper.drawer-open .mob-h-icon-close{
    opacity: 1 !important;
    transform: rotate(0deg) scale(1) !important;
  }
#section-starter-header .premium-header__icon svg{
    width: 17px !important;
    height: 17px !important;
  }
#section-starter-header #cart-icon-bubble svg{
    width: 18px !important;
    height: 18px !important;
    margin-top: 0 !important;
  }
#section-starter-header .premium-header__icon--account{
    display: none !important;
  }}
#section-starter-header .mqa-header-row{
  display: flex !important;
  align-items: stretch !important;
  gap: 1.35rem !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 640px){#section-starter-header .mqa-header-row{
    gap: 1rem !important;
    align-items: stretch !important;
  }}
#section-starter-header .mqa-thumb-wrap{
  width: 11.5rem !important;
  min-width: 11.5rem !important;
  height: auto !important;
  min-height: 11.5rem !important;
  align-self: stretch !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #f4f4f5 !important;
  border: none !important;
  flex-shrink: 0 !important;
  display: flex !important;
  position: relative !important;
}
@media (max-width: 640px){#section-starter-header .mqa-thumb-wrap{
    width: 7.75rem !important;
    min-width: 7.75rem !important;
    height: auto !important;
    min-height: 7.75rem !important;
    align-self: stretch !important;
    border-radius: 16px !important;
  }}
#section-starter-header .mqa-thumb-wrap.is-loading::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
  animation: mqaShimmer 1.2s infinite;
  pointer-events: none;
}
@keyframes mqaShimmer{
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
#section-starter-header .mqa-thumb-img{
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
  transition: opacity 180ms ease !important;
}
#section-starter-header .mqa-thumb-img:not([src]), #section-starter-header .mqa-thumb-img[src=""], #section-starter-header .mqa-thumb-img[src="#"]{
  opacity: 0 !important;
  visibility: hidden !important;
}
#section-starter-header .mqa-details{
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
#section-starter-header .mqa-title-row{
  display: flex !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* sections/starter-footer.bit */
#section-starter-footer .custom-footer-wrapper{
  padding: 0 1.5vw;
  width: 100%;
  margin-top: 40px;
  background: transparent;
  box-sizing: border-box;
}
#section-starter-footer .custom-footer-inner{
  background: #cac9c9 !important;
  background-color: #d7d7d7 !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  padding: 3.5vw 3.5vw 2.5vw;
  display: flex;
  justify-content: space-between;
  gap: 5vw;
  flex-wrap: wrap;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  color: #111111;
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
#section-starter-footer .footer-column{
  display: flex;
  flex-direction: column;
}
#section-starter-footer .footer-column--logo{
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 280px;
}
#section-starter-footer .footer-brand-title{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  line-height: 1;
}
#section-starter-footer .footer-brand-logo-svg{
  width: 250px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 680 / 78;
  display: block;
  color: #111111;
  fill: currentColor;
  transition: opacity 160ms ease, transform 160ms ease;
}
#section-starter-footer .footer-brand-title:hover .footer-brand-logo-svg{
  opacity: 0.85;
  transform: translateY(-1px);
}
#section-starter-footer .footer-brand-tagline{
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 11.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #111111;
  opacity: 0.7;
  font-weight: 500;
  margin: 10px 0 0 0;
  line-height: 1.4;
}
#section-starter-footer .footer-heading--logo{
  display: flex;
  align-items: center;
  margin: 0 0 1.25rem 0;
  padding: 0;
}
#section-starter-footer .footer-heading-logo-svg{
  width: 140px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 680 / 78;
  display: block;
  color: #111111;
  fill: currentColor;
  margin-bottom: 2px;
}
@media (max-width: 640px){#section-starter-footer .footer-brand-logo-svg{
    width: 200px;
  }
#section-starter-footer .footer-heading-logo-svg{
    width: 125px;
  }}
#section-starter-footer .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
#section-starter-footer .footer-column--connect{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
#section-starter-footer .footer-connect-content{
  display: flex;
  flex-direction: column;
}
#section-starter-footer .footer-3d-wrap{
  width: var(--footer-3d-size-m, 145px);
  height: var(--footer-3d-size-m, 145px);
  margin: 0;
  cursor: grab;
  position: relative;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  flex-shrink: 0;
}
#section-starter-footer .footer-3d-wrap:active{
  cursor: grabbing;
}
#section-starter-footer .footer-3d-wrap canvas{
  width: 100% !important;
  height: 100% !important;
  display: block;
  outline: none;
  background: transparent !important;
}
#section-starter-footer .footer-3d-wrap model-viewer{
  width: 100% !important;
  height: 100% !important;
  --poster-color: transparent !important;
  --progress-bar-color: transparent !important;
  --progress-mask: transparent !important;
  --progress-bar-height: 0px !important;
  background-color: transparent !important;
  background: transparent !important;
  outline: none !important;
  border: none !important;
  display: block;
}
#section-starter-footer .footer-3d-wrap model-viewer::part(default-progress-bar), #section-starter-footer .footer-3d-wrap model-viewer::part(default-progress-mask){
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#section-starter-footer .footer-3d-wrap model-viewer::part(default-ar-button){
  display: none !important;
}
@media (min-width: 951px){#section-starter-footer .footer-3d-wrap{
    width: var(--footer-3d-size-d, 170px);
    height: var(--footer-3d-size-d, 170px);
  }}
@media (max-width: 950px){#section-starter-footer .footer-3d-wrap{
    margin: 0;
  }}
#section-starter-footer .footer-social-icons{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 4px;
}
#section-starter-footer .footer-social-icon{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}
#section-starter-footer .footer-social-icon:hover{
  transform: translateY(-2px) scale(1.08);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
#section-starter-footer .footer-social-icon svg{
  display: block;
}
#section-starter-footer .footer-heading{
  font-family: 'Geist', sans-serif;
  font-size: 12px;
  margin: 0 0 14px 0;
  font-weight: 600;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
#section-starter-footer .footer-links{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
#section-starter-footer .footer-links a{
  text-decoration: none;
  font-size: 11px;
  color: #111111 !important;
  transition: opacity 0.2s ease, transform 0.2s ease;
  font-family: 'Geist', sans-serif;
  font-weight: 400;
  line-height: 1.4;
  display: inline-block;
  opacity: 0.85;
}
#section-starter-footer .footer-links a:hover{
  opacity: 1;
  transform: translateX(3px);
}
#section-starter-footer .footer-logo-img{
  width: 160px;
  max-width: 100%;
  height: auto;
  display: block;
}
#section-starter-footer .footer-bottom-bar{
  width: 100%;
  padding-top: 2vw;
  margin-top: 2vw;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
#section-starter-footer .footer-copyright{
  font-size: 11px;
  color: #222222;
  opacity: 0.85;
  margin: 0;
  font-family: 'Geist', sans-serif;
}
#section-starter-footer .footer-bottom-links a{
  font-size: 11px;
  color: #222222 !important;
  opacity: 0.85;
  text-decoration: none;
  margin-left: 14px;
  transition: opacity 0.15s ease;
}
#section-starter-footer .footer-bottom-links a:hover{
  opacity: 1;
}
@media screen and (max-width: 950px){#section-starter-footer .custom-footer-wrapper{
    padding: 0 1.5vw;
  }
#section-starter-footer .custom-footer-inner{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 20px;
    padding: 36px 6% 28px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
#section-starter-footer .footer-column--logo{
    grid-column: 1 / -1;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 4px;
    max-width: 100%;
  }
#section-starter-footer .footer-brand-tagline{
    margin-top: 6px;
    font-size: 11px;
    text-align: center;
  }
#section-starter-footer .footer-column--connect{
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    margin-top: 4px;
    gap: 16px;
  }
#section-starter-footer .footer-connect-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
#section-starter-footer .footer-social-icons{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 6px;
  }
#section-starter-footer .footer-logo-img{
    width: 130px;
  }
#section-starter-footer .footer-column--right{
    justify-self: end;
    text-align: right;
  }
#section-starter-footer .footer-column--right .footer-heading--logo{
    justify-content: flex-end;
  }
#section-starter-footer .footer-heading{
    font-size: 12.5px;
    margin-bottom: 10px;
  }
#section-starter-footer .footer-links{
    gap: 8px;
  }
#section-starter-footer .footer-bottom-bar{
    grid-column: 1 / -1;
    padding-top: 20px;
    margin-top: 10px;
    justify-content: center;
    text-align: center;
  }}

/* sections/starter-blog-listing.bit */
#section-starter-blog-listing .bl{ padding: 3rem 1.5rem; max-width: 1000px; margin: 0 auto; background: var(--scheme-background, transparent); color: var(--scheme-text, inherit); font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-blog-listing .bl__heading{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.75rem, 4vw, 2.5rem); margin: 0 0 2rem; }
#section-starter-blog-listing .bl__empty{ color: #9ca3af; }
#section-starter-blog-listing .bl__grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
@media (max-width: 768px){#section-starter-blog-listing .bl__grid{ grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 540px){#section-starter-blog-listing .bl__grid{ grid-template-columns: 1fr; }}

/* sections/starter-blog-post.bit */
#section-starter-blog-post .bp{ padding: 3rem 1.5rem; max-width: 720px; margin: 0 auto; background: var(--scheme-background, transparent); color: var(--scheme-text, inherit); font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-blog-post .bp__back{ display: inline-block; margin-bottom: 1.5rem; font-size: .85rem; color: #6b7280; text-decoration: none; }
#section-starter-blog-post .bp__back:hover{ text-decoration: underline; }
#section-starter-blog-post .bp__cover{ width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--radius, 8px); margin-bottom: 1.5rem; }
#section-starter-blog-post .bp__meta{ display: flex; gap: .75rem; font-size: .8rem; color: #9ca3af; margin-bottom: .5rem; }
#section-starter-blog-post .bp__title{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.75rem, 4vw, 2.5rem); margin: 0 0 2rem; line-height: 1.25; }
#section-starter-blog-post .bp__content{ line-height: 1.8; }
#section-starter-blog-post .bp__content--plain{ white-space: pre-wrap; }
#section-starter-blog-post .bp__content img{ max-width: 100%; border-radius: 8px; }

/* sections/starter-announcement-bar.bit */
#section-starter-announcement-bar .ab{ position: relative; display: flex; align-items: center; justify-content: center; padding: .6rem 2.5rem; background: var(--scheme-background, #111827); color: var(--scheme-text, #fff); font-family: var(--font-body, 'Geist', sans-serif); font-size: .8rem; text-align: center; overflow: hidden; }
#section-starter-announcement-bar .ab__track{ display: flex; width: 100%; transition: transform .4s ease; }
#section-starter-announcement-bar .ab__slide{ flex: 0 0 100%; display: flex; justify-content: center; }
#section-starter-announcement-bar .ab__link, #section-starter-announcement-bar .ab__text{ color: inherit; text-decoration: none; }
#section-starter-announcement-bar .ab__link:hover{ text-decoration: underline; }
#section-starter-announcement-bar .ab__close{ position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); background: none; border: none; color: inherit; cursor: pointer; padding: .25rem; opacity: .7; transition: opacity .15s; }
#section-starter-announcement-bar .ab__close:hover{ opacity: 1; }

/* sections/starter-call-to-action.bit */
#section-starter-call-to-action .cta{ padding: 5rem 1.5rem; text-align: center; background-color: var(--scheme-background, #111827); background-size: cover; background-position: center; color: var(--scheme-text, #fff); position: relative; font-family: var(--font-body, 'Geist', sans-serif); }
#section-starter-call-to-action .cta__inner{ position: relative; max-width: 560px; margin: 0 auto; }
#section-starter-call-to-action .cta__heading{ font-family: var(--font-heading, 'Geist', sans-serif); font-size: clamp(1.75rem, 4vw, 2.5rem); margin: 0 0 .75rem; }
#section-starter-call-to-action .cta__description{ opacity: .85; margin: 0 0 1.5rem; line-height: 1.6; }
#section-starter-call-to-action .cta__btn{ display: inline-block; padding: .9rem 2.25rem; border-radius: 999px; background: var(--scheme-button, #fff); color: var(--scheme-button-label, #111827); text-decoration: none; font-weight: 600; transition: transform .15s, opacity .15s; margin: 0 .4rem .4rem; }
#section-starter-call-to-action .cta__btn:hover{ transform: translateY(-1px); opacity: .9; }

/* sections/meeram-cart-drawer.bit */
#section-meeram-cart-drawer #section-meeram-cart-drawer, #section-meeram-cart-drawer [data-section="meeram-cart-drawer"]{
  display: contents !important;
}
#section-meeram-cart-drawer .cart-drawer-sheet{
  position: fixed;
  inset: 0;
  z-index: 9999999;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s linear 380ms;
}
#section-meeram-cart-drawer .cart-drawer-sheet.is-active{
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
#section-meeram-cart-drawer .cart-drawer-sheet__backdrop{
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 340ms cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#section-meeram-cart-drawer .cart-drawer-sheet.is-active .cart-drawer-sheet__backdrop{
  opacity: 1;
}
#section-meeram-cart-drawer .cart-drawer-sheet__panel{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  height: 100dvh;
  width: 100%;
  max-width: 440px;
  background-color: #ffffff;
  color: #111111;
  display: flex;
  flex-direction: column;
  box-shadow: -8px 0 36px rgba(0, 0, 0, 0.16);
  transform: translateX(100%);
  transition: transform 380ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
  z-index: 2;
  overflow: hidden;
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  box-sizing: border-box;
}
#section-meeram-cart-drawer .cart-drawer-sheet.is-active .cart-drawer-sheet__panel{
  transform: translateX(0);
}
@media (max-width: 767px){#section-meeram-cart-drawer .cart-drawer-sheet__panel{
    max-width: 100vw;
    width: 100vw;
  }}
#section-meeram-cart-drawer .custom-cart-header{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 18px 24px !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #f3f4f6 !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  min-height: 62px !important;
}
@media (max-width: 640px){#section-meeram-cart-drawer .custom-cart-header{
    padding: 16px 20px !important;
    min-height: 58px !important;
  }}
#section-meeram-cart-drawer .custom-cart-header__title-wrap{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#section-meeram-cart-drawer .custom-cart-header__bag{
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  color: #111111 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}
#section-meeram-cart-drawer .custom-cart-header__title{
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  color: #111111 !important;
}
#section-meeram-cart-drawer .custom-cart-header__title strong{
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}
#section-meeram-cart-drawer .custom-cart-count{
  font-family: inherit !important;
  font-weight: 400 !important;
  font-size: 13.5px !important;
  color: #6b7280 !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: baseline !important;
}
#section-meeram-cart-drawer .custom-cart-count span, #section-meeram-cart-drawer .custom-cart-count [data-mcd-header-count]{
  font-family: inherit !important;
  font-weight: 400 !important;
  font-size: 13.5px !important;
  color: #6b7280 !important;
  line-height: 1.2 !important;
}
#section-meeram-cart-drawer .custom-cart-close{
  background: transparent !important;
  border: none !important;
  outline: none !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #6b7280 !important;
  padding: 0 !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
  flex-shrink: 0 !important;
}
#section-meeram-cart-drawer .custom-cart-close:hover{
  background-color: #f3f4f6 !important;
  color: #111111 !important;
}
#section-meeram-cart-drawer .custom-cart-close svg{
  display: block !important;
  width: 15px !important;
  height: 15px !important;
}
#section-meeram-cart-drawer .cart-drawer__content{
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  position: relative;
}
#section-meeram-cart-drawer .cart-drawer__items{
  display: flex;
  flex-direction: column;
  padding-inline: 24px;
  padding-top: 16px;
  padding-bottom: 140px;
  overflow-y: visible;
}
#section-meeram-cart-drawer .cart-drawer--empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  padding: 80px 24px;
}
#section-meeram-cart-drawer .cart-drawer--empty-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 320px;
}
#section-meeram-cart-drawer .empty-cart-title{
  font-family: 'Geist', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  margin: 0 0 10px 0 !important;
}
#section-meeram-cart-drawer .empty-cart-sub{
  font-family: 'Geist', sans-serif !important;
  font-size: 13px !important;
  color: #6b7280 !important;
  margin: 0 0 24px 0 !important;
  line-height: 1.45 !important;
}
#section-meeram-cart-drawer .cart-items__list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#section-meeram-cart-drawer .cart-items__table-row--full-width-variants{
  display: grid !important;
  grid-template-columns: 64px 1fr auto !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    'media details price'
    'media variants quantity' !important;
  gap: 8px 16px !important;
  align-items: center !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding-bottom: 16px !important;
  margin-bottom: 0 !important;
}
#section-meeram-cart-drawer .cart-items__media{
  grid-area: media !important;
  width: 64px !important;
  aspect-ratio: 1 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background-color: #f9fafb !important;
  flex-shrink: 0 !important;
}
#section-meeram-cart-drawer .cart-items__media-image{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
#section-meeram-cart-drawer .cart-items__product-info{
  grid-area: details !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-self: start !important;
  padding-top: 0 !important;
}
#section-meeram-cart-drawer .cart-items__title{
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  margin: 0 !important;
}
#section-meeram-cart-drawer .cart-items__variants-wrapper{
  grid-area: variants !important;
  margin: 0 !important;
  align-self: start !important;
  padding-top: 2px !important;
}
#section-meeram-cart-drawer .cart-items__variant{
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  color: #6b7280 !important;
  margin: 0 !important;
}
#section-meeram-cart-drawer .cart-items__price{
  grid-area: price !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  text-align: right !important;
  margin: 0 !important;
  align-self: start !important;
  padding-top: 0 !important;
  white-space: nowrap !important;
}
#section-meeram-cart-drawer .cart-items__quantity{
  grid-area: quantity !important;
  margin: 0 !important;
  align-self: start !important;
  justify-self: end !important;
}
#section-meeram-cart-drawer .cart-items__quantity-controls{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-direction: row-reverse !important;
}
#section-meeram-cart-drawer .quantity-selector{
  display: inline-flex !important;
  height: 32px !important;
  border: 1px solid #111111 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  align-items: center !important;
}
#section-meeram-cart-drawer .quantity-minus, #section-meeram-cart-drawer .quantity-plus{
  background: transparent !important;
  border: none !important;
  width: 28px !important;
  height: 32px !important;
  font-size: 15px !important;
  font-family: 'Geist', sans-serif !important;
  font-weight: 500 !important;
  color: #111111 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: background-color 0.15s ease !important;
}
#section-meeram-cart-drawer .quantity-minus:hover, #section-meeram-cart-drawer .quantity-plus:hover{
  background-color: #f3f4f6 !important;
}
#section-meeram-cart-drawer .quantity-input{
  width: 30px !important;
  height: 32px !important;
  border: none !important;
  background: transparent !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  text-align: center !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
  pointer-events: none !important;
}
#section-meeram-cart-drawer .quantity-input::-webkit-outer-spin-button, #section-meeram-cart-drawer .quantity-input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0 !important;
}
#section-meeram-cart-drawer .cart-items__remove{
  background-color: transparent !important;
  border: none !important;
  color: #6b7280 !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: color 0.15s ease !important;
}
#section-meeram-cart-drawer .cart-items__remove:hover{
  color: #111111 !important;
}
#section-meeram-cart-drawer .cart-top-deals{
  margin-top: 24px !important;
  padding-bottom: 24px !important;
}
#section-meeram-cart-drawer .top-deals-heading{
  display: flex !important;
  align-items: center !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  margin: 0 0 16px 0 !important;
  white-space: nowrap !important;
}
#section-meeram-cart-drawer .top-deals-icon{
  margin-right: 6px !important;
  display: inline-flex;
}
#section-meeram-cart-drawer .top-deals-line{
  flex-grow: 1 !important;
  height: 1px !important;
  background-color: #e5e7eb !important;
  margin-left: 12px !important;
}
#section-meeram-cart-drawer .top-deals-scroll{
  display: flex !important;
  overflow-x: auto !important;
  gap: 16px !important;
  padding-bottom: 8px !important;
  scrollbar-width: none !important;
}
#section-meeram-cart-drawer .top-deals-scroll::-webkit-scrollbar{
  display: none !important;
}
#section-meeram-cart-drawer .top-deals-item{
  flex: 0 0 120px !important;
  display: flex !important;
  flex-direction: column !important;
}
#section-meeram-cart-drawer .top-deals-img-wrapper{
  width: 120px !important;
  height: 140px !important;
  background-color: #f3f4f6 !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
  position: relative !important;
}
#section-meeram-cart-drawer .top-deals-img-wrapper img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
#section-meeram-cart-drawer .top-deals-title{
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
#section-meeram-cart-drawer .top-deals-title:hover{
  text-decoration: underline !important;
}
#section-meeram-cart-drawer .top-deals-options{
  font-family: 'Geist', sans-serif !important;
  font-size: 10px !important;
  color: #9ca3af !important;
  margin-bottom: 6px !important;
}
#section-meeram-cart-drawer .top-deals-prices{
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  margin-bottom: 10px !important;
  font-family: 'Geist', sans-serif !important;
}
#section-meeram-cart-drawer .top-deals-price{
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #111111 !important;
}
#section-meeram-cart-drawer .top-deals-old{
  font-size: 10px !important;
  color: #9ca3af !important;
  text-decoration: line-through !important;
}
#section-meeram-cart-drawer .top-deals-add{
  display: block !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 6px 0 !important;
  background: transparent !important;
  border: 1px solid #111111 !important;
  border-radius: 6px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
  line-height: normal !important;
}
#section-meeram-cart-drawer .top-deals-add:hover{
  background: #111111 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
#section-meeram-cart-drawer .custom-bill-summary{
  display: flex !important;
  flex-direction: column !important;
  padding-top: 16px !important;
  border-top: 1px solid #f3f4f6 !important;
}
#section-meeram-cart-drawer .bill-summary-title{
  font-family: 'Geist', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  margin: 0 0 16px 0 !important;
}
#section-meeram-cart-drawer .bill-summary-row{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  font-size: 13px !important;
  color: #6b7280 !important;
  font-family: 'Geist', sans-serif !important;
}
#section-meeram-cart-drawer .bill-summary-label{
  display: flex !important;
  align-items: center !important;
}
#section-meeram-cart-drawer .bill-summary-value{
  color: #6b7280 !important;
  font-weight: 500 !important;
}
#section-meeram-cart-drawer .bill-summary-row.grand-total{
  margin-bottom: 0 !important;
  padding-top: 16px !important;
  border-top: 1px dashed #e5e7eb !important;
  color: #111111 !important;
}
#section-meeram-cart-drawer .bill-summary-row.grand-total .bill-summary-label{
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #111111 !important;
}
#section-meeram-cart-drawer .bill-summary-row.grand-total .bill-summary-value{
  font-weight: 700 !important;
  color: #111111 !important;
  font-size: 16px !important;
}
#section-meeram-cart-drawer .bill-summary-note{
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  line-height: 1.45 !important;
  margin-top: 12px !important;
}
#section-meeram-cart-drawer .custom-checkout-bar-wrapper{
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99 !important;
  width: 100% !important;
  background-color: #f9fafb !important;
  border-top: 1px solid #e5e7eb !important;
  padding: 16px 24px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
}
#section-meeram-cart-drawer .custom-checkout-bar{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 10px !important;
}
#section-meeram-cart-drawer .custom-checkout-bar-left{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
#section-meeram-cart-drawer .custom-checkout-price{
  font-family: 'Geist', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}
#section-meeram-cart-drawer .custom-checkout-details{
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  margin-top: 2px !important;
}
#section-meeram-cart-drawer .custom-checkout-details:hover{
  color: #111111 !important;
}
#section-meeram-cart-drawer .custom-checkout-bar-right{
  flex-grow: 1 !important;
  display: flex !important;
  justify-content: flex-end !important;
}
#section-meeram-cart-drawer .custom-checkout-btn{
  background-color: #111111 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 40px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.2s ease !important;
}
#section-meeram-cart-drawer .custom-checkout-btn:hover{
  background-color: #000000 !important;
}
#section-meeram-cart-drawer .custom-checkout-secured{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  color: #9ca3af !important;
}
#section-meeram-cart-drawer .custom-checkout-secured .razorpay-text{
  color: #0057b7 !important;
  font-weight: 700 !important;
  font-style: italic !important;
  margin-left: 4px !important;
  font-family: sans-serif !important;
}

/* sections/meeram-cinema-showcase.bit */
#section-meeram-cinema-showcase #section-meeram-cinema-showcase .meeram-cinema, #section-meeram-cinema-showcase .meeram-cinema{
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0 10px 2.5rem 10px;
  background: var(--bg, #e8e8e5) !important;
  background-color: #cccccc !important;
  box-sizing: border-box;
}
#section-meeram-cinema-showcase .meeram-cinema__frame{
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 39% 1fr;
  gap: 12px;
  align-items: stretch;
  height: 80vh;
  max-height: 80vh;
  box-sizing: border-box;
}
@media (max-width: 980px){#section-meeram-cinema-showcase #section-meeram-cinema-showcase .meeram-cinema, #section-meeram-cinema-showcase .meeram-cinema{
    padding: 0 10px 2rem 10px;
    border-radius: 23px;
  }
#section-meeram-cinema-showcase .meeram-cinema__frame{
    grid-template-columns: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: auto;
    gap: 20px;
  }
#section-meeram-cinema-showcase #section-meeram-cinema-showcase .mec-brand-title, #section-meeram-cinema-showcase .mec-brand-title{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
  }}
#section-meeram-cinema-showcase .mec-col-left{
  padding: 1.75rem 1.6rem 1.4rem 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 980px){#section-meeram-cinema-showcase .mec-col-left{
    padding: 0.5rem 0.25rem 0 0.25rem;
    min-height: auto;
    gap: 1.75rem;
  }}
#section-meeram-cinema-showcase .mec-brand-title{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
#section-meeram-cinema-showcase .mec-brand-title svg, #section-meeram-cinema-showcase .mec-brand-logo-svg{
  width: 190px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 680 / 78;
  display: block;
  color: #000000;
  fill: currentColor;
}
@media (max-width: 640px){#section-meeram-cinema-showcase .mec-brand-title svg, #section-meeram-cinema-showcase .mec-brand-logo-svg{
    width: 150px;
  }}
#section-meeram-cinema-showcase .mec-list{
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  margin: auto 0;
  padding: 0.75rem 0;
  width: 100%;
  max-width: 100%;
}
#section-meeram-cinema-showcase .mec-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  background: none;
  border: none;
  padding: 0.2rem 0;
  margin: 0;
  cursor: pointer;
  text-align: left;
  opacity: 0.45;
  transition: opacity 180ms ease, transform 180ms ease;
  -webkit-tap-highlight-color: transparent;
}
#section-meeram-cinema-showcase .mec-item:hover{
  opacity: 0.85;
}
#section-meeram-cinema-showcase .mec-item.is-active{
  opacity: 1;
}
#section-meeram-cinema-showcase .mec-item__title{
  font-family: var(--font-sans);
  font-size: 13.5px;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: #000000;
}
#section-meeram-cinema-showcase .mec-item__num{
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #000000;
}
#section-meeram-cinema-showcase .mec-left-bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  margin-top: auto;
  padding-top: 1rem;
  box-sizing: border-box;
}
#section-meeram-cinema-showcase .mec-bot-word{
  font-family: var(--font-sans);
  font-size: clamp(1.4rem, 2.4vw, 2.2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #000000;
  text-transform: uppercase;
  flex-shrink: 0;
}
@media (max-width: 640px){#section-meeram-cinema-showcase .mec-bot-word{
    font-size: clamp(1.15rem, 5vw, 1.6rem);
  }}
#section-meeram-cinema-showcase .mec-catalogue-link{
  font-family: var(--font-sans);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #18181b;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 0.35rem;
  transition: opacity 150ms ease;
  flex-shrink: 0;
}
@media (max-width: 480px){#section-meeram-cinema-showcase .mec-catalogue-link{
    font-size: 8.5px;
    padding: 0 0.15rem;
  }}
#section-meeram-cinema-showcase .mec-catalogue-link:hover{
  opacity: 0.55;
}
#section-meeram-cinema-showcase .mec-col-right{
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 80vh;
}
@media (max-width: 980px){#section-meeram-cinema-showcase .mec-col-right{
    min-height: auto;
    height: auto;
    aspect-ratio: 4 / 5;
    max-height: 80vh;
  }}
#section-meeram-cinema-showcase .mec-video-card.embla{
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 80vh;
  border-radius: 20px;
  overflow: hidden;
  background: #000000;
  box-sizing: border-box;
}
#section-meeram-cinema-showcase .mec-stage.embla__container{
  display: flex;
  height: 100%;
  max-height: 80vh;
  width: 100%;
  will-change: transform;
  touch-action: pan-y pinch-zoom;
  user-select: none;
  -webkit-user-select: none;
  margin: 0;
  padding: 0;
}
#section-meeram-cinema-showcase .mec-slide.embla__slide{
  flex: 0 0 100%;
  min-width: 0;
  position: relative;
  height: 100%;
  max-height: 80vh;
  width: 100%;
  overflow: hidden;
}
#section-meeram-cinema-showcase .mec-video{
  width: 100%;
  height: 100%;
  max-height: 80vh;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
#section-meeram-cinema-showcase .mec-scrim{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 35%,
    rgba(0, 0, 0, 0) 65%,
    rgba(0, 0, 0, 0.35) 100%
  );
  pointer-events: none;
}
#section-meeram-cinema-showcase .mec-sound-toggle{
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 10;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background 150ms ease, transform 150ms ease;
  -webkit-tap-highlight-color: transparent;
}
#section-meeram-cinema-showcase .mec-sound-toggle:hover{
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.05);
}
#section-meeram-cinema-showcase .mec-thumbs{
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
#section-meeram-cinema-showcase .mec-thumb-btn{
  width: 42px;
  height: 50px;
  border-radius: 6px;
  overflow: hidden;
  padding: 0;
  border: 1.5px solid transparent;
  background: #18181b;
  cursor: pointer;
  opacity: 0.55;
  transition: border-color 180ms ease, opacity 180ms ease, transform 180ms ease;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
#section-meeram-cinema-showcase .mec-thumb-btn:hover{
  opacity: 0.85;
}
#section-meeram-cinema-showcase .mec-thumb-btn.is-active{
  border-color: #ffffff;
  opacity: 1;
  transform: scale(1.04);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
#section-meeram-cinema-showcase .mec-thumb-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* sections/meeram-collection-forms.bit */
#section-meeram-collection-forms .meeram-forms{
  background: #ffffff !important;
  background-color: #ffffff !important;
  padding: 2rem 0.3rem 2.5rem;
}
@media (min-width: 640px){#section-meeram-collection-forms .meeram-forms{
    padding: 2.5rem 1.25rem 3.5rem;
  }}
@media (min-width: 1024px){#section-meeram-collection-forms .meeram-forms{
    padding: 3rem 1.5rem 4rem;
  }}
#section-meeram-collection-forms .meeram-forms__inner{
  max-width: 98rem;
  width: 100%;
  margin: 0 auto;
}
#section-meeram-collection-forms .meeram-forms__header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  max-width: 100%;
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px){#section-meeram-collection-forms .meeram-forms__header{
    margin: 0 0 1.75rem;
  }}
#section-meeram-collection-forms .meeram-forms__kicker{
  display: none !important;
}
#section-meeram-collection-forms .meeram-forms__heading{
  margin: 0;
  font-family: var(--font-sans);
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--meeram-ink, #111);
  text-align: left;
}
#section-meeram-collection-forms .meeram-forms__discover-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.38rem 0.875rem;
  border-radius: 9999px;
  border: none;
  background: #e4dede;
  color: #18181b;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}
#section-meeram-collection-forms .meeram-forms__discover-btn:hover{
  background: #d8d1d1;
  color: #000000;
}
@media (max-width: 640px){#section-meeram-collection-forms .meeram-forms__discover-btn{
    padding: 0.3rem 0.75rem;
    font-size: 11px;
  }}
#section-meeram-collection-forms .meeram-forms__sub{
  display: none !important;
}
@media (max-width: 639px){#section-meeram-collection-forms .meeram-forms__heading{
    margin: 0;
    font-family: var(--font-sans);
    font-size: clamp(1rem, 2.2vw, 1rem);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #000000;
  }
#section-meeram-collection-forms .meeram-forms__sub{
    font-size: 12px;
  }}
#section-meeram-collection-forms .meeram-forms__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem 0.625rem;
}
@media (min-width: 640px){#section-meeram-collection-forms .meeram-forms__grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 1rem;
  }}
@media (min-width: 1024px){#section-meeram-collection-forms .meeram-forms__grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem 1.25rem;
  }}
#section-meeram-collection-forms #section-meeram-collection-forms .meeram-forms__card, #section-meeram-collection-forms .meeram-forms__card{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #cccccc;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 14px rgba(79, 0, 0, 0.2);
  padding: 4px;
  box-sizing: border-box;
  text-decoration: none;
  color: #020202;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background-color 220ms ease;
  cursor: pointer;
}
@media (min-width: 1024px){#section-meeram-collection-forms #section-meeram-collection-forms .meeram-forms__card, #section-meeram-collection-forms .meeram-forms__card{
    border-radius: 16px;
    padding: 4px;
  }
#section-meeram-collection-forms #section-meeram-collection-forms .meeram-forms__card:hover, #section-meeram-collection-forms .meeram-forms__card:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    border-color: rgba(255, 255, 255, 0.2);
    background-color: #c4c4c4;
  }}
#section-meeram-collection-forms .meeram-forms__card-image{
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 12px;
  background: #bbbbbb;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
@media (min-width: 1024px){#section-meeram-collection-forms .meeram-forms__card-image{
    border-radius: 14px;
  }}
#section-meeram-collection-forms .meeram-forms__img-layer{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
#section-meeram-collection-forms .meeram-forms__img-layer img, #section-meeram-collection-forms .meeram-forms__card-image-placeholder{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-meeram-collection-forms .meeram-forms__card-image-placeholder{ background: #3e0000; }
#section-meeram-collection-forms .meeram-forms__card:hover .meeram-forms__card-image img{ transform: none; }
#section-meeram-collection-forms .meeram-forms__img-layer--primary{
  z-index: 1;
  opacity: 1;
  transition: opacity 220ms ease-in-out;
}
#section-meeram-collection-forms .meeram-forms__img-layer--hover{
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease-in-out;
}
@media (min-width: 640px){#section-meeram-collection-forms .meeram-forms__card:hover .meeram-forms__img-layer--hover, #section-meeram-collection-forms .meeram-forms__card.is-hovered .meeram-forms__img-layer--hover, #section-meeram-collection-forms .meeram-forms__card-image:hover .meeram-forms__img-layer--hover{
    opacity: 1;
  }
#section-meeram-collection-forms .meeram-forms__card:hover .meeram-forms__img-layer--primary, #section-meeram-collection-forms .meeram-forms__card.is-hovered .meeram-forms__img-layer--primary, #section-meeram-collection-forms .meeram-forms__card-image:hover .meeram-forms__img-layer--primary{
    opacity: 0;
  }}
@media (max-width: 639px){#section-meeram-collection-forms .meeram-forms__img-layer--hover{
    display: none !important;
  }
#section-meeram-collection-forms .meeram-forms__card:hover .meeram-forms__img-layer--primary{
    opacity: 1 !important;
  }}
@media (prefers-reduced-motion: reduce){#section-meeram-collection-forms .meeram-forms__img-layer--primary, #section-meeram-collection-forms .meeram-forms__img-layer--hover{
    transition: none !important;
  }}
#section-meeram-collection-forms .meeram-forms__card-badge{
  display: none !important;
}
#section-meeram-collection-forms .meeram-forms__card-body{
  padding: 0.75rem 0.5rem 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}
#section-meeram-collection-forms #section-meeram-collection-forms .meeram-forms__card-title, #section-meeram-collection-forms .meeram-forms__card-title{
  margin: 0;
  text-align: center;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: #131212;
  line-height: 1.3;
  transition: opacity 150ms ease;
}
@media (min-width: 1024px){#section-meeram-collection-forms #section-meeram-collection-forms .meeram-forms__card-title, #section-meeram-collection-forms .meeram-forms__card-title{
    font-size: 13px !important;
  }}
#section-meeram-collection-forms #section-meeram-collection-forms .meeram-forms__card:hover .meeram-forms__card-title, #section-meeram-collection-forms .meeram-forms__card:hover .meeram-forms__card-title{
  opacity: 0.85;
}
#section-meeram-collection-forms .meeram-forms__card-price{
  display: none !important;
}
#section-meeram-collection-forms .meeram-forms__card-add{
  display: none !important;
}

/* sections/meeram-collection-grid.bit */
#section-meeram-collection-grid .meeram-collection{
  padding: 2rem 0.3rem 2.5rem;
  background: #ededed !important;
  background-color: #ededed !important;
}
@media (min-width: 640px){#section-meeram-collection-grid .meeram-collection{
    padding: 2.5rem 1.25rem 3.5rem;
  }}
@media (min-width: 1024px){#section-meeram-collection-grid .meeram-collection{
    padding: 3rem 1.5rem 4rem;
  }}
#section-meeram-collection-grid .meeram-collection__inner{
  max-width: 98rem;
  width: 100%;
  margin: 0 auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
@media (min-width: 640px){#section-meeram-collection-grid .meeram-collection__inner{
    border-radius: 0;
    padding: 0;
  }}
@media (min-width: 1024px){#section-meeram-collection-grid .meeram-collection__inner{
    border-radius: 0;
    padding: 0;
  }}
#section-meeram-collection-grid .meeram-collection__header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px){#section-meeram-collection-grid .meeram-collection__header{
    margin-bottom: 1.25rem;
  }}
#section-meeram-collection-grid .meeram-collection__heading{
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(1rem, 2.2vw, 1rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #000000;
}
#section-meeram-collection-grid .meeram-collection__discover-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.38rem 0.875rem;
  border-radius: 9999px;
  border: none;
  background: #e4dede;
  color: #18181b;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}
#section-meeram-collection-grid .meeram-collection__discover-btn:hover{
  background: #d8d1d1;
  color: #000000;
}
@media (max-width: 640px){#section-meeram-collection-grid .meeram-collection__discover-btn{
    padding: 0.3rem 0.75rem;
    font-size: 11px;
  }}
#section-meeram-collection-grid .meeram-collection__filters{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
#section-meeram-collection-grid .mcf-tab{
  padding: 0.4rem 0.875rem;
  border-radius: 9999px;
  border: 1px solid var(--meeram-line, #e4e4e7);
  background: #ffffff;
  color: var(--meeram-zinc-600, #52525b);
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease, border-color 150ms ease;
}
#section-meeram-collection-grid .mcf-tab:hover{
  border-color: #000000;
  color: #000000;
}
#section-meeram-collection-grid .mcf-tab.is-active{
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}
#section-meeram-collection-grid .meeram-collection__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem 0.25rem;
}
@media (min-width: 640px){#section-meeram-collection-grid .meeram-collection__grid{
    gap: 1rem 0.325rem;
  }}
@media (min-width: 1024px){#section-meeram-collection-grid .meeram-collection__grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem 0.325rem;
  }}
#section-meeram-collection-grid .meeram-collection__grid > .mc-card:nth-child(n+5){
  display: none !important;
}
#section-meeram-collection-grid .mc-card{
  display: flex;
  flex-direction: column;
}
#section-meeram-collection-grid .mc-card.is-hidden{
  display: none !important;
}
#section-meeram-collection-grid .mc-card__image-wrap{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 10px;
  background: var(--meeram-zinc-100, #f4f4f5);
  text-decoration: none;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
#section-meeram-collection-grid .mc-card__image-wrap.embla, #section-meeram-collection-grid .embla{
  overflow: hidden;
  position: relative;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
#section-meeram-collection-grid .embla__container{
  display: flex !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
  width: 100%;
  overflow: visible !important;
  scroll-snap-type: none !important;
  touch-action: pan-y pinch-zoom;
  will-change: transform;
  transition: none !important;
}
#section-meeram-collection-grid .embla__slide{
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  box-sizing: border-box !important;
  scroll-snap-align: none !important;
}
#section-meeram-collection-grid .mc-card__link{
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
#section-meeram-collection-grid .mc-card__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  box-sizing: border-box;
  border-radius: 0 !important;
}
@media (min-width: 640px){#section-meeram-collection-grid .mc-card__image-wrap{
    aspect-ratio: 4 / 5;
    border-radius: 10px;
  }}
@media (min-width: 1024px){#section-meeram-collection-grid .mc-card__image-wrap{
    border-radius: 10px;
  }}
#section-meeram-collection-grid .mc-card__link{
  display: block;
  width: 100%;
  height: 100%;
}
#section-meeram-collection-grid .mc-card:hover .mc-card__img, #section-meeram-collection-grid .mc-card__image-wrap:hover .mc-card__img{
  transform: none !important;
}
#section-meeram-collection-grid .mc-card__placeholder{
  width: 100%;
  height: 100%;
  background: var(--meeram-zinc-200, #e4e4e7);
}
#section-meeram-collection-grid .mc-card__bookmark{
  position: absolute;
  top: 0.875rem;
  right: 0.875rem;
  padding: 0.35rem;
  border-radius: 9999px;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  z-index: 2;
  transition: color 150ms ease, transform 150ms ease;
}
#section-meeram-collection-grid .mc-card__bookmark:hover{
  transform: scale(1.1);
}
#section-meeram-collection-grid .mc-card__bookmark-icon{
  display: block;
  fill: rgba(0, 0, 0, 0.35);
  stroke: rgba(255, 255, 255, 0.9);
  transition: fill 150ms ease, stroke 150ms ease;
}
#section-meeram-collection-grid .mc-card__bookmark.is-saved .mc-card__bookmark-icon{
  fill: #000000;
  stroke: #ffffff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));
}
#section-meeram-collection-grid .mc-card__dots{
  position: absolute;
  bottom: 0.875rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
}
#section-meeram-collection-grid .mc-card__dots.is-visible{
  opacity: 1;
  pointer-events: auto;
}
#section-meeram-collection-grid .mc-card__dot{
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: width 200ms ease, background 200ms ease;
}
#section-meeram-collection-grid .mc-card__dot:hover{
  background: rgba(255, 255, 255, 0.8);
}
#section-meeram-collection-grid .mc-card__dot.is-active{
  width: 1rem;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1024px){#section-meeram-collection-grid .mc-card__dots{
    display: none !important;
  }}
#section-meeram-collection-grid .mc-card__arrow{
  display: none !important;
}
@media (min-width: 1024px){#section-meeram-collection-grid .mc-card__arrow{
    display: flex !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    color: #18181b;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    padding: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease, border-color 180ms ease, box-shadow 180ms ease;
  }
#section-meeram-collection-grid .mc-card__arrow--prev{
    left: 0.75rem;
  }
#section-meeram-collection-grid .mc-card__arrow--next{
    right: 0.75rem;
  }
#section-meeram-collection-grid .mc-card:hover .mc-card__arrow, #section-meeram-collection-grid .mc-card__image-wrap:hover .mc-card__arrow{
    opacity: 1;
    pointer-events: auto;
  }
#section-meeram-collection-grid .mc-card__arrow:hover{
    border-color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.45);
    color: #000000;
    transform: translateY(-50%);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
#section-meeram-collection-grid .mc-card__arrow:active{
    transform: translateY(-50%);
  }}
#section-meeram-collection-grid .mc-card__info{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0 0.125rem;
}
#section-meeram-collection-grid .mc-card__title{
  display: block;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 10px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
  transition: opacity 150ms ease;
}
#section-meeram-collection-grid .mc-card__title:hover{
  opacity: 0.75;
}
#section-meeram-collection-grid .mc-card__price{
  margin: 0.15rem 0 0;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 10px;
  color: #71717a;
  font-weight: 400;
  line-height: 1.25;
}
@media (min-width: 1024px){#section-meeram-collection-grid .mc-card__title{
    font-size: 11px !important;
  }
#section-meeram-collection-grid .mc-card__price{
    font-size: 11px !important;
  }}
#section-meeram-collection-grid .mc-card__bookmark{
  display: none !important;
}
#section-meeram-collection-grid .mc-card__add{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  background: transparent;
  border: none;
  color: #000000;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 150ms ease, opacity 150ms ease;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine){#section-meeram-collection-grid .mc-card__add:hover{
    transform: scale(1.15);
    opacity: 0.75;
  }
#section-meeram-collection-grid .mc-card__add:active{
    transform: scale(0.92);
  }}
@media (max-width: 1023px), (hover: none){#section-meeram-collection-grid .mc-card__add, #section-meeram-collection-grid .mc-card__add:hover, #section-meeram-collection-grid .mc-card__add:focus, #section-meeram-collection-grid .mc-card__add:active{
    transform: none !important;
    opacity: 1 !important;
  }}
#section-meeram-collection-grid .mc-card__add svg{
  display: block;
  width: 18px !important;
  height: 18px !important;
}
#section-meeram-collection-grid .meeram-collection__footer-note{
  display: none !important;
  margin: 1.5rem 0 0;
  text-align: center;
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
  color: var(--meeram-zinc-400, #a1a1aa);
}
#section-meeram-collection-grid .mc-card__type-badge{
  display: none !important;
}

/* sections/meeram-discovery-coffret.bit */
#section-meeram-discovery-coffret .meeram-coffret{
  background: var(--meeram-soft, #fafafa);
  border-top: 1px solid var(--meeram-line, #e4e4e7);
  border-bottom: 1px solid var(--meeram-line, #e4e4e7);
  padding: 4rem 1.25rem;
}
@media (min-width: 1024px){#section-meeram-discovery-coffret .meeram-coffret{ padding: 6rem 1.25rem; }}
#section-meeram-discovery-coffret .meeram-coffret__inner{
  max-width: 80rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}
@media (min-width: 1024px){#section-meeram-discovery-coffret .meeram-coffret__inner{ grid-template-columns: 1.1fr 0.9fr; gap: 4rem; }}
#section-meeram-discovery-coffret .meeram-coffret__image-wrap{
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--meeram-zinc-200, #e4e4e7);
}
#section-meeram-discovery-coffret .meeram-coffret__image-wrap img, #section-meeram-discovery-coffret .meeram-coffret__image-placeholder{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-meeram-discovery-coffret .meeram-coffret__image-placeholder{ background: var(--meeram-zinc-100, #f4f4f5); }
#section-meeram-discovery-coffret .meeram-coffret__image-badge{
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  border-radius: 9999px;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 0.375rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--meeram-ink, #111);
}
#section-meeram-discovery-coffret .meeram-coffret__content{ max-width: 32rem; }
#section-meeram-discovery-coffret .meeram-coffret__kicker{
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--meeram-muted, #71717a);
}
#section-meeram-discovery-coffret .meeram-coffret__heading{
  margin: 0 0 1rem;
  font-family: var(--font-display, 'Geist', sans-serif);
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  font-weight: 400;
  color: var(--meeram-ink, #111);
  line-height: 1.1;
}
#section-meeram-discovery-coffret .meeram-coffret__body{
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.75;
  color: var(--meeram-zinc-600, #52525b);
}
#section-meeram-discovery-coffret .meeram-coffret__price-row{
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
#section-meeram-discovery-coffret .meeram-coffret__price{
  font-family: var(--font-display, 'Geist', sans-serif);
  font-size: 2rem;
  font-weight: 400;
  color: var(--meeram-ink, #111);
}
#section-meeram-discovery-coffret .meeram-coffret__price-note{
  font-size: 0.75rem;
  color: var(--meeram-muted, #71717a);
}
#section-meeram-discovery-coffret .meeram-coffret__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
#section-meeram-discovery-coffret .meeram-coffret__btn-primary{
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.75rem 1.75rem;
  border-radius: 9999px;
  background: var(--meeram-ink, #111);
  color: var(--meeram-on-dark, #fff);
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: background 180ms ease, transform 180ms ease;
}
#section-meeram-discovery-coffret .meeram-coffret__btn-primary:hover{ background: #27272a; transform: translateY(-1px); }
#section-meeram-discovery-coffret .meeram-coffret__btn-secondary{
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 9999px;
  border: 1.5px solid var(--meeram-line, #e4e4e7);
  background: transparent;
  color: var(--meeram-ink, #111);
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 180ms ease, background 180ms ease;
}
#section-meeram-discovery-coffret .meeram-coffret__btn-secondary:hover{
  border-color: var(--meeram-ink, #111);
  background: var(--meeram-soft, #fafafa);
}

/* sections/meeram-hero-shell.bit */
#section-meeram-hero-shell #section-meeram-hero-shell .meeram-hero-shell, #section-meeram-hero-shell .meeram-hero-shell{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #0b0b0b;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@media (min-width: 768px){#section-meeram-hero-shell .meeram-hero-shell{
    height: 100vh;
  }}
#section-meeram-hero-shell .mhs-media-wrap{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
#section-meeram-hero-shell .mhs-media, #section-meeram-hero-shell .mhs-image, #section-meeram-hero-shell .mhs-video, #section-meeram-hero-shell .mhs-media-wrap img, #section-meeram-hero-shell .mhs-media-wrap video{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block;
}
#section-meeram-hero-shell .mhs-video{
  pointer-events: none;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
#section-meeram-hero-shell .mhs-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0.05) 65%,
    rgba(0, 0, 0, 0.45) 100%
  );
  pointer-events: none;
  z-index: 2;
}
#section-meeram-hero-shell .mhs-model-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--mhs-size-m, 350px);
  height: var(--mhs-size-m, 350px);
  z-index: 12;
  cursor: grab;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  display: flex;
  align-items: center;
  justify-content: center;
}
#section-meeram-hero-shell .mhs-model-wrapper:active{
  cursor: grabbing;
}
@media (min-width: 768px){#section-meeram-hero-shell .mhs-model-wrapper{
    width: var(--mhs-size-d, 480px);
    height: var(--mhs-size-d, 480px);
  }}
#section-meeram-hero-shell model-viewer{
  display: block;
  width: 100% !important;
  height: 100% !important;
  background-color: transparent !important;
  background: transparent !important;
  outline: none !important;
  border: none !important;
  --poster-color: transparent !important;
  --progress-bar-color: transparent !important;
  --progress-mask: transparent !important;
  --progress-bar-height: 0px !important;
}
#section-meeram-hero-shell model-viewer::part(default-progress-bar), #section-meeram-hero-shell model-viewer::part(default-progress-mask){
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#section-meeram-hero-shell model-viewer::part(default-ar-button){
  display: none !important;
}
#section-meeram-hero-shell .mhs-hint-wrapper{
  position: absolute;
  inset: 0;
  z-index: 18;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
#section-meeram-hero-shell .mhs-hint-icon{
  color: #ffffff;
  opacity: 0.85;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.7));
}
@keyframes mhs-tap-anim{
  0% { opacity: 0; transform: translateX(0); }
  10% { opacity: 0.9; transform: translateX(0); }
  30% { transform: translateX(24px); opacity: 0.8; }
  50% { transform: translateX(-24px); opacity: 0.55; }
  70% { transform: translateX(0); opacity: 0.8; }
  90% { opacity: 0.9; }
  92% { opacity: 0; }
  100% { opacity: 0; transform: translateX(0); }
}
#section-meeram-hero-shell .mhs-animate-tap{
  animation: mhs-tap-anim 4s ease-in-out infinite;
  animation-delay: 1.2s;
}
#section-meeram-hero-shell .mhs-bottom-cta-wrap{
  position: absolute;
  bottom: 36px;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 25;
  pointer-events: auto;
}
@media (min-width: 768px){#section-meeram-hero-shell .mhs-bottom-cta-wrap{
    bottom: 48px;
  }}
#section-meeram-hero-shell .mhs-shop-now-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 42px;
  padding: 0 24px;
  background-color: rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
  color: #ffffff !important;
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important;
  -webkit-tap-highlight-color: transparent;
}
#section-meeram-hero-shell .mhs-shop-now-btn:hover{
  background-color: rgba(255, 255, 255, 0.35) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12) !important;
}
#section-meeram-hero-shell .mhs-shop-now-btn:active{
  transform: translateY(0);
}

/* sections/meeram-journal.bit */
#section-meeram-journal .meeram-journal{
  background: var(--meeram-paper, #fff);
  padding: 4rem 1.25rem;
}
@media (min-width: 1024px){#section-meeram-journal .meeram-journal{ padding: 6rem 1.25rem; }}
#section-meeram-journal .meeram-journal__inner{ max-width: 80rem; margin: 0 auto; }
#section-meeram-journal .meeram-journal__header{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--meeram-line, #e4e4e7);
  padding-bottom: 1.5rem;
  margin-bottom: 2.5rem;
}
#section-meeram-journal .meeram-journal__kicker{
  margin: 0 0 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--meeram-muted, #71717a);
}
#section-meeram-journal .meeram-journal__heading{
  margin: 0;
  font-family: var(--font-display, 'Geist', sans-serif);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 300;
  color: var(--meeram-ink, #111);
}
#section-meeram-journal .meeram-journal__all-link{
  display: none;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--meeram-zinc-600, #52525b);
  text-decoration: none;
  white-space: nowrap;
  transition: color 150ms ease;
  flex-shrink: 0;
}
#section-meeram-journal .meeram-journal__all-link:hover{ color: var(--meeram-ink, #111); }
@media (min-width: 640px){#section-meeram-journal .meeram-journal__all-link{ display: flex; }}
#section-meeram-journal .meeram-journal__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 1024px){#section-meeram-journal .meeram-journal__grid{ grid-template-columns: 1.4fr 0.6fr; gap: 1.5rem; }}
#section-meeram-journal .meeram-journal__article-inner{
  display: block;
  text-decoration: none;
  color: inherit;
}
#section-meeram-journal .meeram-journal__article-image{
  border-radius: 1rem;
  overflow: hidden;
  background: var(--meeram-zinc-100, #f4f4f5);
}
#section-meeram-journal .meeram-journal__article-image--wide{ aspect-ratio: 16 / 9; }
#section-meeram-journal .meeram-journal__article-image--portrait{ aspect-ratio: 4 / 5; }
#section-meeram-journal .meeram-journal__article-image img, #section-meeram-journal .meeram-journal__article-placeholder{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms ease;
}
#section-meeram-journal .meeram-journal__article-placeholder{ background: var(--meeram-zinc-100, #f4f4f5); }
#section-meeram-journal .meeram-journal__article:hover .meeram-journal__article-image img{ transform: scale(1.05); }
#section-meeram-journal .meeram-journal__article-category{
  margin: 1rem 0 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--meeram-muted, #71717a);
}
#section-meeram-journal .meeram-journal__article-title{
  margin: 0;
  font-family: var(--font-display, 'Geist', sans-serif);
  font-size: 1.375rem;
  font-weight: 400;
  color: var(--meeram-ink, #111);
  text-wrap: balance;
  line-height: 1.3;
  transition: text-decoration 150ms;
}
#section-meeram-journal .meeram-journal__article:hover .meeram-journal__article-title{ text-decoration: underline; }

/* sections/meeram-newsletter.bit */
#section-meeram-newsletter .meeram-footer{
  background: #000000;
  color: #ffffff;
  padding: 4rem 1.25rem 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#section-meeram-newsletter .meeram-footer__inner{ max-width: 80rem; margin: 0 auto; }
#section-meeram-newsletter .meeram-footer__top{
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  padding-bottom: 3.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px){#section-meeram-newsletter .meeram-footer__top{ grid-template-columns: 1.4fr 2fr; }}
#section-meeram-newsletter .meeram-footer__logo{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-display, 'Geist', sans-serif);
  font-size: 1.5rem;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 180ms ease;
}
#section-meeram-newsletter .meeram-footer__logo:hover{ opacity: 0.75; }
#section-meeram-newsletter .meeram-footer__tagline{
  margin: 1rem 0 0;
  max-width: 18rem;
  font-size: 0.75rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6);
}
#section-meeram-newsletter .meeram-footer__status{
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}
#section-meeram-newsletter .meeram-footer__status-dot{
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);
  display: inline-block;
  flex-shrink: 0;
}
#section-meeram-newsletter .meeram-footer__nav{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (min-width: 640px){#section-meeram-newsletter .meeram-footer__nav{ grid-template-columns: repeat(3, 1fr); }}
#section-meeram-newsletter .meeram-footer__col-title{
  margin: 0 0 1rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
#section-meeram-newsletter .meeram-footer__links{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
#section-meeram-newsletter .meeram-footer__link{
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  transition: color 150ms ease;
}
#section-meeram-newsletter .meeram-footer__link:hover{ color: #ffffff; }
#section-meeram-newsletter .meeram-footer__legal{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1.5rem;
  font-size: 0.6875rem;
  color: rgba(255, 255, 255, 0.45);
}
@media (min-width: 640px){#section-meeram-newsletter .meeram-footer__legal{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }}
#section-meeram-newsletter .meeram-footer__legal p{ margin: 0; }
#section-meeram-newsletter .meeram-footer__legal-links{ display: flex; align-items: center; gap: 1.5rem; }
#section-meeram-newsletter .meeram-footer__legal-link{
  color: rgba(255, 255, 255, 0.45);
  text-decoration: none;
  transition: color 150ms ease;
}
#section-meeram-newsletter .meeram-footer__legal-link:hover{ color: #ffffff; }

/* sections/meeram-perks-strip.bit */
#section-meeram-perks-strip .perks-strip{
  border-top: 1px solid #383838;
  border-bottom: 1px solid #383838;
  background: #2c2c2c;
  padding: 1rem 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 640px){#section-meeram-perks-strip .perks-strip{
    padding: 1.25rem 0;
  }}
#section-meeram-perks-strip .perks-marquee{
  display: flex;
  overflow: hidden;
  user-select: none;
  width: 100%;
}
#section-meeram-perks-strip .perks-marquee__track{
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  animation: perksMarquee 35s linear infinite;
  will-change: transform;
}
#section-meeram-perks-strip .perks-marquee:hover .perks-marquee__track{
  animation-play-state: paused;
}
@keyframes perksMarquee{
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
#section-meeram-perks-strip .perk-item{
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0 0.75rem;
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 640px){#section-meeram-perks-strip .perk-item{
    gap: 2.25rem;
    padding: 0 1.125rem;
  }}
#section-meeram-perks-strip .perk-item__heading{
  margin: 0;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 640px){#section-meeram-perks-strip .perk-item__heading{
    font-size: 1rem;
    letter-spacing: 0.14em;
  }}
#section-meeram-perks-strip .perk-item__star{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.75);
  flex-shrink: 0;
  line-height: 1;
}
#section-meeram-perks-strip .perk-item__star svg{
  width: 13px;
  height: 13px;
  display: block;
}
@media (min-width: 640px){#section-meeram-perks-strip .perk-item__star svg{
    width: 15px;
    height: 15px;
  }}
@media (prefers-reduced-motion: reduce){#section-meeram-perks-strip .perks-marquee__track{
    animation-duration: 90s;
  }}

/* sections/meeram-press-accolades.bit */
#section-meeram-press-accolades .press-accolades{
  display: none !important;
}

/* sections/meeram-search-modal.bit */
#section-meeram-search-modal #section-meeram-search-modal, #section-meeram-search-modal [data-section="meeram-search-modal"]{
  display: contents !important;
}
#section-meeram-search-modal .rx-immersive-overlay{
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  visibility: hidden;
  transition: visibility 0.45s ease;
  height: 100dvh;
  box-sizing: border-box;
}
#section-meeram-search-modal .rx-immersive-overlay.is-open{
  pointer-events: auto;
  visibility: visible;
  transition: visibility 0s;
}
#section-meeram-search-modal .rx-overlay-bg{
  position: absolute;
  inset: 0;
  background: transparent;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (min-width: 768px){#section-meeram-search-modal .rx-overlay-bg{
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }}
#section-meeram-search-modal .rx-immersive-overlay.is-open .rx-overlay-bg{
  opacity: 1;
}
#section-meeram-search-modal .rx-overlay-layout-container{
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  transform: translateY(100%);
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}
#section-meeram-search-modal .rx-immersive-overlay.is-open .rx-overlay-layout-container{
  transform: translateY(0);
}
#section-meeram-search-modal .rx-close-row{
  padding: 12px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
#section-meeram-search-modal .rx-btn-close{
  background: #ebebeb;
  border: none;
  cursor: pointer;
  color: #111111;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
#section-meeram-search-modal .rx-btn-close:hover{
  background: #ffffff;
  transform: scale(1.06);
}
#section-meeram-search-modal .rx-overlay-wrapper{
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 36px 36px 0 0;
  background-color: #eae9e9;
  background-clip: padding-box;
  padding: 14px;
  border: 6px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-sizing: border-box;
}
@media (min-width: 768px){#section-meeram-search-modal .rx-overlay-wrapper{
    margin: 0 auto 24px auto;
    width: 360px;
    max-height: calc(100vh - 120px);
    border-radius: 36px;
    padding: 20px;
  }
#section-meeram-search-modal .rx-close-row{
    justify-content: center;
    padding: 24px 24px 12px 24px;
  }}
#section-meeram-search-modal .rx-overlay-content{
  background: transparent;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}
#section-meeram-search-modal .rx-top-bar{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 0 12px 0;
  flex-shrink: 0;
}
#section-meeram-search-modal .rx-input-wrap{
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  background: #ffffff;
  border-radius: 9999px;
  padding: 12px 18px;
  transition: background 0.2s, border-color 0.2s;
  border: 1px solid #e0e0e0;
}
#section-meeram-search-modal .rx-input-wrap:focus-within{
  background: #fafafa;
  border-color: #bbbbbb;
}
#section-meeram-search-modal .rx-search-input-wrapper{
  flex: 1;
  display: flex;
}
#section-meeram-search-modal .rx-search-input{
  width: 100%;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #111111 !important;
  min-width: 0;
  padding: 0 !important;
  margin: 0 !important;
}
#section-meeram-search-modal .rx-search-input::placeholder{
  color: #999999 !important;
}
#section-meeram-search-modal .rx-ico-search{
  flex-shrink: 0;
  color: #666666;
}
#section-meeram-search-modal .rx-clear-btn{
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: #888888 !important;
  padding: 3px !important;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
#section-meeram-search-modal .rx-clear-btn:hover{
  color: #111111 !important;
}
#section-meeram-search-modal .rx-body{
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
#section-meeram-search-modal .rx-collections-panel, #section-meeram-search-modal .rx-results-panel{
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
}
#section-meeram-search-modal .rx-collections-panel::-webkit-scrollbar, #section-meeram-search-modal .rx-results-panel::-webkit-scrollbar{
  display: none;
}
#section-meeram-search-modal .rx-results-panel{
  display: none;
}
#section-meeram-search-modal .rx-body.is-searching .rx-collections-panel{
  display: none;
}
#section-meeram-search-modal .rx-body.is-searching .rx-results-panel{
  display: flex;
}
#section-meeram-search-modal .rx-panel-header{
  padding: 12px 0 6px;
  flex-shrink: 0;
}
#section-meeram-search-modal .rx-panel-label-bold{
  font-family: 'Geist', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  margin: 0;
  line-height: 1.2;
}
#section-meeram-search-modal .rx-list{
  display: flex;
  flex-direction: column;
  padding: 0 0 14px 0;
}
#section-meeram-search-modal .rx-list-card{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: opacity 0.16s ease, transform 0.16s ease;
}
#section-meeram-search-modal .rx-list-card:hover{
  opacity: 0.75;
}
#section-meeram-search-modal .rx-list-card:last-child{
  border-bottom: none;
}
#section-meeram-search-modal .rx-card-thumb{
  width: 52px !important;
  height: 52px !important;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  background: #ebebeb;
}
#section-meeram-search-modal .rx-card-thumb img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}
#section-meeram-search-modal .rx-card-info{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#section-meeram-search-modal .rx-card-title-bold{
  font-family: 'Geist', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  white-space: normal;
  overflow-wrap: break-word;
  display: block;
  line-height: 1.25;
}
#section-meeram-search-modal .rx-card-sub{
  font-family: 'Geist', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: #666666 !important;
  margin: 0;
}
#section-meeram-search-modal .rx-empty-state{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 50px 18px;
  flex: 1;
  text-align: center;
}
#section-meeram-search-modal .rx-empty-icon{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #e2e2e2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888888;
  margin-bottom: 4px;
}
#section-meeram-search-modal .rx-empty-title{
  font-family: 'Geist', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555555 !important;
  margin: 0;
}
#section-meeram-search-modal .rx-animate-up{
  animation: rxFadeUp 0.38s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: var(--delay, 0s);
}
@keyframes rxFadeUp{
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
#section-meeram-search-modal .rx-no-results{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 50px 18px;
  text-align: center;
  flex: 1;
}
#section-meeram-search-modal .rx-no-results .rx-nr-title{
  font-family: 'Geist', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #444444 !important;
  margin: 0;
}
#section-meeram-search-modal .rx-no-results .rx-nr-sub{
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #888888 !important;
  margin: 0;
}
#section-meeram-search-modal .rx-skel-card{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #e2e2e2;
}
#section-meeram-search-modal .rx-skel-thumb{
  width: 52px;
  height: 52px;
  border-radius: 6px;
  background: linear-gradient(90deg, #ebebeb 25%, #dedede 50%, #ebebeb 75%);
  background-size: 200% 100%;
  animation: rxShimmer 1.5s infinite;
  flex-shrink: 0;
}
#section-meeram-search-modal .rx-skel-line{
  height: 12px;
  border-radius: 5px;
  width: 60%;
  background: linear-gradient(90deg, #ebebeb 25%, #dedede 50%, #ebebeb 75%);
  background-size: 200% 100%;
  animation: rxShimmer 1.5s infinite;
}
@keyframes rxShimmer{
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@media (min-width: 768px){#section-meeram-search-modal .rx-card-thumb, #section-meeram-search-modal .rx-skel-thumb{
    width: 44px !important;
    height: 44px !important;
    border-radius: 5px;
  }
#section-meeram-search-modal .rx-card-title-bold{
    font-size: 10px !important;
  }
#section-meeram-search-modal .rx-card-sub{
    font-size: 9px !important;
  }
#section-meeram-search-modal .rx-panel-label-bold, #section-meeram-search-modal .rx-empty-title, #section-meeram-search-modal .rx-no-results .rx-nr-title{
    font-size: 11.5px !important;
  }
#section-meeram-search-modal .rx-no-results .rx-nr-sub{
    font-size: 10px !important;
  }
#section-meeram-search-modal .rx-list-card{
    padding: 8px 0;
    gap: 12px;
  }
#section-meeram-search-modal .rx-input-wrap{
    padding: 10px 16px;
  }
#section-meeram-search-modal .rx-search-input{
    font-size: 16px !important;
  }}

/* sections/meeram-signature-campaign.bit */
#section-meeram-signature-campaign .meeram-campaign-slider{
  position: relative !important;
  width: 100% !important;
  height: 90vh !important;
  min-height: 90vh !important;
  max-height: none !important;
  padding: 0 !important;
  background: var(--bg, #ededed) !important;
  background-color: #ededed !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#section-meeram-signature-campaign .meeram-campaign__embla{
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateZ(0);
}
#section-meeram-signature-campaign .meeram-campaign__embla .embla__container, #section-meeram-signature-campaign .meeram-campaign__embla-container{
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  height: 100% !important;
  gap: 0 !important;
  touch-action: pan-y pinch-zoom !important;
  user-select: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform-style: flat !important;
  -webkit-transform-style: flat !important;
  overflow: visible !important;
}
#section-meeram-signature-campaign .meeram-campaign__slide{
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: none !important;
  cursor: grab !important;
  pointer-events: auto !important;
}
#section-meeram-signature-campaign .meeram-campaign__slide:active{
  cursor: grabbing !important;
}
#section-meeram-signature-campaign .meeram-campaign__slide-link{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  text-decoration: none !important;
  cursor: pointer !important;
  -webkit-user-drag: none !important;
  user-select: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
#section-meeram-signature-campaign .meeram-campaign__bg-img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  user-select: none !important;
  border-radius: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#section-meeram-signature-campaign .meeram-campaign__scrim{
  display: none !important;
  background: none !important;
}
#section-meeram-signature-campaign .meeram-campaign__overlay{
  position: absolute !important;
  bottom: 4.2rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 90% !important;
  text-align: center !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  pointer-events: none !important;
  transition: none !important;
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#section-meeram-signature-campaign .meeram-campaign__title{
  margin: 0 !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
  transition: none !important;
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#section-meeram-signature-campaign .meeram-campaign__cta{
  display: inline-block !important;
  margin-top: 4px !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  opacity: 0.95 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}
#section-meeram-signature-campaign .meeram-campaign__dots{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  position: absolute !important;
  bottom: 1.8rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 5px 9px !important;
  border-radius: 9999px !important;
  z-index: 10 !important;
}
#section-meeram-signature-campaign .meeram-campaign__dot{
  width: 6px !important;
  height: 6px !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.45) !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: width 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.3s ease !important;
}
#section-meeram-signature-campaign .meeram-campaign__dot.is-active{
  width: 22px !important;
  background: #ffffff !important;
}
#section-meeram-signature-campaign .meeram-campaign__arrow{
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #111111 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  padding: 0 !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease, transform 0.2s ease, background-color 0.2s ease !important;
}
#section-meeram-signature-campaign .meeram-campaign-slider:hover .meeram-campaign__arrow{
  opacity: 0.88 !important;
}
#section-meeram-signature-campaign .meeram-campaign__arrow:hover{
  opacity: 1 !important;
  transform: translateY(-50%) scale(1.08) !important;
  background: #ffffff !important;
}
#section-meeram-signature-campaign .meeram-campaign__arrow--prev{
  left: 28px !important;
}
#section-meeram-signature-campaign .meeram-campaign__arrow--next{
  right: 28px !important;
}
#section-meeram-signature-campaign .meeram-campaign__arrow:disabled{
  opacity: 0.2 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
@media (max-width: 768px){#section-meeram-signature-campaign .meeram-campaign-slider{
    position: relative !important;
    width: 100% !important;
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--bg, #ededed) !important;
    background-color: #ededed !important;
    box-sizing: border-box !important;
  }
#section-meeram-signature-campaign .meeram-campaign__embla{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: visible !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-mask-image: none !important;
    perspective: 1200px !important;
    -webkit-perspective: 1200px !important;
    touch-action: pan-y !important;
  }
#section-meeram-signature-campaign .meeram-campaign__embla .embla__container{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    transform-style: preserve-3d !important;
    -webkit-transform-style: preserve-3d !important;
    transform: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }
#section-meeram-signature-campaign #section-meeram-signature-campaign .meeram-campaign__slide, #section-meeram-signature-campaign .meeram-campaign__slide{
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    width: 75vw !important;
    max-width: 310px !important;
    height: 460px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.42s ease !important;
    will-change: transform, opacity;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }
#section-meeram-signature-campaign #section-meeram-signature-campaign .meeram-campaign__slide.is-card-active, #section-meeram-signature-campaign .meeram-campaign__slide.is-card-active{
    z-index: 30 !important;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: default;
  }
#section-meeram-signature-campaign #section-meeram-signature-campaign .meeram-campaign__slide.is-card-prev, #section-meeram-signature-campaign .meeram-campaign__slide.is-card-prev{
    z-index: 20 !important;
    opacity: 1 !important;
    transform: translate3d(-14.5%, 0, 0) scale(0.91) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }
#section-meeram-signature-campaign #section-meeram-signature-campaign .meeram-campaign__slide.is-card-next, #section-meeram-signature-campaign .meeram-campaign__slide.is-card-next{
    z-index: 20 !important;
    opacity: 1 !important;
    transform: translate3d(14.5%, 0, 0) scale(0.91) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }
#section-meeram-signature-campaign #section-meeram-signature-campaign .meeram-campaign__slide.is-card-far-prev, #section-meeram-signature-campaign .meeram-campaign__slide.is-card-far-prev{
    z-index: 10 !important;
    opacity: 1 !important;
    transform: translate3d(-26.5%, 0, 0) scale(0.82) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }
#section-meeram-signature-campaign #section-meeram-signature-campaign .meeram-campaign__slide.is-card-far-next, #section-meeram-signature-campaign .meeram-campaign__slide.is-card-far-next{
    z-index: 10 !important;
    opacity: 1 !important;
    transform: translate3d(26.5%, 0, 0) scale(0.82) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }
#section-meeram-signature-campaign #section-meeram-signature-campaign .meeram-campaign__slide.is-card-hidden, #section-meeram-signature-campaign .meeram-campaign__slide.is-card-hidden{
    z-index: 1 !important;
    opacity: 0 !important;
    transform: translate3d(0, 0, 0) scale(0.7) !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
#section-meeram-signature-campaign .meeram-campaign__slide-link{
    border-radius: 25px !important;
    overflow: hidden !important;
  }
#section-meeram-signature-campaign .meeram-campaign__bg-img{
    border-radius: 6px !important;
    object-fit: cover !important;
  }
#section-meeram-signature-campaign .meeram-campaign__scrim{
    display: none !important;
    background: none !important;
  }
#section-meeram-signature-campaign .meeram-campaign__overlay{
    bottom: 1.85rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 86% !important;
    max-width: 280px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.35rem !important;
    pointer-events: none !important;
    transition: none !important;
    animation: none !important;
  }
#section-meeram-signature-campaign .meeram-campaign__slide:not(.is-card-active) .meeram-campaign__overlay{
    opacity: 0 !important;
    pointer-events: none !important;
    transition: none !important;
  }
#section-meeram-signature-campaign .meeram-campaign__slide.is-card-active .meeram-campaign__overlay{
    opacity: 1 !important;
    transition: none !important;
  }
#section-meeram-signature-campaign .meeram-campaign__title{
    margin: 0 !important;
    font-family: var(--font-sans, 'Geist', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    text-shadow: none !important;
    transition: none !important;
    animation: none !important;
  }
#section-meeram-signature-campaign .meeram-campaign__cta{
    display: none !important;
    text-shadow: none !important;
  }
#section-meeram-signature-campaign .meeram-campaign__dots, #section-meeram-signature-campaign .meeram-campaign__arrow{
    display: none !important;
  }}

/* sections/meeram-subpage-header.bit */
#section-meeram-subpage-header .msh{ display: none !important; }

/* sections/product-perfume-body.bit */
#section-product-perfume-body .pdp-perfume-body{
  background: #ffffff;
  color: #18181b;
  font-family: var(--font-sans, 'Geist', -apple-system, BlinkMacSystemFont, sans-serif);
  padding: 2.5rem 1rem 4rem;
}
#section-product-perfume-body .pdp-container{
  max-width: 1240px;
  margin: 0 auto;
}
#section-product-perfume-body .pdp-layout-grid, #section-product-perfume-body .pdp-grid{
  display: grid;
  grid-template-columns: 55fr 45fr;
  align-items: start;
  gap: 2.25rem;
  max-width: 84rem;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px){#section-product-perfume-body .pdp-layout-grid, #section-product-perfume-body .pdp-grid{
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }}
#section-product-perfume-body .pdp-gallery-col{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px){#section-product-perfume-body .pdp-gallery-col{
    position: sticky;
    top: 100px;
    max-height: 85vh;
  }}
@media (max-width: 991px){#section-product-perfume-body .pdp-gallery-col{
    position: static;
    top: auto;
    max-height: none;
    height: auto;
  }}
#section-product-perfume-body .pdp-main-frame{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #f4f4f5;
  aspect-ratio: 4 / 5;
  width: 100%;
  max-height: 85vh;
  height: auto;
  flex: 1;
}
#section-product-perfume-body .pdp-main-frame .embla__container{
  display: flex;
  height: 100%;
}
#section-product-perfume-body .pdp-main-frame .embla__slide{
  flex: 0 0 100%;
  min-width: 0;
  height: 100%;
}
#section-product-perfume-body .pdp-slide-inner{
  width: 100%;
  height: 100%;
}
#section-product-perfume-body .pdp-gallery-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 !important;
  display: block;
}
#section-product-perfume-body .pdp-nav-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 180ms ease;
}
#section-product-perfume-body .pdp-nav-btn:hover{
  background: #ffffff;
  transform: translateY(-50%) scale(1.05);
}
#section-product-perfume-body .pdp-nav-btn--prev{ left: 1rem; }
#section-product-perfume-body .pdp-nav-btn--next{ right: 1rem; }
#section-product-perfume-body .pdp-slide-counter{
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.65rem;
  border-radius: 9999px;
  letter-spacing: 0.05em;
}
#section-product-perfume-body .pdp-thumbs-row{
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  overflow-x: auto;
}
#section-product-perfume-body .pdp-thumb-item{
  width: 4rem;
  height: 4rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid transparent;
  background: #f4f4f5;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: border-color 150ms ease;
}
#section-product-perfume-body .pdp-thumb-item.is-active{
  border-color: #000000;
}
#section-product-perfume-body .pdp-thumb-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-product-perfume-body .pdp-dossier-col{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 991px){#section-product-perfume-body .pdp-dossier-col{
    height: auto;
  }}
#section-product-perfume-body .pdp-dossier-card{
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1.5rem;
  padding: 1.75rem 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px){#section-product-perfume-body .pdp-dossier-card{
    height: auto;
  }}
#section-product-perfume-body .pdp-category-tag-wrap{
  margin-bottom: 0.75rem;
}
#section-product-perfume-body .pdp-badge--body{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #18181b;
  background: #f4f4f5;
  padding: 0.35rem 0.75rem;
  border-radius: 9999px;
  border: 1px solid #e4e4e7;
}
#section-product-perfume-body .pdp-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
#section-product-perfume-body .pdp-title{
  margin: 0;
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #111111;
  line-height: 1.25;
}
#section-product-perfume-body .pdp-price-row{
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-top: 0.35rem;
}
#section-product-perfume-body .pdp-price{
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: #71717a;
}
#section-product-perfume-body .pdp-price-compare{
  font-size: 13px;
  color: #a1a1aa;
  text-decoration: line-through;
  font-weight: 400;
}
#section-product-perfume-body .pdp-size-guide-btn{
  background: #e4e4e7;
  color: #18181b;
  border: none;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 0.4rem 0.85rem;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
#section-product-perfume-body .pdp-pills-row{
  display: flex;
  gap: 0.75rem;
  margin-top: 1.25rem;
  flex-wrap: wrap;
}
#section-product-perfume-body .pdp-pill{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 5rem;
  height: 3rem;
  padding: 0 1.25rem;
  border-radius: 9999px;
  border: 1.5px solid #d4d4d8;
  background: #ffffff;
  cursor: pointer;
  transition: all 180ms ease;
}
#section-product-perfume-body .pdp-pill.is-active{
  border-color: #000000;
  background: #000000;
  color: #ffffff;
}
#section-product-perfume-body .pdp-pill-title{
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.1;
}
#section-product-perfume-body .pdp-pill-sub{
  font-size: 0.625rem;
  font-weight: 500;
  opacity: 0.8;
}
#section-product-perfume-body .pdp-pill.is-active .pdp-pill-sub{
  color: #d4d4d8;
}
#section-product-perfume-body .pdp-review-strip{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.25rem;
  padding: 0.75rem 1rem;
  background: #fafafa;
  border-radius: 0.75rem;
}
#section-product-perfume-body .pdp-reviewer-name{
  font-size: 0.75rem;
  font-weight: 700;
}
#section-product-perfume-body .pdp-verified-badge{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  color: #71717a;
}
#section-product-perfume-body .pdp-review-stars{
  font-size: 0.8125rem;
  font-weight: 700;
}
#section-product-perfume-body .pdp-cta-group{
  display: flex;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
@media (max-width: 640px){#section-product-perfume-body .pdp-cta-group{
    flex-direction: column;
  }}
#section-product-perfume-body .pdp-btn-add-main, #section-product-perfume-body .pdp-btn-buy-main{
  flex: 1;
  height: 3.25rem;
  border-radius: 9999px;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 180ms ease;
}
#section-product-perfume-body .pdp-btn-add-main{
  background: #ffffff;
  border: 1.5px solid #000000;
  color: #000000;
}
#section-product-perfume-body .pdp-btn-add-main:hover{
  background: #f4f4f5;
}
#section-product-perfume-body .pdp-buy-wrapper{
  flex: 1;
}
#section-product-perfume-body .pdp-btn-buy-main{
  width: 100%;
  background: #000000;
  border: 1.5px solid #000000;
  color: #ffffff;
}
#section-product-perfume-body .pdp-btn-buy-main:hover{
  background: #27272a;
}
#section-product-perfume-body .pdp-trust-strip{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}
#section-product-perfume-body .pdp-trust-col{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0 0.5rem;
}
#section-product-perfume-body .pdp-trust-col--center{
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
#section-product-perfume-body .pdp-trust-col span{
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#section-product-perfume-body .pdp-tabs-box{
  background: #f4f4f5;
  border-radius: 1rem;
  padding: 1.25rem;
  margin-top: 1.25rem;
}
#section-product-perfume-body .pdp-tabs-nav{
  display: flex;
  gap: 1.25rem;
  border-bottom: 1px solid #e4e4e7;
  padding-bottom: 0.5rem;
  overflow-x: auto;
}
#section-product-perfume-body .pdp-tab-btn{
  background: none;
  border: none;
  padding: 0 0 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #71717a;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
#section-product-perfume-body .pdp-tab-btn.is-active{
  color: #000000;
  font-weight: 700;
}
#section-product-perfume-body .pdp-tab-btn.is-active::after{
  content: '';
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  right: 0;
  height: 2px;
  background: #000000;
}
#section-product-perfume-body .pdp-tab-pane{
  padding-top: 1rem;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: #3f3f46;
}
#section-product-perfume-body .pdp-pane-title{
  font-size: 0.9375rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: #18181b;
}
#section-product-perfume-body .pdp-pane-body{
  margin: 0 0 0.75rem;
}
#section-product-perfume-body .pdp-guide-list{
  padding-left: 1.25rem;
  margin: 0.5rem 0 0;
}
#section-product-perfume-body .pdp-guide-list li{
  margin-bottom: 0.35rem;
}
#section-product-perfume-body .pdp-pulse-points-grid, #section-product-perfume-body .pdp-occasions-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  margin-top: 0.75rem;
}
@media (min-width: 480px){#section-product-perfume-body .pdp-pulse-points-grid, #section-product-perfume-body .pdp-occasions-grid{
    grid-template-columns: 1fr 1fr;
  }}
#section-product-perfume-body .pdp-pulse-point-card, #section-product-perfume-body .pdp-occasion-item{
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 0.65rem;
  padding: 0.75rem;
}
#section-product-perfume-body .pdp-pulse-name, #section-product-perfume-body .pdp-occasion-title{
  display: block;
  font-weight: 700;
  font-size: 0.78rem;
  color: #18181b;
  margin-bottom: 0.2rem;
}
#section-product-perfume-body .pdp-pulse-desc, #section-product-perfume-body .pdp-occasion-item p{
  font-size: 0.72rem;
  color: #71717a;
  margin: 0;
  line-height: 1.4;
}
#section-product-perfume-body .pdp-modal-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(4px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
#section-product-perfume-body .pdp-modal-card{
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem;
  max-width: 480px;
  width: 100%;
}
#section-product-perfume-body .pdp-modal-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
#section-product-perfume-body .pdp-modal-header h3{
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}
#section-product-perfume-body .pdp-modal-close{
  background: none;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
}
#section-product-perfume-body .pdp-guide-item{
  margin-bottom: 1rem;
}
#section-product-perfume-body .pdp-guide-item strong{
  display: block;
  font-size: 0.8125rem;
  margin-bottom: 0.25rem;
}
#section-product-perfume-body .pdp-guide-item p{
  margin: 0;
  font-size: 0.75rem;
  color: #71717a;
}
#section-product-perfume-body .pdp-cert-strip{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding: 1rem 0.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
}
#section-product-perfume-body .pdp-cert-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}
#section-product-perfume-body .pdp-cert-icon{
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #18181b;
}
#section-product-perfume-body .pdp-cert-label{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.65rem;
  font-weight: 600;
  color: #27272a;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
@media (max-width: 480px){#section-product-perfume-body .pdp-cert-label{
    font-size: 0.58rem;
  }}
#section-product-perfume-body .pdp-combos-section{
  margin-top: 1.75rem;
}
#section-product-perfume-body .pdp-combos-heading{
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #18181b;
  margin: 0 0 0.85rem;
}
#section-product-perfume-body .pdp-combos-carousel{
  position: relative;
}
#section-product-perfume-body .pdp-combo-card{
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 1rem;
  padding: 1.15rem;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  transition: opacity 250ms ease;
}
#section-product-perfume-body .pdp-combo-card.is-hidden{
  display: none !important;
}
#section-product-perfume-body .pdp-combo-products{
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
#section-product-perfume-body .pdp-combo-item{
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}
#section-product-perfume-body .pdp-combo-item:last-child{
  border-bottom: none;
  padding-bottom: 0;
}
#section-product-perfume-body .pdp-combo-thumb{
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
  background: #f4f4f5;
  flex-shrink: 0;
}
#section-product-perfume-body .pdp-combo-info{
  flex: 1;
  min-width: 0;
}
#section-product-perfume-body .pdp-combo-name{
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #18181b;
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#section-product-perfume-body .pdp-combo-sub{
  font-size: 0.7rem;
  color: #71717a;
  margin: 0.2rem 0 0;
}
#section-product-perfume-body .pdp-combo-item-price{
  display: block;
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #71717a;
  white-space: nowrap;
  margin-top: 0.25rem;
}
#section-product-perfume-body .pdp-combo-item .pdp-card-add-btn{
  margin-left: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  color: #18181b;
  cursor: pointer;
  transition: transform 180ms ease, opacity 180ms ease;
}
#section-product-perfume-body .pdp-combo-item .pdp-card-add-btn:hover{
  transform: scale(1.12);
  opacity: 0.8;
}
#section-product-perfume-body .pdp-combo-item .pdp-card-add-btn svg{
  display: block;
  width: 18px;
  height: 18px;
}
#section-product-perfume-body .pdp-combo-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-product-perfume-body .pdp-combo-pricing{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#section-product-perfume-body .pdp-combo-prices{
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}
#section-product-perfume-body .pdp-combo-final{
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: #18181b;
}
#section-product-perfume-body .pdp-combo-original{
  font-size: 12px;
  color: #a1a1aa;
  text-decoration: line-through;
}
#section-product-perfume-body .pdp-combo-savings{
  font-size: 0.72rem;
  font-weight: 500;
  color: #16a34a;
  margin-top: 0.15rem;
}
#section-product-perfume-body .pdp-combo-add-btn{
  height: 2.65rem;
  padding: 0 1.25rem;
  border-radius: 25px;
  background: #ffffff;
  border: 1.5px solid #18181b;
  color: #18181b;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: all 180ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#section-product-perfume-body .pdp-combo-add-btn:hover{
  background: #18181b;
  color: #ffffff;
}
#section-product-perfume-body .pdp-combo-add-btn:disabled{
  opacity: 0.65;
  cursor: not-allowed;
}
#section-product-perfume-body .pdp-combos-dots{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 0.75rem;
}
#section-product-perfume-body .pdp-combos-dot{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4d4d8;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 200ms ease;
}
#section-product-perfume-body .pdp-combos-dot.is-active{
  background: #18181b;
  width: 14px;
  border-radius: 3px;
}
#section-product-perfume-body .pdp-notes-set-section{
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-product-perfume-body .pdp-notes-set-header{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
#section-product-perfume-body .pdp-notes-set-title{
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 400;
  color: #18181b;
  margin: 0;
}
#section-product-perfume-body .pdp-notes-family-badge{
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 400;
  color: #71717a;
}
#section-product-perfume-body .pdp-notes-tabs-nav{
  display: flex;
  gap: 1.5rem;
  margin-top: 16px;
  border-bottom: 1.5px solid #e4e4e7;
}
#section-product-perfume-body .pdp-notes-tab-btn{
  background: none;
  border: none;
  padding: 0 0 0.5rem;
  font-family: var(--font-sans);
  font-size: 0.875rem;
  font-weight: 400;
  color: #a1a1aa;
  cursor: pointer;
  position: relative;
  transition: color 150ms ease;
  white-space: nowrap;
}
#section-product-perfume-body .pdp-notes-tab-btn:hover{
  color: #18181b;
}
#section-product-perfume-body .pdp-notes-tab-btn.is-active{
  color: #18181b;
}
#section-product-perfume-body .pdp-notes-tab-btn.is-active::after{
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  right: 0;
  height: 2px;
  background: #18181b;
}
#section-product-perfume-body .pdp-notes-phase-sub{
  font-family: var(--font-sans);
  font-size: 12px;
  color: #52525b;
  margin: 13px;
  font-weight: 400;
}
#section-product-perfume-body .pdp-notes-cards-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
#section-product-perfume-body .pdp-ingredient-card{
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  overflow: hidden;
  background: #ffffff;
}
#section-product-perfume-body .pdp-ingredient-img-wrap{
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  background: #f4f4f5;
}
#section-product-perfume-body .pdp-ingredient-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-product-perfume-body .pdp-ingredient-overlay-name{
  position: absolute;
  bottom: 0.65rem;
  left: 0.75rem;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
  letter-spacing: -0.01em;
}
#section-product-perfume-body .pdp-ingredient-traits{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.55rem 0.4rem;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.6875rem;
  font-weight: 600;
  color: #3f3f46;
  background: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#section-product-perfume-body .pdp-wear-section{
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-product-perfume-body .pdp-wear-header{
  margin-bottom: 0.85rem;
}
#section-product-perfume-body .pdp-wear-title{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.95rem;
  font-weight: 600;
  color: #111111;
  margin: 0;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
#section-product-perfume-body .pdp-wear-subtitle{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.75rem;
  font-weight: 400;
  color: #71717a;
  margin: 0.25rem 0 0;
  line-height: 1.4;
}
#section-product-perfume-body .pdp-wear-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
#section-product-perfume-body .pdp-wear-card{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #18181b;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  border: none;
  text-decoration: none;
}
#section-product-perfume-body .pdp-wear-card-img-wrap{
  display: contents;
}
#section-product-perfume-body .pdp-wear-card-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 450ms cubic-bezier(0.25, 1, 0.5, 1);
}
#section-product-perfume-body .pdp-wear-card:hover .pdp-wear-card-img{
  transform: scale(1.08);
}
#section-product-perfume-body .pdp-wear-card-overlay, #section-product-perfume-body .pdp-wear-card-content{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0.85rem 0.85rem 0.75rem;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.88) 100%);
  pointer-events: none;
  z-index: 2;
}
#section-product-perfume-body .pdp-wear-card-name{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #ffffff !important;
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
#section-product-perfume-body .pdp-wear-card-sub{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.7rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8) !important;
  margin: 0.15rem 0 0;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 640px){#section-product-perfume-body .pdp-wear-grid{
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 0.65rem !important;
    padding-bottom: 0.35rem !important;
    scrollbar-width: none !important;
  }
#section-product-perfume-body .pdp-wear-grid::-webkit-scrollbar{
    display: none !important;
  }
#section-product-perfume-body .pdp-wear-card{
    flex: 0 0 68% !important;
    min-width: 170px !important;
    scroll-snap-align: start !important;
    aspect-ratio: 4 / 3 !important;
  }}
#section-product-perfume-body .pdp-accordion-list{
  margin-top: 1.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#section-product-perfume-body .pdp-acc-item{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#section-product-perfume-body .pdp-acc-trigger{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.15rem 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-sans, 'Geist', sans-serif);
}
#section-product-perfume-body .pdp-acc-title{
  font-size: 0.9375rem;
  font-weight: 600;
  color: #18181b;
  letter-spacing: -0.01em;
}
#section-product-perfume-body .pdp-acc-icon{
  font-size: 1.25rem;
  font-weight: 300;
  color: #18181b;
  transition: transform 200ms ease;
  line-height: 1;
}
#section-product-perfume-body .pdp-acc-body{
  padding-bottom: 1.25rem;
}
#section-product-perfume-body .pdp-acc-body[hidden]{
  display: none !important;
}
#section-product-perfume-body .pdp-acc-content{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.8125rem;
  color: #52525b;
  line-height: 1.6;
}
#section-product-perfume-body .pdp-acc-content p{
  margin: 0;
}
#section-product-perfume-body .pdp-acc-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#section-product-perfume-body .pdp-acc-list li{
  position: relative;
  padding-left: 1.1rem;
}
#section-product-perfume-body .pdp-acc-list li::before{
  content: '•';
  position: absolute;
  left: 0;
  color: #18181b;
  font-weight: 700;
}
#section-product-perfume-body .pdp-faq-item{
  margin-bottom: 0.85rem;
}
#section-product-perfume-body .pdp-faq-item:last-child{
  margin-bottom: 0;
}

/* sections/product-room-fragrance.bit */
#section-product-room-fragrance .pdp-room-fragrance{
  background: #ffffff;
  color: #18181b;
  font-family: var(--font-sans, 'Geist', -apple-system, BlinkMacSystemFont, sans-serif);
  padding: 2.5rem 1rem 4rem;
}
#section-product-room-fragrance .pdp-container{
  max-width: 1240px;
  margin: 0 auto;
}
#section-product-room-fragrance .pdp-layout-grid, #section-product-room-fragrance .pdp-grid{
  display: grid;
  grid-template-columns: 55fr 45fr;
  align-items: start;
  gap: 2.25rem;
  max-width: 84rem;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px){#section-product-room-fragrance .pdp-layout-grid, #section-product-room-fragrance .pdp-grid{
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }}
#section-product-room-fragrance .pdp-gallery-col{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px){#section-product-room-fragrance .pdp-gallery-col{
    position: sticky;
    top: 100px;
    max-height: 85vh;
  }}
@media (max-width: 991px){#section-product-room-fragrance .pdp-gallery-col{
    position: static;
    top: auto;
    max-height: none;
    height: auto;
  }}
#section-product-room-fragrance .pdp-main-frame{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #f4f4f5;
  aspect-ratio: 4 / 5;
  width: 100%;
  max-height: 85vh;
  height: auto;
  flex: 1;
}
#section-product-room-fragrance .pdp-main-frame .embla__container{
  display: flex;
  height: 100%;
}
#section-product-room-fragrance .pdp-main-frame .embla__slide{
  flex: 0 0 100%;
  min-width: 0;
  height: 100%;
}
#section-product-room-fragrance .pdp-slide-inner{
  width: 100%;
  height: 100%;
}
#section-product-room-fragrance .pdp-gallery-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 !important;
  display: block;
}
#section-product-room-fragrance .pdp-nav-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 180ms ease;
}
#section-product-room-fragrance .pdp-nav-btn:hover{
  background: #ffffff;
  transform: translateY(-50%) scale(1.05);
}
#section-product-room-fragrance .pdp-nav-btn--prev{ left: 1rem; }
#section-product-room-fragrance .pdp-nav-btn--next{ right: 1rem; }
#section-product-room-fragrance .pdp-slide-counter{
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.65rem;
  border-radius: 9999px;
  letter-spacing: 0.05em;
}
#section-product-room-fragrance .pdp-thumbs-row{
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  overflow-x: auto;
}
#section-product-room-fragrance .pdp-thumb-item{
  width: 4rem;
  height: 4rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid transparent;
  background: #f4f4f5;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: border-color 150ms ease;
}
#section-product-room-fragrance .pdp-thumb-item.is-active{
  border-color: #000000;
}
#section-product-room-fragrance .pdp-thumb-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-product-room-fragrance .pdp-dossier-col{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 991px){#section-product-room-fragrance .pdp-dossier-col{
    height: auto;
  }}
#section-product-room-fragrance .pdp-dossier-card{
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1.5rem;
  padding: 1.75rem 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px){#section-product-room-fragrance .pdp-dossier-card{
    height: auto;
  }}
#section-product-room-fragrance .pdp-category-tag-wrap{
  margin-bottom: 0.6rem;
}
#section-product-room-fragrance .pdp-badge--room{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #15803d;
  background: #f0fdf4;
  padding: 0.35rem 0.75rem;
  border-radius: 9999px;
  border: 1px solid #bbf7d0;
}
#section-product-room-fragrance .pdp-safety-pill--room{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: #854d0e;
  background: #fefce8;
  border: 1px solid #fef08a;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 1rem;
}
#section-product-room-fragrance .pdp-safety-pill--room svg{
  flex-shrink: 0;
  color: #ca8a04;
}
#section-product-room-fragrance .pdp-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
#section-product-room-fragrance .pdp-title{
  margin: 0;
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #111111;
  line-height: 1.25;
}
#section-product-room-fragrance .pdp-price-row{
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-top: 0.35rem;
}
#section-product-room-fragrance .pdp-price{
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: #71717a;
}
#section-product-room-fragrance .pdp-price-compare{
  font-size: 13px;
  color: #a1a1aa;
  text-decoration: line-through;
  font-weight: 400;
}
#section-product-room-fragrance .pdp-size-guide-btn{
  background: #e4e4e7;
  color: #18181b;
  border: none;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 0.4rem 0.85rem;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
#section-product-room-fragrance .pdp-pills-row{
  display: flex;
  gap: 0.75rem;
  margin-top: 1.25rem;
  flex-wrap: wrap;
}
#section-product-room-fragrance .pdp-pill{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 6rem;
  height: 3rem;
  padding: 0 1.25rem;
  border-radius: 9999px;
  border: 1.5px solid #d4d4d8;
  background: #ffffff;
  cursor: pointer;
  transition: all 180ms ease;
}
#section-product-room-fragrance .pdp-pill.is-active{
  border-color: #000000;
  background: #000000;
  color: #ffffff;
}
#section-product-room-fragrance .pdp-pill-title{
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.1;
}
#section-product-room-fragrance .pdp-pill-sub{
  font-size: 0.625rem;
  font-weight: 500;
  opacity: 0.8;
}
#section-product-room-fragrance .pdp-pill.is-active .pdp-pill-sub{
  color: #d4d4d8;
}
#section-product-room-fragrance .pdp-review-strip{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.25rem;
  padding: 0.75rem 1rem;
  background: #fafafa;
  border-radius: 0.75rem;
}
#section-product-room-fragrance .pdp-reviewer-name{
  font-size: 0.75rem;
  font-weight: 700;
}
#section-product-room-fragrance .pdp-verified-badge{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  color: #15803d;
}
#section-product-room-fragrance .pdp-review-stars{
  font-size: 0.8125rem;
  font-weight: 700;
}
#section-product-room-fragrance .pdp-cta-group{
  display: flex;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
@media (max-width: 640px){#section-product-room-fragrance .pdp-cta-group{
    flex-direction: column;
  }}
#section-product-room-fragrance .pdp-btn-add-main, #section-product-room-fragrance .pdp-btn-buy-main{
  flex: 1;
  height: 3.25rem;
  border-radius: 9999px;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 180ms ease;
}
#section-product-room-fragrance .pdp-btn-add-main{
  background: #ffffff;
  border: 1.5px solid #000000;
  color: #000000;
}
#section-product-room-fragrance .pdp-btn-add-main:hover{
  background: #f4f4f5;
}
#section-product-room-fragrance .pdp-buy-wrapper{
  flex: 1;
}
#section-product-room-fragrance .pdp-btn-buy-main{
  width: 100%;
  background: #000000;
  border: 1.5px solid #000000;
  color: #ffffff;
}
#section-product-room-fragrance .pdp-btn-buy-main:hover{
  background: #27272a;
}
#section-product-room-fragrance .pdp-trust-strip{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}
#section-product-room-fragrance .pdp-trust-col{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0 0.5rem;
}
#section-product-room-fragrance .pdp-trust-col--center{
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
#section-product-room-fragrance .pdp-trust-col span{
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#section-product-room-fragrance .pdp-tabs-box{
  background: #f4f4f5;
  border-radius: 1rem;
  padding: 1.25rem;
  margin-top: 1.25rem;
}
#section-product-room-fragrance .pdp-tabs-nav{
  display: flex;
  gap: 1.25rem;
  border-bottom: 1px solid #e4e4e7;
  padding-bottom: 0.5rem;
  overflow-x: auto;
}
#section-product-room-fragrance .pdp-tab-btn{
  background: none;
  border: none;
  padding: 0 0 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #71717a;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
#section-product-room-fragrance .pdp-tab-btn.is-active{
  color: #000000;
  font-weight: 700;
}
#section-product-room-fragrance .pdp-tab-btn.is-active::after{
  content: '';
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  right: 0;
  height: 2px;
  background: #000000;
}
#section-product-room-fragrance .pdp-tab-pane{
  padding-top: 1rem;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: #3f3f46;
}
#section-product-room-fragrance .pdp-pane-title{
  font-size: 0.9375rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: #18181b;
}
#section-product-room-fragrance .pdp-pane-body{
  margin: 0 0 0.75rem;
}
#section-product-room-fragrance .pdp-room-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  margin-top: 0.75rem;
}
@media (min-width: 480px){#section-product-room-fragrance .pdp-room-grid{
    grid-template-columns: 1fr 1fr;
  }}
#section-product-room-fragrance .pdp-room-card{
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 0.65rem;
  padding: 0.75rem;
}
#section-product-room-fragrance .pdp-room-name{
  display: block;
  font-weight: 700;
  font-size: 0.78rem;
  color: #18181b;
}
#section-product-room-fragrance .pdp-room-spritz{
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #15803d;
  background: #f0fdf4;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  margin: 0.2rem 0 0.35rem;
}
#section-product-room-fragrance .pdp-room-card p{
  font-size: 0.72rem;
  color: #71717a;
  margin: 0;
  line-height: 1.4;
}
#section-product-room-fragrance .pdp-ambiance-list{
  padding-left: 1.25rem;
  margin: 0.5rem 0 0;
}
#section-product-room-fragrance .pdp-ambiance-list li{
  margin-bottom: 0.5rem;
}
#section-product-room-fragrance .pdp-safety-items{
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 0.75rem;
}
#section-product-room-fragrance .pdp-safety-item{
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 0.65rem;
  padding: 0.75rem;
}
#section-product-room-fragrance .pdp-safety-item--warn{
  border-color: #fef08a;
  background: #fefce8;
}
#section-product-room-fragrance .pdp-safety-label{
  display: block;
  font-weight: 700;
  font-size: 0.78rem;
  color: #18181b;
  margin-bottom: 0.2rem;
}
#section-product-room-fragrance .pdp-safety-item--warn .pdp-safety-label{
  color: #854d0e;
}
#section-product-room-fragrance .pdp-safety-item p{
  font-size: 0.72rem;
  color: #71717a;
  margin: 0;
  line-height: 1.4;
}
#section-product-room-fragrance .pdp-safety-item--warn p{
  color: #713f12;
}
#section-product-room-fragrance .pdp-modal-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(4px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
#section-product-room-fragrance .pdp-modal-card{
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem;
  max-width: 480px;
  width: 100%;
}
#section-product-room-fragrance .pdp-modal-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
#section-product-room-fragrance .pdp-modal-header h3{
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}
#section-product-room-fragrance .pdp-modal-close{
  background: none;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
}
#section-product-room-fragrance .pdp-guide-item{
  margin-bottom: 1rem;
}
#section-product-room-fragrance .pdp-guide-item strong{
  display: block;
  font-size: 0.8125rem;
  margin-bottom: 0.25rem;
}
#section-product-room-fragrance .pdp-guide-item p{
  margin: 0;
  font-size: 0.75rem;
  color: #71717a;
}
#section-product-room-fragrance .pdp-cert-strip{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding: 1rem 0.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
}
#section-product-room-fragrance .pdp-cert-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}
#section-product-room-fragrance .pdp-cert-icon{
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #18181b;
}
#section-product-room-fragrance .pdp-cert-label{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.65rem;
  font-weight: 600;
  color: #27272a;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
@media (max-width: 480px){#section-product-room-fragrance .pdp-cert-label{
    font-size: 0.58rem;
  }}
#section-product-room-fragrance .pdp-combos-section{
  margin-top: 1.75rem;
}
#section-product-room-fragrance .pdp-combos-heading{
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #18181b;
  margin: 0 0 0.85rem;
}
#section-product-room-fragrance .pdp-combos-carousel{
  position: relative;
}
#section-product-room-fragrance .pdp-combo-card{
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 1rem;
  padding: 1.15rem;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  transition: opacity 250ms ease;
}
#section-product-room-fragrance .pdp-combo-card.is-hidden{
  display: none !important;
}
#section-product-room-fragrance .pdp-combo-products{
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
#section-product-room-fragrance .pdp-combo-item{
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}
#section-product-room-fragrance .pdp-combo-item:last-child{
  border-bottom: none;
  padding-bottom: 0;
}
#section-product-room-fragrance .pdp-combo-thumb{
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
  background: #f4f4f5;
  flex-shrink: 0;
}
#section-product-room-fragrance .pdp-combo-info{
  flex: 1;
  min-width: 0;
}
#section-product-room-fragrance .pdp-combo-name{
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #18181b;
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#section-product-room-fragrance .pdp-combo-sub{
  font-size: 0.7rem;
  color: #71717a;
  margin: 0.2rem 0 0;
}
#section-product-room-fragrance .pdp-combo-item-price{
  display: block;
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #71717a;
  white-space: nowrap;
  margin-top: 0.25rem;
}
#section-product-room-fragrance .pdp-combo-item .pdp-card-add-btn{
  margin-left: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  color: #18181b;
  cursor: pointer;
  transition: transform 180ms ease, opacity 180ms ease;
}
#section-product-room-fragrance .pdp-combo-item .pdp-card-add-btn:hover{
  transform: scale(1.12);
  opacity: 0.8;
}
#section-product-room-fragrance .pdp-combo-item .pdp-card-add-btn svg{
  display: block;
  width: 18px;
  height: 18px;
}
#section-product-room-fragrance .pdp-combo-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-product-room-fragrance .pdp-combo-pricing{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#section-product-room-fragrance .pdp-combo-prices{
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}
#section-product-room-fragrance .pdp-combo-final{
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: #18181b;
}
#section-product-room-fragrance .pdp-combo-original{
  font-size: 12px;
  color: #a1a1aa;
  text-decoration: line-through;
}
#section-product-room-fragrance .pdp-combo-savings{
  font-size: 0.72rem;
  font-weight: 500;
  color: #16a34a;
  margin-top: 0.15rem;
}
#section-product-room-fragrance .pdp-combo-add-btn{
  height: 2.65rem;
  padding: 0 1.25rem;
  border-radius: 25px;
  background: #ffffff;
  border: 1.5px solid #18181b;
  color: #18181b;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: all 180ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#section-product-room-fragrance .pdp-combo-add-btn:hover{
  background: #18181b;
  color: #ffffff;
}
#section-product-room-fragrance .pdp-combo-add-btn:disabled{
  opacity: 0.65;
  cursor: not-allowed;
}
#section-product-room-fragrance .pdp-combos-dots{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 0.75rem;
}
#section-product-room-fragrance .pdp-combos-dot{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4d4d8;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 200ms ease;
}
#section-product-room-fragrance .pdp-combos-dot.is-active{
  background: #18181b;
  width: 14px;
  border-radius: 3px;
}
#section-product-room-fragrance .pdp-notes-set-section{
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-product-room-fragrance .pdp-notes-set-header{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
#section-product-room-fragrance .pdp-notes-set-title{
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 400;
  color: #18181b;
  margin: 0;
}
#section-product-room-fragrance .pdp-notes-family-badge{
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 400;
  color: #71717a;
}
#section-product-room-fragrance .pdp-notes-tabs-nav{
  display: flex;
  gap: 1.5rem;
  margin-top: 16px;
  border-bottom: 1.5px solid #e4e4e7;
}
#section-product-room-fragrance .pdp-notes-tab-btn{
  background: none;
  border: none;
  padding: 0 0 0.5rem;
  font-family: var(--font-sans);
  font-size: 0.875rem;
  font-weight: 400;
  color: #a1a1aa;
  cursor: pointer;
  position: relative;
  transition: color 150ms ease;
  white-space: nowrap;
}
#section-product-room-fragrance .pdp-notes-tab-btn:hover{
  color: #18181b;
}
#section-product-room-fragrance .pdp-notes-tab-btn.is-active{
  color: #18181b;
}
#section-product-room-fragrance .pdp-notes-tab-btn.is-active::after{
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  right: 0;
  height: 2px;
  background: #18181b;
}
#section-product-room-fragrance .pdp-notes-phase-sub{
  font-family: var(--font-sans);
  font-size: 12px;
  color: #52525b;
  margin: 13px;
  font-weight: 400;
}
#section-product-room-fragrance .pdp-notes-cards-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
#section-product-room-fragrance .pdp-ingredient-card{
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  overflow: hidden;
  background: #ffffff;
}
#section-product-room-fragrance .pdp-ingredient-img-wrap{
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  background: #f4f4f5;
}
#section-product-room-fragrance .pdp-ingredient-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-product-room-fragrance .pdp-ingredient-overlay-name{
  position: absolute;
  bottom: 0.65rem;
  left: 0.75rem;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
  letter-spacing: -0.01em;
}
#section-product-room-fragrance .pdp-ingredient-traits{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.55rem 0.4rem;
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.6875rem;
  font-weight: 600;
  color: #3f3f46;
  background: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#section-product-room-fragrance .pdp-wear-section{
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#section-product-room-fragrance .pdp-wear-header{
  margin-bottom: 0.85rem;
}
#section-product-room-fragrance .pdp-wear-title{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.95rem;
  font-weight: 600;
  color: #111111;
  margin: 0;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
#section-product-room-fragrance .pdp-wear-subtitle{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.75rem;
  font-weight: 400;
  color: #71717a;
  margin: 0.25rem 0 0;
  line-height: 1.4;
}
#section-product-room-fragrance .pdp-wear-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
#section-product-room-fragrance .pdp-wear-card{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #18181b;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  border: none;
  text-decoration: none;
}
#section-product-room-fragrance .pdp-wear-card-img-wrap{
  display: contents;
}
#section-product-room-fragrance .pdp-wear-card-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 450ms cubic-bezier(0.25, 1, 0.5, 1);
}
#section-product-room-fragrance .pdp-wear-card:hover .pdp-wear-card-img{
  transform: scale(1.08);
}
#section-product-room-fragrance .pdp-wear-card-overlay, #section-product-room-fragrance .pdp-wear-card-content{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0.85rem 0.85rem 0.75rem;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.88) 100%);
  pointer-events: none;
  z-index: 2;
}
#section-product-room-fragrance .pdp-wear-card-name{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #ffffff !important;
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
#section-product-room-fragrance .pdp-wear-card-sub{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.7rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8) !important;
  margin: 0.15rem 0 0;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 640px){#section-product-room-fragrance .pdp-wear-grid{
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 0.65rem !important;
    padding-bottom: 0.35rem !important;
    scrollbar-width: none !important;
  }
#section-product-room-fragrance .pdp-wear-grid::-webkit-scrollbar{
    display: none !important;
  }
#section-product-room-fragrance .pdp-wear-card{
    flex: 0 0 68% !important;
    min-width: 170px !important;
    scroll-snap-align: start !important;
    aspect-ratio: 4 / 3 !important;
  }}
#section-product-room-fragrance .pdp-accordion-list{
  margin-top: 1.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#section-product-room-fragrance .pdp-acc-item{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#section-product-room-fragrance .pdp-acc-trigger{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.15rem 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-sans, 'Geist', sans-serif);
}
#section-product-room-fragrance .pdp-acc-title{
  font-size: 0.9375rem;
  font-weight: 600;
  color: #18181b;
  letter-spacing: -0.01em;
}
#section-product-room-fragrance .pdp-acc-icon{
  font-size: 1.25rem;
  font-weight: 300;
  color: #18181b;
  transition: transform 200ms ease;
  line-height: 1;
}
#section-product-room-fragrance .pdp-acc-body{
  padding-bottom: 1.25rem;
}
#section-product-room-fragrance .pdp-acc-body[hidden]{
  display: none !important;
}
#section-product-room-fragrance .pdp-acc-content{
  font-family: var(--font-sans, 'Geist', sans-serif);
  font-size: 0.8125rem;
  color: #52525b;
  line-height: 1.6;
}
#section-product-room-fragrance .pdp-acc-content p{
  margin: 0;
}
#section-product-room-fragrance .pdp-acc-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#section-product-room-fragrance .pdp-acc-list li{
  position: relative;
  padding-left: 1.1rem;
}
#section-product-room-fragrance .pdp-acc-list li::before{
  content: '•';
  position: absolute;
  left: 0;
  color: #18181b;
  font-weight: 700;
}
#section-product-room-fragrance .pdp-faq-item{
  margin-bottom: 0.85rem;
}
#section-product-room-fragrance .pdp-faq-item:last-child{
  margin-bottom: 0;
}

/* sections/meeram-video-collection.bit */
#section-meeram-video-collection .meeram-video-collection{
  position: relative;
  width: 100%;
  padding: 24px 0 28px;
  background: var(--color-page-bg, #ededed);
  box-sizing: border-box;
}
#section-meeram-video-collection .mvc-container{
  background: #ffffff;
  border-radius: 24px;
  margin: 0 20px;
  padding: 24px 22px 26px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
}
#section-meeram-video-collection .mvc-header{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
#section-meeram-video-collection .mvc-title{
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 600;
  color: #111111;
  letter-spacing: -0.015em;
  margin: 0;
  line-height: 1.2;
  text-align: center;
}
#section-meeram-video-collection .mvc-discover-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  color: #ffffff;
  border-radius: 9999px;
  padding: 7px 18px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: opacity 0.2s ease, transform 0.15s ease;
  line-height: 1;
}
#section-meeram-video-collection .mvc-discover-btn:hover{
  opacity: 0.85;
  transform: translateY(-1px);
}
#section-meeram-video-collection .mvc-carousel{
  width: 100%;
  overflow: hidden;
  position: relative;
}
#section-meeram-video-collection .mvc-track{
  display: flex;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 1024px){#section-meeram-video-collection .mvc-card{
    flex: 0 0 calc((100% - 3 * 16px) / 4);
    max-width: calc((100% - 3 * 16px) / 4);
    min-width: 0;
    box-sizing: border-box;
  }}
@media (min-width: 769px) and (max-width: 1023px){#section-meeram-video-collection .mvc-container{
    margin: 0 16px;
    padding: 20px 18px 22px;
  }
#section-meeram-video-collection .mvc-carousel{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
#section-meeram-video-collection .mvc-carousel::-webkit-scrollbar{
    display: none;
  }
#section-meeram-video-collection .mvc-track{
    gap: 14px;
    width: max-content;
  }
#section-meeram-video-collection .mvc-card{
    flex: 0 0 220px;
    max-width: 220px;
    box-sizing: border-box;
  }}
@media (max-width: 768px){#section-meeram-video-collection .meeram-video-collection{
    padding: 12px 0 16px;
  }
#section-meeram-video-collection .mvc-container{
    margin: 0 10px;
    border-radius: 20px;
    padding: 16px 12px 18px;
  }
#section-meeram-video-collection .mvc-header{
    margin-bottom: 14px;
  }
#section-meeram-video-collection .mvc-title, #section-meeram-video-collection #section-meeram-video-collection .mvc-title{
    font-size: 14px;
    font-weight: 600;
  }
#section-meeram-video-collection .mvc-discover-btn{
    padding: 5px 14px;
    font-size: 11px;
  }
#section-meeram-video-collection .mvc-carousel{
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -4px;
    padding: 0 4px;
  }
#section-meeram-video-collection .mvc-carousel::-webkit-scrollbar{
    display: none;
  }
#section-meeram-video-collection .mvc-track{
    display: flex;
    gap: 10px;
    width: max-content;
  }
#section-meeram-video-collection .mvc-card{
    flex: 0 0 calc((100vw - 44px) / 2.36);
    max-width: 160px;
    min-width: 130px;
    scroll-snap-align: start;
    box-sizing: border-box;
  }}
#section-meeram-video-collection .mvc-card-trigger{
  display: block;
  width: 100%;
  cursor: pointer;
  outline: none;
  background: transparent;
  border: none;
  padding: 0;
  text-align: left;
}
#section-meeram-video-collection .mvc-card-trigger:focus-visible .mvc-media-wrap{
  box-shadow: 0 0 0 2px #000000;
}
#section-meeram-video-collection .mvc-media-wrap{
  position: relative;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  background: #0b0b0b;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
@media (min-width: 1024px){#section-meeram-video-collection .mvc-card-trigger:hover .mvc-media-wrap{
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  }}
@media (max-width: 768px){#section-meeram-video-collection .mvc-media-wrap{
    border-radius: 14px;
  }}
#section-meeram-video-collection .mvc-media{
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4.1;
  overflow: hidden;
  background: #0b0b0b;
}
#section-meeram-video-collection .mvc-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #0b0b0b;
  pointer-events: none;
}
#section-meeram-video-collection .mvc-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-meeram-video-collection .mvc-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s ease;
}
#section-meeram-video-collection .mvc-modal.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#section-meeram-video-collection .mvc-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  cursor: pointer;
}
#section-meeram-video-collection .mvc-modal__container{
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  box-sizing: border-box;
}
#section-meeram-video-collection .mvc-modal__content{
  position: relative;
  background: #000000;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.1);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.94);
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}
#section-meeram-video-collection .mvc-modal.is-open .mvc-modal__content{
  transform: scale(1);
}
@media (max-width: 768px){#section-meeram-video-collection .mvc-modal__container{
    height: 95vh;
    height: 95dvh;
    max-height: 95vh;
    max-height: 95dvh;
    width: 100%;
    padding: 0 8px;
  }
#section-meeram-video-collection .mvc-modal__content{
    height: 95vh;
    height: 95dvh;
    max-height: 95vh;
    max-height: 95dvh;
    width: auto;
    max-width: 100%;
    aspect-ratio: 9 / 16;
    border-radius: 18px;
  }}
@media (min-width: 769px){#section-meeram-video-collection .mvc-modal__container{
    height: 98vh;
    height: 98dvh;
    max-height: 98vh;
    max-height: 98dvh;
    width: auto;
    padding: 0;
  }
#section-meeram-video-collection .mvc-modal__content{
    height: 98vh;
    height: 98dvh;
    max-height: 98vh;
    max-height: 98dvh;
    width: auto;
    aspect-ratio: 9 / 16;
    max-width: calc(98dvh * 9 / 16);
    border-radius: 22px;
  }}
#section-meeram-video-collection .mvc-modal__video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #000000;
  cursor: pointer;
}
#section-meeram-video-collection .mvc-modal__close{
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 25;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
  padding: 0;
}
#section-meeram-video-collection .mvc-modal__close:hover{
  background: rgba(0, 0, 0, 0.9);
  transform: scale(1.08);
}
#section-meeram-video-collection .mvc-modal__sound{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 25;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
  padding: 0;
}
#section-meeram-video-collection .mvc-modal__sound:hover{
  background: rgba(0, 0, 0, 0.9);
  transform: scale(1.08);
}
#section-meeram-video-collection .mvc-modal__cta{
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 25;
  background: #ffffff;
  color: #000000;
  border-radius: 9999px;
  padding: 10px 22px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  letter-spacing: -0.01em;
  transition: transform 0.2s ease, background 0.2s ease;
}
#section-meeram-video-collection .mvc-modal__cta:hover{
  background: #f4f4f5;
  transform: translateX(-50%) translateY(-2px);
}

/* sections/meeram-collage-cards.bit */
#section-meeram-collage-cards .meeram-collage{
  position: relative;
  width: 100%;
  padding: 24px 0 36px;
  background: var(--color-page-bg, #ededed);
  box-sizing: border-box;
}
#section-meeram-collage-cards .mcc-container{
  background: transparent;
  border-radius: 20px;
  margin: 0 20px;
  padding: 0 !important;
  box-shadow: none;
  box-sizing: border-box;
}
@media (max-width: 768px){#section-meeram-collage-cards .meeram-collage{
    padding: 12px 0 20px;
  }
#section-meeram-collage-cards .mcc-container, #section-meeram-collage-cards #section-meeram-collage-cards .mcc-container{
    margin: 0 10px;
    border-radius: 20px;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }}
#section-meeram-collage-cards .mcc-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
#section-meeram-collage-cards .mcc-title{
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 600;
  color: #111111;
  letter-spacing: -0.015em;
  margin: 0;
  line-height: 1.2;
}
#section-meeram-collage-cards .mcc-subheading{
  font-size: 13px;
  color: #666666;
  margin: 4px 0 0;
  font-weight: 400;
}
#section-meeram-collage-cards .mcc-discover-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  color: #ffffff;
  border-radius: 9999px;
  padding: 7px 18px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: opacity 0.2s ease, transform 0.15s ease;
  line-height: 1;
}
#section-meeram-collage-cards .mcc-discover-btn:hover{
  opacity: 0.85;
  transform: translateY(-1px);
}
@media (max-width: 768px){#section-meeram-collage-cards .mcc-header{
    margin-bottom: 14px;
  }
#section-meeram-collage-cards .mcc-title{
    font-size: 1.1rem;
  }
#section-meeram-collage-cards .mcc-discover-btn{
    padding: 5px 14px;
    font-size: 11px;
  }}
#section-meeram-collage-cards .mcc-grid--insta{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 16px;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 768px){#section-meeram-collage-cards .mcc-grid--insta{
    gap: 10px;
    max-width: 100%;
  }}
#section-meeram-collage-cards .mcc-card{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;
  background: #0b0b0b;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
@media (max-width: 768px){#section-meeram-collage-cards .mcc-card{
    border-radius: 14px;
  }}
#section-meeram-collage-cards .mcc-card__media{
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #0b0b0b;
}
#section-meeram-collage-cards .mcc-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
#section-meeram-collage-cards .mcc-card:hover .mcc-img{
  transform: scale(1.05);
}

/* sections/meeram-about-us.bit */
#section-meeram-about-us #section-meeram-about-us{
  width: 100%;
  background-color: #0a0a0a !important;
  background: #0a0a0a !important;
  color: #f5f5f5;
  font-family: var(--font-body, 'Geist', -apple-system, sans-serif);
  padding: 0 0 80px 0;
  box-sizing: border-box;
  overflow-x: hidden;
}
#section-meeram-about-us .mau-wrapper{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
#section-meeram-about-us .mau-gold-accent{
  color: #c5a46d !important;
}
#section-meeram-about-us .mau-gold-italic{
  color: #c5a46d !important;
  font-family: var(--font-heading, 'Geist', Georgia, serif);
  font-style: italic;
  font-weight: 400;
  font-size: inherit !important;
  line-height: inherit !important;
  display: inline !important;
  vertical-align: baseline !important;
}
#section-meeram-about-us .mau-hero-block{
  width: 100%;
  background: #000000;
  padding: 60px 5vw 40px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
#section-meeram-about-us .mau-hero-inner{
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 860px){#section-meeram-about-us .mau-hero-inner{
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }}
#section-meeram-about-us .mau-hero-text-col{
  flex: 1;
  max-width: 580px;
}
#section-meeram-about-us .mau-hero-heading{
  font-family: var(--font-heading, 'Geist', Georgia, serif);
  font-size: clamp(2.6rem, 6vw, 4.8rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0 0 20px 0;
}
#section-meeram-about-us .mau-hero-subtext{
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.65;
  color: #a0a0a0;
  margin: 0;
  font-weight: 300;
  letter-spacing: 0.01em;
}
#section-meeram-about-us .mau-hero-img-col{
  flex: 1;
  max-width: 520px;
  display: flex;
  justify-content: center;
}
#section-meeram-about-us .mau-hero-frame{
  width: 100%;
  max-width: 500px;
  aspect-ratio: 16 / 10;
  border-radius: 20px;
  overflow: hidden;
  background: #141414;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#section-meeram-about-us .mau-hero-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-meeram-about-us .mau-tribute-block{
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 5vw;
  box-sizing: border-box;
}
#section-meeram-about-us .mau-tribute-header{
  text-align: center;
  margin-bottom: 50px;
}
#section-meeram-about-us .mau-tribute-eyebrow{
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #c5a46d;
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 16px 0;
}
#section-meeram-about-us .mau-tribute-title{
  font-family: var(--font-heading, 'Geist', Georgia, serif);
  font-size: clamp(2rem, 5vw, 3.8rem);
  line-height: 1.15;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 20px 0;
  letter-spacing: -0.02em;
}
#section-meeram-about-us .mau-gold-divider{
  width: 70px;
  height: 2px;
  background: #c5a46d;
  margin: 0 auto;
}
#section-meeram-about-us .mau-tribute-grid{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
@media (max-width: 860px){#section-meeram-about-us .mau-tribute-grid{
    flex-direction: column;
    gap: 40px;
  }}
#section-meeram-about-us .mau-portrait-col{
  flex: 0 0 auto;
  width: 100%;
  max-width: 380px;
  display: flex;
  justify-content: center;
}
#section-meeram-about-us .mau-portrait-frame{
  width: 100%;
  max-width: 380px;
  aspect-ratio: 9 / 16;
  border-radius: 24px;
  overflow: hidden;
  background: #141414;
  border: 1px solid rgba(197, 164, 109, 0.35);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), 0 0 35px rgba(197, 164, 109, 0.15);
}
#section-meeram-about-us .mau-portrait-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-meeram-about-us .mau-letter-col{
  flex: 1;
  max-width: 640px;
}
#section-meeram-about-us .mau-letter-prose p{
  font-size: clamp(15px, 1.35vw, 17.5px);
  line-height: 1.9;
  color: #cccccc;
  font-weight: 300;
  margin: 0 0 20px 0;
}
#section-meeram-about-us .mau-letter-prose p:last-child{
  margin-bottom: 0;
}
#section-meeram-about-us .mau-bold-emphasis{
  color: #ffffff;
  font-weight: 600;
}
#section-meeram-about-us .mau-letter-signoff{
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#section-meeram-about-us .mau-signoff-line1{
  font-size: 16px;
  color: #c5a46d;
  font-style: italic;
  margin: 0 0 6px 0;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#section-meeram-about-us .mau-signoff-line2{
  font-family: var(--font-heading, 'Geist', Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  letter-spacing: 0.04em;
}
#section-meeram-about-us .mau-video-block{
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  padding: 20px 5vw 40px;
  box-sizing: border-box;
  text-align: center;
}
#section-meeram-about-us .mau-video-title{
  font-family: var(--font-heading, 'Geist', Georgia, serif);
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 32px 0;
}
#section-meeram-about-us .mau-video-container{
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  border-radius: 24px;
  overflow: hidden;
  background: #000000;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 600px){#section-meeram-about-us .mau-video-container{
    aspect-ratio: 9 / 12;
    border-radius: 18px;
  }}
#section-meeram-about-us .mau-video-elem{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #000000;
}
#section-meeram-about-us .mau-video-play-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 2px solid rgba(255, 255, 255, 0.75);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 200ms ease, background 200ms ease, border-color 200ms ease;
  z-index: 2;
}
#section-meeram-about-us .mau-video-play-btn:hover{
  transform: translate(-50%, -50%) scale(1.08);
  background: rgba(197, 164, 109, 0.85);
  border-color: #c5a46d;
}
#section-meeram-about-us .mau-video-play-btn svg{
  margin-left: 3px;
}

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

/* ─── Meeram Design System ─── */
:root {
  --bg: #ededed;
  --color-page-bg: #ededed;
  --font-display: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --display-font: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-body: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-heading: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-subheading: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-accent: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;

  /* Core palette */
  --meeram-ink: #111111;
  --meeram-muted: #71717a;
  --meeram-line: #e4e4e7;
  --meeram-bg: #ededed;
  --meeram-paper: #ffffff;
  --meeram-soft: #ededed;
  --meeram-on-dark: #ffffff;
  --meeram-zinc-100: #ededed;
  --meeram-zinc-200: #e4e4e7;
  --meeram-zinc-400: #a1a1aa;
  --meeram-zinc-500: #71717a;
  --meeram-zinc-600: #52525b;
  --meeram-zinc-900: #18181b;
  --meeram-emerald: #10b981;

  /* Hero shell scene gradients */
  --hero-bg-0:
    linear-gradient(100deg, oklch(0.69 0.18 62 / 86%), transparent 34%),
    radial-gradient(circle at 61% 44%, oklch(0.72 0.18 60 / 75%), transparent 31%),
    linear-gradient(115deg, oklch(0.66 0.17 59), oklch(0.38 0.12 48));
  --hero-bg-1:
    linear-gradient(100deg, oklch(0.75 0.12 22 / 78%), transparent 35%),
    radial-gradient(circle at 58% 43%, oklch(0.84 0.11 31 / 72%), transparent 31%),
    linear-gradient(120deg, oklch(0.64 0.14 23), oklch(0.34 0.1 355));
  --hero-bg-2:
    linear-gradient(100deg, oklch(0.37 0.08 247 / 80%), transparent 36%),
    radial-gradient(circle at 58% 43%, oklch(0.55 0.11 230 / 68%), transparent 30%),
    linear-gradient(120deg, oklch(0.28 0.065 244), oklch(0.14 0.025 265));
}

/* ─── Global resets ─── */
*, *::before, *::after { box-sizing: border-box; }

html {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  background-color: #ededed !important;
  background: var(--bg, #ededed) !important;
  -webkit-text-size-adjust: 100%;
}

@media (min-width: 990px) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  background-color: #ededed !important;
  background: var(--bg, #ededed) !important;
  color: var(--meeram-ink);
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}

/* ── Enforce Cards Container Sections to #ededed Page Background ── */
#section-meeram-collection-grid,
.meeram-collection,
#meeram-collection,
#section-meeram-collection-forms,
.meeram-forms,
#meeram-discovery,
[data-section="meeram-collection-grid"],
[data-section="meeram-collection-forms"],
.starter-collection-products,
.sc-products,
.starter-products,
.sp-grid,
.starter-recommended-products {
  background: #ededed !important;
  background-color: #ededed !important;
}

#section-meeram-collection-forms .meeram-forms__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #cccccc;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 14px rgba(79, 0, 0, 0.2);
  padding: 4px;
  box-sizing: border-box;
  text-decoration: none;
  color: #020202;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background-color 220ms ease;
  cursor: pointer;
}

#section-meeram-collection-forms .meeram-forms__card-title {
  margin: 0;
  text-align: center;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: #131212;
  line-height: 1.3;
  transition: opacity 150ms ease;
}

/* ── Canvas/Editorial Sections ── */
#section-meeram-cinema-showcase .meeram-cinema {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0 10px 2.5rem 10px;
  background: var(--bg, #e8e8e5) !important;
  background-color: #cccccc !important;
  box-sizing: border-box;
}

/* ─────────────────────────────────────────────────────────────
   CAMPAIGN SECTION: BLUORNG FULL-SCREEN DESKTOP BANNER (min-width: 769px)
   Full-bleed cinematic single-drop carousel with bottom-center typography & pill indicator
   ───────────────────────────────────────────────────────────── */
@media (min-width: 769px) {
  #section-meeram_campaign,
  #section-meeram-signature-campaign,
  .meeram-campaign-slider {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 90vh !important;
    min-height: 90vh !important;
    max-height: none !important;
    padding: 0 !important;
    background: var(--bg, #ededed) !important;
    background-color: #ededed !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #section-meeram_campaign .meeram-campaign__embla,
  #section-meeram-signature-campaign .meeram-campaign__embla,
  .meeram-campaign-slider .meeram-campaign__embla {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateZ(0);
  }

  #section-meeram_campaign .embla__container,
  #section-meeram-signature-campaign .embla__container,
  .meeram-campaign-slider .embla__container,
  .meeram-campaign__embla-container {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    height: 100% !important;
    gap: 0 !important;
    touch-action: pan-y pinch-zoom !important;
    user-select: none !important;
    transform-style: flat !important;
    -webkit-transform-style: flat !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #section-meeram_campaign .meeram-campaign__slide,
  #section-meeram-signature-campaign .meeram-campaign__slide,
  .meeram-campaign-slider .meeram-campaign__slide,
  .meeram-campaign__slide {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: grab !important;
    box-sizing: border-box !important;
  }

  #section-meeram_campaign .meeram-campaign__slide:active,
  #section-meeram-signature-campaign .meeram-campaign__slide:active,
  .meeram-campaign-slider .meeram-campaign__slide:active {
    cursor: grabbing !important;
  }

  #section-meeram_campaign .meeram-campaign__slide-link,
  #section-meeram-signature-campaign .meeram-campaign__slide-link,
  .meeram-campaign-slider .meeram-campaign__slide-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  #section-meeram_campaign .meeram-campaign__bg-img,
  #section-meeram-signature-campaign .meeram-campaign__bg-img,
  .meeram-campaign-slider .meeram-campaign__bg-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    pointer-events: none !important;
    border-radius: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #section-meeram_campaign .meeram-campaign__overlay,
  #section-meeram-signature-campaign .meeram-campaign__overlay,
  .meeram-campaign-slider .meeram-campaign__overlay {
    position: absolute !important;
    bottom: 4.2rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    text-align: center !important;
    z-index: 4 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    pointer-events: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    animation: none !important;
  }

  #section-meeram_campaign .meeram-campaign__title,
  #section-meeram-signature-campaign .meeram-campaign__title,
  .meeram-campaign-slider .meeram-campaign__title {
    margin: 0 !important;
    font-family: var(--font-sans, 'Geist', sans-serif) !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #section-meeram_campaign .meeram-campaign__cta,
  #section-meeram-signature-campaign .meeram-campaign__cta,
  .meeram-campaign-slider .meeram-campaign__cta {
    display: inline-block !important;
    margin-top: 4px !important;
    font-family: var(--font-sans, 'Geist', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    opacity: 0.95 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
  }

  /* ── Bluorng Center Pill Pagination Indicator ── */
  #section-meeram_campaign .meeram-campaign__dots,
  #section-meeram-signature-campaign .meeram-campaign__dots,
  .meeram-campaign-slider .meeram-campaign__dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    position: absolute !important;
    bottom: 1.8rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: rgba(0, 0, 0, 0.28) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    padding: 5px 9px !important;
    border-radius: 9999px !important;
    z-index: 10 !important;
  }

  #section-meeram_campaign .meeram-campaign__dot,
  #section-meeram-signature-campaign .meeram-campaign__dot,
  .meeram-campaign-slider .meeram-campaign__dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 9999px !important;
    background: rgba(255, 255, 255, 0.45) !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: width 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.3s ease !important;
  }

  #section-meeram_campaign .meeram-campaign__dot.is-active,
  #section-meeram-signature-campaign .meeram-campaign__dot.is-active,
  .meeram-campaign-slider .meeram-campaign__dot.is-active {
    width: 22px !important;
    background: #ffffff !important;
  }

  /* ── Subtle Desktop Hover Arrows ── */
  #section-meeram_campaign .meeram-campaign__arrow,
  #section-meeram-signature-campaign .meeram-campaign__arrow,
  .meeram-campaign-slider .meeram-campaign__arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #111111 !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    padding: 0 !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease, transform 0.2s ease, background-color 0.2s ease !important;
  }

  #section-meeram_campaign:hover .meeram-campaign__arrow,
  #section-meeram-signature-campaign:hover .meeram-campaign__arrow,
  .meeram-campaign-slider:hover .meeram-campaign__arrow {
    opacity: 0.88 !important;
  }

  #section-meeram_campaign .meeram-campaign__arrow:hover,
  #section-meeram-signature-campaign .meeram-campaign__arrow:hover,
  .meeram-campaign-slider .meeram-campaign__arrow:hover {
    opacity: 1 !important;
    transform: translateY(-50%) scale(1.08) !important;
    background: #ffffff !important;
  }

  #section-meeram_campaign .meeram-campaign__arrow--prev,
  #section-meeram-signature-campaign .meeram-campaign__arrow--prev,
  .meeram-campaign-slider .meeram-campaign__arrow--prev {
    left: 28px !important;
  }

  #section-meeram_campaign .meeram-campaign__arrow--next,
  #section-meeram-signature-campaign .meeram-campaign__arrow--next,
  .meeram-campaign-slider .meeram-campaign__arrow--next {
    right: 28px !important;
  }

  #section-meeram_campaign .meeram-campaign__arrow:disabled,
  #section-meeram-signature-campaign .meeram-campaign__arrow:disabled,
  .meeram-campaign-slider .meeram-campaign__arrow:disabled {
    opacity: 0.2 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
  }
}

#section-meeram-signature-campaign,
#section-meeram_campaign,
.meeram-campaign-slider {
  background: var(--bg, #ededed) !important;
  background-color: #ededed !important;
}

@media (max-width: 980px) {
  #section-meeram-cinema-showcase .mec-brand-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #section-meeram-cinema-showcase .meeram-cinema,
  #section-meeram-cinema-showcase.meeram-cinema,
  .meeram-cinema {
    padding: 0 10px 2rem 10px !important;
    border-radius: 23px !important;
  }
}

/* ─────────────────────────────────────────────────────────────
   BLUORNG-IDENTICAL 3D STACKED COVERFLOW (Campaign Carousel)
   ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  #section-meeram-video-collection .mvc-title {
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  #section-meeram-signature-campaign,
  .meeram-campaign-slider {
    position: relative !important;
    width: 100% !important;
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--bg, #ededed) !important;
    background-color: #ededed !important;
    box-sizing: border-box !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__embla,
  .meeram-campaign-slider .meeram-campaign__embla {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: visible !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    perspective: 1200px !important;
    -webkit-perspective: 1200px !important;
    touch-action: pan-y !important;
  }

  #section-meeram-signature-campaign .embla__container,
  .meeram-campaign-slider .embla__container {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    transform-style: preserve-3d !important;
    -webkit-transform-style: preserve-3d !important;
    transform: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide,
  .meeram-campaign-slider .meeram-campaign__slide {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    flex: none !important;
    min-width: 0 !important;
    max-width: 310px !important;
    width: 75vw !important;
    height: 460px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.42s ease !important;
    will-change: transform, opacity;
    contain: layout paint;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  /* GPU-Accelerated Hardware Dimming Disabled (Clean Opacity 1 Layered Shadows) */
  #section-meeram-signature-campaign .meeram-campaign__slide::before,
  .meeram-campaign-slider .meeram-campaign__slide::before {
    display: none !important;
  }

  /* Bluorng 5-Card Stacked Coverflow Mechanics (Always translate3d BEFORE scale) */
  #section-meeram-signature-campaign .meeram-campaign__slide.is-card-active,
  .meeram-campaign-slider .meeram-campaign__slide.is-card-active {
    z-index: 30 !important;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: default;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide.is-card-prev,
  .meeram-campaign-slider .meeram-campaign__slide.is-card-prev {
    z-index: 20 !important;
    opacity: 1 !important;
    transform: translate3d(-14.5%, 0, 0) scale(0.91) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide.is-card-next,
  .meeram-campaign-slider .meeram-campaign__slide.is-card-next {
    z-index: 20 !important;
    opacity: 1 !important;
    transform: translate3d(14.5%, 0, 0) scale(0.91) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide.is-card-far-prev,
  .meeram-campaign-slider .meeram-campaign__slide.is-card-far-prev {
    z-index: 10 !important;
    opacity: 1 !important;
    transform: translate3d(-26.5%, 0, 0) scale(0.82) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide.is-card-far-next,
  .meeram-campaign-slider .meeram-campaign__slide.is-card-far-next {
    z-index: 10 !important;
    opacity: 1 !important;
    transform: translate3d(26.5%, 0, 0) scale(0.82) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide.is-card-hidden,
  .meeram-campaign-slider .meeram-campaign__slide.is-card-hidden {
    z-index: 1 !important;
    opacity: 0 !important;
    transform: translate3d(0, 0, 0) scale(0.7) !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide-link,
  .meeram-campaign-slider .meeram-campaign__slide-link {
    border-radius: 25px !important;
    overflow: hidden !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__bg-img,
  .meeram-campaign-slider .meeram-campaign__bg-img {
    border-radius: 6px !important;
    object-fit: cover !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__scrim,
  .meeram-campaign-slider .meeram-campaign__scrim {
    display: none !important;
    background: none !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__overlay,
  .meeram-campaign-slider .meeram-campaign__overlay {
    bottom: 1.85rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 86% !important;
    max-width: 280px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.35rem !important;
    pointer-events: none !important;
    transition: none !important;
    animation: none !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide:not(.is-card-active) .meeram-campaign__overlay,
  .meeram-campaign-slider .meeram-campaign__slide:not(.is-card-active) .meeram-campaign__overlay {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: none !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__slide.is-card-active .meeram-campaign__overlay,
  .meeram-campaign-slider .meeram-campaign__slide.is-card-active .meeram-campaign__overlay {
    opacity: 1 !important;
    transition: none !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__title,
  .meeram-campaign-slider .meeram-campaign__title {
    margin: 0 !important;
    font-family: var(--font-sans, 'Geist', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    text-shadow: none !important;
    transition: none !important;
    animation: none !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__cta,
  .meeram-campaign-slider .meeram-campaign__cta {
    display: none !important;
    text-shadow: none !important;
  }

  #section-meeram-signature-campaign .meeram-campaign__dots,
  .meeram-campaign-slider .meeram-campaign__dots {
    display: none !important;
  }
}

/* ── Mobile Scroll Performance & Compositor Optimizations ── */
@media (max-width: 989px) {
  .header-wrapper,
  .meeram-campaign-slider,
  .meeram-hero-shell,
  .meeram-cinema {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

body, h1, h2, h3, h4, h5, h6, p, span, a, button, input, textarea, select, label, div, li, ul, ol, strong, b, em, i, form, table, th, td, blockquote {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

code, pre, kbd, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

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

button, a { -webkit-tap-highlight-color: transparent; }
button, input, textarea, select {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ─── Header Wrapper: Sticky Glass Header (Matching Drip Studios) ─── */
#header-group,
#section-starter-header,
#section-starter_header,
[data-section="starter-header"],
[data-section="starter_header"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  background: transparent !important;
  pointer-events: auto !important;
}

/* ── Global Embla Carousel Support for Product Cards ── */
.embla:not(.meeram-campaign__embla), [data-embla], .pcard__gallery.embla {
  overflow: hidden;
  position: relative;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
}
.embla__container:not(.meeram-campaign__embla-container), .crsl__track.embla__container {
  display: flex !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
  width: 100%;
  overflow: visible !important;
  scroll-snap-type: none !important;
  touch-action: pan-y pinch-zoom;
  will-change: transform;
  transition: none !important;
}
.embla__slide:not(.meeram-campaign__slide), .crsl__track.embla__container > *:not(.meeram-campaign__slide) {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  box-sizing: border-box !important;
  scroll-snap-align: none !important;
}

/* ── Disable all hover zoom effects on product images completely ── */
.mc-card:hover .mc-card__img,
.mc-card__image-wrap:hover .mc-card__img,
.pcard:hover .pcard__img,
.pcard__img-wrap:hover .pcard__img,
.pdp-card:hover .pdp-card-img,
.pdp-gallery-card:hover .pdp-slide-img,
.meeram-forms__card:hover .meeram-forms__card-image img {
  transform: none !important;
  transition: none !important;
}

/* ── Luxury Quick-Add Modal (Bluorng-style Popup Card) ── */

/* ==========================================================
   Desktop-Only Styles (Screens 1024px and wider)
   ========================================================== */
@media screen and (min-width: 1024px) {
  #section-starter-product-detail .pdp-family {
    margin: 0.35rem 0 0;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #71717a;
  }

  #section-starter-product-detail .pdp-price-compare {
    font-family: var(--font-sans);
    font-size: 13px;
    color: #a1a1aa;
    text-decoration: line-through;
    font-weight: 400;
  }

  #section-starter-product-detail .pdp-price-note {
    font-size: 12px;
    color: #a1a1aa;
    font-weight: 200;
  }

  #section-starter-product-detail .pdp-variants-label {
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #18181b;
  }

  #section-starter-product-detail .pdp-pill-size {
    display: block;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }
}

#section-starter-product-detail .pdp-title {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #111111;
    line-height: 1.25;
}
#section-starter-product-detail .pdp-price {
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 400;
    color: #71717a;
}
#section-starter-product-detail .pdp-price-compare {
    font-size: 13px;
    color: #a1a1aa;
    text-decoration: line-through;
    font-weight: 400;
}
#section-starter-product-detail .pdp-notes-set-title {
    font-family: var(--font-sans);
    font-size: 17px;
    font-weight: 400;
    color: #18181b;
    margin: 0;
}
#section-starter-product-detail .pdp-notes-tab-btn {
    background: none;
    border: none;
    padding: 0 0 0.5rem;
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 400;
    color: #a1a1aa;
    cursor: pointer;
    position: relative;
    transition: color 150ms ease;
    white-space: nowrap;
}
#section-starter-product-detail .pdp-notes-family-badge {
    font-family: var(--font-sans);
    font-size: 0.75rem;
    font-weight: 400;
    color: #71717a;
}
#section-starter-product-detail .pdp-notes-tabs-nav {
    display: flex;
    gap: 1.5rem;
    margin-top: 16px;
    border-bottom: 1.5px solid #e4e4e7;
}
#section-starter-product-detail .pdp-notes-phase-sub {
    font-family: var(--font-sans);
    font-size: 12px;
    color: #52525b;
    margin: 13px;
    font-weight: 400;
}

#section-starter-product-detail .pdp-pill-price {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 300;
}

/* ─── Best Selling Combos Custom Styling ─── */
#section-starter-product-detail .pdp-combos-heading {
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #18181b;
  margin: 0 0 0.85rem;
}
#section-starter-product-detail .pdp-combo-name {
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #18181b;
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#section-starter-product-detail .pdp-combo-item-price {
  display: block;
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #71717a;
  white-space: nowrap;
  margin-top: 0.25rem;
}
#section-starter-product-detail .pdp-combo-item .pdp-card-add-btn,
.pdp-combo-item .pdp-card-add-btn {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #18181b !important;
  cursor: pointer !important;
  transition: transform 180ms ease, opacity 180ms ease !important;
}
#section-starter-product-detail .pdp-combo-item .pdp-card-add-btn:hover,
.pdp-combo-item .pdp-card-add-btn:hover {
  transform: scale(1.15) !important;
  opacity: 0.8 !important;
}
#section-starter-product-detail .pdp-combo-item .pdp-card-add-btn svg,
.pdp-combo-item .pdp-card-add-btn svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}

/* ── Where To Wear It / Where To Place It — Visual Lifestyle Cards ── */
.pdp-wear-section,
#section-starter-product-detail .pdp-wear-section {
  margin-top: 1.75rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.pdp-wear-header,
#section-starter-product-detail .pdp-wear-header {
  margin-bottom: 0.85rem !important;
}
.pdp-wear-title,
#section-starter-product-detail .pdp-wear-title {
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #111111 !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
}
.pdp-wear-subtitle,
#section-starter-product-detail .pdp-wear-subtitle {
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  color: #71717a !important;
  margin: 0.25rem 0 0 !important;
  line-height: 1.4 !important;
}
.pdp-wear-grid,
#section-starter-product-detail .pdp-wear-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.75rem !important;
}
.pdp-wear-card,
#section-starter-product-detail .pdp-wear-card {
  position: relative !important;
  display: block !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  aspect-ratio: 4 / 3 !important;
  background: #18181b !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  text-decoration: none !important;
}
.pdp-wear-card-img-wrap,
#section-starter-product-detail .pdp-wear-card-img-wrap {
  display: contents !important;
}
.pdp-wear-card-img,
#section-starter-product-detail .pdp-wear-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 450ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}
.pdp-wear-card:hover .pdp-wear-card-img,
#section-starter-product-detail .pdp-wear-card:hover .pdp-wear-card-img {
  transform: scale(1.08) !important;
}
.pdp-wear-card-overlay,
.pdp-wear-card-content,
#section-starter-product-detail .pdp-wear-card-overlay,
#section-starter-product-detail .pdp-wear-card-content {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 0.85rem 0.85rem 0.75rem !important;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.88) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
}
.pdp-wear-card-name,
#section-starter-product-detail .pdp-wear-card-name {
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55) !important;
}
.pdp-wear-card-sub,
#section-starter-product-detail .pdp-wear-card-sub {
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 0.7rem !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  margin: 0.15rem 0 0 !important;
  line-height: 1.25 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
@media (max-width: 640px) {
  .pdp-wear-grid,
  #section-starter-product-detail .pdp-wear-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 0.65rem !important;
    padding-bottom: 0.35rem !important;
    scrollbar-width: none !important;
  }
  .pdp-wear-grid::-webkit-scrollbar,
  #section-starter-product-detail .pdp-wear-grid::-webkit-scrollbar {
    display: none !important;
  }
  .pdp-wear-card,
  #section-starter-product-detail .pdp-wear-card {
    flex: 0 0 68% !important;
    min-width: 170px !important;
    scroll-snap-align: start !important;
    aspect-ratio: 4 / 3 !important;
  }
}
#section-starter-product-detail .pdp-combo-final {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: #18181b;
}
#section-starter-product-detail .pdp-combo-original {
  font-size: 12px;
  color: #a1a1aa;
  text-decoration: line-through;
}
#section-starter-product-detail .pdp-combo-savings {
  font-size: 0.72rem;
  font-weight: 500;
  color: #16a34a;
  margin-top: 0.15rem;
}
#section-starter-product-detail .pdp-combo-add-btn {
  height: 2.65rem;
  padding: 0 1.25rem;
  border-radius: 25px;
  background: #ffffff;
  border: 1.5px solid #18181b;
  color: #18181b;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: all 180ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ─── Product Detail Page Layout: Sticky Gallery & Image Fit (Desktop) ─── */
.pdp-grid,
#section-starter-product-detail .pdp-grid {
  display: grid !important;
  grid-template-columns: 55fr 45fr !important;
  align-items: start !important;
  gap: 2.25rem;
  max-width: 84rem;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.pdp-dossier-col,
#section-starter-product-detail .pdp-dossier-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.pdp-dossier-card,
#section-starter-product-detail .pdp-dossier-card {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .pdp-grid,
  #section-starter-product-detail .pdp-grid {
    align-items: start !important;
  }

  .pdp-gallery-col,
  #section-starter-product-detail .pdp-gallery-col {
    position: sticky !important;
    top: 100px !important;
    max-height: 85vh !important;
    height: auto !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .pdp-specter-gallery,
  #section-starter-product-detail .pdp-specter-gallery {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    width: 100% !important;
    max-height: 85vh !important;
    height: auto !important;
    position: relative;
  }

  .pdp-thumbs-col,
  #section-starter-product-detail .pdp-thumbs-col {
    max-height: 85vh !important;
    height: auto;
  }

  .pdp-main-frame,
  #section-starter-product-detail .pdp-main-frame {
    flex: 1;
    width: 100% !important;
    max-height: 85vh !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    cursor: zoom-in;
  }

  .pdp-main-frame:active,
  #section-starter-product-detail .pdp-main-frame:active {
    cursor: zoom-in;
  }

  .pdp-main-frame.is-zoomed,
  #section-starter-product-detail .pdp-main-frame.is-zoomed {
    cursor: crosshair;
  }

  .pdp-main-frame.is-zoomed .pdp-main-counter,
  #section-starter-product-detail .pdp-main-frame.is-zoomed .pdp-main-counter {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
  }

  .pdp-main-frame .embla__container,
  #section-starter-product-detail .pdp-main-frame .embla__container {
    height: 100% !important;
  }

  .pdp-main-frame .embla__slide,
  #section-starter-product-detail .pdp-main-frame .embla__slide {
    height: 100% !important;
  }

  .pdp-slide__inner,
  #section-starter-product-detail .pdp-slide__inner {
    height: 100% !important;
    overflow: hidden !important;
  }

  .pdp-stage-img,
  #section-starter-product-detail .pdp-stage-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    display: block;
    transform-origin: center center;
    will-change: transform, transform-origin;
  }
}

@media (max-width: 991px) {
  .pdp-grid,
  #section-starter-product-detail .pdp-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem;
  }

  .pdp-gallery-col,
  #section-starter-product-detail .pdp-gallery-col {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    height: auto !important;
  }

  .pdp-specter-gallery,
  #section-starter-product-detail .pdp-specter-gallery {
    display: block;
    gap: 0;
    width: 100%;
    height: auto;
    max-height: none !important;
  }

  .pdp-main-frame,
  #section-starter-product-detail .pdp-main-frame {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 10px !important;
  }

  .pdp-stage-img,
  #section-starter-product-detail .pdp-stage-img {
    border-radius: 0 !important;
  }

  .pdp-dossier-col,
  #section-starter-product-detail .pdp-dossier-col {
    height: auto;
  }

  .pdp-dossier-card,
  #section-starter-product-detail .pdp-dossier-card {
    height: auto !important;
  }
}

/* ─── Global: Image border-radius must be 0 (Container handles rounded corners) ─── */
.pdp-stage-img,
#section-starter-product-detail .pdp-stage-img,
.pdp-gallery-img,
.mc-card__img,
.pcard__img,
.pdp-card-img,
.pdp-slide__inner img,
.embla__slide img,
.pcard__gallery img {
  border-radius: 0 !important;
}

/* ─── Global: Remove Top Left Badges Completely Everywhere ─── */
.mc-card__type-badge,
.mc-card_type-badge,
.pcard-type-badge,
.pdp-card-type-badge {
  display: none !important;
}

/* ─── Main Frame Image Counter (Bottom-Left with mix-blend-mode: difference) ─── */
.pdp-main-counter,
#section-starter-product-detail .pdp-main-counter {
  position: absolute !important;
  bottom: 1.25rem !important;
  left: 1.25rem !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-family: var(--font-sans, 'Geist', -apple-system, BlinkMacSystemFont, sans-serif) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  color: #ffffff !important;
  mix-blend-mode: difference !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pdp-main-counter [data-pdp-counter-current],
.pdp-main-counter [data-pdp-counter-total] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.pdp-main-counter-sep {
  opacity: 0.85;
}

@media (max-width: 991px) {
  .pdp-main-counter,
  #section-starter-product-detail .pdp-main-counter {
    bottom: 1rem !important;
    left: 1rem !important;
    font-size: 0.75rem !important;
    gap: 0.3rem !important;
  }
}

@media (max-width: 640px) {
  .pdp-main-counter,
  #section-starter-product-detail .pdp-main-counter {
    bottom: 0.875rem !important;
    left: 0.875rem !important;
    font-size: 0.72rem !important;
  }
}

/* ─── Spray Guide Button & Modal (Apparel Size Guide Style - 60fps Low-Spec Optimized) ─── */
html.spray-guide-open,
body.spray-guide-open {
  overflow: hidden !important;
  touch-action: none !important;
}

.pdp-spray-guide-btn,
#section-starter-product-detail .pdp-spray-guide-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.45rem 0.95rem !important;
  border-radius: 6px !important;
  background: #e4e4e7 !important;
  color: #18181b !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background-color 150ms ease, transform 150ms ease !important;
  flex-shrink: 0 !important;
  line-height: 1.2 !important;
  -webkit-tap-highlight-color: transparent !important;
}

.pdp-spray-guide-btn:hover,
#section-starter-product-detail .pdp-spray-guide-btn:hover {
  background: #d4d4d8 !important;
  color: #000000 !important;
}

.pdp-spray-guide-btn:active,
#section-starter-product-detail .pdp-spray-guide-btn:active {
  transform: scale(0.97) !important;
}

@media (max-width: 640px) {
  .pdp-spray-guide-btn,
  #section-starter-product-detail .pdp-spray-guide-btn {
    padding: 0.35rem 0.75rem !important;
    font-size: 0.7rem !important;
  }
}

.spray-guide-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999999 !important;
  background: rgba(0, 0, 0, 0.6) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  padding: 1.75rem !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 240ms ease, visibility 240ms ease !important;
  box-sizing: border-box !important;
  overscroll-behavior: contain !important;
  -webkit-tap-highlight-color: transparent !important;
}

.spray-guide-overlay.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity 240ms ease, visibility 0s linear !important;
}

.spray-guide-modal {
  background: #ebecee !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2) !important;
  width: 100% !important;
  max-width: 440px !important;
  padding: 1.25rem 1.25rem 1.35rem !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  pointer-events: auto !important;
  overscroll-behavior: contain !important;
  transform: translate3d(0, 20px, 0) scale(0.97) !important;
  transform-origin: bottom right !important;
  transition: transform 260ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  contain: paint !important;
}

.spray-guide-overlay.is-active .spray-guide-modal {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.spray-guide-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 0.95rem !important;
  padding: 0 0.25rem !important;
}

.spray-guide-title {
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}

.spray-guide-close {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #52525b !important;
  transition: background 150ms ease, color 150ms ease !important;
  padding: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

.spray-guide-close:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #18181b !important;
}

.spray-guide-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 0.35rem 0.75rem !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
}

.spray-guide-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  text-align: center !important;
}

.spray-guide-table th {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #71717a !important;
  padding: 0.85rem 0.5rem 0.75rem !important;
  text-align: center !important;
  letter-spacing: 0.02em !important;
  border-bottom: 1px solid #f0f0f2 !important;
  white-space: nowrap !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.spray-guide-table td {
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  color: #18181b !important;
  padding: 0.95rem 0.5rem !important;
  text-align: center !important;
  border-bottom: 1px solid #f0f0f2 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.spray-guide-table tr:last-child td {
  border-bottom: none !important;
}

.spray-guide-col-size {
  font-weight: 500 !important;
  color: #111111 !important;
}

.spray-guide-room-badge {
  display: inline-block !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  color: #16a34a !important;
  background: #dcfce7 !important;
  padding: 0.1rem 0.4rem !important;
  border-radius: 9999px !important;
  margin-left: 0.25rem !important;
  vertical-align: middle !important;
}

.spray-guide-note {
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 0.6875rem !important;
  color: #71717a !important;
  line-height: 1.4 !important;
  margin: 0.85rem 0.25rem 0 !important;
  text-align: center !important;
}

@media (max-width: 640px) {
  .spray-guide-overlay {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .spray-guide-modal {
    max-width: 100% !important;
    border-radius: 22px 22px 0 0 !important;
    padding: 0.85rem 1rem env(safe-area-inset-bottom, 1.5rem) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12) !important;
    transform: translate3d(0, 100%, 0) !important;
    transform-origin: bottom center !important;
    transition: transform 260ms cubic-bezier(0.25, 1, 0.5, 1) !important;
    will-change: transform !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
  }

  .spray-guide-overlay.is-active .spray-guide-modal {
    transform: translate3d(0, 0, 0) !important;
  }
}

#section-starter-product-detail .pdp-btn-add,
#section-starter-product-detail .pdp-btn-add-main {
  display: inline-flex;
  min-height: 3.25rem !important;
  height: 3.25rem !important;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border: 1.5px solid #d4d4d8;
  background: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000000;
  cursor: pointer;
  transition: all 180ms ease;
  box-sizing: border-box;
}

/* ── Luxury Quick-Add Modal (Clean Card & Size Guide Layout) ── */
.mqa-root {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s linear 220ms;
  font-family: var(--font-sans, 'Geist', sans-serif);
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .mqa-root {
    align-items: flex-end;
    justify-content: center;
    padding: 0 0.85rem 1.15rem;
  }
}

.mqa-root.is-open {
  visibility: visible !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}

.mqa-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  will-change: opacity;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transition: opacity 240ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.mqa-root.is-open .mqa-backdrop {
  opacity: 1 !important;
}

.mqa-dialog {
  position: relative;
  width: 100%;
  max-width: 440px !important;
  background: #ebebeb !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 28px !important;
  padding: 1.45rem 1.4rem 1.35rem !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22), 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  opacity: 0;
  transform: translateY(18px) scale(0.97);
  will-change: transform, opacity;
  transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), opacity 240ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 1;
  color: #111111;
}

.mqa-root.is-open .mqa-dialog {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

@media (max-width: 640px) {
  .mqa-dialog {
    max-width: 100% !important;
    padding: 1.25rem 1.15rem 1.25rem !important;
    border-radius: 26px !important;
    gap: 1rem;
  }
}

/* Top Row: Title, Price, Size Guide & Close */
.mqa-top-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mqa-title-group {
  flex: 1;
  min-width: 0;
}

.mqa-title {
  margin: 0 !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
  color: #111111 !important;
  line-height: 1.25 !important;
  word-break: break-word;
}

.mqa-price {
  margin: 0.35rem 0 0 !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #71717a !important;
  display: block !important;
}

.mqa-top-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.mqa-size-guide-btn {
  background: #dadada !important;
  color: #18181b !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 6px 11px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  letter-spacing: 0.02em;
  transition: background 150ms ease, transform 120ms ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.mqa-size-guide-btn:hover {
  background: #cecece !important;
}

.mqa-size-guide-btn:active {
  transform: scale(0.96);
}

.mqa-close-btn {
  background: transparent !important;
  border: none !important;
  padding: 6px !important;
  margin: -4px -4px -4px 0 !important;
  cursor: pointer !important;
  color: #71717a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: color 150ms ease, background 150ms ease;
  -webkit-tap-highlight-color: transparent;
}

.mqa-close-btn:hover {
  color: #111111 !important;
  background: rgba(0, 0, 0, 0.06) !important;
}

/* Variant Pills Row */
.mqa-variants-wrap {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.mqa-pills {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 2px 0 !important;
  min-height: 40px !important;
}

.mqa-pills::-webkit-scrollbar {
  display: none !important;
}

.mqa-pill {
  min-width: 52px !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 9999px !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 140ms ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  user-select: none !important;
  flex-shrink: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

.mqa-pill:hover:not(:disabled) {
  background: #f7f7f7 !important;
  transform: translateY(-1px);
}

.mqa-pill.is-selected {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
}

.mqa-pill.is-disabled,
.mqa-pill:disabled {
  background: #cfcfcf !important;
  color: #8e8e93 !important;
  border-color: transparent !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1.5px !important;
  text-decoration-color: #71717a !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.75 !important;
}

/* Skeleton Shimmer Effect (Zero Jitter) */
.mqa-skeleton-pill {
  min-width: 52px !important;
  height: 38px !important;
  border-radius: 9999px !important;
  flex-shrink: 0 !important;
}

.mqa-shimmer {
  background: linear-gradient(90deg, #dadada 0%, #ededed 50%, #dadada 100%) !important;
  background-size: 200% 100% !important;
  animation: mqaSkeletonShimmer 1.4s infinite linear !important;
}

@keyframes mqaSkeletonShimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Actions Row */
.mqa-actions-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0.25rem 0 0 !important;
}

.mqa-btn {
  flex: 1 1 0 !important;
  height: 48px !important;
  border-radius: 9999px !important;
  font-family: var(--font-sans, 'Geist', sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: transform 120ms ease, background 140ms ease, opacity 140ms ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  user-select: none !important;
  padding: 0 1rem !important;
  white-space: nowrap !important;
  -webkit-tap-highlight-color: transparent !important;
}

.mqa-btn:active:not(:disabled) {
  transform: scale(0.97) !important;
}

.mqa-btn--cart {
  background: #ffffff !important;
  color: #111111 !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

.mqa-btn--cart:hover:not(:disabled) {
  background: #f7f7f7 !important;
}

.mqa-btn--buy {
  background: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
}

.mqa-btn--buy:hover:not(:disabled) {
  background: #202020 !important;
}

.mqa-btn:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* Standalone Size Guide Modal from Quick Add */
.mqa-sg-root {
  position: fixed;
  inset: 0;
  z-index: 1000001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 220ms ease, visibility 220ms;
}

.mqa-sg-root.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.mqa-sg-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  cursor: pointer;
}

.mqa-sg-dialog {
  position: relative;
  width: 100%;
  max-width: 480px;
  background: #ffffff;
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  z-index: 1;
  max-height: 90vh;
  overflow-y: auto;
  font-family: var(--font-sans, 'Geist', sans-serif);
}

.mqa-sg-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.mqa-sg-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.mqa-sg-close {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #71717a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: color 150ms ease;
}

.mqa-sg-close:hover {
  color: #111111;
}

.mqa-sg-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 1rem;
  background: #f4f4f5;
  padding: 4px;
  border-radius: 10px;
}

.mqa-sg-tab {
  flex: 1;
  background: transparent;
  border: none;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #71717a;
  cursor: pointer;
  transition: all 150ms ease;
}

.mqa-sg-tab.is-active {
  background: #ffffff;
  color: #111111;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.mqa-sg-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-bottom: 1rem;
}

.mqa-sg-table th {
  text-align: left;
  padding: 8px 10px;
  background: #f4f4f5;
  font-weight: 600;
  color: #18181b;
  border-bottom: 1px solid #e4e4e7;
}

.mqa-sg-table td {
  padding: 8px 10px;
  border-bottom: 1px solid #f4f4f5;
  color: #52525b;
}

.mqa-sg-bold {
  font-weight: 700;
  color: #111111 !important;
}

.mqa-sg-note {
  font-size: 11.5px;
  color: #71717a;
  line-height: 1.45;
  margin: 0;
}

/* ─── Universal Transparent Navbar at Top with Frosted Scroll Glass (All Pages) ─── */
.header-wrapper,
.header-wrapper--sticky {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: blur(0px) !important;
  -webkit-backdrop-filter: blur(0px) !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: background-color, backdrop-filter, -webkit-backdrop-filter, box-shadow, border-color;
  transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              backdrop-filter 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-backdrop-filter 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease,
              box-shadow 0.3s ease !important;
}

@media screen and (min-width: 990px) {
  body:has(#meeram-home) .header-wrapper,
  body.has-hero-shell .header-wrapper,
  .header-wrapper.header--hero-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }

  body:not(:has(#meeram-home)) .header-wrapper {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }
}

.header-wrapper.is-scrolled,
.header-wrapper--sticky.is-scrolled,
body:has(#meeram-home) .header-wrapper.is-scrolled,
body.has-hero-shell .header-wrapper.is-scrolled,
.header-wrapper.header--hero-overlay.is-scrolled {
  background: rgba(255, 255, 255, 0.72) !important;
  background-color: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05) !important;
}



/* ═════════════════════════════════════════════════════════════
   MOBILE DETACHED FLOATING BOTTOM BAR (PHONE SCREENS ONLY)
   Only visible on the Home Page
   ═════════════════════════════════════════════════════════════ */

.nav-detached-wrapper {
  display: none !important;
}

@media (max-width: 768px) {
  /* Show only on the home page */
  html.is-home-page .nav-detached-wrapper,
  body:has(#meeram-home):not(:has(.meeram-subpage-header)) .nav-detached-wrapper,
  body:has(.meeram-hero-shell):not(:has(.meeram-subpage-header)) .nav-detached-wrapper {
    display: flex !important;
  }

  /* Explicitly hide on subpages (collections, products, cart, etc.) */
  html.is-subpage .nav-detached-wrapper,
  body:has(.meeram-subpage-header) .nav-detached-wrapper {
    display: none !important;
  }

  /* Remove bottom gap on phone screens so footer sits flush at the bottom */
  html.is-home-page body,
  body:has(#meeram-home):not(:has(.meeram-subpage-header)),
  body:has(.meeram-hero-shell):not(:has(.meeram-subpage-header)) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  #section-starter-footer,
  .custom-footer-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .nav-detached-wrapper {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
    max-width: calc(100vw - 28px);
    pointer-events: auto;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0.35s ease !important;
  }

  /* Animated slide hide on scroll down or when modal/drawer is open (no opacity < 1 so backdrop-filter never flickers) */
  .nav-detached-wrapper.nav-detached-wrapper--hidden,
  .nav-detached-wrapper.nav-detached-wrapper--modal-open,
  body:has(#meeram-quickadd-modal.is-open) .nav-detached-wrapper,
  body:has(.cart-drawer-sheet.is-active) .nav-detached-wrapper,
  body:has([data-meeram-cart-drawer].is-active) .nav-detached-wrapper,
  body:has(.rx-search-modal.is-open) .nav-detached-wrapper {
    transform: translate3d(0, calc(100% + 40px), 0) !important;
    -webkit-transform: translate3d(0, calc(100% + 40px), 0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* ── Pill Container: True Frosted Blur Glass Effect ── */
  .nav-icon-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    height: 52px;
    padding: 0 24px;
    background: rgba(255, 255, 255, 0.25) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.16) 100%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    border-radius: 9999px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.45) !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  /* ── Nav Icons Inside Pill (Solid Black Icons) ── */
  .nav-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #000000 !important;
    text-decoration: none;
    cursor: pointer;
    transition: transform 150ms ease, opacity 150ms ease;
    -webkit-tap-highlight-color: transparent;
  }

  .nav-item:active {
    transform: scale(0.92);
    opacity: 0.6;
  }

  .nav-item svg {
    width: 21px;
    height: 21px;
    display: block;
    stroke: #000000 !important;
    fill: none;
  }

  .nav-item svg.bi-whatsapp {
    width: 19px;
    height: 19px;
    stroke: none !important;
    fill: #000000 !important;
  }

  /* ── Circular Logo Button on Right (Full Black Circle with Golden Logo) ── */
  .nav-logo-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    background: #000000 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: transform 150ms ease, box-shadow 150ms ease;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
  }

  .nav-logo-circle:active {
    transform: scale(0.94);
  }

  .nav-logo-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
  }

  /* ── Search Popup Drawer (Above the Pill) ── */
  .mobile-bottom-search-box {
    display: none;
    position: absolute;
    bottom: calc(100% + 12px);
    left: 0;
    right: 0;
    width: 100%;
    min-width: 290px;
    max-width: 360px;
    background: rgba(22, 21, 20, 0.88);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 10px 12px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    z-index: 100000;
  }

  .mobile-bottom-search-box.is-active {
    display: block;
    animation: mobSearchSlideUp 200ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  @keyframes mobSearchSlideUp {
    from {
      opacity: 0;
      transform: translateY(10px) scale(0.96);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  .tt-search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }

  #js-mob-search-input {
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 0 38px 0 14px;
    color: #ffffff;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
  }

  #js-mob-search-input::placeholder {
    color: rgba(255, 255, 255, 0.45);
  }

  #js-mob-search-input:focus {
    border-color: #c5a46d;
    background: rgba(255, 255, 255, 0.12);
  }

  .tt-search-close-btn {
    position: absolute;
    right: 8px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
  }

  .tt-search-results.mobile-bottom-results {
    max-height: 240px;
    overflow-y: auto;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .tt-mob-result-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 8px;
    text-decoration: none;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
    transition: background 150ms ease;
  }

  .tt-mob-result-item:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  .tt-mob-result-thumb {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: cover;
    background: #333;
  }

  .tt-mob-result-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
  }

  .tt-mob-result-title {
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tt-mob-result-price {
    font-size: 12px;
    color: #c5a46d;
    font-weight: 600;
  }
}

/* ─── Footer Section: #d7d7d7 background ─── */
#section-starter-footer .custom-footer-inner,
#section-starter_footer .custom-footer-inner,
.custom-footer-inner {
  background: #cac9c9 !important;
  background-color: #d7d7d7 !important;
}