/** Shopify CDN: Minification failed

Line 28576:47 Expected identifier but found "16px"
Line 28576:64 Expected identifier but found "16px"
Line 28576:81 Expected identifier but found "16px"
Line 28576:98 Expected identifier but found "16px"
Line 28576:107 Expected identifier but found "16px"
Line 31036:0 All "@import" rules must come first
Line 35588:0 Unexpected "}"
Line 48128:47 Expected identifier but found "16px"
Line 48128:64 Expected identifier but found "16px"
Line 48128:81 Expected identifier but found "16px"
... and 10 more hidden warnings

**/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap');
:root {
  --color-background: var(--color-base-background);
  --color-background-2: var(--color-base-background);
  --color-foreground: var(--color-base-text);
  --color-border: var(--color-foreground)/ 0.1;
  --color-border-dark: var(--color-foreground)/ 0.4;
  --color-border-light: var(--color-foreground)/ 0.06;
  --color-highlight: var(--color-base-highlight);
  --color-button-background: var(--color-base-button);
  --color-button-gradient: var(--color-base-button-gradient);
  --color-button-border: var(--color-base-button);
  --color-button-text: var(--color-base-button-text);
  --font-normal: 400;
  --font-medium: 500;
  --font-bold: 700;

  --animation-nav: 0.5s cubic-bezier(0.6, 0, 0.4, 1);
  --animation-primary: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  --animation-smooth: 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-fast: 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-short: 0.2s cubic-bezier(0.7, 0, 0.3, 1);

  --fluid-2xl-to-4xl: clamp(var(--text-2xl), 0.6307rem + 1.3636vw, var(--text-4xl));
  --fluid-xl-to-3xl: clamp(var(--text-xl), 0.4966rem + 1.1818vw, var(--text-3xl));
  --fluid-lg-to-2xl: clamp(var(--text-lg), 0.9722rem + 0.4444vw, var(--text-2xl));
  --fluid-base-to-xl: clamp(var(--text-base), 0.873rem + 0.3175vw, var(--text-xl));
  --fluid-base-to-2xl: clamp(var(--text-base), 0.746rem + 0.6349vw, var(--text-2xl));
  --fluid-sm-to-lg: clamp(var(--text-sm), 0.748rem + 0.3174vw, var(--text-lg));
  --fluid-sm-to-base: clamp(var(--text-sm), 0.8115rem + 0.1587vw, var(--text-base));
  --fluid-xs-to-sm: clamp(var(--text-xs), 0.7297rem + 0.1013vw, var(--text-sm));

  --border-radius: clamp(var(--sp-4), 1.578vw, var(--sp-7d5));
  --border-radius-medium: calc(clamp(1em, 1.7vw, 1.7em)*1.2);
  --border-radius-small: calc(clamp(1em, 1.7vw, 1.7em)*0.5);
  --rounded-full: 9999px;
  --input-height: var(--sp-13);
  --input-padding-inline: var(--sp-6d5);
  --transform-logical: 1;
  --transform-origin-start: left;
  --transform-origin-end: right;

  --text-h0: var(--sp-16);
  --text-h1: var(--sp-9);
  --text-h2: var(--sp-6);
  --text-h3: var(--sp-5);
  --text-h4: var(--sp-4d5);
  --text-h5: var(--sp-4);
  --text-h6: var(--sp-4d5);
  --title-sm: clamp(var(--text-2xl), 2.526vw, var(--text-5xl));
  --title-md: clamp(var(--sp-8), 3.368vw, var(--sp-16));
  --title-lg: clamp(var(--sp-10), 3.368vw, var(--sp-16));
  --title-xl: clamp(var(--sp-12), 7.813vw, var(--sp-20));

  --color-red-200: 254 202 202;
  --color-red-300: 252 165 165;
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-ring-inset: inset;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --screen-height: 100vh;
  --topbar-height: 0px;
  --header-height: 0px;
  --sticky-header-height: 0px;
  --mobile-dock-height: 0px;
  --scrollbar-width: 0px;
  --ratio-percent: 56.25%;

  @media screen and (min-width: 768px) {
    --text-h1: var(--sp-12);
    --text-h2: var(--sp-7d5);
    --text-h3: var(--sp-6);
    --text-h4: var(--sp-5d5);
    --text-h5: var(--sp-4d5);
    --text-h6: var(--sp-4);
  }

  @media screen and (min-width: 1024px) {
    --title-lg: clamp(var(--sp-12), 4.73vw, var(--sp-23));
    --title-xl: clamp(var(--sp-20), 6.737vw, var(--sp-32));
    --text-h1: var(--sp-14);
    --text-h2: var(--sp-9);
    --text-h3: var(--sp-7d5);
    --text-h4: var(--sp-6);
    --text-h5: var(--sp-5);
  }
}

/*! photoswipe */

.pswp {
  --pswp-bg: rgb(var(--color-background));
  --pswp-placeholder-bg: rgb(var(--color-placeholder));
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgb(var(--color-foreground));
  --pswp-preloader-color-secondary: rgb(var(--color-foreground));
  --pswp-icon-color: rgb(var(--color-foreground));
  --pswp-icon-color-secondary: rgb(var(--color-foreground));
  --pswp-icon-stroke-color: rgb(var(--color-foreground));
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  contain: layout style size;
  display: none;
  width: 100%;
  height: 100%;
  opacity: .003;
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  touch-action: none;
  z-index: var(--pswp-root-z-index)
}

.pswp,
.pswp:focus {
  outline: 0
}

.pswp * {
  box-sizing: border-box
}

.pswp img {
  max-width: none
}

.pswp--open {
  display: block
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
}

.pswp__bg {
  background: var(--pswp-bg);
  opacity: .005
}

.pswp__bg:empty {
  display: block;
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden
}

.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pswp__img,
.pswp__zoom-wrap {
  height: auto;
  width: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: zoom-out
}

.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.pswp__item {
  overflow: hidden;
  z-index: 1
}

.pswp__hidden {
  display: none !important
}

.pswp__content {
  pointer-events: none
}

.pswp__content>* {
  pointer-events: auto
}

.pswp__error-msg-container {
  display: grid
}

.pswp__error-msg {
  color: var(--pswp-error-text-color);
  font-size: 1em;
  line-height: 1;
  margin: auto
}

.pswp .pswp__hide-on-close {
  opacity: .005;
  pointer-events: none;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
  z-index: 10
}

.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto
}

.pswp__button {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  backdrop-filter: blur(12px);
  background-color: rgb(var(--color-background)/ 0.6);
  border: 1px solid rgb(var(--color-border));
  border-radius: var(--rounded-full);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  cursor: pointer;
  display: block;
  height: var(--sp-12);
  margin: 0;
  opacity: 1;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: var(--sp-12)
}

@media screen and (min-width: 768px) {
  .pswp__button {
    height: var(--sp-15);
    width: var(--sp-15)
  }
}

button.pswp__button {
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background)/ 0.6);
}

.pswp__button:disabled {
  cursor: auto;
  opacity: .3
}

.pswp__button .pswp__icn {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
  width: var(--sp-6);
  height: var(--sp-6);
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(calc(var(--tw-translate-x) * var(--transform-logical)), var(--tw-translate-y)) scaleX(calc(var(--tw-scale-x) * var(--transform-logical))) scaleY(var(--tw-scale-y));
}

@media screen and (min-width: 768px) {
  .pswp__button .pswp__icn {
    height: var(--sp-7d5);
    width: var(--sp-7d5)
  }
}

.pswp__button--zoom .pswp__icn {
  height: var(--sp-5);
  width: var(--sp-5)
}

@media screen and (min-width: 768px) {
  .pswp__button--zoom .pswp__icn {
    height: var(--sp-6);
    width: var(--sp-6)
  }
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none
}

.pswp__icn:focus {
  outline: 0
}

.pswp__img--with-bg,
div.pswp__img--placeholder {
  background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: var(--sp-12);
  justify-content: flex-end;
  padding-inline: var(--sp-5);
  position: absolute;
  inset-block-start: var(--sp-5);
  inset-inline-start: 0;
  z-index: 10
}

@media screen and (min-width: 768px) {
  .pswp__top-bar {
    height: var(--sp-15)
  }
}

.pswp__top-bar {
  pointer-events: none !important
}

.pswp__top-bar>* {
  pointer-events: auto;
}

.pswp__button--close {
  -webkit-margin-start: var(--sp-2);
  margin-inline-start: var(--sp-2)
}

.pswp__button--arrow {
  color: rgb(var(--color-foreground));
  width: var(--sp-12);
  height: var(--sp-12);
  position: absolute;
  inset-block-start: auto;
  inset-block-end: var(--sp-5);
}

@media screen and (min-width: 768px) {
  .pswp__button--arrow {
    --tw-translate-y: -50%;
    width: var(--sp-15);
    height: var(--sp-15);
    inset-block-start: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y));
  }
}

.pswp__button--arrow:disabled {
  cursor: default;
  display: none
}

.pswp__button--arrow .pswp__icn {
  fill: transparent
}

.pswp--one-slide .pswp__button--arrow {
  display: none
}

.pswp--touch .pswp__button--arrow {
  visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
  visibility: visible
}

.pswp__button--arrow--prev {
  inset-inline-start: var(--sp-6);
  inset-inline-end: auto
}

.pswp__button--arrow--next {
  inset-inline-end: var(--sp-6)
}

.pswp__button--arrow--next .pswp__icn {
  --tw-scale-x: -1;
}

.pswp__button--zoom {
  display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none
}

.pswp__preloader {
  width: 50px;
  height: 60px;
  margin-inline-end: auto;
  overflow: hidden;
  position: relative;
}

.pswp__preloader .pswp__icn {
  animation: pswp-clockwise .6s linear infinite;
  opacity: 0;
  transition: opacity .2s linear
}

.pswp__preloader--active .pswp__icn {
  opacity: .85
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.pswp__counter {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-backdrop-blur: blur(12px);
  align-items: center;
  backdrop-filter: blur(12px);
  background-color: rgb(var(--color-background)/ 0.6);
  border: 1px solid rgb(var(--color-border));
  border-radius: var(--rounded-full);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: flex;
  font-size: var(--text-sm);
  height: var(--sp-12);
  justify-content: center;
  line-height: 1.6;
  margin: 0;
  opacity: 1;
  padding-block: 0;
  padding-inline: var(--sp-6);
  position: relative
}

@media screen and (min-width: 768px) {
  .pswp__counter {
    font-size: var(--text-base);
    height: var(--sp-15);
    line-height: 1.6;
    padding-inline: var(--sp-8);
  }
}

.pswp--one-slide .pswp__counter {
  display: none
}

.pswp__video-container {
  background-color: var(--pswp-placeholder-bg);
}

.pswp__video-container> :is(video, iframe) {
  width: 100%;
  height: 100%;
}

.pswp__video-container> :is(model-viewer) {
  display: block;
  width: 800px;
  height: 800px;
  max-width: 100%;
  max-height: 100%;
}

.pswp__video-container .deferred-media :is(.shopify-model-viewer-ui, model-viewer),
.pswp__video-container .deferred-media :is(.shopify-model-viewer-ui, model-viewer)~.play-button {
  display: none;
}

.pswp__video-container .play-button {
  width: var(--sp-10);
  height: var(--sp-10);
  inset-inline-end: var(--sp-4);
  inset-block-start: var(--sp-4);
  background-color: rgb(var(--color-background));
}

.pswp__video-container .play-button .icon {
  width: var(--sp-4);
  height: var(--sp-4);
}

@media screen and (min-width: 1024px) {
  .pswp__video-container .play-button {
    width: var(--sp-14);
    height: var(--sp-14);
  }

  .pswp__video-container .play-button .icon {
    width: var(--sp-5);
    height: var(--sp-5);
  }
}

/*! flickity */

.flickity-enabled {
  position: relative
}

.flickity-enabled:focus {
  outline: none
}

.flickity-viewport {
  height: 100%;
  overflow: hidden;
  position: relative
}

.flickity-slider {
  position: absolute;
  height: 100%;
  width: 100%
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing
}

.flickity-slider .flickity-cell {
  position: absolute;
  left: 0;
}

.flickity-rtl .flickity-cell {
  left: unset;
  right: 0;
}

.flickity-button {
  background: hsla(0, 0%, 100%, .75);
  border: none;
  color: #333;
  position: absolute
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer
}

.flickity-button:focus {
  box-shadow: 0 0 0 5px #19f;
  outline: none
}

.flickity-button:active {
  opacity: .6
}

.flickity-button:disabled {
  cursor: auto;
  opacity: .3;
  pointer-events: none
}

.flickity-button-icon {
  fill: currentColor
}

.flickity-prev-next-button {
  border-radius: 50%;
  height: 44px;
  width: 44px;
  inset-block-start: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  inset-inline-start: 10px
}

.flickity-prev-next-button.next {
  inset-inline-end: 10px
}

.flickity-prev-next-button .flickity-button-icon {
  height: 60%;
  width: 60%;
  position: absolute;
  inset-block-start: 20%;
  inset-inline-start: 20%;
}

.flickity-page-dots {
  padding: 0;
  margin: 0;
  margin-block-start: var(--sp-6);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl
}

.flickity-page-dot {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sp-6);
  height: var(--sp-6);
  border-radius: var(--rounded-full);
  transition: box-shadow var(--animation-primary);
}

.flickity-page-dot::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background-color: rgb(var(--color-foreground));
  border-radius: var(--rounded-full);
  transition: var(--animation-primary);
  transition-property: background-color, box-shadow;
}

.flickity-page-dot.is-selected::before,
.flickity-page-dot[aria-current=true]::before {
  width: 5px;
  height: 5px;
  background-color: transparent;
  box-shadow: 0 0 0 2px rgb(var(--color-foreground));
}

.flickity-enabled.is-fade .flickity-slider>* {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
  pointer-events: auto;
  z-index: 1;
}

/*! base */

@keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

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

  to {
    opacity: 0
  }
}

@keyframes appear-down {
  0% {
    opacity: 0;
    transform: translateY(-1rem)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes appear-up {
  0% {
    opacity: 0;
    transform: translateY(1rem)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

*,
::after,
::before {
  box-sizing: border-box
}

html {
  touch-action: manipulation;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal
}

.no-js:not(html) {
  display: none !important;
}

.no-js .no-js:not(html) {
  display: block !important;
}

.no-js .no-js-hidden {
  display: none !important;
}

body {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: var(--text-base);
  line-height: var(--font-body-line-height);
  letter-spacing: var(--font-body-letter-spacing);
  overflow-x: hidden;
  line-height: inherit;
  margin: 0;
}

hr {
  color: inherit;
  height: 0;
  border-block-end: 0;
  border-block-start: 1px solid rgb(var(--color-border));
}

abbr:where([title]) {
  text-decoration: underline dotted
}

blockquote,
.heading,
h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: var(--font-heading-letter-spacing);
  line-height: var(--font-heading-line-height);
  text-transform: var(--font-heading-text-transform);
  color: rgb(var(--color-foreground));
  word-break: break-word;
}

.h0 {
  font-size: var(--text-h0);
  line-height: 1
}

.h1,
.rte h1:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h1);
  line-height: 1.1
}

.h2,
.rte h2:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h2);
  line-height: 1.3
}

.h3,
.rte h3:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h3);
  line-height: 1.4
}

.h4,
.rte h4:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h4);
  line-height: 1.4
}

.h5,
.rte h5:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h5);
  line-height: 1.5
}

.h6,
.rte h6:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h6);
  line-height: 1.5
}

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

  .h2,
  .rte h2:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
    line-height: 1.1
  }

  .h3,
  .rte h3:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
    line-height: 1.3
  }
}

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

  .h1,
  .rte h1:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
    line-height: 1
  }
}

.rte blockquote,
.rte blockquote p {
  font-size: var(--text-h2);
  line-height: 1.3;
}

.rte blockquote {
  position: relative;
  --quote-icon-width: 48px;
  --quote-icon-height: 48px;
}

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

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  inset-block-end: -.25em
}

sup {
  inset-block-start: -.5em
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

[role=button],
button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle
}

img,
video {
  height: auto;
  max-width: 100%
}

:focus:not(:focus-visible) {
  outline: none;
}

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

.api-only {
  position: absolute;
  height: 1px;
  width: 1px
}

.pointer-events-none {
  pointer-events: none
}

.pointer-events-auto {
  pointer-events: auto
}

.visible {
  visibility: visible
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.box-border {
  box-sizing: border-box
}

.cursor-default {
  cursor: default
}

.cursor-pointer {
  cursor: pointer
}

.table-cell {
  display: table-cell;
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.hidden,
[hidden] {
  display: none
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

.p-0 {
  padding: 0
}

.py-0 {
  padding-block: 0;
}

.px-0 {
  padding-inline: 0;
}

.rounded-full {
  border-radius: var(--rounded-full)
}

.uppercase {
  text-transform: uppercase
}

.normal-case {
  text-transform: none
}

.text-left {
  text-align: start
}

.text-center {
  text-align: center
}

.text-right {
  text-align: end
}

.text-inherit {
  text-align: inherit
}

.text-8xl {
  font-size: var(--text-8xl);
  line-height: 1.6
}

.text-6xl {
  font-size: var(--text-6xl);
  line-height: 1.6
}

.text-5xl {
  font-size: var(--text-5xl);
  line-height: 1.6
}

.text-4xl {
  font-size: var(--text-4xl);
  line-height: 1.6
}

.text-3xl {
  font-size: var(--text-3xl);
  line-height: 1.6
}

.text-2xl {
  font-size: var(--text-2xl);
  line-height: 1.6
}

.text-xl {
  font-size: var(--text-xl);
  line-height: 1.6
}

.text-lg {
  font-size: var(--text-lg);
  line-height: 1.6
}

.text-base {
  font-size: var(--text-base);
  line-height: 1.6
}

.text-2sm {
  font-size: var(--text-2sm);
  line-height: 1.6
}

.text-sm {
  font-size: var(--text-sm);
  line-height: 1.6
}

.text-xs {
  font-size: var(--text-xs);
  line-height: 1.6
}

.text-3xs {
  font-size: var(--text-3xs);
}

.text-sm-base {
  font-size: var(--fluid-sm-to-base);
}

.text-sm-lg {
  font-size: var(--fluid-sm-to-lg);
}

.text-base-xl {
  font-size: var(--fluid-base-to-xl);
}

.text-base-2xl {
  font-size: var(--fluid-base-to-2xl);
}

.text-lg-2xl {
  font-size: var(--fluid-lg-to-2xl);
}

.text-xl-3xl {
  font-size: var(--fluid-xl-to-3xl);
}

.font-bold {
  font-weight: var(--font-bold)
}

.font-medium {
  font-weight: var(--font-medium)
}

.font-normal {
  font-weight: var(--font-normal)
}

.italic {
  font-style: italic
}

.not-italic {
  font-style: normal
}

.list-none {
  list-style-type: none
}

.list-disc {
  list-style-type: disc
}

.list-decimal {
  list-style-type: decimal
}

.list-disc,
.list-decimal {
  list-style-position: inside
}

.top-0 {
  inset-block-start: 0;
}

.top-100 {
  inset-block-start: 100%;
}

.left-0 {
  inset-inline-start: 0;
}

.left-100 {
  inset-inline-start: 100%;
}

.bottom-0 {
  inset-block-end: 0;
}

.bottom-100 {
  inset-block-end: 100%;
}

.right-0 {
  inset-inline-end: 0;
}

.right-100 {
  inset-inline-end: 100%;
}

.h-auto {
  height: auto
}

.h-full {
  height: 100%
}

.h-screen {
  height: 100vh
}

.h-fit {
  height: fit-content
}

.w-auto {
  width: auto
}

.w-full {
  width: 100%
}

.w-screen {
  width: 100vw
}

.w-fit {
  width: fit-content
}

.z-1 {
  z-index: 1
}

.z-2 {
  z-index: 2
}

.z-3 {
  z-index: 3
}

.z-10 {
  z-index: 10
}

.z-15 {
  z-index: 15
}

.z-20 {
  z-index: 20
}

.z-25 {
  z-index: 25
}

.z-30 {
  z-index: 30
}

.z-35 {
  z-index: 35
}

.z-40 {
  z-index: 40
}

.z-45 {
  z-index: 45
}

.z-50 {
  z-index: 50
}

.z-100 {
  z-index: 100
}

.max-w-full {
  max-width: 100%
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.opacity-0 {
  opacity: 0
}

.js .js-invisible {
  visibility: hidden
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

.animate-spin {
  animation: spin 1s linear infinite
}

@keyframes rotator {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(270deg)
  }
}

.animate-rotator {
  animation: rotator 1.4s infinite linear
}

.select-none {
  user-select: none
}

.resize {
  resize: both
}

.col-span-6 {
  grid-column: span 6/span 6
}

.col-span-full {
  grid-column: 1/-1
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.place-self-start {
  place-self: start
}

.place-self-end {
  place-self: end
}

.place-self-center {
  place-self: center
}

.justify-self-start {
  justify-self: flex-start
}

.justify-self-end {
  justify-self: flex-end
}

.justify-self-center {
  justify-self: center
}

.align-self-start {
  align-self: flex-start
}

.align-self-end {
  align-self: flex-end
}

.align-self-center {
  align-self: center
}

.align-self-stretch {
  align-self: stretch
}

.shrink {
  flex-shrink: 1
}

.shrink-0 {
  flex-shrink: 0
}

.grow {
  flex-grow: 1
}

.grow-0 {
  flex-grow: 0
}

.gap-0 {
  gap: 0
}

.gap-0d5 {
  gap: var(--sp-0d5)
}

.gap-1 {
  gap: var(--sp-1)
}

.gap-1d5 {
  gap: var(--sp-1d5)
}

.gap-2 {
  gap: var(--sp-2)
}

.gap-2d5 {
  gap: var(--sp-2d5)
}

.gap-3 {
  gap: var(--sp-3)
}

.gap-3d5 {
  gap: var(--sp-3d5)
}

.gap-4 {
  gap: var(--sp-4)
}

.gap-4d5 {
  gap: var(--sp-4d5)
}

.gap-5 {
  gap: var(--sp-5)
}

.gap-5d5 {
  gap: var(--sp-5d5)
}

.gap-6 {
  gap: var(--sp-6)
}

.gap-6d5 {
  gap: var(--sp-6d5)
}

.gap-7 {
  gap: var(--sp-7)
}

.gap-7d5 {
  gap: var(--sp-7d5)
}

.gap-8 {
  gap: var(--sp-8)
}

.gap-9 {
  gap: var(--sp-9)
}

.gap-10 {
  gap: var(--sp-10)
}

.gap-12 {
  gap: var(--sp-12)
}

.gap-14 {
  gap: var(--sp-14)
}

@media screen and (min-width: 640px) {
  .sm\:hidden {
    display: none
  }

  .sm\:block {
    display: block
  }

  .sm\:flex {
    display: flex
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:text-base {
    font-size: var(--text-base);
    line-height: 1.6
  }

  .sm\:text-sm {
    font-size: var(--text-sm);
    line-height: 1.6
  }

  .sm\:relative {
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .md\:sticky {
    position: sticky
  }

  .md\:left-0 {
    inset-inline-start: 0;
  }

  .md\:right-0 {
    inset-inline-end: 0;
  }

  .md\:overflow-hidden {
    overflow: hidden
  }

  .md\:overflow-visible {
    overflow: visible
  }

  .md\:text-left {
    text-align: start
  }

  .md\:text-center {
    text-align: center
  }

  .md\:text-right {
    text-align: end
  }

  .md\:text-inherit {
    text-align: inherit
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:block {
    display: block
  }

  .md\:inline-block {
    display: inline-block
  }

  .md\:inline {
    display: inline
  }

  .md\:flex {
    display: flex
  }

  .md\:inline-flex {
    display: inline-flex
  }

  .md\:grid {
    display: grid
  }

  .md\:hidden {
    display: none;
  }

  .md\:col-span-5 {
    grid-column: span 5/span 5
  }

  .md\:col-span-6 {
    grid-column: span 6/span 6
  }

  .md\:col-span-7 {
    grid-column: span 7/span 7
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .md\:text-base {
    font-size: var(--text-base);
    line-height: 1.6
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:shrink {
    flex-shrink: 1
  }

  .md\:grow {
    flex-grow: 1
  }

  .md\:grow-0 {
    flex-grow: 0
  }

  .md\:gap-0 {
    gap: 0
  }

  .md\:gap-1 {
    gap: var(--sp-1)
  }

  .md\:gap-1d5 {
    gap: var(--sp-1d5)
  }

  .md\:gap-2 {
    gap: var(--sp-2)
  }

  .md\:gap-3 {
    gap: var(--sp-3)
  }

  .md\:gap-4 {
    gap: var(--sp-4)
  }

  .md\:gap-5 {
    gap: var(--sp-5)
  }

  .md\:gap-6 {
    gap: var(--sp-6)
  }

  .md\:gap-7 {
    gap: var(--sp-7)
  }

  .md\:gap-7d5 {
    gap: var(--sp-7d5)
  }

  .md\:gap-8 {
    gap: var(--sp-8)
  }

  .md\:gap-9 {
    gap: var(--sp-9)
  }

  .md\:gap-10 {
    gap: var(--sp-10)
  }

  .md\:gap-12 {
    gap: var(--sp-12)
  }

  .md\:gap-14 {
    gap: var(--sp-14)
  }

  .md\:text-5xl {
    font-size: var(--text-5xl);
    line-height: 1.6
  }

  .md\:text-4xl {
    font-size: var(--text-4xl);
    line-height: 1.6
  }

  .md\:text-3xl {
    font-size: var(--text-3xl);
    line-height: 1.6
  }

  .md\:text-2xl {
    font-size: var(--text-2xl);
    line-height: 1.6
  }

  .md\:text-xl {
    font-size: var(--text-xl);
    line-height: 1.6
  }

  .md\:text-lg {
    font-size: var(--text-lg);
    line-height: 1.6
  }

  .md\:text-base {
    font-size: var(--text-base);
    line-height: 1.6
  }

  .md\:text-sm {
    font-size: var(--text-sm);
    line-height: 1.6
  }

  .md\:text-xs {
    font-size: var(--text-xs);
    line-height: 1.6
  }

  .md\:font-bold {
    font-weight: var(--font-bold)
  }

  .md\:font-medium {
    font-weight: var(--font-medium)
  }

  .md\:opacity-0 {
    opacity: 0
  }

  .md\:w-full {
    width: 100%
  }

  .md\:w-fit {
    width: fit-content
  }
}

@media screen and (min-width: 1024px) {
  .lg\:sticky {
    position: sticky
  }

  .lg\:left-0 {
    inset-inline-start: 0;
  }

  .lg\:right-0 {
    inset-inline-end: 0;
  }

  .lg\:overflow-hidden {
    overflow: hidden
  }

  .lg\:overflow-visible {
    overflow: visible
  }

  .lg\:text-left {
    text-align: start
  }

  .lg\:text-center {
    text-align: center
  }

  .lg\:text-right {
    text-align: end
  }

  .lg\:text-inherit {
    text-align: inherit
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:block {
    display: block
  }

  .lg\:inline-block {
    display: inline-block
  }

  .lg\:inline {
    display: inline
  }

  .lg\:flex {
    display: flex
  }

  .lg\:inline-flex {
    display: inline-flex
  }

  .lg\:grid {
    display: grid
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:col-span-5 {
    grid-column: span 5/span 5
  }

  .lg\:col-span-6 {
    grid-column: span 6/span 6
  }

  .lg\:col-span-7 {
    grid-column: span 7/span 7
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .lg\:text-base {
    font-size: var(--text-base);
    line-height: 1.6
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:shrink {
    flex-shrink: 1
  }

  .lg\:grow {
    flex-grow: 1
  }

  .lg\:grow-0 {
    flex-grow: 0
  }

  .lg\:gap-0 {
    gap: 0
  }

  .lg\:gap-1 {
    gap: var(--sp-1)
  }

  .lg\:gap-1d5 {
    gap: var(--sp-1d5)
  }

  .lg\:gap-2 {
    gap: var(--sp-2)
  }

  .lg\:gap-3 {
    gap: var(--sp-3)
  }

  .lg\:gap-4 {
    gap: var(--sp-4)
  }

  .lg\:gap-5 {
    gap: var(--sp-5)
  }

  .lg\:gap-6 {
    gap: var(--sp-6)
  }

  .lg\:gap-7 {
    gap: var(--sp-7)
  }

  .lg\:gap-7d5 {
    gap: var(--sp-7d5)
  }

  .lg\:gap-8 {
    gap: var(--sp-8)
  }

  .lg\:gap-9 {
    gap: var(--sp-9)
  }

  .lg\:gap-10 {
    gap: var(--sp-10)
  }

  .lg\:gap-12 {
    gap: var(--sp-12)
  }

  .lg\:gap-14 {
    gap: var(--sp-14)
  }

  .lg\:text-5xl {
    font-size: var(--text-5xl);
    line-height: 1.6
  }

  .lg\:text-4xl {
    font-size: var(--text-4xl);
    line-height: 1.6
  }

  .lg\:text-3xl {
    font-size: var(--text-3xl);
    line-height: 1.6
  }

  .lg\:text-2xl {
    font-size: var(--text-2xl);
    line-height: 1.6
  }

  .lg\:text-xl {
    font-size: var(--text-xl);
    line-height: 1.6
  }

  .lg\:text-lg {
    font-size: var(--text-lg);
    line-height: 1.6
  }

  .lg\:text-base {
    font-size: var(--text-base);
    line-height: 1.6
  }

  .lg\:text-sm {
    font-size: var(--text-sm);
    line-height: 1.6
  }

  .lg\:text-xs {
    font-size: var(--text-xs);
    line-height: 1.6
  }

  .lg\:font-bold {
    font-weight: var(--font-bold);
  }

  .lg\:font-medium {
    font-weight: var(--font-medium);
  }

  .lg\:font-heading {
    font-weight: var(--font-heading-weight);
  }

  .lg\:opacity-0 {
    opacity: 0;
  }

  .lg\:w-full {
    width: 100%
  }

  .lg\:w-fit {
    width: fit-content
  }
}

@media screen and (min-width: 1280px) {
  .xl\:sticky {
    position: sticky
  }

  .xl\:left-0 {
    inset-inline-start: 0;
  }

  .xl\:right-0 {
    inset-inline-end: 0;
  }

  .xl\:overflow-hidden {
    overflow: hidden
  }

  .xl\:overflow-visible {
    overflow: visible
  }

  .xl\:text-left {
    text-align: start
  }

  .xl\:text-center {
    text-align: center
  }

  .xl\:text-right {
    text-align: end
  }

  .xl\:text-inherit {
    text-align: inherit
  }

  .xl\:table-cell {
    display: table-cell;
  }

  .xl\:block {
    display: block
  }

  .xl\:inline-block {
    display: inline-block
  }

  .xl\:inline {
    display: inline
  }

  .xl\:flex {
    display: flex
  }

  .xl\:inline-flex {
    display: inline-flex
  }

  .xl\:grid {
    display: grid
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xl\:flex-wrap {
    flex-wrap: wrap;
  }

  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-end {
    align-items: flex-end;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:justify-center {
    justify-content: center;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:shrink {
    flex-shrink: 1
  }

  .xl\:grow {
    flex-grow: 1
  }

  .xl\:grow-0 {
    flex-grow: 0
  }

  .xl\:gap-0 {
    gap: 0
  }

  .xl\:gap-1 {
    gap: var(--sp-1)
  }

  .xl\:gap-1d5 {
    gap: var(--sp-1d5)
  }

  .xl\:gap-2 {
    gap: var(--sp-2)
  }

  .xl\:gap-3 {
    gap: var(--sp-3)
  }

  .xl\:gap-4 {
    gap: var(--sp-4)
  }

  .xl\:gap-5 {
    gap: var(--sp-5)
  }

  .xl\:gap-6 {
    gap: var(--sp-6)
  }

  .xl\:gap-7 {
    gap: var(--sp-7)
  }

  .xl\:gap-7d5 {
    gap: var(--sp-7d5)
  }

  .xl\:gap-8 {
    gap: var(--sp-8)
  }

  .xl\:gap-9 {
    gap: var(--sp-9)
  }

  .xl\:gap-10 {
    gap: var(--sp-10)
  }

  .xl\:gap-12 {
    gap: var(--sp-12)
  }

  .xl\:gap-14 {
    gap: var(--sp-14)
  }

  .xl\:text-5xl {
    font-size: var(--text-5xl);
    line-height: 1.6
  }

  .xl\:text-4xl {
    font-size: var(--text-4xl);
    line-height: 1.6
  }

  .xl\:text-3xl {
    font-size: var(--text-3xl);
    line-height: 1.6
  }

  .xl\:text-2xl {
    font-size: var(--text-2xl);
    line-height: 1.6
  }

  .xl\:text-xl {
    font-size: var(--text-xl);
    line-height: 1.6
  }

  .xl\:text-lg {
    font-size: var(--text-lg);
    line-height: 1.6
  }

  .xl\:text-base {
    font-size: var(--text-base);
    line-height: 1.6
  }

  .xl\:text-sm {
    font-size: var(--text-sm);
    line-height: 1.6
  }

  .xl\:text-xs {
    font-size: var(--text-xs);
    line-height: 1.6
  }

  .xl\:font-bold {
    font-weight: var(--font-bold)
  }

  .xl\:font-medium {
    font-weight: var(--font-medium)
  }

  .xl\:opacity-0 {
    opacity: 0
  }

  .xl\:w-full {
    width: 100%
  }

  .xl\:w-fit {
    width: fit-content
  }
}

.leading-none {
  line-height: 1
}

.leading-tight {
  line-height: 1.25
}

.leading-normal {
  line-height: 1.6
}

.tracking-none {
  letter-spacing: 0;
}

.tracking-tighter {
  letter-spacing: -.05em
}

.tracking-tight {
  letter-spacing: -.025em
}

.tracking-wide {
  letter-spacing: .025em
}

.tracking-wider {
  letter-spacing: .05em
}

.tracking-widest {
  letter-spacing: .1em
}

.tracking-heading {
  letter-spacing: -.04em
}

.whitespace-nowrap {
  white-space: nowrap
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

/*! rte */

.rte :where(p):not(:where([class~=not-rte] *)) {
  margin-block: var(--sp-4)
}

@media screen and (min-width: 1024px) {
  .rte :where(p):not(:where([class~=not-rte] *)) {
    margin-block: var(--sp-5)
  }
}

@media screen and (min-width: 1280px) {
  .rte :where(p):not(:where([class~=not-rte] *)) {
    margin-block: var(--sp-4d5)
  }
}

.rte :where(.rte>:first-child):not(:where([class~=not-rte] *)) {
  margin-block-start: 0
}

.rte :where(.rte>:last-child):not(:where([class~=not-rte] *)) {
  margin-block-end: 0
}

.rte :where(.h0, .h1, h1):not(:where([class~=not-rte] *)) {
  margin-block-end: var(--sp-8d5);
  margin-block-start: 0
}

@media screen and (min-width: 1024px) {
  .rte :where(.h0, .h1, h1):not(:where([class~=not-rte] *)) {
    margin-block-end: var(--sp-10)
  }
}

@media screen and (min-width: 1280px) {
  .rte :where(.h0, .h1, h1):not(:where([class~=not-rte] *)) {
    margin-block-end: var(--sp-12)
  }
}

.rte :where(.h2, h2):not(:where([class~=not-rte] *)) {
  margin-block-end: var(--sp-6);
  margin-block-start: var(--sp-12)
}

@media screen and (min-width: 1280px) {
  .rte :where(.h2, h2):not(:where([class~=not-rte] *)) {
    margin-block-end: var(--sp-8d5);
    margin-block-start: var(--sp-14)
  }
}

.rte :where(.h3, h3):not(:where([class~=not-rte] *)) {
  margin-block-end: var(--sp-3);
  margin-block-start: var(--sp-8)
}

@media screen and (min-width: 1024px) {
  .rte :where(.h3, h3):not(:where([class~=not-rte] *)) {
    margin-block-end: var(--sp-4);
    margin-block-start: var(--sp-10)
  }
}

@media screen and (min-width: 1280px) {
  .rte :where(.h3, h3):not(:where([class~=not-rte] *)) {
    margin-block-end: var(--sp-5);
    margin-block-start: var(--sp-12)
  }
}

.rte :where(.h4, h4):not(:where([class~=not-rte] *)) {
  margin-block-end: var(--sp-3);
  margin-block-start: var(--sp-10)
}

@media screen and (min-width: 1024px) {
  .rte :where(.h4, h4):not(:where([class~=not-rte] *)) {
    margin-block-end: var(--sp-2d5);
    margin-block-start: var(--sp-10)
  }
}

@media screen and (min-width: 1280px) {
  .rte :where(.h4, h4):not(:where([class~=not-rte] *)) {
    margin-block-end: var(--sp-3d5);
    margin-block-start: var(--sp-10d5)
  }
}

.rte :where(hr):not(:where([class~=not-rte] *)) {
  margin-block: var(--sp-10)
}

@media screen and (min-width: 1024px) {
  .rte :where(hr):not(:where([class~=not-rte] *)) {
    margin-block: var(--sp-12)
  }
}

@media screen and (min-width: 1536px) {
  .rte :where(hr):not(:where([class~=not-rte] *)) {
    margin-block: var(--sp-14)
  }
}

.rte :where(h2+*, h3+*, h4+*, hr+*):not(:where([class~=not-rte] *)) {
  margin-block-start: 0
}

.rte :where(img):not(:where([class~=not-rte] *)) {
  margin-block: var(--sp-12)
}

.rte :where(video):not(:where([class~=not-rte] *)) {
  margin-block: var(--sp-12)
}

.rte :where(figure):not(:where([class~=not-rte] *)) {
  margin-block: var(--sp-8)
}

@media screen and (min-width: 1024px) {
  .rte :where(figure):not(:where([class~=not-rte] *)) {
    margin-block: var(--sp-12)
  }
}

.rte :where(figure>*):not(:where([class~=not-rte] *)) {
  margin-block: 0
}

.rte :where(figcaption):not(:where([class~=not-rte] *)) {
  color: rgb(var(--color-foreground)/ 0.7);
  font-size: var(--text-sm);
  font-style: italic;
  line-height: 1.375;
  margin-block-start: var(--sp-4d5)
}

.rte :where(figcaption a):not(:where([class~=not-rte] *)) {
  color: rgb(var(--color-foreground))
}

.rte :where(ul):not(:where([class~=not-rte] *)) {
  list-style-type: disc
}

.rte :where(ul):not(:where([class~=not-rte] *)) ::marker {
  color: rgb(var(--color-foreground)/ 0.25)
}

.rte :where(ul):not(:where([class~=not-rte] *))::marker {
  color: rgb(var(--color-foreground)/ 0.25)
}

.rte :where(ul, ol):not(:where([class~=not-rte] *)) {
  margin-block: var(--sp-5);
  padding-inline-start: var(--sp-7)
}

@media screen and (min-width: 1024px) {
  .rte :where(ul, ol):not(:where([class~=not-rte] *)) {
    margin-block: var(--sp-6);
    padding-inline-start: var(--sp-8)
  }
}

.rte :where(li):not(:where([class~=not-rte] *)) {
  margin-block-start: var(--sp-2)
}

@media screen and (min-width: 1024px) {
  .rte :where(li):not(:where([class~=not-rte] *)) {
    margin-block-start: var(--sp-2d5)
  }
}

@media screen and (min-width: 1536px) {
  .rte :where(li):not(:where([class~=not-rte] *)) {
    margin-block-start: var(--sp-3)
  }
}

.rte :where(ul>li, ol>li):not(:where([class~=not-rte] *)) {
  padding-inline-start: var(--sp-1d5)
}

@media screen and (min-width: 1024px) {
  .rte :where(ul>li, ol>li):not(:where([class~=not-rte] *)) {
    padding-inline-start: var(--sp-2)
  }
}

.rte :where(.rte>ul>li>:first-child, .rte>ol>li>:first-child):not(:where([class~=not-rte] *)) {
  margin-block-start: var(--sp-5d5)
}

.rte :where(.rte>ul>li>:last-child, .rte>ol>li>:last-child):not(:where([class~=not-rte] *)) {
  margin-block-end: var(--sp-5d5)
}

.rte :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-rte] *)) {
  margin-block: var(--sp-5)
}

@media screen and (min-width: 1024px) {
  .rte :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-rte] *)) {
    margin-block: var(--sp-4)
  }
}

.rte :where(blockquote):not(:where([class~=not-rte] *)) {
  display: block;
  margin-block: var(--sp-8);
  padding-block-start: var(--sp-20);
  text-align: center
}

@media screen and (min-width: 1024px) {
  .rte :where(blockquote):not(:where([class~=not-rte] *)) {
    margin-block: var(--sp-12);
  }
}

.rte :where(blockquote):not(:where([class~=not-rte] *))::before {
  content: '';
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 54 54'%3E%3Cpath d='M41.625 47.25a12.375 12.375 0 1 0 0-24.75c-.357 0-.706.024-1.055.054a35.775 35.775 0 0 1 5.384-15.208A1.126 1.126 0 0 0 45 5.625h-2.25a1.125 1.125 0 0 0-.816.35c-5.785 6.086-12.684 16.04-12.684 28.9A12.39 12.39 0 0 0 41.625 47.25Zm-29.25 0a12.375 12.375 0 1 0 0-24.75c-.357 0-.707.024-1.055.054a35.775 35.775 0 0 1 5.384-15.208 1.126 1.126 0 0 0-.954-1.721H13.5a1.125 1.125 0 0 0-.816.35C6.9 12.06 0 22.015 0 34.875A12.39 12.39 0 0 0 12.375 47.25Z' fill='currentColor'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 54 54'%3E%3Cpath d='M41.625 47.25a12.375 12.375 0 1 0 0-24.75c-.357 0-.706.024-1.055.054a35.775 35.775 0 0 1 5.384-15.208A1.126 1.126 0 0 0 45 5.625h-2.25a1.125 1.125 0 0 0-.816.35c-5.785 6.086-12.684 16.04-12.684 28.9A12.39 12.39 0 0 0 41.625 47.25Zm-29.25 0a12.375 12.375 0 1 0 0-24.75c-.357 0-.707.024-1.055.054a35.775 35.775 0 0 1 5.384-15.208 1.126 1.126 0 0 0-.954-1.721H13.5a1.125 1.125 0 0 0-.816.35C6.9 12.06 0 22.015 0 34.875A12.39 12.39 0 0 0 12.375 47.25Z' fill='currentColor'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--quote-icon-width) var(--quote-icon-height);
  mask-size: var(--quote-icon-width) var(--quote-icon-height);
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translateX(calc(-50% * var(--transform-logical)));
  width: var(--quote-icon-width);
  height: var(--quote-icon-height);
  background-color: currentColor;
}

.rte :where(blockquote>*):not(:where([class~=not-rte] *)) {
  margin-block: 0;
}

.rte :where(blockquote cite):not(:where([class~=not-rte] *)) {
  display: block;
  text-transform: none;
  font-size: var(--text-base);
  font-weight: var(--font-medium);
  letter-spacing: 0;
  line-height: 1.6;
  margin-block-start: var(--sp-8d5)
}

@media screen and (min-width: 1280px) {
  .rte :where(blockquote cite):not(:where([class~=not-rte] *)) {
    font-size: var(--text-lg);
    line-height: 1.6
  }
}

.page-width {
  margin: 0 auto;
  padding-inline: var(--page-padding);
}

@media screen and (min-width: 1536px) {
  .page-width--full {
    --page-padding: var(--sp-12);
    --page-container: calc(100vw - var(--scrollbar-width) - var(--page-padding) * 2);
  }
}

.spacing-section {
  min-height: var(--spacing-height-mobile);
}

@media screen and (min-width: 768px) {
  .spacing-section {
    min-height: var(--spacing-height-desktop);
  }
}

@media screen and (min-width: 1024px) {
  .page-width--narrow {
    --page-padding: var(--sp-12);
    max-width: 70rem;
  }
}

summary {
  list-style-type: none
}

.scroll-area {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none
}

.scroll-area::-webkit-scrollbar {
  display: none
}

.icon {
  stroke-width: var(--icon-weight);
  width: var(--sp-5d5);
  height: var(--sp-5d5);
}

.icon-2xs {
  width: var(--sp-3);
  height: var(--sp-3);
}

.icon-xs {
  width: var(--sp-4);
  height: var(--sp-4);
}

.icon-sm {
  width: var(--sp-5);
  height: var(--sp-5);
}

.icon-lg {
  width: var(--sp-6);
  height: var(--sp-6);
}

.icon-xl {
  width: var(--sp-8);
  height: var(--sp-8);
}

.icon-custom {
  width: auto;
  height: auto;
}

.icon-light {
  stroke-width: calc(var(--icon-weight) - 0.3px);
}

.icon .fill {
  stroke: none;
  fill: rgb(var(--color-foreground)/ 0.1);
}

.icon-rotator .path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s infinite ease;
}

.stroke-1 {
  stroke-width: 1
}

.stroke-2 {
  stroke-width: 2
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280
  }

  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg)
  }

  to {
    stroke-dashoffset: 280;
    transform: rotate(450deg)
  }
}

[role=main] .shopify-section {
  --section-is-first: 0;
  position: relative
}

[role=main] .shopify-section:not(.contents) {
  display: flow-root
}

[role=main] .shopify-section:empty {
  display: none
}

[role=main] .shopify-section:first-child {
  --section-is-first: 1
}

.js [role=main] .shopify-section:last-child {
  border-end-end-radius: var(--border-radius);
  border-end-start-radius: var(--border-radius);
  position: relative;
}

.js [role=main] .shopify-section:last-child .section::before {
  height: 100%;
}

.no-js .loading-bar {
  display: none;
}

.loading-bar {
  background-color: rgb(var(--color-foreground));
  z-index: 50
}

.loading-bar .icon {
  color: rgb(var(--color-background));
  inset-block-end: var(--gap-padding);
  inset-inline-end: var(--gap-padding);
}

@media (prefers-reduced-motion: reduce) {
  .loading-bar {
    display: none;
  }
}

.page-container {
  background-color: rgb(var(--color-background));
}

.skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  padding: 10px;
  opacity: 1;
  z-index: 10000;
  transition: none;
}

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 2px solid rgb(var(--color-keyboard-focus));
  outline-offset: 3px;
}

/*! button */

.button,
.shopify-challenge__button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role=button],
.additional-checkout-buttons [role=button],
.additional-checkout-buttons iframe {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --border-opacity: var(--buttons-border-opacity);
}

.shopify-payment-button__button--branded {
  z-index: auto;
  font-family: var(--font-button-family);
  border-radius: var(--buttons-radius) !important;
  overflow: hidden !important;
}

.shopify-payment-button__more-options {
  margin-block-start: var(--sp-3) !important;
  font-size: var(--text-sm) !important;
  line-height: 1.25 !important;
}

shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-block-size: 50px;
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius, 0);
  --shopify-accelerated-checkout-button-box-shadow: none;
}

.additional-checkout-buttons iframe {
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) rgb(var(--color-shadow)/ var(--shadow-opacity));
}

.button,
.shopify-challenge__button,
button.shopify-payment-button__button--unbranded {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  line-height: 1;
  font-family: var(--font-button-family);
  font-size: var(--font-button-size);
  font-weight: var(--font-button-weight);
  text-transform: var(--font-button-text-transform);
  padding: clamp(var(--sp-4d5), 1.2vw, var(--sp-5d5)) clamp(var(--sp-6d5), 1.473vw, var(--sp-7d5));
  color: rgb(var(--color-button-text));
  background: var(--color-button-gradient);
  background-color: rgb(var(--color-button-background));
  border-radius: var(--buttons-radius);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) rgb(var(--color-shadow)/ var(--shadow-opacity));
  max-height: 3.75rem;
  border: none;
  height: auto;
}

button.shopify-payment-button__button--unbranded {
  min-width: var(--sp-48);
}

.button::after,
.shopify-challenge__button::after,
button.shopify-payment-button__button--unbranded::after {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: var(--buttons-radius);
  border: var(--buttons-border-width) solid rgb(var(--color-button-border)/ var(--border-opacity));
}

.button.icon-with-text .btn-text {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}

@media screen and (max-width: 767px) {
  .button.icon-with-text .icon-arrow-right {
    width: var(--sp-4d5);
    height: var(--sp-4d5);
  }
}

.button .btn-text {
  color: currentColor;
}

.button .btn-fill {
  display: block;
  border-radius: 50%;
  width: 150%;
  height: 200%;
  inset-block-start: -50%;
  inset-inline-start: -25%;
  position: absolute;
  transform: translate3d(0, -76%, 0);
}

.button--primary .btn-fill {
  background-color: rgb(var(--color-button-text));
}

.button--secondary .btn-fill {
  background: var(--color-button-gradient);
  background-color: rgb(var(--color-button-background));
}

.button[disabled],
button.shopify-payment-button__button--unbranded[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

.button[disabled] .btn-fill {
  display: none;
}

.button--fixed {
  min-width: var(--sp-48);
}

.button--fixed.link {
  min-width: unset;
}

.button--sm {
  padding: clamp(var(--sp-3), 1.2vw, var(--sp-4)) clamp(var(--sp-5), 1.473vw, var(--sp-6));
}

.button--lg {
  padding: clamp(var(--sp-6), 1.2vw, var(--sp-7)) clamp(var(--sp-8), 1.473vw, var(--sp-9));
  max-height: 4.25rem;
}

.button--small {
  font-size: var(--text-sm);
  padding: clamp(var(--sp-2), .526vw, var(--sp-2d5)) clamp(var(--sp-3), .842vw, var(--sp-4));
}

.button--small.icon-with-text {
  font-size: var(--fluid-xs-to-sm);
}

.button--small.icon-with-text .btn-text {
  gap: var(--sp-2);
}

.button--small.icon-with-text .btn-text .icon {
  width: var(--sp-4);
  height: var(--sp-4);
}

input.button--primary {
  border: var(--buttons-border-width) solid rgb(var(--color-button-border)/ var(--border-opacity));
}

.button--secondary,
button.shopify-payment-button__button--unbranded {
  color: rgb(var(--color-button-background));
  background: none;
  backdrop-filter: blur(12px);
}

.button--close {
  --shadow-opacity: 0;
  --border-opacity: 0.1;
  --buttons-border-width: 1px;
  --buttons-radius: var(--rounded-full);
  padding: 0;
}

.button--close .icon:first-child {
  --tw-rotate: 0deg;
  transform: rotate(var(--tw-rotate));
}

.button--blur {
  --button-backdrop-blur: blur(12px);
}

.button--blur .btn-fill {
  background-color: rgb(var(--color-overlay)/ 0.6);
}

@media screen and (pointer: fine) {
  .button,
  .shopify-challenge__button,
  button.shopify-payment-button__button--unbranded {
    --button-transition: box-shadow var(--animation-primary), opacity var(--animation-fast);
    transition: var(--button-transition);
  }

  button.shopify-payment-button__button--unbranded {
    transition-property: box-shadow, color, background-color;
  }

  .button::after,
  .shopify-challenge__button::after,
  button.shopify-payment-button__button--unbranded::after {
    transition: border var(--animation-primary);
  }

  .button .btn-text {
    transition: color var(--animation-primary);
    transition-delay: 0.1s;
  }

  .button .btn-fill {
    transition: background-color var(--animation-primary);
  }

  input.button--primary {
    transition-property: color, background, border;
  }

  .button--close .icon:first-child {
    transition: transform var(--animation-primary), opacity var(--animation-fast);
  }

  .button--close:hover .icon:first-child {
    --tw-rotate: 90deg;
  }

  .button--blur {
    --button-transition: box-shadow var(--animation-primary), background-color var(--animation-primary) 0.2s, backdrop-filter var(--animation-primary) 0.2s;
  }

  [data-button-hover=standard] .button:not([disabled]) .btn-fill {
    display: block;
  }

  .js [data-button-hover=standard] .button--primary:hover:not([disabled], .self-button),
  .js [data-button-hover=standard] .button--secondary:hover:not([disabled], .self-button),
  .js [data-button-hover=standard] .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    --shadow-horizontal-offset: 0;
    --shadow-vertical-offset: 0;
  }

  .js [data-button-hover=standard] .button--primary:hover:not([disabled], .self-button) {
    color: rgb(var(--color-button-background));
  }

  .js [data-button-hover=standard] input.button--primary:hover:not([disabled], .self-button) {
    background: none;
  }

  .js [data-button-hover=standard] .button--secondary:hover:not([disabled], .self-button),
  .js [data-button-hover=standard] .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    color: rgb(var(--color-button-text));
  }

  .js [data-button-hover=standard] .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: rgb(var(--color-button-background));
  }

  .js [data-button-hover=standard] .button--blur:hover:not([disabled], .self-button) {
    --color-button-border: var(--color-foreground);
    background: none;
    background-color: transparent;
    color: rgb(var(--color-foreground));
    backdrop-filter: var(--button-backdrop-blur);
  }

  .js [data-button-hover=none] .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: transparent;
  }
}

@media screen and (hover: none) {
  .js .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background: none;
  }
}

.btn-text {
  position: relative;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 1
}

.btn-loader {
  position: absolute;
  inset: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  pointer-events: none;
}

.btn-loader span {
  width: 5px;
  height: 5px;
  border-radius: var(--rounded-full);
  background: currentColor;
}

.indicators[hidden] {
  display: none;
}

.indicators .button {
  --buttons-border-width: 1px;
  --buttons-radius: var(--rounded-full);
  --buttons-width: var(--sp-12);
  padding: 0;
  box-shadow: none;
  height: var(--buttons-width);
  width: var(--buttons-width);
}

@media screen and (min-width: 1280px) {
  .indicators .button {
    --buttons-width: var(--sp-14);
  }
}

.indicators .button[hidden] {
  display: none;
}

.indicators .button[disabled] {
  opacity: .3;
  pointer-events: none;
}

.indicators--small .button {
  --buttons-width: var(--sp-9);
}

.slider .indicators {
  gap: clamp(var(--sp-4), 2.105vw, var(--sp-10));
  transition: opacity var(--animation-primary);
}

.slider .indicators::before,
.slider .indicators::after {
  content: '';
}

.slider .indicators .button:first-child {
  margin-inline-end: auto;
}

.slider .indicators .button:last-child {
  margin-inline-start: auto;
}

.slider .indicators .button {
  opacity: 0.7;
}

.slider .indicators .button[disabled] {
  opacity: 0;
}

@media screen and (pointer: fine) {
  .slider:hover .indicators {
    opacity: 1;
  }
}

.mouse-cursor {
  --tw-translate-x: -50%;
  --tw-translate-y: -60%;
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  transform: translate(calc(var(--tw-translate-x) * var(--transform-logical)), var(--tw-translate-y));
  inset-block-start: var(--y);
  inset-inline-start: var(--x);
}

.mouse-cursor,
.mouse-cursor .icon {
  width: 0;
  height: 0;
  transition: width var(--animation-fast), height var(--animation-fast);
}

.no-touch .mouse-cursor.active {
  height: clamp(var(--sp-16), 4.21vw, var(--sp-20));
  width: clamp(var(--sp-16), 4.21vw, var(--sp-20))
}

.no-touch .mouse-cursor.active .icon {
  height: clamp(var(--sp-5), 1.68vw, var(--sp-8));
  width: clamp(var(--sp-5), 1.68vw, var(--sp-8))
}

.no-touch .mouse-cursor.active.pressed {
  height: calc(clamp(var(--sp-16), 4.21vw, var(--sp-20))*1.5);
  width: calc(clamp(var(--sp-16), 4.21vw, var(--sp-20))*1.5)
}

.no-touch .mouse-cursor.active.pressed .icon {
  height: calc(clamp(var(--sp-5), 1.68vw, var(--sp-8))*1.5);
  width: calc(clamp(var(--sp-5), 1.68vw, var(--sp-8))*1.5)
}

.button-wrapper,
.title-wrapper {
  margin-block-end: clamp(var(--sp-8), 2.526vw, var(--sp-12));
}

.title-wrapper-lg {
  margin-block-end: var(--sp-16);
}

@media screen and (min-width: 1024px) {
  .title-wrapper-lg {
    margin-block-end: var(--sp-28);
  }
}

@media screen and (max-width: 767px) {
  .title-wrapper .button {
    max-height: 2.75rem;
    font-size: var(--text-xs);
    padding: var(--sp-3d5) var(--sp-4);
  }

  .title-wrapper .button.icon-with-text .btn-text {
    gap: 6px;
  }

  .title-wrapper .button.icon-with-text .icon {
    width: var(--sp-4);
    height: var(--sp-4);
  }
}

.title-wrapper>:is(.heading, p) {
  flex: 0 0 auto;
}

.title-wrapper .heading+.description {
  margin-block-start: var(--sp-2);
}

@media screen and (min-width: 768px) {
  .title-wrapper .description {
    max-width: 42rem;
  }

  .title-wrapper.text-center .description {
    justify-self: center;
  }
}

@media screen and (min-width: 1280px) {
  .title-wrapper .description {
    max-width: 56rem;
  }
}

.title-sm {
  font-size: var(--title-sm);
}

.title-sm2x {
  font-size: calc(2 * var(--title-sm));
}

.title-md {
  font-size: var(--title-md);
}

.title-md2x {
  font-size: calc(2 * var(--title-md));
}

.title-lg {
  font-size: var(--title-lg);
}

.title-lg2x {
  font-size: calc(2 * var(--title-lg));
}

.title-xl {
  font-size: var(--title-xl);
}

.title-xl2x {
  font-size: calc(2 * var(--title-xl));
}

/*! media */

.media--fit {
  width: var(--media-width-mobile);
  height: var(--media-height-mobile);
}

.image-fit {
  max-width: 100%;
  width: var(--image-max-width-mobile);
}

@media screen and (min-width: 768px) {
  .media--fit {
    width: var(--media-width);
    height: var(--media-height);
  }

  .image-fit {
    width: var(--image-max-width);
  }
}

.media {
  background-color: rgb(var(--color-placeholder));
}

.media--transparent:not(.loading) {
  background-color: transparent;
}

.media>img {
  backface-visibility: hidden;
  object-fit: cover;
  object-position: center center;
}

@media screen and (pointer: fine) {
  .media>img {
    transition: var(--animation-primary);
    transition-property: opacity, transform;
  }
}

.media[easing]>img {
  transition: none;
}

.media>.mobile\:img+:is(img, svg) {
  display: none;
}

.media--contain>img {
  object-fit: contain;
}

.media--rounded {
  border-radius: 50%;
}

.media--rounded>:is(img, svg, video-media),
.media--square>:is(img, svg, video-media),
.aspect-square {
  aspect-ratio: 1 / 1;
}

.media--portrait>:is(img, svg, video-media),
.aspect-portrait {
  aspect-ratio: 4 / 5;
}

.media--landscape>:is(img, svg, video-media),
.aspect-landscape {
  aspect-ratio: 4 / 3;
}

.media--wide>:is(img, svg, video-media),
.aspect-wide {
  aspect-ratio: 16 / 9;
}

.media--height>:is(img, svg, video-media) {
  inset: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.media--400px {
  height: 260px
}

.media--450px {
  height: 292.5px
}

.media--500px {
  height: 325px
}

.media--550px {
  height: 357.5px
}

.media--600px {
  height: 390px
}

.media--650px {
  height: 422.5px
}

.media--700px {
  height: 455px
}

.media--750px {
  height: 487.5px
}

.media--800px {
  height: 520px
}

.media--850px {
  height: 552.5px
}

.media--900px {
  height: 585px
}

.media--100vh {
  height: 100vh
}

@supports (height: 100svh) {
  .media--100vh {
    height: 100svh
  }
}

@media screen and (min-width: 768px) {
  .media>.mobile\:img {
    display: none;
  }

  .media>.mobile\:img+:is(img, svg) {
    display: block;
  }

  .media--400px {
    height: 340px
  }

  .media--450px {
    height: 382.5px
  }

  .media--500px {
    height: 425px
  }

  .media--550px {
    height: 567.5px
  }

  .media--600px {
    height: 510px
  }

  .media--650px {
    height: 552.5px
  }

  .media--700px {
    height: 595px
  }

  .media--750px {
    height: 637.5px
  }

  .media--800px {
    height: 680px
  }

  .media--850px {
    height: 722.5px
  }

  .media--900px {
    height: 765px
  }
}

@media screen and (min-width: 1536px) {
  .media--400px {
    height: 400px
  }

  .media--450px {
    height: 450px
  }

  .media--500px {
    height: 500px
  }

  .media--550px {
    height: 550px
  }

  .media--600px {
    height: 600px
  }

  .media--650px {
    height: 650px
  }

  .media--700px {
    height: 700px
  }

  .media--750px {
    height: 750px
  }

  .media--800px {
    height: 800px
  }

  .media--850px {
    height: 850px
  }

  .media--900px {
    height: 900px
  }
}

@media screen and (max-width: 767px) {
  .mobile\:media--200px {
    height: 200px
  }

  .mobile\:media--250px {
    height: 250px
  }

  .mobile\:media--300px {
    height: 300px
  }

  .mobile\:media--400px {
    height: 400px
  }

  .mobile\:media--500px {
    height: 500px
  }

  .mobile\:media--600px {
    height: 600px
  }

  .mobile\:media--100vh {
    height: 90vh
  }

  @supports (height: 100svh) {
    .mobile\:media--100vh {
      height: 90svh
    }
  }

  .mobile\:media--rounded>:is(img, svg, video-media),
  .mobile\:media--square>:is(img, svg, video-media),
  .mobile\:aspect-square {
    aspect-ratio: 1 / 1;
  }

  .mobile\:media--portrait>:is(img, svg, video-media),
  .mobile\:aspect-portrait {
    aspect-ratio: 4 / 5;
  }

  .mobile\:media--landscape>:is(img, svg, video-media),
  .mobile\:aspect-landscape {
    aspect-ratio: 4 / 3;
  }

  .mobile\:media--wide>:is(img, svg, video-media),
  .mobile\:aspect-wide {
    aspect-ratio: 16 / 9;
  }

  .mobile\:aspect-adapt {
    aspect-ratio: var(--aspect-ratio, auto);
  }
}

svg.placeholder {
  background-color: rgb(var(--color-base-text)/ 0.3);
  fill: rgb(var(--color-base-text)/ 0.7);
  color: rgb(var(--color-base-text)/ 0.7);
  display: block;
  width: 100%;
  height: 100%;
}

svg.placeholder--transparent {
  background-color: transparent;
}

/*! table */

table {
  overflow: hidden;
  box-shadow: 0 0 0 1px rgb(var(--color-border-light));
  border-radius: var(--rounded-block);
}

table th,
table td {
  width: auto;
  text-align: start;
  line-height: 1.6;
  font-size: var(--text-lg);
  padding: var(--sp-6) var(--sp-7d5);
}

thead th {
  font-weight: var(--font-medium);
  background-color: rgb(var(--color-foreground)/ 0.025);
}

tfoot tr:not(:last-child) td {
  padding-block: var(--sp-1);
}

tfoot tr:first-child td {
  padding-block-start: var(--sp-6);
}

tbody tr,
tfoot tr:first-child {
  border-block-start: 1px solid rgb(var(--color-border-light));
}

/*! inputs */

.field {
  --border-opacity: var(--inputs-border-opacity);
  position: relative;
  text-align: start
}

.input,
.select,
.textarea {
  appearance: none;
  text-align: start;
  width: 100%;
  height: var(--input-height);
  font-size: var(--text-sm);
  line-height: 1.25;
  padding-inline: var(--input-padding-inline);
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-foreground)/ 0.025);
  border: var(--inputs-border-width) solid rgb(var(--color-foreground)/ var(--border-opacity));
  border-radius: var(--inputs-radius);
  transition: var(--animation-primary);
  transition-property: border-color, background-color;
}

@media screen and (min-width: 768px) {
  .input,
  .select,
  .textarea {
    font-size: var(--text-base);
    line-height: 1.6
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  .input:focus,
  .select:focus-visible,
  .textarea:focus {
    font-size: max(var(--text-sm), 16px);
  }
}

.select option {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
}

.input--fill {
  border-style: none
}

.input:focus,
.select:focus-visible,
.textarea:focus {
  box-shadow: none;
  border-color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-foreground)/ 0.045);
  outline: none;
}

.input.is-floating,
.select.is-floating {
  height: calc(var(--input-height) + var(--sp-2d5))
}

.input.is-floating::-moz-placeholder,
.select.is-floating::-moz-placeholder {
  color: transparent
}

.input.is-floating::placeholder,
.select.is-floating::placeholder {
  color: transparent
}

.input.is-floating,
.select.is-floating {
  padding-block-start: var(--sp-4)
}

.textarea.is-floating {
  padding-block-end: var(--sp-2);
  padding-block-start: var(--sp-8)
}

.textarea {
  height: auto;
  vertical-align: top
}

.label {
  display: block;
  margin-block-end: var(--sp-2d5);
  font-size: var(--text-sm);
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .label {
    font-size: var(--text-base);
  }
}

.label.is-floating {
  position: absolute;
  inset-block-start: 0;
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  pointer-events: none;
  inset-inline-start: 1px;
  opacity: 0.6;
  height: calc(var(--input-height) + var(--sp-2d5));
  margin-block-end: 0;
  margin-inline-start: var(--input-padding-inline);
  transform-origin: var(--transform-origin-start);
  transition: all var(--animation-primary);
}

.select[required]:valid~.label,
.select[selected]~.label,
:is(.input, .textarea):focus~.label,
:is(.input, .textarea):not(:placeholder-shown)~.label,
:is(.input, .textarea, .select):-webkit-autofill~.label {
  --tw-translate-y: calc(var(--sp-2d5) * -1);
  --tw-scale-x: .80;
  --tw-scale-y: .80;
  transform: translateY(var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:is(.input, .textarea, .select):-webkit-autofill~.label {
  color: #000
}

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

  .select[required]:valid~.label,
  .select[selected]~.label,
  :is(.input, .textarea):focus~.label,
  :is(.input, .textarea):not(:placeholder-shown)~.label,
  :is(.input, .textarea, .select):-webkit-autofill~.label {
    --tw-scale-x: .70;
    --tw-scale-y: .70;
  }
}

.select~.icon,
.input[type=date]~.icon {
  inset-block-start: calc(50% - 10px);
  inset-inline-end: var(--input-padding-inline);
}

.select~.icon {
  transform: scaleY(-1);
}

.self-submit-button {
  inset-block-start: 50%;
  inset-inline-end: var(--sp-4);
  transform: translateY(-50%);
  width: var(--sp-10);
  height: var(--sp-10);
}

.self-submit-button button {
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rounded-full);
}

input:is([type=checkbox], [type=radio]) {
  --active: rgb(var(--color-foreground));
  --active-inner: rgb(var(--color-background));
  --focus: 3px hsla(0, 0%, 9%, .1);
  --border: rgb(var(--color-border-dark));
  --border-radius: 5px;
  --border-hover: rgb(var(--color-foreground));
  --background: rgb(var(--color-background));
  --disabled: rgb(var(--color-border-light));
  --disabled-inner: rgb(var(--color-border));
  appearance: none;
  background: var(--b, var(--background));
  border: 1px solid var(--bc, var(--border));
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0;
  outline: none;
  position: relative;
  transition: background-color .3s, border-color .3s, box-shadow .2s;
  vertical-align: top
}

input:is([type=checkbox], [type=radio]):focus-visible+label {
  outline: 2px solid rgb(var(--color-keyboard-focus));
  outline-offset: 3px;
}

input:is([type=checkbox], [type=radio]).sr-only {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

input:is([type=checkbox], [type=radio])::after {
  content: '';
  display: block;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  transition: transform var(--d-t, .3s) var(--d-t-e, ease), opacity var(--d-o, .2s)
}

input:is([type=checkbox], [type=radio]):checked {
  --b: var(--active);
  --bc: var(--active);
  --d-o: 0.3s;
  --d-t: 0.6s;
  --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2)
}

input:is([type=checkbox], [type=radio]):is(:disabled, .disabled) {
  --b: var(--disabled);
  cursor: not-allowed;
  opacity: .9
}

input:is([type=checkbox], [type=radio]):is(:disabled, .disabled):checked {
  --b: var(--disabled-inner);
  --bc: var(--border)
}

input:is([type=checkbox], [type=radio]):is(:disabled, .disabled)+label {
  cursor: not-allowed
}

input:is([type=checkbox], [type=radio]):hover:not(:checked, :disabled, .disabled) {
  --bc: var(--border-hover)
}

input:is([type=checkbox], [type=radio]):focus {
  box-shadow: 0 0 0 var(--focus)
}

input:is([type=checkbox], [type=radio]):not(.switch) {
  flex: 0 0 auto;
  width: 20px
}

input:is([type=checkbox], [type=radio]):not(.switch)::after {
  opacity: var(--o, 0)
}

input:is([type=checkbox], [type=radio]):not(.switch):checked {
  --o: 1
}

input:is([type=checkbox], [type=radio])+label {
  cursor: pointer;
  display: inline-block;
  vertical-align: top
}

input[type=radio]:not(.switch) {
  border-radius: var(--rounded-full)
}

input[type=checkbox]:not(.switch) {
  border-radius: var(--border-radius)
}

input[type=checkbox]:not(.switch)::after {
  border: 1.5px solid var(--active-inner);
  border-inline-start: 0;
  border-block-start: 0;
  width: 4px;
  height: 8px;
  inset-inline-start: 7px;
  inset-block-start: 4px;
  transform: rotate(calc(var(--r, 20deg) * var(--transform-logical)));
}

input[type=checkbox]:not(.switch):checked {
  --r: 43deg
}

input[type=checkbox].switch {
  border-radius: 11px;
  width: 38px
}

input[type=checkbox].switch::after {
  background: var(--ab, var(--border));
  border-radius: 50%;
  width: 15px;
  height: 15px;
  inset-inline-start: 2px;
  inset-block-start: 1.5px;
  transform: translateX(calc(var(--x, 0) * var(--transform-logical)));
}

input[type=checkbox].switch:checked {
  --ab: var(--active-inner);
  --x: 17px;
}

input[type=checkbox].switch:is(:disabled, .disabled):not(:checked)::after {
  opacity: .6
}

/*! color-swatch */

.variant-picker *:focus-visible+.color-swatch {
  outline-offset: calc(2px + var(--swatch-offset) * 2);
}

.color-swatch {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-inset: inset;
  --tw-ring-color: rgb(var(--color-foreground)/ 0.115);
  --swatch-radius: 0px;
  --swatch-offset: 3px;
  --swatch-size: var(--sp-7d5);
  --swatch-margin: calc(var(--swatch-offset)*2);
  background-color: var(--swatch-background);
  width: var(--swatch-size);
  height: var(--swatch-size);
  border-radius: var(--swatch-radius);
  transition: outline-color var(--animation-fast);
}

.color-swatch.with-image {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: var(--swatch-background-image);
}

.color-swatch::before {
  --tw-shadow: inset 1px 3px 0px rgb(var(--color-foreground)/ 0.115);
  --tw-shadow-colored: inset 1px 3px 0px var(--tw-shadow-color);
  border-radius: var(--swatch-radius);
  inset: 0;
  width: 100%;
  height: 100%;
}

.color-swatch::after,
.color-swatch::before {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  content: '';
  position: absolute
}

.color-swatch::after {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  --tw-shadow-color: rgb(var(--color-foreground));
  --tw-shadow: var(--tw-shadow-colored);
  border-radius: inherit;
  inset: calc(var(--swatch-offset) * -1);
  opacity: 0;
  transition: all var(--animation-short);
}

.color-swatch::after,
:checked+.color-swatch::after {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate));
}

:checked+.color-swatch::after {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  opacity: 1
}

.swatches input:is([type=checkbox], [type=radio]):is(:disabled, .disabled)+.color-swatch {
  --tw-ring-shadow: 0 0 #0000;
  background-color: var(--swatch-background)
}

.swatches input:is([type=checkbox], [type=radio]):is(:disabled, .disabled)+.color-swatch::before {
  background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), rgb(var(--color-red-200)) calc(50% - 0.5px) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}

.swatches input:is([type=checkbox], [type=radio]):is(:disabled, .disabled)+.color-swatch::after {
  --tw-shadow-color: rgb(var(--color-red-200));
}

.swatches input:is([type=checkbox], [type=radio]):is(:disabled, .disabled)+.color-swatch.with-image::after {
  background-color: rgb(var(--color-red-200) / 0.115);
}

.swatches input:is([type=checkbox], [type=radio]):is(:disabled, .disabled):not(:checked)+.color-swatch::after {
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  inset: 1px;
  opacity: 1;
}

.color-swatch .tooltip {
  --tw-translate-x: -50%;
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  background-color: rgb(var(--color-foreground));
  inset-block-end: calc(100% + 15px);
  color: rgb(var(--color-background));
  padding: var(--sp-1d5) var(--sp-5);
  width: max-content;
}

.color-swatch .tooltip,
.color-swatch .tooltip::after {
  position: absolute;
  inset-inline-start: 50%;
  transform: translate(calc(var(--tw-translate-x) * var(--transform-logical)), var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.color-swatch .tooltip::after {
  --tw-translate-x: -50%;
  --tw-translate-y: 0;
  border-color: rgb(var(--color-foreground)) transparent;
  border-style: solid;
  border-width: 10px 10px 0;
  inset-block-end: -7px;
  content: '';
  display: block;
  width: 0
}

@media screen and (pointer: fine) {
  .color-swatch:hover .tooltip {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    opacity: 1;
    transition: transform var(--animation-primary), opacity var(--animation-primary);
  }
}

.label-swatch {
  --swatch-offset: 0px;
  --swatch-margin: calc(var(--swatch-offset)*2);
  border-radius: var(--swatch-radius);
  padding: var(--sp-4) var(--sp-5);
  transition: all var(--animation-short);
}

.label-swatch::after {
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  --tw-shadow-color: rgb(var(--color-border));
  --tw-shadow: var(--tw-shadow-colored);
  content: '';
  position: absolute;
  border-radius: inherit;
  inset: calc(var(--swatch-offset) * -1);
  transition: all var(--animation-short);
}

.label-swatch::after,
:checked+.label-swatch::after {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

:checked+.label-swatch::after {
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  --tw-shadow-color: rgb(var(--color-foreground));
  --tw-shadow: var(--tw-shadow-colored)
}

.swatches input:is([type=checkbox], [type=radio]):is(:disabled, .disabled)+.label-swatch {
  background-color: rgb(var(--color-red-200)/ 0.115);
  color: rgb(var(--color-red-300))
}

.swatches input:is([type=checkbox], [type=radio]):is(:disabled, .disabled)+.label-swatch::after {
  --tw-shadow-color: rgb(var(--color-red-200))
}

.swatches input:is([type=checkbox], [type=radio]):is(:disabled, .disabled)+.label-swatch::before {
  content: '';
  z-index: -1;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), rgb(var(--color-red-200)) calc(50% - 0.5px) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}

@media screen and (pointer:fine) {
  .swatches input:is([type=checkbox], [type=radio]):not(:disabled, .disabled)+.label-swatch:hover::after {
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
    --tw-shadow-color: rgb(var(--color-foreground));
    --tw-shadow: var(--tw-shadow-colored);
    inset: 0
  }
}

.swatches--round .color-swatch {
  --swatch-radius: 9999px
}

.swatches--round-slight :is(.color-swatch, .label-swatch),
.swatches--round .label-swatch,
.swatches--variant .color-swatch {
  --swatch-radius: 5px
}

.variant-picker .swatches--variant .color-swatch {
  --swatch-size: clamp(var(--sp-10), 3.368vw, var(--sp-16));
}

.swatches--variant .color-swatch.aspect-contain {
  background-size: contain;
}

@media screen and (min-width: 768px) {
  .swatches--variant .color-swatch:is(.aspect-square, .aspect-portrait, .aspect-landscape, .aspect-wide, .aspect-adapt_first) {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .swatches--variant .color-swatch:is(.mobile\:aspect-square, .mobile\:aspect-portrait, .mobile\:aspect-landscape, .mobile\:aspect-wide, .mobile\:aspect-adapt_first) {
    height: auto;
  }
}

.swatches--variant .color-swatch {
  --tw-ring-shadow: 0 0 #0000;
  --swatch-background: rgb(var(--color-foreground)/ 0.025);
  --swatch-size: clamp(var(--sp-10), 3.368vw, var(--sp-16));
}

.swatches--variant .color-swatch.with-image {
  background-color: rgb(var(--color-placeholder));
}

.swatches--variant .color-swatch::before {
  box-shadow: inset 0 0 0 2px transparent;
}

.swatches--variant .color-swatch::after {
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  --tw-shadow-color: rgb(var(--color-border));
  --tw-shadow: var(--tw-shadow-colored);
  opacity: 1;
  inset: 0;
}

.swatches--variant :checked+.color-swatch::before {
  box-shadow: inset 0 0 0 2px rgb(var(--color-background));
}

.swatches--variant :checked+.color-swatch::after {
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  --tw-shadow-color: rgb(var(--color-foreground));
  --tw-shadow: var(--tw-shadow-colored);
}

@media screen and (pointer:fine) {
  .swatches--variant input:is([type=checkbox], [type=radio]):not(:disabled, .disabled)+.color-swatch:hover::after {
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
    --tw-shadow-color: rgb(var(--color-foreground));
    --tw-shadow: var(--tw-shadow-colored);
  }
}

.swatches--variant .color-swatch~span {
  max-width: clamp(var(--sp-10), 3.368vw, var(--sp-16));
}

.swatches--variant .color-swatch .count {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  border: 1px solid rgb(var(--color-border));
  height: var(--sp-5d5);
  min-width: var(--sp-5d5);
  padding-inline: var(--sp-1);
  inset-inline-end: calc(-1 * var(--sp-2));
  inset-block-start: calc(-1 * var(--sp-2));
}

.swatches--variant :checked+.color-swatch .count {
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
  border-color: rgb(var(--color-foreground));
}

/*! price-range */

.price-range {
  padding-block-start: var(--sp-2)
}

.input-wrapper .prefix {
  opacity: .6;
  inset-inline-start: var(--sp-5);
}

[data-rounded-input=square] .input-wrapper .input {
  border-radius: 0;
}

.input-wrapper .input {
  appearance: textfield;
  padding: var(--sp-4) var(--sp-5);
  padding-inline-start: var(--sp-8);
  height: auto;
  line-height: 1;
  text-align: end;
  border-radius: var(--rounded-full);
}

.input-wrapper .input::-moz-placeholder {
  opacity: 0.6;
}

.input-wrapper .input::placeholder {
  opacity: 0.6;
}

.input-wrapper .input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.input-wrapper .input::-webkit-inner-spin-button,
.input-wrapper .input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.range-wrapper {
  --range-min: 0%;
  --range-max: 100%;
  background: linear-gradient(to var(--transform-origin-end), rgb(var(--color-border)) var(--range-min), rgb(var(--color-foreground)) var(--range-min), rgb(var(--color-foreground)) var(--range-max), rgb(var(--color-border)) var(--range-max));
  border-radius: .125rem;
  height: 4px;
}

.range {
  appearance: none;
  background: none;
}

.range::-webkit-slider-thumb {
  -webkit-margin-before: -6px;
  -webkit-appearance: none;
  background-color: rgb(var(--color-background));
  border: 2px solid rgb(var(--color-foreground));
  border-radius: 100%;
  box-shadow: none;
  cursor: pointer;
  height: 16px;
  margin-block-start: -6px;
  position: relative;
  width: 16px;
  z-index: 1
}

.range::-webkit-slider-runnable-track {
  background-color: rgb(var(--color-background));
  border: none;
  border-radius: 2px;
  cursor: pointer;
  height: 4px;
  width: 100%
}

.range::-moz-range-thumb {
  background-color: rgb(var(--color-background));
  border: 2px solid rgb(var(--color-foreground));
  border-radius: 100%;
  cursor: pointer;
  height: 12px;
  width: 12px
}

.range::-moz-range-progress,
.range::-moz-range-track {
  border: none;
  border-radius: 2px;
  cursor: pointer;
  height: 4px;
  width: 100%
}

.range::-moz-range-progress {
  background-color: rgb(var(--color-foreground))
}

.range::-moz-range-track {
  background-color: rgb(var(--color-border))
}

@media not screen and (pointer:fine) {
  .range::-webkit-slider-thumb {
    height: 20px;
    margin-block-start: -9px;
    width: 20px
  }

  .range::-moz-range-thumb {
    height: 16px;
    width: 16px
  }
}

.range-wrapper .range {
  height: 4px;
  vertical-align: top
}

.range-wrapper .range::-webkit-slider-runnable-track {
  background: none
}

.range-wrapper .range::-webkit-slider-thumb {
  pointer-events: auto
}

.range-wrapper .range::-moz-range-progress,
.range-wrapper .range::-moz-range-track {
  background: none
}

.range-wrapper .range::-moz-range-thumb {
  pointer-events: auto
}

/*! details-summary */

.details {
  border-block-end: 1px solid rgb(var(--color-border-light));
  box-sizing: content-box
}

.details summary::-webkit-details-marker {
  display: none
}

.details .details__summary {
  padding-block: clamp(var(--sp-5), 1.473vw, var(--sp-7));
}

.details .details__summary>.icon {
  --tw-scale-y: -1;
  width: var(--sp-5);
  height: var(--sp-5);
  transform: scaleY(var(--tw-scale-y)) rotate(var(--tw-rotate));
  transition: transform var(--animation-primary);
}

.details[aria-expanded=true] .details__summary>.icon {
  --tw-scale-y: 1;
}

.details .details__helptext {
  max-height: 0;
  transition: max-height var(--animation-primary);
}

.details[open] .details__helptext {
  max-height: calc(var(--text-sm) * 1.6);
  transition-duration: 0s;
}

.details .details__content::after {
  content: '';
  display: block;
  pointer-events: none;
  padding-block-end: var(--sp-7)
}

.details:last-child .details__content::after {
  content: none;
}

.details :is(.list, .swatches) li label {
  display: flex;
}

.details:first-child .details__summary,
.details[hidden]+.details .details__summary {
  padding-block-start: 0
}

.details:last-child {
  border-block-end-width: 0
}

.details:last-child .details__content {
  padding-block-end: 0
}

/*! links */

.link.icon-with-text,
.reversed-link.icon-with-text {
  align-items: center;
  display: inline-flex;
  gap: var(--sp-1d5);
  background: none;
}

.link.icon-with-text .link-text,
.reversed-link,
.rte a {
  --reversed-link-gap: min(100%, 1.35em);
  background: linear-gradient(to var(--transform-origin-end), currentColor, currentColor) 0 var(--reversed-link-gap)/0 1px no-repeat;
  background-position-x: var(--transform-origin-end);
  transition: background-size var(--animation-primary)
}

@media screen and (pointer: fine) {
  .link.icon-with-text:not([aria-disabled]):hover .link-text,
  .reversed-link:not([aria-disabled]):hover,
  .rte a:hover {
    background-position-x: var(--transform-origin-start);
    background-size: 100% 1px
  }
}

.reversed-link.icon-with-text .link-text,
.link,
.rte a:not(.button, .reversed-link) {
  background: linear-gradient(currentColor, currentColor) 0 min(100%, 1.35em)/100% 1px no-repeat;
  background-position-x: var(--transform-origin-start);
  position: relative;
  text-decoration-line: none;
  transition: background-size var(--animation-primary), color .3s var(--animation-primary)
}

@media screen and (pointer: fine) {
  :is(.link, .rte a:not(.button, .reversed-link)):hover,
  .reversed-link.icon-with-text:hover .link-text {
    background-position-x: var(--transform-origin-end);
    background-size: 0 1px
  }

  .text-opacity :is(.link, .rte a:not(.button, .reversed-link)):hover {
    color: rgb(var(--color-foreground))
  }
}

.text-opacity {
  color: rgb(var(--color-foreground)/ 0.6)
}

ol {
  list-style-type: decimal
}

/*! corners */

.corner {
  width: var(--border-radius);
  height: var(--border-radius);
  color: rgb(var(--color-background));
  transform: rotate(var(--tw-rotate)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media screen and (pointer: fine) {
  .corner {
    transition: all var(--animation-nav);
  }
}

.corner path:last-child {
  stroke-width: 0.225em;
  stroke: rgb(var(--color-foreground)/ 0.115);
  opacity: 0;
  transition: opacity var(--animation-nav);
}

.corner.top {
  inset-block-end: 100%;
}

.corner.bottom {
  inset-block-start: 100%;
}

.corner.left {
  left: 0;
}

.corner.right {
  right: 0;
}

.corner.bottom.right {
  --tw-scale-x: -1;
}

.corner.top.left {
  --tw-rotate: -90deg;
}

.corner.top.right {
  --tw-scale-y: -1;
  --tw-rotate: -90deg;
}

.cutout {
  z-index: -1;
  height: 1px;
  background-color: rgb(var(--color-foreground)/ 0.115);
  transition: opacity var(--animation-nav)
}

/*! sections */

.section {
  position: relative;
  color: rgb(var(--color-foreground));
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
}

.section::before {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
}

.js [role=main] .shopify-section .section::before,
.js .shopify-section-group-header-group .section::before {
  height: calc(100% + var(--border-radius));
}

.js .shopify-section-group-header-group .section.header::before,
.js .shopify-section-group-header-group .section.section--last-rounded::before,
.js .shopify-section-group-header-group .section.section--next-rounded.header::before {
  height: 100%;
}

.js .shopify-section-group-header-group .section.section--next-rounded::before {
  height: calc(100% + var(--border-radius));
}

.js .shopify-section-group-header-group .section.section--first-rounded {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}

.section--padding {
  padding-block-start: calc(var(--section-padding-top) * 0.75);
  padding-block-end: calc(var(--section-padding-bottom) * 0.75);
}

@media screen and (min-width: 768px) {
  .section--padding {
    padding-block-start: var(--section-padding-top);
    padding-block-end: var(--section-padding-bottom);
  }
}

.section--rounded {
  border-start-end-radius: var(--border-radius);
  border-start-start-radius: var(--border-radius);
}

.js .section--rounded::before {
  height: calc(100% + var(--border-radius));
  border-start-end-radius: var(--border-radius);
  border-start-start-radius: var(--border-radius);
}

.footer-group .section--next-rounded,
.footer-group .section--next-rounded::before,
.footer-group .section--next-rounded :is(.banner__map, .banner__media) {
  border-end-end-radius: var(--border-radius);
  border-end-start-radius: var(--border-radius);
}

.section--divider::after {
  content: '';
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
  width: 100%;
  border-block-start: 1px solid rgb(var(--color-border));
}

.section--plain {
  background-image: none;
  background-color: rgb(var(--color-base-background));
}

.section--plain::before {
  background-image: none;
  background-color: rgb(var(--color-base-background));
}

/*! header */

.header-section {
  --header-items-gap: 0.75rem;
  --header-nav-gap: clamp(1rem, 2vw, 24px);
}

@media screen and (min-width: 1024px) {
  .header-section {
    --header-items-gap: 2em;
    --header-nav-gap: 2em;
  }
}

@media screen and (min-width: 1400px) {
  .header-section {
    --header-items-gap: 2.5em;
    --header-nav-gap: 2.5em
  }
}

.header {
  --animation-nav-delay: 0.1s;
  --header-grid-template: "logo icons" /minmax(0, 1fr) auto;
  --header-background-opacity: 1;
  --header-logo-opacity: 1;
  column-gap: var(--header-items-gap);
  grid-template: var(--header-grid-template);
  background: none;
}

.header[is=sticky-header] {
  transition: var(--animation-nav);
  transition-property: opacity, transform, padding-block-start, padding-block-end;
}

.header-section .header::before {
  content: '';
  z-index: 1;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgb(var(--color-background));
  opacity: var(--header-background-opacity);
}

@media screen and (pointer: fine) {
  .header-section .header::before {
    transition: opacity var(--animation-nav) var(--animation-nav-delay)
  }

  :is(.topbar-section, .timer-section)+.header-section .header::before {
    transition-property: opacity, border-radius;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header,
  .topbar {
    --animation-nav: 0s;
    --animation-nav-delay: 0s;
  }

  .header-section .header~.overlay,
  .header .header__menu>ul .menu__item .btn-text::after {
    transition: none;
  }
}

:is(.header--left-center, .header--center) .list-menu {
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .menu-drawer-button {
    display: none;
  }

  .header--left {
    --header-grid-template: "logo navigation icons" /auto minmax(0, 1fr) auto;
  }

  .header--left-center {
    --header-grid-template: "logo navigation icons" /minmax(0, 1fr) fit-content(70%) minmax(0, 1fr);
  }

  .header--left-drawer {
    --header-grid-template: "logo icons" /minmax(0, 1fr) auto;
  }

  .header--left-drawer .header__navigation {
    display: none;
  }

  .header--left-drawer .menu-drawer-button {
    display: flex;
  }

  .header--center-left {
    --header-grid-template: "navigation logo icons" /minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .header--center-split {
    --header-grid-template: "tools navigation logo navigation-split icons" /130px minmax(0, 1fr) auto minmax(0, 1fr) 130px;
  }

  .header--center-split .header__icons--start {
    display: flex;
  }

  .header--center-split .header__icons--start .search-drawer-button {
    order: -1;
  }

  .header--center-split .header__icons--end :is(.search-drawer-button, .header__menu) {
    display: none;
  }

  .header--center {
    --header-grid-template: "tools logo icons" "navigation navigation navigation" /minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .header--center .header__icons--start {
    display: flex;
  }

  .header--center .header__icons--start .search-drawer-button {
    order: -1;
  }

  .header--center .header__icons--start .menu-toggle-button {
    order: -2;
  }

  .header--center .header__icons--end :is(.search-drawer-button, .header__menu) {
    display: none;
  }

  .header--center .header__navigation {
    z-index: 1;
    max-height: var(--header-nav-height);
    transition: var(--animation-nav);
    transition-property: max-height, padding-block, opacity, color;
  }

  .header-nav-scrolled .header--center .header__navigation:not(.active) {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }

  .header-section:not(.header-nav-scrolled) .header--center .header__navigation,
  .header-nav-scrolled .header--center .header__navigation.active {
    padding-block-start: calc(var(--section-padding-bottom) / 2);
  }

  .header-section:not(.header-nav-scrolled) .header--center .menu-toggle-button {
    display: none;
  }

  .header--center-drawer {
    --header-grid-template: "tools logo icons" /minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .header--center-drawer .header__icons--start {
    display: flex;
  }

  .header--center-drawer .header__icons--start .menu-drawer-button {
    display: block;
  }

  .header--center-drawer .header__icons--start :is(.search-drawer-button, .header__menu),
  .header--center-drawer .header__navigation {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .mobile\:header--center {
    --header-grid-template: "tools logo icons" /minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .mobile\:header--center .header__icons--start {
    display: flex;
  }

  .mobile\:header--center .header__icons--start .search-drawer-button,
  .mobile\:header--center .header__icons--end .menu-drawer-button {
    display: none;
  }

  .mobile\:header--center .header__logo {
    text-align: center;
    margin-inline: auto;
  }
}

.header__logo {
  grid-area: logo;
  max-width: max-content;
}

@media screen and (max-width: 1023px) {
  .header__logo {
    max-width: calc(100vw - var(--sp-48) - var(--scrollbar-width));
    text-align: start;
    margin-inline-end: auto;
  }
}

@media screen and (pointer: fine) {
  .header__logo :is(a, img) {
    transition: opacity var(--animation-nav) var(--animation-nav-delay);
  }

  .header__logo a.h3 {
    transition-property: color;
  }
}

.header__logo a,
.header__logo a:hover {
  color: inherit;
  text-decoration: none;
}

.header__logo .has-white-logo .logo {
  opacity: var(--header-logo-opacity);
}

.header__logo .white-logo {
  opacity: calc(1 - var(--header-logo-opacity));
}

.header__navigation {
  grid-area: navigation;
  transition: color var(--animation-nav) var(--animation-nav-delay)
}

.header__navigation--split {
  grid-area: navigation-split;
}

.header__icons {
  grid-area: icons;
}

.header__icons--start {
  display: none;
  grid-area: tools;
}

.header__buttons {
  margin-inline: calc(var(--sp-2d5) * -1);
}

@media screen and (pointer: fine) {
  .header__buttons {
    transition: color var(--animation-nav) var(--animation-nav-delay)
  }
}

.header__buttons>:is(a, button) {
  width: 2.75rem;
  height: 2.75rem;
}

.header__buttons .menu-drawer-button .icon {
  width: var(--sp-6);
  height: var(--sp-6);
}

.header__menu>ul {
  column-gap: var(--header-nav-gap)
}

.header__menu>ul summary:focus-visible magnet-element {
  outline: 2px solid rgb(var(--color-keyboard-focus));
  outline-offset: 3px;
}

.header__menu>ul summary::-webkit-details-marker {
  display: none;
}

.header__menu>ul .menu__item {
  height: var(--sp-12);
  font-family: var(--font-navigation-family);
  font-size: var(--font-navigation-size);
  font-weight: var(--font-navigation-weight);
  text-transform: var(--font-navigation-text-transform);
}

.header__menu>ul.with-dot .menu__item .btn-text::after {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  content: '';
  background-color: currentColor;
  border-radius: 50%;
  display: block;
  width: var(--sp-1d5);
  height: var(--sp-1d5);
  inset-inline-start: 50%;
  inset-block-end: -.5em;
  position: absolute;
  transition: transform var(--animation-fast);
  transform: translate(calc(var(--tw-translate-x) * var(--transform-logical)), var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.header__menu>ul li[aria-controls] .menu__item:hover .btn-text::after,
.header__menu>ul li[aria-expanded=true] .menu__item .btn-text::after,
.header__menu>ul.with-dot summary[open] .menu__item .btn-text::after {
  --tw-scale-x: 1;
  --tw-scale-y: 1
}

.header__menu>ul .menu__item .btn-text {
  gap: var(--sp-2);
}

.header__menu>ul .menu__item .icon {
  width: var(--sp-2d5);
  height: var(--sp-2d5);
}

.header__menu>ul.with-block {
  gap: 0;
}

.header__menu>ul.with-block.gap-1 {
  gap: var(--sp-1);
}

.header__menu>ul.with-block .menu__item {
  overflow: hidden;
  height: var(--sp-10d5);
  padding-inline: var(--sp-5);
  border-radius: var(--rounded-full);
}

.header__menu>ul.with-block .menu__item .icon {
  transform: scaleY(var(--tw-scale-y));
  transition: transform var(--animation-primary);
}

.header__menu>ul.with-block .menu__item [data-text] {
  transition: var(--animation-primary);
  transition-property: transform, opacity;
}

.header__menu>ul.with-block .menu__item .btn-duplicate {
  --tw-scale: 0.6;
  --tw-translate-y: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-inline: var(--sp-5);
  border-radius: var(--rounded-full);
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-foreground));
  transition: transform var(--animation-primary);
  transform: translateY(var(--tw-translate-y)) scale(var(--tw-scale));
}

.header__menu>ul.with-block>li>details>summary[open] .menu__item .btn-duplicate {
  --tw-scale: 1;
  --tw-translate-y: 0%;
}

.header__menu>ul.with-block>li>details>summary[open] .menu__item [data-text] {
  opacity: 0;
  transform: translateY(-10%) scale(0.6);
}

.header__menu>ul.with-block>li>details>summary[open] .menu__item .icon {
  --tw-scale-y: -1
}

@media (prefers-reduced-motion: reduce) {
  .header__menu>ul.with-block .menu__item [data-text],
  .header__menu>ul.with-block .menu__item .btn-duplicate {
    transition: none;
  }
}

@media screen and (pointer: fine) {
  .header__menu>ul.with-block>li:hover .menu__item .btn-duplicate {
    --tw-scale: 1;
    --tw-translate-y: 0%;
  }

  .header__menu>ul.with-block>li:hover .menu__item [data-text] {
    opacity: 0;
    transform: translateY(-10%) scale(0.6);
  }
}

.header .dropdown {
  padding-block-start: calc(var(--header-height) - 1px);
}

@media screen and (min-width: 768px) {
  .header-scrolled .dropdown {
    padding-block-start: calc(var(--header-height) - 1px - calc(var(--section-padding-top) * 25/100) - calc(var(--section-padding-bottom) * 25/100));
  }
}

.header__menu>ul.with-block .localization .menu__item {
  border: 1px solid rgb(var(--color-border));
  padding-block: var(--sp-3);
  padding-inline: var(--sp-5);
  border-radius: var(--buttons-radius);
  height: var(--sp-12);
}

.header__menu>ul .localization .menu__item .btn-text {
  gap: var(--sp-2d5);
}

.header__buttons .header__menu>ul {
  gap: var(--sp-4);
  margin-inline: var(--sp-3);
}

/*! header-sticky */

.header-scrolled .header__corner path:first-child {
  fill: rgb(var(--color-background));
}

.header-scrolled .header__corner path:last-child,
.header-scrolled .header__cutout {
  opacity: 1;
}

.header-scrolled .header {
  padding-block-start: calc(var(--section-padding-top) * 0.75);
  padding-block-end: calc(var(--section-padding-bottom) * 0.75);
}

.header-section.header-scrolled .header::before {
  border-radius: 0;
}

.header-sticky {
  z-index: 20;
  position: sticky;
  inset-block-start: 0;
}

/*! header-transparent */

.header-transparent .header {
  position: absolute;
  inset-block-start: auto;
}

.header-transparent.header-scrolled .header {
  position: fixed;
  inset-block-start: 0;
}

.header-transparent:not(.header-scrolled) .header {
  --header-background-opacity: 0;
  --header-logo-opacity: 0;
  color: rgb(var(--color-transparent));
}

.header-transparent:not(.header-scrolled) .header__menu>ul.with-block .localization .menu__item {
  border-color: rgb(var(--color-transparent) / 0.1);
}

.header-section:not(.header-scrolled) .header:not(.section--next-rounded) .header__corner,
.header-section:not(.header-scrolled).header-transparent .header__corner {
  color: transparent;
  width: 0;
  height: 0;
}

.header-section:not(.header-scrolled) .header:not(.section--next-rounded) .header__corner.left,
.header-section:not(.header-scrolled).header-transparent .header__corner.left {
  --tw-translate-x: calc(var(--border-radius) * -1)
}

.header-section:not(.header-scrolled) .header:not(.section--next-rounded) .header__corner.right,
.header-section:not(.header-scrolled).header-transparent .header__corner.right {
  --tw-translate-x: var(--border-radius)
}

.header-hidden[data-sticky-type=on-scroll-up] {
  pointer-events: none;
}

.header-hidden .header[is=sticky-header][data-sticky-type=on-scroll-up] {
  transform: translateY(calc(-100% - var(--border-radius)));
}

.header-transparent.no-animate {
  --animation-nav: none;
  --animation-nav-delay: 0s;
}

@supports selector(:has(> *)) {
  .js :has(.shopify-section:first-child [allow-transparent-header]) .header-section:not(.header-transparent) .header {
    --animation-nav: none;
    --animation-nav-delay: 0s;
    --header-background-opacity: 0;
    --header-logo-opacity: 0;
    position: absolute;
    color: rgb(var(--color-transparent));
  }

  .no-js :has(.shopify-section:first-child [allow-transparent-header]) .header__corner,
  .js :has(.shopify-section:first-child [allow-transparent-header]) .header-section:not(.header-transparent) .header__corner {
    color: transparent;
    width: 0;
    height: 0;
  }

  .no-js :has(.shopify-section:first-child [allow-transparent-header]) .header__corner.left {
    --tw-translate-x: calc(var(--border-radius) * -1)
  }

  .no-js :has(.shopify-section:first-child [allow-transparent-header]) .header__corner.right {
    --tw-translate-x: var(--border-radius)
  }

  .no-js :is(.topbar-section, .timer-section)+.header-section :is(.mega-menu, .mega-menu__container) {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
}

/*! countdown-condensed */

.countdown-condensed {
  font-size: var(--text-2sm);
}

@media screen and (min-width: 1536px) {
  .countdown-condensed {
    font-size: var(--text-sm);
  }
}

@media screen and (min-width: 768px) {
  .countdown-condensed {
    gap: min(1.5vw, 3.5rem);
  }
}

.countdown-condensed .countdown__timer {
  --countdown-gap: var(--sp-7);
}

.countdown-condensed .countdown__item {
  position: relative;
  gap: var(--sp-1);
}

.countdown-condensed .countdown__item p {
  position: static;
}

.countdown-condensed .countdown__item p::after {
  font-size: inherit;
  color: inherit;
  inset-block-start: 50%;
  transform: translateX(calc(50% * var(--transform-logical))) translateY(-50%);
}

.countdown-condensed .countdown__item span {
  font-size: var(--text-2xs);
  font-weight: 400;
}

.countdown-condensed .countdown__timer:is(.heading, .body) .countdown__item p {
  font-weight: var(--font-medium);
}

.countdown-condensed .countdown__timer[data-compact=true] {
  --countdown-gap: var(--sp-4);
}

.countdown-condensed .countdown__timer[data-compact=true] .countdown__item p::after {
  inset-block-start: unset;
  transform: translateX(calc(50% * var(--transform-logical)));
}

@media screen and (max-width: 767px) {
  .countdown-condensed .countdown__timer[data-compact] {
    --countdown-gap: var(--sp-4);
  }
  
  .countdown-condensed .countdown__timer[data-compact] .countdown__item p {
    position: relative;
  }
  
  .countdown-condensed .countdown__timer[data-compact] .countdown__item p::after {
    inset-block-start: unset;
    transform: translateX(calc(50% * var(--transform-logical)));
  }
}

/*! announcement-bar */

.topbar-section {
  color: rgb(var(--color-foreground));
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
  height: var(--topbar-height);
  font-size: var(--text-2sm);
  transition: height var(--animation-nav);
}

@media screen and (min-width: 1536px) {
  .topbar-section {
    font-size: var(--text-sm);
  }
}

.topbar {
  --topbar-grid-template: "announcement" /auto;
  grid-template: var(--topbar-grid-template);
  gap: min(1.5vw, 3.5rem);
}

@media screen and (min-width: 1024px) {
  .topbar--center {
    --topbar-grid-template: "socials announcement localization" /minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr)
  }

  .topbar--center.topbar--inverted {
    --topbar-grid-template: "localization announcement socials" /minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr)
  }

  .topbar--start {
    --topbar-grid-template: "announcement socials localization" /minmax(0, 1fr) auto auto
  }

  .topbar--start.topbar--inverted {
    --topbar-grid-template: "announcement localization socials" /minmax(0, 1fr) auto auto
  }

  .topbar--end {
    --topbar-grid-template: "socials localization announcement" /auto auto minmax(0, 1fr)
  }

  .topbar--end.topbar--inverted {
    --topbar-grid-template: "localization socials announcement" /auto auto minmax(0, 1fr)
  }

  .topbar--center:not(.topbar--inverted) .localization,
  .topbar--center.topbar--inverted .social-icons,
  .topbar--start:not(.topbar--inverted) .localization,
  .topbar--start.topbar--inverted .social-icons {
    justify-content: flex-end;
  }

  .topbar--inverted .localization__item .dropdown.left-0 {
    inset-inline-start: unset;
    inset-inline-end: 0;
  }

  .topbar--inverted .localization__item .dropdown.right-0 {
    inset-inline-end: unset;
    inset-inline-start: 0;
  }

  .topbar--only {
    --topbar-grid-template: "announcement" /minmax(0, 1fr)
  }

  .topbar--only .announcement-bar {
    max-width: 100%;
  }
}

.topbar .social-icons {
  grid-area: socials
}

.topbar .announcement-bar {
  grid-area: announcement
}

.topbar .localization {
  gap: min(1.5vw, 3.5rem)
}

.topbar .localization {
  grid-area: localization
}

.topbar .localization__item+.localization__item .dropdown {
  inset-inline-end: 0;
  margin-inline-start: 0;
}

.topbar .dropdown {
  min-width: 140px;
  margin-inline-start: calc(var(--sp-8) * -1);
}

.topbar .dropdown__container {
  padding-block-start: var(--sp-5);
  padding-block-end: var(--sp-8);
}

.topbar .dropdown__nav li>p {
  padding-inline: var(--sp-7);
}

@media screen and (min-width: 1280px) {
  .topbar .dropdown {
    margin-inline-start: var(--sp-0d5);
  }
}

.social_platform .icon {
  fill: currentColor;
}

.localization .dropdown__nav {
  margin-inline-end: 5px;
  max-height: 250px;
  max-width: 280px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-snap-type: y mandatory;
  scrollbar-width: none
}

.localization .dropdown__nav::-webkit-scrollbar {
  -webkit-appearance: none;
  background-clip: padding-box;
  background-color: transparent;
  border-radius: var(--rounded-full);
  width: 3px
}

.localization .dropdown__nav::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgb(var(--color-foreground)/ 0.2);
  border-radius: var(--rounded-full)
}

.localization .dropdown__nav li>p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.localization .dropdown__nav a.active {
  opacity: 0.4;
}

.localization .country-flag {
  width: var(--sp-5);
  height: var(--sp-5);
  box-shadow: 2px 2px 8px 0px rgb(var(--color-foreground)/ .15);
}

@media screen and (min-width: 1024px) {
  .announcement-bar {
    max-width: 56rem
  }

  .announcement-bar.without-nav {
    max-width: unset;
  }

  .announcement-bar.without-nav :is(.flickity-slider, .announcement__slide) {
    transform: none !important;
  }

  .announcement-bar.without-nav .announcement__slide {
    width: 100%;
  }

  .announcement-bar.without-nav.lg\:justify-center .announcement__slide {
    justify-content: center;
  }

  .announcement-bar.without-nav.lg\:justify-end .announcement__slide {
    justify-content: flex-end;
  }
}

.announcement-bar .flickity-viewport {
  width: 100%;
  height: 100% !important;
}

.announcement-bar .fader {
  padding-inline: var(--sp-3d5);
}

.announcement-bar .fader.left {
  order: -1;
  margin-inline-start: calc(var(--sp-3d5) * -1)
}

.announcement-bar .fader.right {
  margin-inline-end: calc(var(--sp-3d5) * -1)
}

@media screen and (min-width: 1280px) {
  .announcement__slides.flickity {
    max-width: 28rem;
    min-width: 28rem
  }
}

.announcement-bar .slideshow-control:focus {
  width: auto;
  height: auto;
  inset-block-start: 50%;
  transform: translateY(-50%);
  inset-inline-start: auto;
  inset-inline-end: calc(-1 * var(--sp-4));
  border-radius: 0;
  background: none;
  color: rgb(var(--color-foreground));
}

.announcement-bar .slideshow-control .icon {
  width: var(--sp-3);
  height: var(--sp-3);
}

.no-js .announcement-bar .fader,
.no-js .announcement__slide {
  display: none;
}

.no-js .announcement__slide:first-child {
  display: flex;
}

.announcement__slides>.announcement__slide~.announcement__slide {
  display: none;
}

[loaded] .announcement__content {
  transition: var(--animation-smooth);
  transition-property: opacity, transform;
}

.announcement__slide[aria-hidden] .announcement__content {
  opacity: 0;
  transform: translateY(100%);
}

.no-js .announcement__content {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .flickity-enabled .announcement__content {
    transform: translateY(0);
  }

  [loaded] .announcement__content {
    transition: none;
  }
}

@media screen and (min-width: 1280px) {
  .localization__item .icon-language {
    width: var(--sp-4d5);
    height: var(--sp-4d5);
  }
}

.localization__item .icon-chevron-down {
  transform: scaleY(var(--tw-scale-y));
  transition: transform var(--animation-primary);
}

.localization__item[aria-expanded=true] .icon-chevron-down {
  --tw-scale-y: -1;
}

/*! drawer */

.modal-scrollbar-measure {
  display: block;
  position: absolute;
  inset-block-start: -100rem;
  width: 5rem;
  height: 5rem;
  overflow: scroll;
}

.has-modal-opening,
.has-modal-open {
  overflow: hidden;
  padding-inline-end: var(--scrollbar-width);
}

.touch .has-modal-open {
  touch-action: none
}

.drawer {
  --color-foreground: var(--color-drawer-text);
  --color-background: var(--color-drawer-background);
  --color-overlay: var(--color-drawer-overlay);
  --color-button-background: var(--color-drawer-button-background);
  --color-button-gradient: var(--color-drawer-button-gradient);
  --color-button-border: var(--color-drawer-button-background);
  --color-button-text: var(--color-drawer-button-text);
  --color-border: var(--color-foreground)/ 0.1;
  --color-border-dark: var(--color-foreground)/ 0.4;
  --color-border-light: var(--color-foreground)/ 0.06;
}

.drawer[hidden] {
  content-visibility: hidden;
}

.drawer .overlay {
  cursor: none;
  transition: .8s cubic-bezier(.7, 0, .2, 1);
  transition-property: opacity, visibility, background-color;
}

.drawer--start .overlay {
  background: linear-gradient(to var(--transform-origin-start), rgb(var(--color-overlay)/ 0.2) 20%, rgb(var(--color-overlay)/ 0.5) 60%)
}

.drawer--end .overlay {
  background: linear-gradient(to var(--transform-origin-end), rgb(var(--color-overlay)/ 0.2) 20%, rgb(var(--color-overlay)/ 0.5) 60%)
}

@media screen and (min-width: 1280px) {
  .drawer--start .overlay {
    background: linear-gradient(to var(--transform-origin-start), rgb(var(--color-overlay)/ 0.2) 40%, rgb(var(--color-overlay)/ 0.5) 80%)
  }

  .drawer--end .overlay {
    background: linear-gradient(to var(--transform-origin-end), rgb(var(--color-overlay)/ 0.2) 40%, rgb(var(--color-overlay)/ 0.5) 80%)
  }
}

.drawer__header {
  border-block-end: 1px solid rgb(var(--color-border-light));
  padding: var(--sp-8) var(--sp-5) var(--sp-6);
  transition: var(--animation-primary) .1s;
  transition-property: opacity, visibility;
}

@media screen and (min-width: 1024px) {
  .drawer__header {
    padding-inline: var(--sp-12)
  }
}

@media screen and (min-width: 1536px) {
  .drawer__header {
    padding-block-end: var(--sp-8);
    padding-block-start: var(--sp-10)
  }
}

.drawer__close {
  height: var(--sp-12);
  width: var(--sp-12);
  flex: 0 0 auto;
  margin-inline-start: auto;
}

.drawer__close .icon+.icon {
  transition: var(--animation-fast);
  transition-property: opacity, visibility;
}

.drawer.loading .drawer__close {
  --border-opacity: 0;
}

.drawer.loading .drawer__close .icon:first-child {
  opacity: 0;
}

.drawer.loading .drawer__close .icon+.icon {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
}

.drawer__content {
  overflow-x: hidden;
  overflow-y: auto;
  transition: var(--animation-primary) .1s;
  transition-property: opacity, visibility;
}

.drawer__inner {
  max-width: 36rem;
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  transform: translateX(calc(var(--tw-translate-x) * var(--transform-logical)));
}

.drawer--start .drawer__inner {
  --tw-translate-x: -100%;
  inset-inline-start: 0;
}

[data-rounded-block=round] .drawer--start .drawer__inner {
  border-end-end-radius: var(--sp-8d5);
  border-start-end-radius: var(--sp-8d5);
}

.drawer--end .drawer__inner {
  --tw-translate-x: 100%;
  inset-inline-end: 0;
}

[data-rounded-block=round] .drawer--end .drawer__inner {
  border-end-start-radius: var(--sp-8d5);
  border-start-start-radius: var(--sp-8d5);
}

.loaded .drawer__inner {
  transition: transform .6s cubic-bezier(.7, 0, .2, 1)
}

.drawer[open] {
  pointer-events: auto
}

.drawer[active]>.drawer__inner {
  --tw-translate-x: 0;
}

.drawer[active]>.drawer__inner>:is(.drawer__content, .drawer__header) {
  opacity: 1;
  visibility: visible;
  transition: var(--animation-primary) .35s;
  transition-property: opacity, visibility;
}

.drawer[active]>.overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.loaded .drawer[open=immediate]>.drawer__inner,
.drawer[open=immediate]>.overlay,
.drawer[open=immediate]>.drawer__inner>:is(.drawer__content, .drawer__header) {
  transition: none;
  opacity: 1;
  visibility: visible;
  transform: none;
}

@media screen and (max-width: 639px) {
  .js .drawer .overlay {
    background: none
  }

  .js .drawer__header::before {
    --tw-translate-x: -50%;
    content: '';
    background-color: rgb(var(--color-border));
    border-radius: var(--rounded-full);
    height: var(--sp-1);
    width: var(--sp-12);
    position: absolute;
    inset-block-start: var(--sp-2d5);
    inset-inline-start: 50%;
    transform: translateX(calc(var(--tw-translate-x) * var(--transform-logical)));
  }

  .js .drawer__close {
    --buttons-border-width: 0;
    position: absolute;
    inset-block-start: var(--sp-1);
    inset-inline-end: var(--sp-1);
    backdrop-filter: none;
    opacity: 0;
    pointer-events: none;
  }

  .js .drawer__close:focus-visible {
    opacity: 1;
    pointer-events: visible;
  }

  .js .drawer .drawer__inner {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-end-radius: var(--sp-5);
    border-start-start-radius: var(--sp-5);
    height: 100%;
    width: 100%;
    max-height: calc(100% - 60px);
    max-width: none;
    inset-block-start: auto;
    inset-block-end: 0;
    transform: translate3d(0, 100%, 0);
  }

  .js .drawer[active]>.drawer__inner {
    transform: translateZ(0)
  }

  .js .drawer[active]>.overlay {
    background: none;
    background-color: rgb(var(--color-overlay)/ 0.7);
    transform: translateZ(0)
  }

  .drawer[active]>.drawer__inner>:is(.drawer__content, .drawer__header) {
    transition-delay: 0s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .loaded .drawer__inner {
    transition: opacity var(--animation-primary);
  }

  .drawer .overlay {
    transition: var(--animation-primary);
    transition-property: opacity, visibility;
  }

  .drawer__inner {
    opacity: 0;
  }

  :is(.drawer--start, .drawer--end) .drawer__inner {
    transform: translateZ(0)
  }

  .drawer[active]>.drawer__inner {
    opacity: 1;
  }

  .drawer[active]>.drawer__inner>:is(.drawer__content, .drawer__header) {
    transition-delay: 0s;
  }
}

/*! modal */

.x-modal .overlay {
  background: rgb(var(--color-overlay)/ 0.7);
}

.x-modal .drawer__scrollable>* {
  padding-block-end: var(--sp-9)
}

.x-modal .drawer__scrollable>:last-child {
  padding-block-end: 0
}

@media screen and (min-width: 640px) {
  .x-modal:not([hidden]) {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .x-modal .drawer__header {
    border-block-end: 0;
    padding-block-end: 0;
  }

  .x-modal .drawer__inner {
    position: static;
    height: auto;
    max-height: 90vh;
    max-width: 60rem;
    margin-inline: var(--gap-padding);
    transform: scale(0.8);
    opacity: 0;
    border-radius: var(--rounded-block);
  }

  .x-modal[active]>.drawer__inner {
    opacity: 1;
    transform: scale(1);
  }

  .loaded .x-modal .drawer__inner {
    transition-property: transform, opacity;
  }
}

@media (prefers-reduced-motion: reduce) {
  .x-modal .drawer__inner {
    transform: scale(1);
  }
}

.x-modal table {
  width: 100%;
  table-layout: fixed;
}

/*! search-drawer */

.search-drawer .drawer__scrollable {
  padding-block-end: 0;
}

.search-drawer .drawer__scrollable .drawer__sticky {
  padding-block-start: 0;
}

.search__recommendation {
  padding-block-end: var(--sp-8);
}

.search__form[results] .search__recommendation {
  display: none;
}

.search__form[results] .search__results {
  display: flex;
}

.search__results {
  display: none;
}

.search__results mark {
  background-color: transparent;
  color: rgb(var(--color-foreground)/ 0.4);
}

.search__field {
  --input-height: var(--sp-15);
  --input-padding-inline: var(--sp-5);
}

@media screen and (min-width: 1024px) {
  .search__field {
    --input-padding-inline: var(--sp-7);
  }
}

.search__field .input {
  font-size: var(--text-base);
  line-height: 1;
  font-weight: var(--font-medium);
}

@media screen and (min-width: 768px) {
  .search__field .input {
    font-size: var(--text-lg);
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  .search__field .input:focus {
    font-size: max(var(--text-base), 16px);
  }

  @media screen and (min-width: 768px) {
    .search__field .input:focus {
      font-size: max(var(--text-lg), 16px);
    }
  }
}

.search__field .input::-webkit-search-cancel-button,
.search__field .input::-webkit-search-decoration {
  display: none;
}

.search__field .clear {
  inset-inline-end: var(--input-padding-inline);
  transition: opacity .2s;
}

.search__field .input:not(:placeholder-shown)~.clear {
  opacity: 1;
}

.search__field .input:not(:-moz-placeholder-shown)~.clear {
  opacity: 1
}

.search__field .clear span,
.search__field .clear .icon {
  transition: var(--animation-fast);
  transition-property: opacity, visibility;
}

.search__form[loading] .search__field .clear span {
  opacity: 0;
}

.search__form[loading] .search__field .clear .icon {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
}

.js .search__field .typed:not([hidden])~* {
  opacity: 0;
}

.search__field .typed {
  cursor: text;
  padding-inline-start: var(--input-padding-inline);
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-foreground)/ 0.025);
  border: var(--inputs-border-width) solid rgb(var(--color-foreground)/ var(--border-opacity));
  border-radius: var(--inputs-radius);
  transition: var(--animation-primary);
  transition-property: border-color, background-color;
}

.search__field .typed .blink {
  animation: blink 0.7s infinite;
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@media screen and (pointer: fine) {
  .search__field:hover .input,
  .search__field:hover .typed {
    box-shadow: none;
    border-color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-foreground)/ 0.045);
    outline: none;
  }
}

.search__heading {
  padding-block-end: var(--sp-2);
  color: rgb(var(--color-foreground)/ 0.5);
  border-block-end: 1px solid rgb(var(--color-border-light));
}

.search-drawer .horizontal-product {
  padding-block-end: var(--sp-4d5);
}

.search-drawer .horizontal-product+.horizontal-product {
  padding-block-start: 0;
  border-block-start: 0;
}

.no-js .search__field .typed {
  display: none;
}

/*! cart-drawer */

.cart-drawer .modal .close {
  width: var(--sp-12);
  height: var(--sp-12);
}

@media screen and (min-width: 640px) {
  .cart-drawer .modal .close {
    position: static;
    width: auto;
    height: auto;
  }
}

.drawer__empty {
  max-width: var(--sp-72)
}

.search__empty {
  padding-block: var(--sp-8);
}

@media screen and (min-width: 1024px) {
  .drawer__empty {
    margin-block: auto;
  }

  .search__empty .drawer__empty {
    transform: translateY(calc(var(--sp-8) * -1));
  }
}

.drawer__empty-text {
  font-size: clamp(var(--sp-5), 1.4063rem + .5vw, var(--sp-8));
}

.drawer__empty-collections a {
  padding: var(--sp-3) var(--sp-5);
  background-color: rgb(var(--color-foreground)/ 0.025);
  transition: background-color var(--animation-primary)
}

[data-rounded-block=round] .drawer__empty-collections a {
  border-radius: var(--sp-3);
}

@media screen and (pointer: fine) {
  .drawer__empty-collections .icon {
    transition: transform var(--animation-primary)
  }

  .drawer__empty-collections a:hover {
    background-color: rgb(var(--color-foreground)/ 0.045);
  }

  .drawer__empty-collections a:hover .icon {
    --tw-translate-x: calc(var(--sp-1) * var(--transform-logical));
  }
}

.drawer__empty-collections img {
  max-width: var(--sp-8d5);
}

.drawer__empty .icon-xxxl {
  width: var(--sp-12);
  height: var(--sp-12);
}

.drawer__tabs {
  transition: all var(--animation-primary);
  transition-delay: .1s
}

.drawer__tab {
  line-height: 1.6;
  opacity: .2;
  transition: opacity var(--animation-primary)
}

.drawer__tab .count {
  inset-block-start: calc(var(--sp-0d5) * -1);
  inset-inline-start: calc(100% + var(--sp-1));
}

@media screen and (pointer: fine) {
  .drawer__tab:hover {
    opacity: 1
  }
}

.drawer__tab[aria-expanded=true] {
  opacity: 1;
  pointer-events: none
}

.drawer__panel {
  height: 0;
}

.drawer__panel:not([open])>*:last-child {
  display: none;
}

.drawer__panel[open] {
  flex: 1;
  height: 100%;
  opacity: 1;
  transition: opacity var(--animation-primary)
}

.drawer__scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--sp-6) var(--sp-5)
}

@media screen and (min-width: 1024px) {
  .drawer__scrollable {
    padding: var(--sp-8) var(--sp-12)
  }
}

@media screen and (min-width: 1536px) {
  .drawer__scrollable {
    padding-block: var(--sp-11);
  }
}

.drawer__scrollable {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  scrollbar-color: auto;
  scrollbar-width: thin
}

.drawer__scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  background-clip: padding-box;
  background-color: transparent;
  border-radius: var(--rounded-full);
  width: var(--sp-1d5)
}

.drawer__scrollable::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgb(var(--color-foreground)/ 0.2);
  border-radius: var(--rounded-full)
}

.drawer__scrollable .item {
  background-color: rgb(229 229 229);
  height: 100px;
  margin-block-end: var(--sp-3);
  width: 100%
}

.drawer__scrollable .drawer__sticky {
  margin-block-start: auto;
  padding-block: var(--sp-6);
}

.drawer__footer {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.drawer__footer-top {
  border-block-start: 1px solid rgb(var(--color-border-light));
  padding-block: var(--sp-3);
}

@media screen and (min-width: 768px) {
  .drawer__footer-top {
    padding-block: var(--sp-4);
  }
}

.drawer__footer-top>button+button {
  border-inline-start: 1px solid rgb(var(--color-border-light));
}

.cart-discount__count {
  width: var(--sp-6);
  height: var(--sp-6);
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-foreground));
}

.cart-discount .active-facets {
  margin-block: 0;
}

.cart-discount .removable-facet {
  background-color: var(--badge-background);
  color: var(--badge-foreground);
  padding: var(--sp-1d5) var(--sp-2d5);
}

.cart-discount .facet-title {
  overflow: hidden;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drawer__footer-bottom {
  background-color: rgb(var(--color-foreground)/ 0.025);
  padding: clamp(var(--sp-6), 2.315vw, var(--sp-12)) var(--sp-5)
}

@media screen and (min-width: 1024px) {
  .drawer__footer-bottom {
    padding-inline: var(--sp-12);
  }
}

.drawer__footer-bottom :is(.tax-note, .totals__subtotal) {
  line-height: 1.375
}

.drawer__footer-bottom .discounts {
  padding-block-end: var(--sp-4);
  border-block-end: 1px solid rgb(var(--color-border-light));
}

.drawer .modal {
  transition: all .3s ease;
  z-index: 3
}

.drawer .modal .fixed-modal {
  background: linear-gradient(to bottom, rgb(var(--color-drawer-overlay)/ 0.1) 30%, rgb(var(--color-drawer-overlay)/ 0.3) 80%);
  cursor: none;
  transition: opacity .6s cubic-bezier(.7, 0, .2, 1);
}

.drawer .modal__container {
  --tw-translate-y: 100%;
  background-color: rgb(var(--color-background));
  transform: translateY(var(--tw-translate-y));
  transition: transform .6s cubic-bezier(.7, 0, .2, 1);
  max-height: calc(100% - 60px);
}

[data-rounded-block=round] .drawer .modal__container {
  border-start-start-radius: var(--sp-8d5);
}

.drawer .modal__header {
  padding: var(--sp-8) var(--sp-5) var(--sp-2);
}

@media screen and (min-width: 1024px) {
  .drawer .modal__header {
    padding: var(--sp-8) var(--sp-12) var(--sp-3)
  }
}

.drawer .modal__content {
  padding: var(--sp-2) var(--sp-5) var(--sp-6)
}

@media screen and (min-width: 1024px) {
  .drawer .modal__content {
    padding: var(--sp-3) var(--sp-12) var(--sp-10)
  }
}

.drawer .modal[active] {
  transition-delay: 0s;
  visibility: visible
}

.drawer .modal[active] .fixed-modal {
  opacity: 1
}

.drawer .modal[active] .modal__container {
  --tw-translate-y: 0;
}

.horizontal-product:last-child {
  padding-block-end: 0
}

.horizontal-product {
  --cart-item-media-width: var(--sp-20);
  padding-block-end: var(--sp-4)
}

.horizontal-product+.horizontal-product {
  padding-block-start: var(--sp-4);
  border-block-start: 1px solid rgb(var(--color-border-light));
}

@media screen and (min-width: 768px) {
  .horizontal-product {
    padding-block-end: var(--sp-6)
  }

  .horizontal-product+.horizontal-product {
    padding-block-start: var(--sp-6)
  }
}

@media screen and (min-width: 768px) {
  .horizontal-product {
    --cart-item-media-width: var(--sp-24)
  }
}

.horizontal-product__skeleton {
  width: 60%;
  height: var(--sp-3);
  background-color: rgb(var(--color-placeholder));
}

[data-rounded-block=round] .horizontal-product__skeleton {
  border-radius: var(--rounded-full);
}

.horizontal-product__skeleton:last-child:not(:first-child) {
  width: 25%;
}

@media screen and (min-width: 768px) {
  .horizontal-product__skeleton {
    width: 100%;
    height: var(--sp-4);
  }

  .horizontal-product__skeleton:last-child:not(:first-child) {
    width: 40%;
  }
}

.horizontal-product__media {
  width: var(--cart-item-media-width);
}

[data-rounded-block=round] .horizontal-product__media {
  border-radius: var(--sp-2);
}

.horizontal-product__media img {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media screen and (pointer: fine) {
  .horizontal-product__media:hover img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }
}

.horizontal-product__details>.grid:last-child {
  margin-block-start: auto;
}

.horizontal-product__details :is(.price__sale, .price__regular) {
  font-size: inherit;
}

.horizontal-product__details .discounts .badge {
  padding: var(--sp-2) var(--sp-3d5);
  font-size: var(--text-xs);
}

.horizontal-product__quantity {
  margin-inline-start: auto
}

.horizontal-product__quantity .loader:not([hidden])~.link {
  visibility: hidden;
}

.horizontal-product__quantity .cart-quantity__info .hotspot__content {
  inset-inline-end: calc(calc(var(--sp-3) + var(--sp-14)) * -1);
}

@media screen and (min-width: 1024px) {
  .horizontal-product__quantity .cart-quantity__info .hotspot__content {
    inset-inline-end: calc(calc(var(--sp-3) + var(--sp-18)) * -1);
  }
}

.cart-quantity__info .hotspot {
  width: auto;
  height: auto;
  margin: 0;
}

.cart-quantity__info .hotspot::before,
.cart-quantity__info .hotspot::after {
  content: none;
}

.cart-quantity__info .hotspot__content {
  padding: var(--sp-5) var(--sp-6);
  inset-block-start: calc(100% + var(--sp-5));
  background-color: rgb(var(--color-background));
}

.cart-quantity__info .hotspot__content::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: rgb(var(--color-foreground) / 0.025);
}

.cart-quantity__info .hotspot__content {
  min-width: var(--sp-96);
}

.cart-quantity__info .hotspot__content .volume-pricing {
  padding: 0;
  background-color: transparent;
}

.cart-quantity__info .hotspot__content .quantity__rules~.volume-pricing .caption-large {
  display: none;
}

.cart-quantity {
  height: var(--sp-10);
  width: var(--sp-14)
}

@media screen and (min-width: 768px) {
  .cart-quantity {
    height: var(--sp-12);
  }
}

@media screen and (min-width: 1024px) {
  .cart-quantity {
    width: var(--sp-18)
  }
}

.cart-quantity .quantity__input {
  appearance: none;
  font-size: inherit;
  text-align: center;
  height: 100%;
  width: 100%;
  padding-inline: var(--sp-1)
}

[data-rounded-block=round] .cart-quantity .quantity__input {
  border-radius: var(--sp-2);
}

@media screen and (min-width: 1024px) {
  .cart-quantity .quantity__input {
    padding-inline-end: var(--sp-3)
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  .cart-quantity .quantity__input:focus {
    font-size: max(var(--text-sm), 16px);
  }
}

.cart-quantity .quantity__buttons {
  width: var(--sp-6)
}

.cart-quantity .quantity__button {
  height: var(--sp-6);
  padding-inline-end: var(--sp-3);
}

.cart-quantity .quantity__button[name=plus] {
  padding-block-end: var(--sp-1)
}

.cart-quantity .quantity__button[name=minus] {
  padding-block-start: var(--sp-1)
}

.cart-quantity .quantity__button .icon {
  width: var(--sp-2);
  height: var(--sp-2);
}

.horizontal-product__quantity .cart-quantity+div {
  margin-block-start: auto;
}

/*! gift-wrapping */

.cart-drawer .gift-wrapping {
  padding: var(--sp-5);
  border: 1px solid rgb(var(--color-border-light));
}

[data-rounded-block=round] .cart-drawer .gift-wrapping {
  border-radius: var(--border-radius-small);
}

.gift-wrapping .loader:not([hidden])~input {
  visibility: hidden;
}

/*! free-shipping-bar */

[data-rounded-block=square] .free-shipping-bar progress-bar {
  border-radius: 0;
}

.free-shipping-bar progress-bar {
  height: var(--sp-1d5);
  background-color: rgb(var(--color-border-light));
}

.free-shipping-bar progress-bar::before {
  --tw-scale-x: 0;
  content: '';
  background-color: currentColor;
  border-radius: inherit;
  display: block;
  height: inherit;
  transform: scaleX(var(--tw-scale-x));
  transform-origin: var(--transform-origin-start);
  transition: transform var(--animation-smooth) .1s;
}

.cart-drawer[active] .free-shipping-bar progress-bar::before {
  --tw-scale-x: var(--progress);
}

@media screen and (max-width: 639px) {
  .js .cart-drawer .drawer__header {
    border-start-start-radius: var(--sp-6)
  }

  .js .cart-drawer .drawer__scrollable {
    height: auto
  }

  .js .cart-drawer .modal .fixed-modal {
    background: none;
    background-color: rgb(var(--color-overlay)/ 0.35)
  }

  .js .cart-drawer .modal__container {
    border-start-end-radius: var(--sp-6);
    border-start-start-radius: var(--sp-6)
  }
}

/*! product-complementary */

.no-js .complementary-products {
  display: none;
}

.recommend__title {
  border-block-end: 1px solid rgb(var(--color-border-light));
  padding-block-end: var(--sp-1d5)
}

.complementary-products .horizontal-products {
  margin-inline: calc(var(--page-padding) * -1);
}

.complementary-products .horizontal-products:empty {
  display: block;
  margin-inline: 0;
}

.complementary-products .horizontal-products:empty::before {
  content: '';
  display: block;
  width: 100%;
  height: var(--sp-20);
  background-image: linear-gradient(100deg, rgb(var(--color-foreground)/ 0.045) 40%, rgb(var(--color-foreground)/ 0.115) 63%, rgb(var(--color-foreground)/ 0.045) 79%);
  animation: placeholder-shimmer 1.3s linear infinite;
  background-size: 400% 100%;
  border-radius: var(--sp-2);
}

[data-rounded-block=round] .horizontal-products:empty::before {
  border-radius: var(--sp-2);
}

@keyframes placeholder-shimmer {
  0% {
    background-position: -150% 0;
  }

  to {
    background-position: 150% 0;
  }
}

.complementary-products .horizontal-products>.horizontal-product {
  display: none;
}

.complementary-products .horizontal-products>.horizontal-product:first-child {
  display: flex;
}

.complementary-products .horizontal-products.flickity .horizontal-product {
  margin-inline-end: var(--sp-10);
}

.complementary-products .horizontal-products .horizontal-product {
  padding-inline: var(--page-padding);
  padding-block: 0;
  border-block-start: 0;
}

.cart__recent:empty {
  position: relative;
  display: block;
}

.cart__recent:empty::before,
.cart__recent:empty::after {
  content: '';
  display: block;
  position: absolute;
  inset-block-start: var(--sp-6);
  inset-inline-start: 50%;
  margin-block-start: -1.5px;
  margin-inline-start: max(-30px, -20%);
  width: min(60px, 40%);
  height: 3px;
  background-color: rgb(var(--color-foreground));
}

.cart__recent:empty::before {
  background-color: rgb(var(--color-border));
}

.cart__recent:empty::after {
  animation: preloading 1.2s infinite ease;
}

@media screen and (min-width: 1024px) {
  .complementary-products .horizontal-products {
    margin-inline: 0;
  }

  .complementary-products .horizontal-products .horizontal-product {
    padding-inline: 0;
  }

  .cart__recent:empty::before,
  .cart__recent:empty::after {
    inset-block-start: 50%;
  }
}

.cart__recent[hidden] {
  display: none;
}

/*! menu-drawer */

.menu-drawer summary::-webkit-details-marker {
  display: none;
}

.modal[open] .listbox li {
  --tw-translate-x: 0;
  opacity: 1;
}

.modal .listbox li {
  --tw-translate-x: calc(var(--sp-3) * -1);
  transform: translateX(calc(var(--tw-translate-x) * var(--transform-logical)));
  transition: transform .6s cubic-bezier(.075, .82, .165, 1), opacity .6s cubic-bezier(.19, 1, .22, 1);
  transition-delay: .5s;
}

.modal .listbox li:first-child {
  transition-delay: .3s
}

.modal .listbox li:nth-child(2) {
  transition-delay: .4s
}

.modal .listbox li:nth-child(3) {
  transition-delay: .5s
}

.modal .listbox li:nth-child(4) {
  transition-delay: .6s
}

.modal .listbox li:nth-child(5) {
  transition-delay: .7s
}

.modal .listbox li:nth-child(6) {
  transition-delay: .8s
}

.modal .listbox li:nth-child(7) {
  transition-delay: .9s
}

.modal .listbox li:nth-child(8) {
  transition-delay: 1s
}

.modal .listbox li:nth-child(9) {
  transition-delay: 1.1s
}

.modal .listbox li:nth-child(10) {
  transition-delay: 1.2s
}

.modal .listbox li:nth-child(11) {
  transition-delay: 1.3s
}

.modal .listbox li:nth-child(12) {
  transition-delay: 1.4s
}

.modal .listbox li:nth-child(13) {
  transition-delay: 1.5s
}

.modal .listbox li:nth-child(14) {
  transition-delay: 1.6s
}

.modal .listbox li:nth-child(15) {
  transition-delay: 1.7s
}

.modal .listbox .active {
  opacity: 0.4;
  pointer-events: none;
}

.modal .modal__scrollable {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-snap-type: y mandatory;
  scrollbar-width: none
}

.modal .modal__scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  background-clip: padding-box;
  background-color: transparent;
  border-radius: var(--rounded-full);
  width: 3px
}

.modal .modal__scrollable::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgb(var(--color-foreground)/ 0.2);
  border-radius: var(--rounded-full)
}

[data-rounded-block=round] .menu-drawer .modal__container {
  border-start-end-radius: var(--sp-6);
  border-start-start-radius: var(--sp-6);
}

.menu-drawer .modal__content {
  padding: var(--sp-10);
}

.menu-drawer .modal .close {
  width: var(--sp-12);
  height: var(--sp-12);
}

.menu-drawer .drawer__header {
  padding: var(--sp-8) var(--sp-5) var(--sp-4);
  border-block-end: 0;
}

.menu-drawer .drawer__footer-top {
  padding-block: var(--sp-2d5);
}

.menu-drawer .drawer__footer-top>button {
  padding: var(--sp-0d5) var(--sp-5);
}

@media screen and (min-width: 768px) {
  .menu-drawer .drawer__footer-top>button {
    width: 50%;
  }
}

.menu-drawer .drawer__footer-top .btn-text .icon:first-child {
  width: var(--sp-4d5);
}

@media screen and (max-width: 767px) {
  .menu-drawer .drawer__footer-top>button .btn-text {
    line-height: normal;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.menu-drawer .drawer__footer-bottom {
  padding: var(--sp-5);
}

.menu-drawer .drawer__footer-bottom .button {
  font-size: var(--text-sm);
  padding-block: var(--sp-2d5);
  padding-inline: var(--sp-5);
}

.menu-drawer .drawer__scrollable {
  padding-inline: 0;
  padding-block: var(--sp-3) var(--sp-10);
}

.menu-drawer .drawer__scrollable.active {
  overflow: unset;
}

.menu-drawer .drawer__scrollable.active>li {
  transform: none !important;
  opacity: 1 !important;
}

.menu-drawer .drawer__sticky {
  padding-block: 0;
  padding-inline: var(--sp-5);
}

@media screen and (min-width: 768px) {
  .menu-drawer .drawer__menu {
    padding-block-start: var(--sp-6);
  }
}

.drawer__menu .product-grid {
  padding-block-start: var(--sp-2);
  padding-inline: var(--sp-5);
}

.drawer__menu .drawer__menu-group {
  padding-inline-start: var(--sp-5);
}

.drawer__menu .mega-menu__footer {
  padding-inline: var(--sp-5);
}

.drawer__menu .mega-menu__footer::before {
  content: none;
}

/*
.drawer__menu summary::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: var(--sp-7);
  opacity: 0.4;
  transform: rotate(calc(45deg * var(--transform-logical))) translateY(-50%);
  border-block-start: 1.5px solid currentColor;
  border-inline-end: 1.5px solid currentColor;
}
*/

.drawer__menu summary>.icon {
  position: absolute;
  inset-block-start: calc(50% - var(--sp-3));
  inset-inline-end: var(--sp-4d5);
  opacity: 0.4;
}

.drawer__menu summary>.icon-chevron-right {
  transform: scaleX(var(--transform-logical));
}

.drawer__menu summary>.icon-chevron-down {
  transition: transform var(--animation-primary);
}

.drawer__menu details[aria-expanded=true]>summary>.icon-chevron-down {
  transform: scaleY(-1);
}

.drawer__menu-item {
  padding-block: var(--sp-2d5);
  transition: transform var(--animation-primary);
}

.drawer__submenu {
  background-color: rgb(var(--color-background));
  inset-inline-start: 100%;
  transition: inset var(--animation-primary);
}

.drawer__submenu>button {
  height: 50px;
  border-block-end: 1px solid rgb(var(--color-border-light));
  padding-inline-start: var(--sp-5);
  color: rgb(var(--color-foreground)/ 0.4);
}

.drawer__submenu>button::before {
  content: '';
  display: block;
  border-inline-start: 2px solid currentColor;
  border-block-start: 2px solid currentColor;
  width: var(--sp-2);
  height: var(--sp-2);
  transform: rotate(calc(-45deg * var(--transform-logical)));
}

.drawer__submenu>button:focus-visible {
  outline-offset: -3px;
}

details.active>.drawer__submenu {
  inset-inline-start: 0;
}

details[open]>.drawer__submenu {
  z-index: 3;
}

details.active .drawer__menu-item {
  --tw-translate-x: 0;
  opacity: 1;
}

:is(.drawer__menu, .drawer__submenu).active>li>a,
:is(.drawer__menu, .drawer__submenu).active>li>details>summary {
  transform: translateX(calc(-30% * var(--transform-logical)));
}

li+.drawer__promotions {
  padding-block-start: var(--sp-4);
}

.drawer__promotions {
  padding-block-start: var(--sp-2);
  padding-inline-end: var(--sp-5);
}

.drawer__promotions .mega-menu__list {
  --header-nav-gap: var(--sp-3);
  padding-block: 0;
}

.drawer__promotions .mega-menu__item {
  --tw-translate-x: calc(var(--sp-10) * -1);
  max-width: 100%;
  padding-inline-start: 0;
  transition: transform .6s cubic-bezier(.075, .82, .165, 1), opacity .6s cubic-bezier(.19, 1, .22, 1);
}

details[is=accordion-details] .drawer__promotions .mega-menu__item,
details.active .drawer__promotions .mega-menu__item,
.drawer__promotions .media-card__text {
  --tw-translate-x: 0;
  opacity: 1;
}

.drawer__promotions .media-card--overlap .media-card__content {
  padding-inline: var(--sp-4);
  padding-block-end: var(--sp-3d5);
}

@media screen and (max-width: 639px) {
  .js .menu-drawer .modal .fixed-modal {
    background: none;
    background-color: rgb(var(--color-overlay)/ 0.35)
  }
}

/*! dropdown-menu */

.header~.overlay {
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgb(var(--color-drawer-overlay)/ 0.1) 40%, rgb(var(--color-drawer-overlay)/ 0.5) 80%);
  transition: .8s cubic-bezier(.7, 0, .2, 1);
  transition-property: opacity, visibility;
}

.has-dropdown-menu .header::before {
  border-radius: 0;
}

.has-dropdown-menu .header~.overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0.1s;
  cursor: none;
}

.has-dropdown-menu .header-transparent:not(.header-scrolled) .header {
  --animation-nav-delay: 0s;
  --header-background-opacity: 1;
  --header-logo-opacity: 1;
  color: rgb(var(--color-foreground));
}

.has-dropdown-menu .header-section:not(.header-scrolled) .header__corner {
  --tw-translate-x: 0;
  width: var(--border-radius);
  height: var(--border-radius);
  color: rgb(var(--color-background));
}

.dropdown {
  --border-radius: clamp(var(--sp-4), 1.052vw, var(--sp-5));
  margin-inline-start: calc(var(--sp-8) * -1);
  min-width: 250px;
  width: max-content;
  transition: padding var(--animation-nav);
}

.dropdown__container {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  padding-block-start: var(--sp-6);
  padding-block-end: var(--sp-10);
}

[data-rounded-block=round] .dropdown__container {
  border-end-start-radius: var(--border-radius);
  border-end-end-radius: var(--border-radius);
}

.no-js .dropdown__container {
  border: 1px solid rgb(var(--color-border));
}

.no-js [data-rounded-block=round] .dropdown__container {
  border-radius: var(--border-radius);
}

.no-js .dropdown__corner {
  display: none;
}

.dropdown[open] {
  pointer-events: auto;
}

.dropdown__nav li {
  --tw-translate-x: 20%;
  transform: translateX(calc(var(--tw-translate-x) * var(--transform-logical)));
  transition: transform 1s cubic-bezier(.075, .82, .165, 1), opacity 1s cubic-bezier(.19, 1, .22, 1);
  transition-delay: 0.2s;
}

.dropdown__nav li>:is(details, p) {
  padding-inline: var(--sp-8);
}

.dropdown[open] .dropdown__nav>li {
  --tw-translate-x: 0;
  opacity: 1;
  transition-delay: 1.2s;
}

.dropdown[open] .dropdown__nav li:first-child {
  transition-delay: 0.3s
}

.dropdown[open] .dropdown__nav li:nth-child(2) {
  transition-delay: 0.4s
}

.dropdown[open] .dropdown__nav li:nth-child(3) {
  transition-delay: 0.5s
}

.dropdown[open] .dropdown__nav li:nth-child(4) {
  transition-delay: 0.6s
}

.dropdown[open] .dropdown__nav li:nth-child(5) {
  transition-delay: 0.7s
}

.dropdown[open] .dropdown__nav li:nth-child(6) {
  transition-delay: 0.8s
}

.dropdown[open] .dropdown__nav li:nth-child(7) {
  transition-delay: 0.9s
}

.dropdown[open] .dropdown__nav li:nth-child(8) {
  transition-delay: 1s
}

.dropdown[open] .dropdown__nav li:nth-child(9) {
  transition-delay: 1.1s
}

.dropdown__nav a {
  line-height: 1.5;
}

.dropdown__corner {
  inset-block-start: 0;
}

.dropdown__corner.top.left {
  --tw-scale-x: -1;
  --tw-rotate: 0;
  left: calc(var(--border-radius) * -1);
}

.dropdown__corner.top.right {
  --tw-scale-y: 1;
  --tw-rotate: 0;
  right: calc(var(--border-radius) * -1);
}

.dropdown .dropdown {
  margin-inline-start: 0;
  margin-block-start: calc(var(--sp-5) * -1);
  padding-inline-start: var(--sp-1);
  padding-block-start: 0;
  transform: translateX(calc(var(--tw-translate-x) * var(--transform-logical)));
  transition: opacity var(--animation-fast), transform var(--animation-primary);
}

.dropdown .dropdown .dropdown__container {
  --tw-translate-y: 0;
  padding-block: var(--sp-6);
}

[data-rounded-block=round] .dropdown .dropdown .dropdown__container {
  border-radius: var(--border-radius);
}

.dropdown.should-reverse .dropdown {
  inset-inline-start: auto;
  inset-inline-end: 100%;
  padding-inline-start: 0;
  padding-inline-end: var(--sp-1);
}

.dropdown__nav li[aria-controls]:hover>.dropdown {
  --tw-translate-x: 0;
  opacity: 1;
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  .header-transparent:not(.header-scrolled) .dropdown {
    transition-delay: 0s;
  }

  .dropdown {
    transition: var(--animation-nav);
    transition-property: opacity, padding;
  }

  .dropdown__container {
    --tw-translate-y: 0;
  }

  .dropdown__nav li {
    --tw-translate-x: 0;
    opacity: 1;
  }
}

/*! no-js */

.no-js details[is=details-dropdown]>.dropdown,
.no-js details[is=details-mega]>.mega-menu {
  inset-block-start: 100%;
}

.no-js details[is=details-dropdown][open]>.dropdown,
.no-js details[is=details-mega][open]>.mega-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.no-js details[is=details-mega]>.mega-menu .mega-menu__container {
  visibility: visible;
  transform: translateY(0px);
}

.no-js :is(details[is=details-dropdown], details[is=details-mega])[open]>summary .menu__item [data-text]:has(~.btn-duplicate) {
  opacity: 0;
  transform: translateY(-10%) scale(.6);
}

.no-js :is(details[is=details-dropdown], details[is=details-mega])[open]>summary .menu__item .btn-duplicate {
  --tw-scale: 1;
  --tw-translate-y: 0%;
}

.no-js .dropdown .dropdown__nav li,
.no-js .mega-menu .mega-menu__nav li,
.no-js .mega-menu .mega-menu__nav-item {
  --tw-translate-x: 0;
  opacity: 1;
}

.no-js .mega-menu .mega-menu__item {
  --tw-translate-y: 0;
  --tw-translate-x: 0;
  opacity: 1;
}

/*! mega-menu */

.has-dropdown-menu.with-mega .header :is(.header__corner, .cutout) {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .header-scrolled .mega-menu__container {
    padding-block-start: calc(var(--header-height) - calc(var(--section-padding-top) * 25/100) - calc(var(--section-padding-bottom) * 25/100) - 1px)
  }
}

.mega-menu__container {
  background-color: rgb(var(--color-background));
  padding-block-start: calc(var(--header-height) - 1px);
  transition: padding var(--animation-nav);
}

[data-rounded-block=round] .mega-menu__container {
  border-end-start-radius: var(--border-radius);
  border-end-end-radius: var(--border-radius);
}

.no-js .mega-menu__container {
  border: 1px solid rgb(var(--color-border));
}

.no-js [data-rounded-block=round] .mega-menu__container {
  border-radius: var(--border-radius);
}

[data-rounded-block=round] .mega-menu {
  border-end-start-radius: var(--border-radius);
  border-end-end-radius: var(--border-radius);
}

.mega-menu[open] {
  pointer-events: auto;
}

.mega-menu__list {
  --header-nav-gap: clamp(var(--sp-4), 1.263vw, var(--sp-6));
  gap: var(--header-nav-gap);
  padding-block-start: var(--sp-3);
  padding-block-end: var(--sp-14);
}

.mega-menu__item {
  --tw-translate-y: 0;
  --tw-translate-x: 25%;
  flex: calc(20% - var(--header-nav-gap) * 5 / 6);
  max-width: calc(25% - var(--header-nav-gap) * 4 / 5);
  color: rgb(var(--color-foreground));
  transform: translate(calc(var(--tw-translate-x) * var(--transform-logical)), var(--tw-translate-y));
  transition: transform 1.5s cubic-bezier(.075, .82, .165, 1), opacity .9s cubic-bezier(.19, 1, .22, 1);
  transition-delay: .25s;
}

.mega-menu__item--nav {
  flex: calc(50% - var(--header-nav-gap) / 2);
  max-width: calc(50% - var(--header-nav-gap) / 2);
  align-content: space-between;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-inline-end: var(--sp-5);
}

@media screen and (min-width: 1280px) {
  .mega-menu__item--nav {
    padding-inline-end: var(--sp-10);
    padding-block-start: var(--sp-6);
  }
}

.mega-menu__item--small {
  flex: calc(25% - var(--header-nav-gap) / 2);
  max-width: calc(25% - var(--header-nav-gap) / 2);
}

.mega-menu__item--large {
  flex: calc(75% - var(--header-nav-gap) / 2);
  max-width: calc(75% - var(--header-nav-gap) / 2);
}

.mega-menu__item--full {
  flex: 100%;
  max-width: 100%;
}

.mega-menu[open] .mega-menu__item {
  --tw-translate-y: 0;
  --tw-translate-x: 0;
  opacity: 1;
}

.mega-menu[open] .mega-menu__item:first-child {
  transition-delay: .3s
}

.mega-menu[open] .mega-menu__item:first-child .media-card__text {
  transition-delay: .45s
}

.mega-menu[open] .mega-menu__item:nth-child(2) {
  transition-delay: .4s
}

.mega-menu[open] .mega-menu__item:nth-child(2) .media-card__text {
  transition-delay: .55s
}

.mega-menu[open] .mega-menu__item:nth-child(3) {
  transition-delay: .5s
}

.mega-menu[open] .mega-menu__item:nth-child(3) .media-card__text {
  transition-delay: .65s
}

.mega-menu[open] .mega-menu__item:nth-child(4) {
  transition-delay: .6s
}

.mega-menu[open] .mega-menu__item:nth-child(4) .media-card__text {
  transition-delay: .75s
}

.mega-menu[open] .mega-menu__item:nth-child(5) {
  transition-delay: .7s
}

.mega-menu[open] .mega-menu__item:nth-child(5) .media-card__text {
  transition-delay: .85s
}

.media-card {
  background-color: rgb(var(--color-placeholder));
  border-radius: var(--card-radius);
}

.media-card .media {
  border-start-start-radius: var(--card-radius);
  border-start-end-radius: var(--card-radius);
}

.media-card--standard {
  background-color: transparent;
}

.media-card--standard .media,
.media-card--overlap .media {
  border-radius: var(--card-radius);
}

.media-card--overlap .media-card__link .media:not(.loading)::after {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-overlay)/ var(--overlay-opacity));
}

.media-card__link .media img {
  height: 100%;
  transition: transform var(--animation-primary);
  backface-visibility: hidden;
}

.media-card__content {
  --card-content-padding: clamp(var(--sp-4), 1.263vw, var(--sp-6)) clamp(var(--sp-4), 2.105vw, var(--sp-10)) clamp(var(--sp-4), 2.105vw, var(--sp-10));
  padding: var(--card-content-padding);
  color: rgb(var(--color-foreground));
}

.media-card__content.text-center {
  justify-content: center;
}

.media-card__content.text-center>.icon {
  display: none;
}

.media-card--standard .media-card__content {
  padding-inline: 0;
}

.media-card--overlap .media-card__content {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  padding-block-start: 0;
  padding-block-end: var(--sp-5);
  padding-inline: var(--sp-6);
}

@media screen and (min-width: 1536px) {
  .media-card--overlap .media-card__content {
    padding-block-end: var(--sp-7);
    padding-inline: var(--sp-10);
  }
}

.media-card--overlap .media {
  height: 100%;
}

.media-card__text {
  --tw-translate-y: 0;
  --tw-translate-x: 25%;
  transform: translate(calc(var(--tw-translate-x) * var(--transform-logical)), var(--tw-translate-y));
  transition: transform 2s cubic-bezier(.075, .82, .165, 1), opacity 1s cubic-bezier(.19, 1, .22, 1);
  transition-delay: .25s;
}

.no-js .media-card__text,
.mega-menu[open] .media-card__text {
  --tw-translate-y: 0;
  --tw-translate-x: 0;
  opacity: 1;
}

.media-card__text .heading {
  --reversed-link-gap: min(100%, 1.35em);
}

.media-card__text .count {
  inset-block-start: calc(var(--sp-0d5) * -1);
  inset-inline-start: calc(100% + 0.3em);
}

.media-card__content .icon {
  transition: transform var(--animation-primary)
}

.media-card__link .media img {
  transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media screen and (min-width: 1280px) {
  .media-card__content .icon {
    width: var(--sp-5);
    height: var(--sp-5);
  }
}

@media screen and (pointer: fine) {
  .media-card__link:hover .media img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .media-card__link:hover .media-card__content .icon {
    --tw-rotate: calc(90deg * var(--transform-logical));
  }

  .media-card__link:hover .media-card__text .heading {
    background-position-x: var(--transform-origin-start);
    background-size: 100% 1.35px
  }
}

.media-card__link:focus-visible .media-card__text {
  outline: 2px solid rgb(var(--color-keyboard-focus));
  outline-offset: 3px;
}

@media screen and (min-width: 1536px) {
  .media-card__text p {
    font-size: var(--text-sm);
    line-height: 1.25
  }
}

.mega-menu__nav {
  --header-nav-gap: clamp(var(--sp-5), 6.5vw, var(--sp-32));
  column-gap: var(--header-nav-gap);
  row-gap: clamp(var(--sp-5), 2.315vw, var(--sp-11));
}

.mega-menu__nav.grid {
  grid-auto-flow: column;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto auto;
}

.mega-menu__item--small .mega-menu__nav.grid {
  grid-template-columns: auto;
}

.mega-menu__nav--more.grid {
  grid-template-rows: auto auto auto;
}

.mega-menu__nav.flex .mega-menu__nav-item {
  flex: calc(20% - var(--header-nav-gap) * 4 / 5);
  max-width: calc(20% - var(--header-nav-gap) * 4 / 5);
}

.mega-menu__nav-item {
  --tw-translate-x: 25%;
  transform: translateX(calc(var(--tw-translate-x) * var(--transform-logical)));
  transition: transform 2s cubic-bezier(.075, .82, .165, 1), opacity 1s cubic-bezier(.19, 1, .22, 1);
  transition-delay: .25s;
}

.mega-menu[open] .mega-menu__nav-item:is(:nth-child(1), :nth-child(2)) {
  transition-delay: .5s;
}

.mega-menu[open] .mega-menu__nav-item:is(:nth-child(3), :nth-child(4)) {
  transition-delay: .65s;
}

.mega-menu[open] .mega-menu__nav-item:is(:nth-child(5), :nth-child(6)) {
  transition-delay: .75s;
}

.mega-menu[open] .mega-menu__nav--more .mega-menu__nav-item:is(:nth-child(1), :nth-child(2), :nth-child(3)) {
  transition-delay: .5s;
}

.mega-menu[open] .mega-menu__nav--more .mega-menu__nav-item:is(:nth-child(4), :nth-child(5), :nth-child(6)) {
  transition-delay: .65s;
}

.mega-menu[open] .mega-menu__nav--more .mega-menu__nav-item:is(:nth-child(7), :nth-child(8), :nth-child(9)) {
  transition-delay: .75s;
}

.mega-menu[open] .mega-menu__nav-item {
  --tw-translate-x: 0;
  opacity: 1;
}

.mega-menu__nav .media {
  margin-block-end: var(--sp-4);
}

[data-rounded-block=round] .mega-menu__nav .media {
  border-radius: var(--sp-2d5);
}

.mega-menu__nav ul {
  margin-block-start: var(--sp-3);
}

.mega-menu__nav ul a {
  line-height: 1.5;
}

.mega-menu__footer {
  margin-block-start: var(--sp-7);
}

.mega-menu__footer::before {
  --tw-scale-x: 0;
  content: '';
  background-color: rgb(var(--color-foreground));
  position: absolute;
  height: 1px;
  inset-inline: 0;
  inset-block-start: 0;
  transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform-origin: center var(--transform-origin-start);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1);
  transition-delay: .5s;
}

.no-js .mega-menu__footer::before,
.mega-menu[open] .mega-menu__footer::before {
  --tw-scale-x: 1;
}

.mega-menu__footer .mega-menu__link {
  padding-block-start: var(--sp-3);
}

@media screen and (min-width: 1280px) {
  .mega-menu__footer .mega-menu__link {
    padding-block-start: var(--sp-5);
    padding-block-end: var(--sp-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mega-menu__container {
    --tw-translate-y: 0;
    opacity: 0;
    transition: var(--animation-nav);
    transition-property: opacity, padding;
  }

  .mega-menu[open] .mega-menu__container {
    opacity: 1;
  }

  .mega-menu__item,
  .media-card__text {
    --tw-translate-y: 0;
    --tw-translate-x: 0;
    opacity: 1;
  }

  .mega-menu__nav-item {
    --tw-translate-x: 0;
    opacity: 1;
  }

  .mega-menu__footer::before {
    --tw-scale-x: 1;
  }
}

.mega-menu__list--tabs {
  --nav-tabs-gap: var(--header-nav-gap);
  --nav-tabs-width: min(230px, 25vw);
  --nav-promo-width: min(260px, 25vw);
  gap: var(--nav-tabs-gap);
}

.mega-menu__item--panels {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  max-width: calc(100% - var(--nav-tabs-width) - var(--nav-tabs-gap));
}

.mega-menu__panel {
  gap: var(--nav-tabs-gap);
}

.mega-menu__panel .product-grid {
  display: flex;
}

.mega-menu__panel .product-card {
  width: 100%;
  max-width: calc(50% - var(--card-grid-gap) / 2);
}

.mega-menu__panel .product-card:is(:nth-child(3), :nth-child(4)) {
  display: none;
}

.mega-menu__panel.without-promo .product-card:nth-child(3) {
  display: flex;
}

.mega-menu__panel .media-card {
  flex: 0 0 auto;
  width: var(--nav-promo-width);
}

.mega-menu__panel .media-card__text {
  --tw-translate-y: 0;
  --tw-translate-x: 0;
  opacity: 1;
}

.mega-menu__panel .mega-menu__link {
  gap: var(--sp-4);
}

@media screen and (pointer: fine) {
  .mega-menu__link .icon {
    transition: transform var(--animation-primary);
  }

  .mega-menu__link:hover .icon {
    --tw-rotate: calc(90deg* var(--transform-logical));
  }
}

.mega-menu__item--tabs {
  flex: 0 0 auto;
  max-width: var(--nav-tabs-width);
}

.mega-menu__item--tabs .mega-menu__footer {
  margin-block-start: auto;
}

.mega-menu__nav--tabs.grid {
  gap: var(--sp-1d5);
  grid-template: unset;
  grid-auto-flow: unset;
}

.mega-menu__nav--tabs .media {
  margin-block-end: 0;
}

.mega-menu__nav--tabs .mega-menu__nav-item {
  gap: var(--sp-2);
}

.mega-menu__nav--tabs .mega-menu__nav-item :is(.media, .heading) {
  opacity: 0.5;
}

.mega-menu__nav--tabs .mega-menu__nav-item[disabled] {
  pointer-events: none;
}

.mega-menu__nav--tabs .mega-menu__nav-item[disabled] :is(.media, .heading) {
  opacity: 1;
}

.mega-menu[open] .mega-menu__nav--tabs .mega-menu__nav-item:nth-child(1) {
  transition-delay: 0.5s;
}

.mega-menu[open] .mega-menu__nav--tabs .mega-menu__nav-item:nth-child(2) {
  transition-delay: 0.6s;
}

.mega-menu[open] .mega-menu__nav--tabs .mega-menu__nav-item:nth-child(3) {
  transition-delay: 0.7s;
}

.mega-menu[open] .mega-menu__nav--tabs .mega-menu__nav-item:nth-child(4) {
  transition-delay: 0.8s;
}

.mega-menu[open] .mega-menu__nav--tabs .mega-menu__nav-item:nth-child(5) {
  transition-delay: 0.9s;
}

@media screen and (min-width: 1280px) {
  .mega-menu__panel .product-card {
    flex: calc(33.33% - var(--card-grid-gap) * 2/3);
    max-width: calc(33.33% - var(--card-grid-gap) * 2/3);
  }

  .mega-menu__panel .product-card:nth-child(3) {
    display: flex;
  }

  .mega-menu__panel.without-promo .product-card {
    flex: calc(25% - var(--card-grid-gap) * 3/4);
  }

  .mega-menu__panel.without-promo .product-card:nth-child(4) {
    display: flex;
  }
}

@media screen and (min-width: 1536px) {
  .mega-menu__list--tabs {
    --nav-tabs-gap: var(--grid-gap);
    --nav-tabs-width: min(320px, 25vw);
    --nav-promo-width: min(340px, 25vw);
  }
}

@media screen and (min-width: 1920px) {
  .mega-menu__list--tabs {
    --nav-tabs-width: min(340px, 25vw);
    --nav-promo-width: min(430px, 25vw);
  }

  .mega-menu__panel .product-card {
    flex: calc(25% - var(--card-grid-gap) * 3/4);
  }

  .mega-menu__panel .product-card:nth-child(4) {
    display: flex;
  }
}

/*! footer */

@media screen and (min-width: 768px) {
  .footer-group {
    position: absolute;
    z-index: -1;
  }

  .has-modal-opening .footer-group,
  .has-modal-open .footer-group {
    padding-inline-end: var(--scrollbar-width);
  }
}

.js .footer-group .section--rounded::before {
  inset-block-start: auto;
  inset-block-end: 0;
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}

.js .footer-overlay {
  opacity: 0.8;
  height: var(--section-padding-top);
  background-image: linear-gradient(to bottom, rgb(var(--color-background)), rgb(var(--color-background)/ 0));
  inset-block-start: calc(-1 * var(--border-radius));
}

.footer {
  color: rgb(var(--color-foreground));
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media screen and (min-width: 1280px) {
  .footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer--no-info {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .footer--inverted {
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  }
}

@media screen and (min-width: 768px) {
  .footer__left {
    gap: clamp(var(--sp-20), 8.421vw, var(--sp-40));
  }
}

@media screen and (min-width: 1280px) {
  .footer__left {
    border-inline-end: 1px solid rgb(var(--color-foreground)/ 0.115);
  }

  .footer--inverted .footer__left {
    border-inline-end: 0;
    border-inline-start: 1px solid rgb(var(--color-foreground)/ 0.115);
    padding-inline-start: clamp(var(--sp-10), 8.421vw, var(--sp-40));
  }

  .footer--inverted .footer__right {
    order: -1;
    padding-inline-start: 0;
  }
}

.footer__right .footer__logo {
  margin-block-end: var(--sp-6d5);
}

.footer__logo img {
  max-width: calc(var(--image-width) * 0.75);
  max-height: calc(var(--image-height) * 0.75);
}

@media screen and (min-width: 1024px) {
  .footer__logo img {
    max-width: var(--image-width);
    max-height: var(--image-height);
  }
}

.footer__accordions .details {
  border: 0 solid rgb(var(--color-foreground)/ 0.115);
  border-block-start-width: 1px;
  border-inline-end-width: 1px;
  border-inline-start-width: 1px;
  padding-inline: var(--sp-5)
}

@media screen and (min-width: 768px) {
  .footer__accordions .details {
    border-width: 0;
    padding-inline: 0
  }
}

@media screen and (max-width: 767px) {
  .footer__accordions .no-details {
    order: 13;
    margin-block-start: var(--sp-7);
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__accordions .details {
    width: calc(25% - var(--sp-12) * 4 / 5);
  }

  .footer__accordions .no-details {
    width: calc(50% - var(--sp-12) 2 / 3);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .footer__accordions .no-details {
    width: calc(33.33% - var(--sp-12) * 3 / 4);
  }
}

.footer__accordions .details .details__summary {
  padding-block: var(--sp-5);
}

@media screen and (min-width: 768px) {
  .footer__accordions .details .details__summary {
    padding-block-start: 0;
  }

  .js .footer__accordions .details .details__summary {
    pointer-events: none
  }

  .js .footer__accordions .details .details__summary svg {
    display: none
  }
}

.footer__accordions .details__summary+.details__content::before {
  content: '';
  display: block;
  pointer-events: none;
  padding-block-start: var(--sp-2)
}

.footer__accordions .details:first-of-type {
  border-block-end-width: 0;
}

[data-rounded-block=round] .footer__accordions .details:first-of-type {
  border-start-end-radius: var(--sp-2);
  border-start-start-radius: var(--sp-2)
}

@media screen and (min-width: 768px) {
  .footer__accordions .details:first-of-type {
    border-radius: 0
  }
}

.footer__accordions .details:last-of-type {
  border-block-end-width: 1px;
}

[data-rounded-block=round] .footer__accordions .details:last-of-type {
  border-end-end-radius: var(--sp-2);
  border-end-start-radius: var(--sp-2)
}

@media screen and (min-width: 768px) {
  .footer__accordions .details:last-of-type {
    border-block-end-width: 0;
    border-radius: 0
  }
}

.footer__accordions .details:last-of-type .details__content::after {
  content: '';
  display: block;
  padding-block-end: var(--sp-7)
}

.footer__contact {
  font-size: clamp(var(--text-xl), 1.578vw, var(--text-3xl));
}

.footer__right {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-content: space-between;
  border-block-start: 1px solid rgb(var(--color-foreground)/ 0.115);
  margin-block-start: var(--sp-10);
  padding-block-start: var(--sp-14)
}

@media screen and (min-width: 768px) {
  .footer__right {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media screen and (min-width: 1280px) {
  .footer__right {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 0;
    border-block-start-width: 0;
    margin-block-start: 0;
    padding-block: 0;
    padding-inline: clamp(var(--sp-10), 8.421vw, var(--sp-40));
  }
}

.follow-on-shop {
  grid-column: span 2/span 2
}

.social_platform::before {
  content: '';
  position: absolute;
  inset: calc(var(--sp-2d5) * -1);
}

.footer__socials {
  grid-column: span 2/span 2
}

.footer__newsletter {
  grid-column: span 3/span 3
}

@media screen and (min-width: 768px) {
  .footer__newsletter .md\:title-sm {
    font-size: var(--fluid-base-to-2xl)
  }

  .footer__newsletter .md\:title-md {
    font-size: var(--fluid-2xl-to-4xl)
  }

  .footer__newsletter .md\:title-lg {
    font-size: var(--title-sm)
  }

  .footer__newsletter .md\:title-xl {
    font-size: var(--title-md)
  }
}

.newsletter-form {
  max-width: 28rem;
}

.newsletter-form .alert {
  border-radius: var(--rounded-full);
}

.newsletter-form .field .input {
  box-shadow: none;
  background-color: rgb(var(--color-foreground)/ 0.045);
  color: rgb(var(--color-foreground));
}

.newsletter-form .field .input:focus {
  background-color: rgb(var(--color-foreground)/ 0.115);
}

.newsletter-form .field .input:-webkit-autofill {
  transition: background-color 9999s;
  -webkit-text-fill-color: rgb(var(--color-foreground));
}

.text-left .newsletter-form {
  margin-inline-start: unset;
  margin-inline-end: auto;
}

.text-center .newsletter-form {
  margin-inline: auto;
}

.text-right .newsletter-form {
  margin-inline-end: unset;
  margin-inline-start: auto;
}

@media screen and (min-width: 768px) {
  .md\:text-left .newsletter-form {
    margin-inline-start: unset;
    margin-inline-end: auto;
  }
  
  .md\:text-center .newsletter-form {
    margin-inline: auto;
  }
  
  .md\:text-right .newsletter-form {
    margin-inline-end: unset;
    margin-inline-start: auto;
  }
}

/*! footer-copyright */

.footer-copyright {
  --color-button-text: var(--color-background);
  --color-button-border: var(--color-foreground);
  --color-button-background: var(--color-foreground);
  font-size: var(--text-2sm);
  color: rgb(var(--color-foreground));
  padding-block: clamp(var(--sp-7), 1.789vw, var(--sp-8d5));
}

@media screen and (min-width: 1024px) {
  .footer-copyright {
    font-size: var(--text-sm)
  }
}

.footer-copyright .credits {
  order: 3;
}

@media screen and (min-width: 1024px) {
  .footer-copyright .credits {
    order: 1;
    text-align: start
  }
}

.footer-copyright .credits ul {
  margin-block-start: var(--sp-4);
  margin-block-end: 0;
  padding-inline-start: 0;
  list-style: none;
}

.footer-copyright .credits li {
  margin-block-start: 0;
  padding-inline-start: 0;
}

.footer-copyright .localization {
  gap: clamp(var(--sp-2), .842vw, var(--sp-4));
  order: 1
}

@media screen and (min-width: 1024px) {
  .footer-copyright .localization {
    order: 2
  }
}

.footer-copyright .localization__form .icon {
  inset-inline-start: var(--sp-5);
}

.footer-copyright .localization__form .icon~.icon {
  inset-inline-start: auto;
  inset-inline-end: var(--sp-5);
}

.footer-copyright .localization__item {
  appearance: none;
  border: 1px solid rgb(var(--color-foreground)/ 0.115);
  background-color: transparent;
  padding-block: var(--sp-3d5);
  padding-inline: var(--sp-12);
  border-radius: var(--buttons-radius);
}

.footer-copyright .localization__item option {
  color: rgb(var(--color-base-text));
  background-color: rgb(var(--color-base-background));
}

.footer-copyright .payment-icons {
  order: 2
}

@media screen and (min-width: 1024px) {
  .footer-copyright .payment-icons {
    order: 3
  }
}

.footer-copyright .payment-icons svg {
  width: var(--sp-8)
}

@media screen and (min-width: 1280px) {
  .footer-copyright .payment-icons svg {
    width: var(--sp-10)
  }
}

.footer-copyright .payment-icons--gray svg {
  filter: grayscale(1)
}

/*! breadcrumb */

.breadcrumb {
  font-size: 0;
}

.breadcrumb ul {
  font-size: clamp(var(--text-2sm), 1.2vw, var(--text-base));
}

.breadcrumb :is(ul, li) {
  gap: clamp(var(--sp-3), 0.947vw, var(--sp-4d5));
}

.breadcrumb li+li::before {
  --tw-translate-y: 5%;
  --tw-rotate: 25deg;
  content: '';
  width: 1px;
  height: 60%;
  background-color: rgb(var(--color-border));
  transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate));
}

.breadcrumb .icon {
  width: clamp(1rem, 3vw, 1.25rem);
  height: clamp(1rem, 3vw, 1.25rem);
  transition: fill var(--animation-fast);
}

@media screen and (pointer: fine) {
  .breadcrumb a:hover .icon {
    fill: currentColor;
  }
}

/*! marquee */

@keyframes scrolling-left {
  0% {
    transform: translate3d(calc(-100% * var(--transform-logical)), 0, 0);
    visibility: visible;
  }

  100% {
    transform: translate3d(calc(-200% * var(--transform-logical)), 0, 0);
  }
}

@keyframes scrolling-right {
  0% {
    transform: translate3d(calc(-200% * var(--transform-logical)), 0, 0);
    visibility: visible;
  }

  100% {
    transform: translate3d(calc(-100% * var(--transform-logical)), 0, 0);
  }
}

.marquee.animate {
  animation-name: scrolling-left;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--duration);
  animation-play-state: running;
  width: max-content;
}

@media (prefers-reduced-motion: reduce) {
  .marquee.animate {
    animation: none;
  }
}

/*! scrolling-text */

.no-js .scrolling-text {
  justify-content: center;
}

.scrolling-text {
  --grid-gap: calc(var(--section-grid-gap)/ 2);
}

.scrolling-text .marquee {
  padding-inline: calc(var(--grid-gap)/ 2);
}

.scrolling-text .marquee,
.scrolling-text__item {
  gap: var(--grid-gap);
}

.scrolling-text--right .marquee.animate {
  animation-name: scrolling-right;
}

@media (prefers-reduced-motion: reduce) {
  .scrolling-text--right .marquee.animate {
    animation: none;
  }
}

.marquee.with-dot .scrolling-text__item:first-child::before,
.scrolling-text__item.with-text+.scrolling-text__item.with-text::before {
  content: '';
  display: block;
  width: var(--sp-5);
  height: var(--sp-5);
  border: 1px solid currentColor;
  border-radius: var(--rounded-full);
}

.scrolling-text__item.with-text {
  font-size: max(12px, calc(var(--font-size)*0.6));
}

.scrolling-text__item.with-media>:is(img, svg) {
  max-width: 100%;
  width: auto;
  height: calc(var(--image-height)*0.75);
}

@media screen and (pointer: fine) {
  .scrolling-wrapper:hover .marquee,
  .scrolling-text:hover .marquee {
    animation-play-state: paused;
  }
}

.scrolling-text.paused .marquee {
  animation-play-state: paused;
}

@media screen and (min-width: 1024px) {
  .scrolling-text {
    --grid-gap: var(--section-grid-gap);
  }

  .scrolling-text__item.with-text {
    font-size: calc(var(--font-size)*0.75);
  }

  .scrolling-text__item.with-media>:is(img, svg) {
    height: var(--image-height);
  }
}

@media screen and (min-width: 1280px) {
  .scrolling-text__item.with-text {
    font-size: var(--font-size);
  }
}

.scrolling-wrapper {
  --logical: -1;
  padding-block-start: calc(var(--section-padding-top) * 0.75);
  padding-block-end: calc(var(--section-padding-bottom) * 0.75);
  transform: rotate(calc(357deg * var(--logical) * var(--transform-logical)));
}

.scrolling-wrapper.with-right {
  --logical: 1;
}

.scrolling-wrapper::before {
  content: '';
  z-index: -1;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -5%;
  width: 110%;
  height: 100%;
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
}

.scrolling-wrapper+.scrolling-wrapper {
  margin-block-start: -1%;
  transform: rotate(calc(3deg * var(--logical) * var(--transform-logical)));
  filter: grayscale(1);
  opacity: 0.25;
}

.scrolling-text-section {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .scrolling-text-section {
    overflow: unset;
  }

  .scrolling-wrapper {
    padding-block-start: var(--section-padding-top);
    padding-block-end: var(--section-padding-bottom);
  }
}

@supports (overflow: clip) {
  .scrolling-text-section {
    overflow-x: clip;
    overflow-y: visible;
  }
}

/*! logo-list */

.logo-list,
.logo-bar {
  --grid-gap: calc(var(--section-grid-gap)/2);
}

.logo-bar {
  column-gap: var(--grid-gap);
  row-gap: calc(var(--grid-gap)/2);
}

.logo-list .logo-bar {
  flex: 0 0 auto;
  width: max-content;
  margin-inline-end: var(--grid-gap);
}

.logo-list .flickity-viewport {
  flex: 1 1 auto;
}

.logo__media>:is(img, svg) {
  max-width: 100%;
  width: auto;
  height: calc(var(--image-height)* 0.75);
}

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

  .logo-list,
  .logo-bar {
    --grid-gap: var(--section-grid-gap);
  }

  .logo__media>:is(img, svg) {
    height: var(--image-height);
  }
}

.touch .logo-list .logo-bar {
  margin-inline-end: 0;
  padding-inline: calc(var(--grid-gap)/ 2);
}

.touch .logo-bar.animate {
  animation-name: scrolling-left;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--duration);
  animation-play-state: running;
  width: max-content;
}

@media (prefers-reduced-motion: reduce) {
  .touch .logo-bar.animate {
    animation: none;
  }
}

.touch .logo-list--right .logo-bar.animate {
  animation-name: scrolling-right;
}

@media (prefers-reduced-motion: reduce) {
  .touch .logo-list--right .logo-bar.animate {
    animation: none;
  }
}

/*! banner */

.text-left .split-words {
  justify-content: flex-start;
}

.text-center .split-words {
  justify-content: center;
}

.text-right .split-words {
  justify-content: flex-end;
}

@media screen and (min-width: 768px) {
  .md\:text-left .split-words {
    justify-content: flex-start;
  }

  .md\:text-center .split-words {
    justify-content: center;
  }

  .md\:text-right .split-words {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1024px) {
  .lg\:text-left .split-words {
    justify-content: flex-start;
  }

  .lg\:text-center .split-words {
    justify-content: center;
  }

  .lg\:text-right .split-words {
    justify-content: flex-end;
  }
}

.split-words .word {
  display: inline-flex;
  line-height: 1;
  margin: -0.1em -0.05em;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.15em 0.05em;
}

[lang=en] .split-words .word {
  padding-block: 0.08em;
}

.subtext-sm {
  font-size: var(--fluid-sm-to-base);
}

.subtext-md {
  font-size: clamp(var(--text-base), 1.052vw, var(--text-xl));
}

.subtext-lg {
  font-size: var(--fluid-base-to-xl);
}

.subtext-xl {
  font-size: var(--fluid-base-to-2xl);
}

.subtext-custom {
  line-height: var(--subtext-line-height);
  letter-spacing: var(--subtext-letter-spacing);
  text-transform: var(--subtext-text-transform);
  font-size: calc(var(--subtext-size) * 0.75);
}

@media screen and (min-width: 768px) {
  .subtext-custom {
    font-size: var(--subtext-size);
  }
}

.subtitle-sm {
  font-size: var(--fluid-xs-to-sm);
}

.subtitle-md {
  font-size: clamp(var(--text-sm), .947vw, var(--text-lg));
}

.subtitle-lg {
  font-size: var(--fluid-base-to-xl);
}

.subtitle-custom {
  font-size: calc(var(--subtitle-size) * 0.75);
}

@media screen and (min-width: 768px) {
  .subtitle-custom {
    font-size: var(--subtitle-size);
  }
}

.banner__text--colored {
  color: rgb(var(--color-highlight));
}

.banner {
  color: rgb(var(--color-foreground));
}

.banner__overlay {
  z-index: 0;
  background-color: rgb(var(--color-overlay)/ var(--overlay-opacity));
}

.banner__overlay~.banner__content {
  --color-background: var(--color-overlay);
}

.banner__content .media--transparent.loading {
  background-color: transparent;
}

.banner__media .banner__image~.banner__image {
  visibility: hidden;
}

@media screen and (min-width: 768px) {
  .banner__media .banner__image {
    visibility: hidden;
  }

  .banner__media .banner__image:last-child {
    visibility: visible;
  }
}

@media screen and (min-width: 1536px) {
  .page-width .banner__content > .page-width {
    padding-inline: calc(var(--grid-gap)* 2);
  }
}

.banner__media svg.banner__image {
  width: 100%;
}

.banner__box {
  word-wrap: break-word;
  height: fit-content;
  padding-block: clamp(var(--sp-10), 3.368vw, var(--sp-16));
}

@media screen and (min-width: 768px) {
  .banner__box {
    width: auto;
    min-width: 45rem;
    max-width: 64rem;
  }

  .banner__box--small,
  .banner__box--medium {
    min-width: auto;
  }

  .banner__box--small {
    max-width: 32rem;
  }

  .banner__box--medium {
    max-width: 42rem;
  }
}

@media screen and (min-width: 1280px) {
  .banner__box--small {
    max-width: 40rem;
  }

  .banner__box--medium {
    max-width: 58rem;
  }

  .banner__box--large {
    max-width: 64rem;
  }
}

@media screen and (min-width: 1920px) {
  .banner__box--medium {
    max-width: 64rem;
  }

  .banner__box--large {
    max-width: 72rem;
  }
}

.banner__box.w-full {
  width: 100%;
  max-width: 100%;
}

.banner__box>*+*:not(.spacing-section) {
  margin-block-start: var(--sp-5);
}

.banner__box>:is(.link, .button) {
  margin-inline-end: var(--sp-4);
}

.banner__title+*,
.banner__box>:last-child:is(.button, .social-icons) {
  margin-block-start: var(--sp-10);
}

.banner__box .rte :is(b, strong) {
  font-weight: var(--font-medium);
}

.banner__subheading {
  font-weight: 400;
  letter-spacing: 0.25em;
}

.banner .marquee {
  opacity: .025;
  pointer-events: none;
}

.js .section:not(.section--next-rounded) :is(.banner__overlay, .banner__map, .banner__media) {
  height: calc(100% + var(--border-radius));
}

.js .section:not(.section--next-rounded) .page-width :is(.banner__overlay, .banner__map, .banner__media) {
  height: 100%;
}

[role=main] .shopify-section:last-child .section :is(.banner__overlay, .scrolled-images, .banner__map, .banner__media) {
  height: 100%;
}

[role=main] .shopify-section:last-child .video-hero video-media .play-button {
  inset-block-end: var(--sp-5);
}

.js .section--rounded :is(.banner__map, .banner__media, .banner__overlay, .video-hero) {
  border-start-end-radius: var(--border-radius);
  border-start-start-radius: var(--border-radius);
}

.js .section--rounded .page-width :is(.banner__map, .banner__media, .banner__overlay, .video-hero) {
  border-end-end-radius: var(--border-radius);
  border-end-start-radius: var(--border-radius);
}

@media screen and (min-width: 768px) {
  .banner.media--adapt,
  .image-with-text__image.media--adapt {
    height: 0;
    padding-block-end: var(--ratio-percent);
  }

  .banner.media--adapt .media--height>img:first-child,
  .image-with-text__image.media--adapt .media--height>img:first-child {
    position: static;
  }

  .banner.media--adapt .media--height>img:first-child~video,
  .image-with-text__image.media--adapt .media--height>img:first-child~video {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }

  .banner.media--adapt .banner__media,
  .image-with-text__image.media--adapt>.media {
    position: absolute;
    inset: 0;
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .banner.media--placeholder {
    --ratio-percent: 0;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .banner:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt),
  .image-with-text__image:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt) {
    height: 0;
    padding-block-end: var(--ratio-percent);
  }

  .banner:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt) .media--height>img,
  .image-with-text__image:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt) .media--height>img {
    position: static;
  }

  .banner:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt) .media--height>img:first-child~video,
  .image-with-text__image:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt) .media--height>img~video {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }

  .banner:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt) .banner__media,
  .image-with-text__image:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt)>.media {
    position: absolute;
    inset: 0;
    width: 100%;
  }
}

/*! map */

.banner table {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.banner table tr {
  border: none;
}

.banner table td {
  border: none;
  padding: 0;
  padding-block-end: var(--sp-1d5);
  font-size: inherit;
  text-align: start;
}

.banner table td:last-child {
  text-align: end;
}

.banner.with-map .alert {
  margin-inline: var(--gap-padding);
  margin-block-end: var(--sp-4);
}

.page-width .banner.with-map .alert {
  margin-inline: 0;
}

.banner.with-map .banner__content>.page-width {
  padding-block: clamp(var(--sp-6), 2.105vw, var(--sp-10));
}

.banner.with-map .help-list {
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  scrollbar-color: auto;
  scrollbar-width: none;
}

.banner.with-map .help-list::-webkit-scrollbar {
  display: none;
}

.banner.with-map .help-list__item {
  box-shadow: inset 0 0 0 1px rgb(var(--color-border));
  transition: var(--animation-primary);
  transition-property: box-shadow, background-color;
}

.banner.with-map .help-list__item.active {
  cursor: unset;
  box-shadow: none;
  background-color: rgb(var(--color-foreground) / 0.025);
}

.banner.with-map .help-list__item address+.button {
  --shadow-opacity: 0;
  --border-opacity: .1;
  --buttons-border-width: 1px;
  --buttons-radius: var(--rounded-full);
  padding: 0;
  width: var(--sp-6d5);
  height: var(--sp-6d5);
}

.banner.with-map .help-list__item summary::-webkit-details-marker {
  display: none;
}

.banner.with-map .drawer__scrollable {
  padding: clamp(var(--sp-6), 2.105vw, var(--sp-10));
}

.banner.with-map .drawer__scrollable .banner__box {
  padding: 0;
  max-height: unset;
}

.banner.with-map .drawer__scrollable .banner__box+p {
  margin-block-start: var(--sp-10);
}

.banner.with-map .banner__box {
  min-width: unset;
  max-width: 100%;
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
  padding: clamp(var(--sp-6), 2.105vw, var(--sp-10));
  border-radius: var(--rounded-block);
}

.banner.with-map .banner__subheading {
  border-block-end: 1px solid rgb(var(--color-border));
  margin-block-start: var(--sp-6);
  padding-block-end: var(--sp-3);
  letter-spacing: 0.15em;
}

@media screen and (min-width: 768px) {
  .banner.with-map .banner__box {
    max-width: 26rem;
    max-height: 100%;
  }

  .banner.with-map .help-list {
    scrollbar-width: thin;
    padding-inline-end: clamp(var(--sp-6), 2.105vw, var(--sp-10));
    margin-inline-end: calc(clamp(var(--sp-6), 2.105vw, var(--sp-10)) * -1);
    padding-block-end: clamp(var(--sp-6), 2.105vw, var(--sp-10));
    margin-block-end: calc(clamp(var(--sp-6), 2.105vw, var(--sp-10)) * -1);
  }

  .banner.with-map .help-list::-webkit-scrollbar {
    display: initial;
    -webkit-appearance: none;
    background-clip: padding-box;
    background-color: transparent;
    border-radius: var(--rounded-full);
    width: var(--sp-1d5);
  }
  
  .banner.with-map .help-list::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgb(var(--color-foreground)/ 0.2);
    border-radius: var(--rounded-full);
  }
}

@media screen and (max-width: 767px) {
  .mobile\:banner--image_first.with-map .help-list {
    max-height: min(60vh, 25rem);
  }

  .mobile\:banner--image_first.with-map .drawer__submenu {
    border: 1px solid rgb(var(--color-border));
    border-radius: var(--rounded-block);
  }

  .mobile\:banner--image_first.with-map .banner__content {
    z-index: auto;
    position: relative;
    padding-block-start: var(--sp-10);
    background: var(--gradient-background);
    background-color: rgb(var(--color-background));
  }

  .js .section--rounded .mobile\:banner--image_first.with-map .banner__content {
    border-start-end-radius: var(--border-radius);
    border-start-start-radius: var(--border-radius);
  }

  .mobile\:banner--image_first.with-map .banner__box {
    width: 100%;
    padding: 0;
    background: none;
    border-radius: 0;
  }

  .mobile\:banner--text_overlay.with-map .banner__box {
    max-height: 100%;
  }
}

.no-js .banner.with-map .banner__media {
  opacity: 1;
}

.no-js .banner.with-map .banner__map {
  display: none;
}

/*! scrolled-images */

.js .scrolled-images {
  height: calc(100% + var(--border-radius));
}

[data-rounded-block=round] .scrolled-images {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.scrolled-images svg.placeholder {
  background-color: rgb(var(--color-foreground)/ 0.3);
  fill: rgb(var(--color-foreground));
  color: rgb(var(--color-foreground));
}

.scrolled-images__main {
  --tiles-height: 52vw;
  --tileswrap-height: calc(var(--tiles-height)*3.5);
  transform: translate(calc(-50% * var(--transform-logical)), -50%) rotate(calc(50deg * var(--transform-logical)));
  inset-inline-start: 55%;
  height: var(--tileswrap-height);
}

@media screen and (min-width: 768px) {
  .scrolled-images__main {
    --tileswrap-height: calc(var(--tiles-height)*2);
    inset-block-start: 20%;
    inset-inline-start: 60%;
  }
}

@media screen and (min-width: 1024px) {
  .scrolled-images__main {
    --tileswrap-height: calc(var(--tiles-height)*1.8);
    inset-block-start: 50%;
  }
}

.scrolled-images__row {
  display: flex;
}

.scrolled-images__row:first-child {
  opacity: .3;
}

.scrolled-images__row:nth-child(2) {
  opacity: .2;
}

.scrolled-images__row:nth-child(3) {
  opacity: .1;
}

.scrolled-images__item {
  --tile-margin: 1vw;
  background-position: 50% 50%;
  background-size: cover;
  flex: none;
  transform: rotate(calc(-90deg * var(--transform-logical)));
  margin: var(--tile-margin);
  height: calc(var(--tileswrap-height)/4 - var(--tile-margin)*4/2);
  width: calc(var(--tileswrap-height)/4 - var(--tile-margin)*4/2);
}

[data-rounded-block=round] .scrolled-images__item {
  border-radius: 1rem;
}

.facets__scroll {
  height: fit-content;
}

.collection__description {
  margin-block-end: clamp(var(--sp-10), 2.526vw, var(--sp-12));
}

.facet-wrapper>.button,
.sort-wrapper>.button {
  height: clamp(var(--sp-14), 3vw, var(--sp-15));
  text-transform: none;
}

.facet-wrapper {
  padding-inline-end: clamp(1rem, 2vw, 2.3rem);
}

.facet-wrapper .count {
  width: var(--sp-6);
  height: var(--sp-6);
  color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-button-background));
  transition: var(--animation-primary) .1s;
  transition-property: color, background-color;
}

@media screen and (pointer: fine) {
  .facet-wrapper .button:hover .count {
    color: rgb(var(--color-button-background));
    background-color: rgb(var(--color-button-text));
  }
}

.facet-wrapper>.button[is=filters-toggle][aria-expanded=false] .btn-text,
.facet-wrapper>.button[is=filters-toggle][aria-expanded=true] .btn-duplicate {
  display: none;
}

.facet-wrapper>.button[is=filters-toggle][aria-expanded=false] .btn-duplicate {
  display: flex;
}

.collection__content {
  --facets-width: clamp(300px, 20vw, 390px);
  --facets-gap: var(--grid-gap);
  gap: var(--facets-gap);
}

@media screen and (min-width: 1280px) {
  .collection__content {
    margin-block-start: clamp(var(--sp-4), 2.947vw, var(--sp-14));
  }

  .collection__content #FacetFiltersContainer {
    flex: var(--facets-width) 0 0;
  }
}

.with-drawer .collection__content {
  --facets-width: 0px;
  --facets-gap: 0px;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.facet-sorting {
  margin-inline-start: auto;
}

/*! empty-state */

.empty-state {
  margin-block: var(--sp-12);
}

@media screen and (min-width: 768px) {
  .empty-state {
    margin-block: var(--sp-32);
  }
}

.empty-state p.heading {
  font-size: clamp(var(--sp-5), 1.4063rem + .5vw, var(--sp-8));
}

.empty-state .button {
  margin-inline: auto;
  width: auto;
}

.empty-state .icon-xxxl {
  width: var(--sp-15);
  height: var(--sp-15);
}

.empty-state .icon-xxxs {
  width: var(--sp-3d5);
  height: var(--sp-3d5);
}

/*! facet-drawer */

.facet-drawer .facet-form {
  padding-block-end: var(--sp-7);
  border-block-end: 1px solid rgb(var(--color-border));
}

.facet-drawer .drawer__scrollable {
  padding-block-end: 0;
}

.facet-drawer facet-count::before {
  content: '(';
}

.facet-drawer facet-count::after {
  content: ')';
}

/*! subcollections */

.subcollections li+li::before {
  --tw-translate-y: 5%;
  --tw-rotate: 25deg;
  content: '';
  background-color: currentColor;
  height: 40%;
  width: 1px;
  inset-block-start: 30%;
  inset-inline-start: 0;
  opacity: .3;
  position: absolute;
  transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate));
}

.subcollections li:first-child .subcollection {
  padding-inline-start: 0;
}

.subcollection {
  font-weight: var(--font-medium);
  height: var(--sp-10);
  opacity: 0.3;
  padding-inline: clamp(var(--sp-5), 1.368vw, var(--sp-6d5));
  transition: opacity var(--animation-primary);
}

.subcollection .btn-text {
  height: auto;
}

.subcollection .btn-text::after {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0;
  content: '';
  background-color: currentColor;
  display: block;
  height: 2px;
  width: 100%;
  inset-block-end: -.15em;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(calc(var(--tw-translate-x) * var(--transform-logical)), var(--tw-translate-y)) scaleX(var(--tw-scale-x));
  transition: transform var(--animation-fast);
}

.active .subcollection {
  opacity: 1;
}

.active .subcollection .btn-text::after {
  --tw-scale-x: 1;
}

@media screen and (pointer: fine) {
  .subcollection.with-thumbnail .btn-text::before {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    --tw-absolute-x: calc(clamp(1rem, 1.2vw, 1.2rem) * -1);
    --tw-absolute-y: calc(clamp(2rem, 1.5vw, 2.5rem) * -1);
    content: '';
    opacity: 0;
    backdrop-filter: blur(8px);
    background-color: rgb(var(--color-background)/ 0.6);
    border-radius: var(--rounded-full);
    z-index: -1;
    position: absolute;
    inset-block: var(--tw-absolute-x);
    inset-inline: var(--tw-absolute-y);
    transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition: transform var(--animation-primary)
  }

  .subcollection:hover {
    opacity: 1;
  }

  .subcollection.with-thumbnail:hover .btn-text::before {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    opacity: 1;
  }
}

.subcollection .count {
  inset-block-start: calc(var(--sp-1) * -1);
  inset-inline-start: calc(100% + .2em);
}

.subcollection .btn-reveal {
  --tw-width: clamp(250px, 14vw, 350px);
  height: var(--tw-width);
  width: var(--tw-width);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  margin-block-start: calc(var(--tw-width)/-2);
  margin-inline-start: calc(var(--tw-width)/-2);
  z-index: -1;
  background-position: 50% 50%;
  background-size: cover
}

@media screen and (pointer: fine) {
  .subcollections:hover .subcollection {
    opacity: 0.3;
  }

  .subcollections:hover .subcollection .btn-text::after {
    --tw-scale-x: 0;
  }

  .subcollections .subcollection:hover {
    opacity: 1;
    z-index: 1;
  }

  .subcollections .active .subcollection:hover .btn-text::after {
    --tw-scale-x: 0;
  }
}

/*! sorting */

.sort-wrapper {
  --facet-button-width: 180px;
  --facet-listbox-height: 450px;
  min-width: 180px;
  width: calc(var(--facet-button-width) + calc(clamp(var(--sp-6d5), 1.473vw, var(--sp-7d5)) * 2) + var(--sp-5) + var(--sp-1d5) + calc(var(--buttons-border-width) * 2));
  height: clamp(var(--sp-14), 3.263vw, var(--sp-15));
}

.sort-by {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: unset;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.sort-selection,
.sort-title {
  transition: opacity var(--animation-fast);
}

.sort-title {
  inset-block-start: var(--sp-3);
}

.sort-close {
  background-color: currentColor;
  width: var(--sp-1d5);
  height: var(--sp-1d5);
  transition: width var(--animation-primary), height var(--animation-primary), background-color ease-in-out .3s;
}

.sort-close .icon {
  --tw-rotate: 0deg;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: rotate(var(--tw-rotate)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition: transform var(--animation-primary);
}

.sort-listbox {
  width: calc(320px - calc(clamp(var(--sp-6d5), 1.473vw, var(--sp-7d5)) * 2) - calc(var(--buttons-border-width) * 2));
  inset-block-start: var(--sp-16);
  transition: var(--animation-primary);
  transition-property: opacity, visibility;
}

.sort-listbox li {
  transition: opacity .7s ease-out;
}

.sort-listbox input[type=radio]+label {
  transition: opacity var(--animation-primary)
}

.sort-listbox input[type=radio]+label::before {
  --tw-translate-y: -50%;
  background-color: currentColor;
  border-radius: var(--rounded-full);
  content: '';
  opacity: 0;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  width: 0;
  height: 0;
  transform: translateY(var(--tw-translate-y));
  transition: all var(--animation-primary);
}

@media screen and (pointer: fine) {
  .sort-by {
    --button-transition: box-shadow var(--animation-primary), width var(--animation-primary), height var(--animation-primary);
    transition: var(--animation-primary);
    transition-property: box-shadow, width, height;
  }
}

.sort-by[open] {
  --shadow-horizontal-offset: 0;
  --shadow-vertical-offset: 0;
  pointer-events: auto;
  cursor: default;
  width: 320px;
  height: calc(var(--facet-listbox-height) + var(--sp-10) + calc(clamp(var(--sp-4), 1.052vw, var(--sp-5)) * 4) + calc(var(--buttons-border-width) * 2));
}

.sort-by[open],
.sort-by[open]::after {
  border-radius: var(--sp-8);
}

[data-rounded-button=square] .sort-by[open],
[data-rounded-button=square] .sort-by[open]::after {
  border-radius: 0;
}

.sort-by[open],
.sort-by[open] .btn-fill,
.sort-by[open] .btn-text {
  transform: none !important;
  display: block !important;
}

.sort-by[open] .btn-fill {
  pointer-events: none;
}

.sort-by[open] .btn-text {
  pointer-events: auto;
  align-items: flex-start;
  color: rgb(var(--color-button-text));
  width: 100%;
}

.sort-by[open] .sort-header {
  justify-content: space-between;
}

.sort-by[open] .sort-selection {
  opacity: 0;
  visibility: hidden;
}

.sort-by[open] .sort-title {
  opacity: 0.4;
}

.sort-by[open] .sort-close {
  color: rgb(var(--color-button-background));
  background-color: rgb(var(--color-button-text));
  cursor: pointer;
  height: var(--sp-10);
  width: var(--sp-10);
}

.sort-by[open] .sort-close .icon {
  --tw-rotate: -90deg;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.sort-by[open] .sort-listbox,
.sort-by[open] .sort-listbox li {
  opacity: 1;
  visibility: visible
}

.sort-by[open] .sort-listbox input[type=radio]:checked+label {
  pointer-events: none;
  opacity: 0.4;
}

.sort-by[open] .sort-listbox input[type=radio]:checked+label::before {
  opacity: 1;
  height: var(--sp-1d5);
  width: var(--sp-1d5);
}

.sort-by[open] .sort-listbox li:first-child {
  transition-delay: .06s
}

.sort-by[open] .sort-listbox li:nth-child(2) {
  transition-delay: .11s
}

.sort-by[open] .sort-listbox li:nth-child(3) {
  transition-delay: .16s
}

.sort-by[open] .sort-listbox li:nth-child(4) {
  transition-delay: .21s
}

.sort-by[open] .sort-listbox li:nth-child(5) {
  transition-delay: .26s
}

.sort-by[open] .sort-listbox li:nth-child(6) {
  transition-delay: .31s
}

.sort-by[open] .sort-listbox li:nth-child(7) {
  transition-delay: .36s
}

.sort-by[open] .sort-listbox li:nth-child(8) {
  transition-delay: .41s
}

.sort-by[open] .sort-listbox li:nth-child(9) {
  transition-delay: .46s
}

/*! facet-sticky */

.facet-sticky {
  inset-block-end: var(--sp-5);
}

.facet-sticky .count {
  width: var(--sp-6);
  height: var(--sp-6);
  color: rgb(var(--color-button-background));
  background-color: rgb(var(--color-button-text));
  transition: var(--animation-primary) .1s;
  transition-property: color, background-color;
}

@media screen and (pointer: fine) {
  .facet-sticky .button:hover .count {
    color: rgb(var(--color-button-text));
    background-color: rgb(var(--color-button-background));
  }
}

.facet-drawer .select-sort-by {
  border-block-end: 0;
  padding-block-end: var(--sp-3);
}

@media screen and (min-width: 768px) {
  .facet-sticky {
    inset-block-end: var(--sp-8);
  }
}

/*! card-grid */

.card-grid {
  --card-grid-per-row: 2;
  --card-grid-template: auto-flow dense/repeat(var(--card-grid-per-row), minmax(0, 1fr));
  --card-grid-gap: var(--sp-3);
  grid: var(--card-grid-template);
  gap: var(--card-grid-gap);
}

@media screen and (max-width: 639px) {
  .mobile\:card-grid--1 {
    --card-grid-per-row: 1;
  }

  .collection .mobile\:card-grid--1 .card {
    grid-column: 1/-1;
  }
}

@media screen and (min-width: 768px) {
  .card-grid {
    --card-grid-per-row: 3;
    --card-grid-gap: clamp(var(--sp-4), 1.263vw, var(--sp-6));
  }

  .card-grid--1 {
    --card-grid-per-row: 1
  }

  .card-grid--2 {
    --card-grid-per-row: 2
  }
}

@media screen and (min-width: 1280px) {
  .card-grid--3 {
    --card-grid-per-row: 3
  }

  .card-grid--4,
  .card-grid--5 {
    --card-grid-per-row: 4
  }
}

@media screen and (min-width: 1536px) {
  .card-grid--5 {
    --card-grid-per-row: 5
  }
}

.card-grid .media-card--overlap {
  --color-foreground: 255 255 255;
  --color-overlay: 0 0 0;
  --overlay-opacity: 0.3;
}

.card-grid .media-card__text {
  --tw-translate-x: 0;
}

@media screen and (min-width: 1280px) {
  .collection.with-sidebar :is(.card-grid--4, .card-grid--5) {
    --card-grid-per-row: 3;
  }
}

@media screen and (min-width: 1536px) {
  .collection.with-sidebar .card-grid--5 {
    --card-grid-per-row: 4;
  }
}

/*! card-product */

.product-card {
  --shadow-horizontal-offset: var(--card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--card-shadow-vertical-offset);
  --shadow-opacity: var(--card-shadow-opacity);
  --border-opacity: var(--card-border-opacity);
  --product-card-quick-view-inset: var(--sp-4);
  background-color: rgb(var(--color-placeholder));
  border-radius: var(--card-radius);
  align-content: flex-start;
  border: var(--card-border-width) solid rgb(var(--color-foreground)/ var(--border-opacity));
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) rgb(var(--color-shadow)/ var(--shadow-opacity));
}

.product-card__media :is(.media, .flickity-viewport) {
  border-start-start-radius: var(--card-radius);
  border-start-end-radius: var(--card-radius);
}

.product-card__media video-media .deferred-poster {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card__media video-media .deferred-poster .play-button {
  position: static;
}

.product-card__media video-media[playing] .deferred-poster .play-button {
  opacity: 0;
}

@media screen and (pointer: fine) {
  .product-card__media:hover video-media[playing] .deferred-poster .play-button {
    opacity: 1;
  }

  .product-card__media video-media>img {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition: var(--animation-primary);
    transition-property: opacity, visibility, transform;
  }

  .product-card__media:hover video-media>img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }
}

.product-card__rating {
  backdrop-filter: blur(12px);
  background-color: rgb(var(--color-background)/ 0.75);
  padding: var(--sp-1d5) var(--sp-2d5);
  font-size: clamp(var(--text-2xs), .684vw, var(--text-2sm));
  inset-block-start: var(--sp-3);
  inset-inline-end: var(--sp-3);
}

.product-card__rating .icon {
  color: rgb(var(--color-rating));
  width: var(--sp-3);
  height: var(--sp-3);
}

@media screen and (min-width: 768px) {
  .product-card__rating {
    padding: var(--sp-2d5) var(--sp-4);
    inset-block-start: var(--sp-5);
    inset-inline-end: var(--sp-5);
  }

  .product-card__rating .icon {
    width: var(--sp-3d5);
    height: var(--sp-3d5);
  }
}

.product-card__content {
  --card-content-padding: clamp(var(--sp-4), 1.263vw, var(--sp-6)) clamp(var(--sp-4), 2.105vw, var(--sp-10)) clamp(var(--sp-4), 2.105vw, var(--sp-10));
  grid-template-columns: minmax(0, 1fr);
  padding: var(--card-content-padding)
}

.product-card__top {
  padding-block-end: var(--sp-2)
}

.product-card__top .caption {
  color: rgb(var(--color-foreground)/ 0.6);
  font-size: clamp(var(--text-3xs), .579vw, var(--text-2xs));
}

.product-card__title {
  font-size: var(--font-product-size);
}

.product-card__title,
.horizontal-product__title {
  font-family: var(--font-product-family);
  font-weight: var(--font-product-weight);
  text-transform: var(--font-product-text-transform);
}

.product-card__content.text-center .product-card__details {
  display: grid;
}

.product-card__content.text-center :is(.price, .unit-price, .product-card__bottom) {
  justify-content: center;
}

.product-card__content.text-center .price {
  align-items: center;
  flex-direction: row;
}

.product-card__content.text-center .price__sale {
  place-self: center;
}

.product-card__content.text-right .product-card__details {
  flex-direction: row-reverse;
}

.product-card__content.text-right .product-card__bottom {
  justify-content: flex-end;
}

.product-card__content.text-right .price {
  align-items: flex-start;
}

.product-card__bottom {
  padding-block-start: var(--sp-4);
}

.product-card__bottom .color-swatch {
  --swatch-size: var(--sp-3);
}

.product-card__bottom .swatches--variant .color-swatch {
  --swatch-size: var(--sp-6);
}

@media screen and (min-width: 768px) {
  .product-card__bottom .color-swatch {
    --swatch-size: var(--sp-4)
  }

  .product-card__bottom .swatches--variant .color-swatch {
    --swatch-size: var(--sp-8);
  }
}

.product-card__icons {
  --card-content-padding-inline: clamp(var(--sp-4), 2.105vw, var(--sp-10));
  --card-content-padding-block: clamp(var(--sp-4), 1.263vw, var(--sp-6));
  padding-inline: calc(var(--card-content-padding-inline) / 2);
  padding-block: calc(var(--card-content-padding-block) / 2);
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  overflow-y: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.product-card__icons::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  display: none;
}

.product-card__icon {
  min-width: 40%;
  padding-inline: calc(var(--card-content-padding-inline) / 2);
  border-inline-start: 1px solid rgb(var(--color-border-light));
}

.product-card__icon:first-child {
  border-inline-start: 0;
}

.product-card__icon figure {
  width: var(--sp-4d5);
}

@media screen and (min-width: 768px) {
  .product-card__icons--grid {
    overflow: visible;
  }
  
  .product-card__icons--grid .product-card__icon {
    margin-block: 0;
    padding-block: calc(var(--card-content-padding-block) / 2);
    border-block-start: 1px solid rgb(var(--color-border-light));
  }

  .product-card__icons--grid .product-card__icon:is(:nth-child(1), :nth-child(2)) {
    border-block-start: 0;
  }
  
  .product-card__icons--grid .product-card__icon:nth-child(odd) {
    border-inline-start: 0;
  }

  .product-card__icon {
    margin-block: var(--sp-2);
  }

  .product-card__icon figure {
    width: var(--sp-6);
  }
}

@media screen and (max-width: 639px) {
  .mobile\:card-grid--2 .product-card__icon {
    min-width: 60%;
  }
}

.product-card__spec {
  --card-shadow-radius: 0px;
  border: 1px solid rgb(var(--color-border-light));
  border-radius: var(--card-shadow-radius);
}

[data-rounded-block=round] .product-card__spec {
  --card-shadow-radius: var(--sp-2d5);
}

[data-rounded-block=round] .product-card--card .product-card__spec {
  --card-shadow-radius: var(--card-radius);
}

.product-card--card .product-card__spec {
  border-block-start: 0;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.product-card--standard .product-card__content:has(~ .product-card__spec) {
  padding-block-end: clamp(var(--sp-4), 1.263vw, var(--sp-6));
}

.product-card--standard .product-card__spec {
  margin-block-end: clamp(var(--sp-4), 2.105vw, var(--sp-10));
}

.product-card--standard {
  background-color: transparent;
}

.product-card--standard .product-card__media :is(.media, .flickity-viewport) {
  border-radius: var(--card-radius);
}

.product-card--standard:not(.product-card--thickness) .product-card__content {
  padding-inline: 0;
}

@media screen and (min-width: 768px) {
  .product-card__carousel>.media {
    position: absolute;
  }

  .product-card__carousel.flickity-enabled .flickity-viewport {
    cursor: unset;
    height: 100% !important;
  }

  .product-card__carousel .flickity-page-dots {
    --tw-translate-y: var(--sp-2d5);
    --tw-translate-x: -50%;
    position: absolute;
    inset-block-end: calc(var(--sp-3d5) * -1);
    inset-inline-start: 50%;
    visibility: hidden;
    opacity: 0;
    margin: 0;
    border-radius: var(--rounded-full);
    background-color: rgb(var(--color-placeholder));
    transform: translate(calc(var(--tw-translate-x) * var(--transform-logical)), var(--tw-translate-y));
    transition: var(--animation-primary);
    transition-property: opacity, visibility, transform;
    pointer-events: none;
    height: var(--sp-6);
    padding-inline: var(--sp-4);
    width: auto;
  }

  .product-card__carousel .flickity-page-dots {
    --tw-translate-y: var(--sp-3);
    height: var(--sp-7);
  }

  .product-card--standard .product-card__carousel .flickity-page-dots {
    background-color: rgb(var(--color-background));
  }

  .product-card__carousel .flickity-page-dot:first-child {
    display: none;
  }

  .product-card__carousel.without-dots .flickity-page-dots {
    display: none;
  }

  .js .product-card__carousel~img {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .no-js .product-card__carousel {
    display: none;
  }
}

@media screen and (pointer: fine) {
  .product-card__carousel {
    transition: opacity var(--animation-primary);
  }

  .product-card__carousel:hover .flickity-page-dots {
    --tw-translate-y: 0;
    opacity: 1;
    visibility: visible;
  }

  .product-card__media>.media>img {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .product-card__media:hover>.media>img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }
}

@media screen and (max-width: 767px) {
  .product-card__media>.media {
    overflow: hidden;
  }
}

.product-card.no-media {
  align-content: center;
  background-color: rgb(var(--color-placeholder));
}

.product-card.no-media .product-card__content {
  text-align: center;
}

.product-card.no-media .product-card__details {
  display: grid;
  gap: var(--sp-4);
}

.product-card.no-media .price {
  justify-content: center;
  flex-direction: row;
}

.product-card__variants {
  margin-block-start: var(--sp-4);
}

.product-card__variants.without-title .form__label {
  display: none;
}

.product-card__variants .product-card__bottom .swatches--variant .color-swatch {
  --swatch-size: var(--sp-10);
}

.product-card__variants .variant-picker {
  padding-block: var(--sp-4);
  border-block-start: 1px solid rgb(var(--color-border));
}

.product-card__content.text-center .product-card__variants .variant-picker {
  padding: var(--sp-4);
  border: 1px solid rgb(var(--color-border));
}

[data-rounded-card=round] .product-card__content.text-center .product-card__variants .variant-picker {
  border-radius: var(--sp-2d5);
}

@media screen and (min-width: 768px) {
  .product-card__content.text-center .product-card__variants .variant-picker {
    padding-inline: var(--sp-6);
  }
}

.product-card__content .product-card__variants .product-card__bottom {
  justify-content: flex-start;
}

.product-card__variants .product-card__bottom {
  margin: calc(var(--sp-2d5) * -1);
  padding-block-start: 0;
}

.product-card__variants .scroll-area {
  grid-auto-flow: column;
  overflow-x: scroll;
  white-space: nowrap;
  padding: var(--sp-2d5);
}

.product-card__variants .product-form__submit {
  min-height: 3.125rem;
  padding-block: var(--sp-4);
  margin-block-start: auto;
}

/*! product-promotion */

.product-card--promo {
  grid-column: span 2;
}

.product-card--promo .product-card__media {
  border-radius: var(--card-radius);
}

.product-card--promo .product-card__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgb(var(--color-overlay)/ var(--overlay-opacity));
  border-radius: var(--card-radius);
}

.product-card--promo .product-card__content {
  --card-content-padding: clamp(var(--sp-6), 2.105vw, var(--sp-10));
}

@media screen and (min-width: 768px) {
  .product-card--promo {
    grid-column: span var(--card-column-size);
    --card-content-padding: clamp(var(--sp-6), 2.105vw, var(--sp-10)) var(--sp-20);
  }

  .product-card--promo .product-card__media {
    position: absolute;
  }

  .product-card--promo .product-card__media .media>:is(img, svg) {
    inset: 0;
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
  }

  .product-card--promo .product-card__media.without-content {
    position: relative;
    min-height: 200px;
  }

  .product-card--promo .product-card__content {
    position: relative;
  }
}

.promo-box>*+* {
  margin-block-start: var(--sp-8);
}

@media screen and (min-width: 1280px) {
  .promo-title {
    font-size: calc(var(--fluid-2xl-to-4xl) * var(--card-column-size));
  }

  .promo-box {
    max-width: calc(100% / var(--card-column-size) * 1.5);
  }

  .product-card--promo .product-card__content {
    padding-block: max(calc(var(--card-content-padding) * var(--card-column-size) * 0.75), var(--card-content-padding));
    padding-inline: max(calc(var(--card-content-padding) * var(--card-column-size) * 0.5), var(--card-content-padding));
  }
}

.promo-title,
.promo-subtitle {
  color: rgb(var(--color-foreground));
}

.promo-img {
  max-width: 30px;
}

@media screen and (min-width: 768px) {
  .promo-img {
    max-width: 40px;
  }
}

/*! countdown-timer */

.product-card__countdown {
  --countdown-gap: var(--sp-3);
  inset-inline-end: 0;
  inset-block-end: var(--sp-7);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y));
}

.product-card__countdown .button {
  --color-button-background: var(--color-sale-tag);
  --color-button-text: var(--color-sale-tag-text);
  --buttons-border-width: 0px;
  width: auto;
  height: auto;
  padding-block: clamp(var(--sp-3), 0.842vw, var(--sp-4));
  padding-inline: clamp(var(--sp-5d5), 1.368vw, var(--sp-6d5));
}

.product-card__countdown .countdown__item p::after {
  font-size: inherit;
  color: inherit;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .product-card__countdown {
    inset-inline-end: var(--sp-3);
    inset-block-end: var(--sp-3);
  }
}

@media screen and (pointer: fine) {
  .product-card__countdown {
    --tw-translate-y: var(--sp-2);
    transition: var(--animation-primary);
    transition-property: opacity, transform;
  }

  .product-card:hover .quick-add~.product-card__countdown {
    --tw-translate-y: var(--sp-2);
    opacity: 0;
  }
}

/*! quick-add */

.quick-add {
  inset-inline-end: 0;
  inset-block-end: var(--sp-7);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y));
}

.quick-add .button {
  width: auto;
  height: auto;
  padding-block: clamp(var(--sp-3), 0.842vw, var(--sp-4));
  padding-inline: clamp(var(--sp-5d5), 1.368vw, var(--sp-6d5));
}

.quick-add .button:focus-visible {
  opacity: 1;
}

.quick-add .button .icon {
  width: var(--sp-4d5);
  height: var(--sp-4d5);
}

.quick-add .button[aria-disabled] {
  cursor: progress;
}

.quick-add .button[disabled] {
  background-color: rgb(var(--color-button-text));
}

.button.loading::before {
  content: '';
  z-index: 1;
  position: absolute;
  width: min(50px, 34%);
  height: 2px;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  margin-block-start: -1px;
  margin-inline-start: max(-25px, -17%);
  background-color: rgb(var(--color-button-text));
  animation: preloading 1.2s infinite ease;
}

.button.loading .btn-text {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .quick-add {
    inset-inline-end: 0;
    inset-block-end: 0;
    padding-inline: var(--sp-3);
    padding-block-end: var(--sp-3);
  }

  .quick-add .btn-loader {
    gap: var(--sp-1d5);
  }

  .quick-add .btn-loader span {
    width: 4px;
    height: 4px;
  }

  .quick-add .button {
    height: var(--sp-10);
  }

  .quick-add .button:not([disabled]) {
    padding: 0;
    width: var(--sp-10);
  }
}

@media screen and (pointer: fine) {
  .quick-add {
    --tw-translate-y: var(--sp-2);
    transition: var(--animation-primary);
    transition-property: opacity, transform;
  }

  .product-card:hover .quick-add {
    --tw-translate-y: 0;
  }

  .product-card:hover .quick-add .button {
    opacity: 1;
  }
}

/*! quick-view */

.no-js .quick-view__button {
  display: none;
}

.quick-view__button {
  --shadow-opacity: 0;
  --border-opacity: 0.1;
  --buttons-border-width: 1px;
  --buttons-radius: var(--rounded-full);
  padding: 0;
  height: var(--sp-12);
  width: var(--sp-12);
  background-color: rgb(var(--color-button-text));
  position: absolute;
  inset-block-start: var(--sp-4);
  inset-inline-end: var(--sp-4);
}

@media screen and (pointer: fine) {
  .product-card:hover .quick-view__button {
    opacity: 1;
  }

  .quick-view__button~.product-card__rating {
    transition: opacity var(--animation-fast);
  }

  .js .product-card:hover .quick-view__button~.product-card__rating {
    opacity: 0;
  }
}

.quick-view__button:focus-visible {
  opacity: 1;
}

.quick-view__button:focus-visible~.product-card__rating {
  opacity: 0;
}

.quick-view__button+.quick-view {
  display: none !important;
}

.quick-view__content {
  height: 48rem;
}

.quick-view__content:empty {
  z-index: 1;
  position: relative;
  display: block;
  background-color: rgb(var(--color-background));
}

.quick-view__content:empty::before,
.quick-view__content:empty::after {
  content: '';
  display: block;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  margin-block-start: -1.5px;
  margin-inline-start: max(-30px, -20%);
  width: min(60px, 40%);
  height: 3px;
  background-color: rgb(var(--color-foreground));
}

.quick-view__content:empty::before {
  background-color: rgb(var(--color-border));
}

.quick-view__content:empty::after {
  animation: preloading 1.2s infinite ease;
}

.quick-view .drawer__header {
  border-block-end: 0;
  padding-block-end: var(--sp-2);
}

.quick-view .drawer__close {
  position: absolute;
  inset-block-start: var(--sp-7);
  inset-inline-end: var(--sp-7);
  background-color: rgb(var(--color-button-text));
  transition: opacity var(--animation-primary);
  transition-delay: 0.6s;
}

.quick-view[active] .drawer__close {
  opacity: 1;
}

.quick-view .product__media-container .slider {
  border-radius: 0;
}

.quick-view .product__media-container .slider.magnify {
  z-index: 1;
}

.quick-view .product__media {
  border-radius: 0;
}

.quick-view .product__media>img {
  height: 100%;
}

.quick-view .product__thumbnails-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.quick-view button.product__thumbnail:not([hidden]) {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sp-6);
  height: var(--sp-6);
  border-radius: var(--rounded-full);
  transition: box-shadow var(--animation-primary);
  background-color: transparent;
}

.quick-view button.product__thumbnail[aria-current]::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  margin: 0;
  inset: unset;
  background-color: rgb(var(--color-foreground));
  border-radius: var(--rounded-full);
  transition: var(--animation-primary);
  transition-property: background-color, box-shadow;
}

.quick-view button.product__thumbnail[aria-current=true]::before {
  width: 5px;
  height: 5px;
  background-color: transparent;
  box-shadow: 0 0 0 2px rgb(var(--color-foreground));
}

.quick-view button.product__thumbnail[aria-current]::after {
  content: none;
}

.quick-view button.product__thumbnail img {
  visibility: hidden;
  position: absolute;
}

.quick-view button.product__thumbnail .play-button {
  clip: rect(0,0,0,0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.quick-view .product__more:focus-visible {
  outline-offset: -3px;
}

@media screen and (max-width: 1023px) {
  .quick-view .product__info {
    padding-inline: var(--page-padding);
  }

  .quick-view [data-shopify-xr] {
    margin-inline: auto;
    max-width: calc(100% - calc(2 * var(--page-padding)));
  }
}

@media screen and (max-width: 639px) {
  .js .quick-view .drawer__close {
    opacity: 0;
  }
}

@media screen and (min-width: 640px) {
  .quick-view .drawer__inner {
    max-width: 80rem;
  }

  .quick-view .drawer__header {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  .quick-view .product {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0;
  }

  .quick-view__content {
    overflow: hidden;
  }

  .quick-view .product,
  .quick-view .product__content,
  .quick-view .product__info,
  .quick-view .product__gallery,
  .quick-view .product__media-container,
  .quick-view .product__media-list,
  .quick-view .product__media {
    height: 100%;
  }

  .quick-view .product__content {
    max-height: 90vh;
  }

  .quick-view .product__media-list {
    position: absolute;
    inset: 0;
  }

  .quick-view .product__thumbnails-list {
    position: absolute;
    inset-block-end: var(--sp-7);
    inset-inline-start: 50%;
    height: var(--sp-8);
    width: auto;
    margin-block-start: 0;
    padding-inline: var(--sp-4);
    border-radius: var(--rounded-full);
    background-color: rgb(var(--color-background));
    border: 1px solid rgb(var(--color-border-light));
    transform: translateX(calc(-50% * var(--transform-logical)));
  }

  .quick-view .product__gallery {
    border-inline-end: 1px solid rgb(var(--color-border-light));
  }

  .quick-view .product__info.with-read-more {
    padding-block-end: calc(var(--sp-8) + var(--sp-4) + var(--sp-6) * 2);
  }

  .quick-view .product__info {
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
    scrollbar-color: auto;
    scrollbar-width: thin;
    overflow-x: hidden;
    overflow-y: auto;
    padding-block: var(--sp-8);
    padding-inline: var(--grid-gap);
  }

  .quick-view .product__info::-webkit-scrollbar {
    -webkit-appearance: none;
    background-clip: padding-box;
    background-color: transparent;
    border-radius: var(--rounded-full);
    width: var(--sp-1d5)
  }

  .quick-view .product__info::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgb(var(--color-foreground)/ 0.2);
    border-radius: var(--rounded-full)
  }

  .quick-view .product__more {
    padding-block: var(--sp-6);
    padding-inline: var(--grid-gap);
    border-block-start: 1px solid rgb(var(--color-border-light));
    background-color: rgb(var(--color-background)/ 0.7);
    backdrop-filter: blur(12px);
  }
}


@media screen and (min-width: 1280px) {
  .quick-view .product {
    --product-grid: auto / minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media screen and (min-width: 1536px) {
  .quick-view .product__info {
    padding-block: var(--sp-11);
  }
}

/*! badge */

.badges {
  --badge-padding: clamp(var(--sp-6), 2.105vw, var(--sp-10));
  inset-block-start: var(--sp-3);
  inset-inline-start: var(--sp-3);
}

@media screen and (min-width: 768px) {
  .badges {
    inset-block-start: var(--sp-5);
    inset-inline-start: var(--sp-5);
  }
}

.badge {
  --badge-background: rgb(var(--color-foreground));
  --badge-foreground: rgb(var(--color-background));
  background-color: var(--badge-background);
  color: var(--badge-foreground);
  padding: var(--sp-1d5) var(--sp-2d5);
  font-size: var(--text-2xs);
  width: max-content;
}

@media screen and (min-width: 768px) {
  .badge {
    padding: var(--sp-2d5) var(--sp-4);
    font-size: var(--text-sm);
  }

  .discounts .badge {
    padding-block: var(--sp-2);
  }
}

.badge.badge--onsale {
  --badge-background: rgb(var(--color-sale-tag));
  --badge-foreground: rgb(var(--color-sale-tag-text));
}

.badge.badge--highlight {
  --badge-background: rgb(var(--color-sale-tag)/ 0.1);
  --badge-foreground: rgb(var(--color-sale-tag));
}

/*! price */

.price__regular {
  color: rgb(var(--color-price));
  font-size: var(--fluid-sm-to-base);
}

.price__regular small {
  font-weight: 400;
}

.price--on-sale .price__regular {
  color: rgb(var(--color-sale-price));
  font-weight: var(--font-medium);
}

.unit-price,
.price__sale {
  color: rgb(var(--color-price)/ 0.6);
  font-size: var(--fluid-xs-to-sm);
}

.price__sale::before {
  content: '';
  position: absolute;
  inset-block-start: 50%;
  width: 100%;
  transform: rotate(-15deg);
  border-block-end: 1px solid red;
}

/*! pagination */

.pagination .page {
  height: var(--sp-10);
  width: var(--sp-10);
}

@media screen and (min-width: 768px) {
  .pagination .page {
    height: var(--sp-12);
    width: var(--sp-12);
  }
}

.pagination .page.current {
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
}

/*! active-facets */

.active-facets {
  margin-block-end: var(--sp-7);
}

@media screen and (min-width: 1280px) {
  .active-facets {
    margin-block-end: 0;
    margin-block-start: clamp(var(--sp-4), 1.684vw, var(--sp-8))
  }
}

.active-facets .color-swatch {
  --swatch-radius: 9999px;
  --swatch-size: var(--sp-3);
  --swatch-offset: 1.5px
}

@media screen and (min-width: 1280px) {
  .active-facets .color-swatch {
    --swatch-offset: 2px;
    --swatch-size: var(--sp-4)
  }
}

.active-facets .color-swatch::before {
  --tw-shadow: inset 1px 2px 0px rgb(var(--color-foreground)/ 0.115);
}

.active-facets>.facet-clear-all {
  margin-inline-start: var(--sp-2)
}

@media screen and (min-width: 1024px) {
  .active-facets>.facet-clear-all {
    margin-inline-start: var(--sp-4)
  }
}

.removable-facet {
  background-color: rgb(var(--color-foreground)/ 0.025);
  color: rgb(var(--color-foreground));
  padding: var(--sp-3) var(--sp-3d5)
}

@media screen and (min-width: 768px) {
  .removable-facet {
    padding: var(--sp-3) var(--sp-4d5)
  }
}

@media screen and (min-width: 1024px) {
  .removable-facet {
    line-height: 1.6
  }
}

@media screen and (min-width: 1280px) {
  .removable-facet {
    padding: var(--sp-3d5) var(--sp-5)
  }
}

.removable-facet>a::before,
.removable-facet>button::before {
  content: '';
  position: absolute;
  inset: calc(var(--sp-2d5) * -1);
}

.removable-facet .icon {
  width: var(--sp-2);
  height: var(--sp-2);
}

.removable-facet>button .icon:first-child {
  transition: opacity var(--animation-fast);
}

.removable-facet>button .icon+.icon {
  width: var(--sp-3);
  height: var(--sp-3);
  transition: var(--animation-fast);
  transition-property: opacity, visibility;
}

.removable-facet>button[loading] .icon {
  opacity: 0;
}

.removable-facet>button[loading] .icon+.icon {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
}

@media screen and (min-width: 1024px) {
  .removable-facet .icon {
    width: var(--sp-2d5);
    height: var(--sp-2d5);
  }

  .removable-facet>button .icon+.icon {
    width: var(--sp-4);
    height: var(--sp-4);
  }
}

/*! multicolumn */

.multicolumn {
  --card-grid-gap: var(--sp-10) var(--sp-4);
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .multicolumn.with-4.card-grid--4 {
    --card-grid-per-row: 2;
  }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .slider--tablet .multicolumn.with-2 {
    --slider-grid: var(--card-grid-template);
  }
}

.multicolumn .media {
  border-radius: var(--rounded-block);
}

@media screen and (pointer: fine) {
  .multicolumn .media[href] img {
    transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .multicolumn .media[href]:hover img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }
}

.multicolumn-card.with-border {
  border-radius: var(--rounded-block);
  border: 1px solid rgb(var(--color-border-light));
}

.multicolumn-card.with-border .multicolumn-card__info {
  padding-inline: var(--sp-5);
  padding-block: var(--sp-2) var(--sp-6);
}

@media screen and (min-width: 1024px) {
  .multicolumn-card.with-border .multicolumn-card__info {
    padding-inline: var(--sp-8d5);
    padding-block: var(--sp-5) var(--sp-11);
  }
}

/*! multicolumn-with-icons */

.text-with-icons::after {
  content: 'flickity';
  display: none;
}

.column__icon.with-svg :is(svg, img) {
  display: inline-block;
  width: var(--sp-6);
  height: auto;
  fill: currentColor;
}

.column__title {
  font-size: clamp(var(--text-lg), 1.053vw, var(--text-xl));
}

.column__text {
  font-size: clamp(var(--text-2sm), .737vw, var(--text-sm));
}

.column__title+.column__text {
  padding-block-start: var(--sp-2);
}

.text-with-icons+* {
  margin-block-start: var(--sp-10);
}

.text-with-icons.with-background .column {
  padding: clamp(var(--sp-5), 2.105vw, var(--sp-10));
  background-color: rgb(var(--color-foreground)/ 0.04);
}

[data-rounded-block=round] .text-with-icons.with-background .column {
  border-radius: var(--border-radius-small);
}

@media screen and (min-width: 1024px) {
  .text-with-icons::after {
    content: none;
  }

  .text-with-icons {
    --multicolumn-template: repeat(4, minmax(0, 1fr));
    grid-template-columns: var(--multicolumn-template);
    row-gap: clamp(var(--sp-5), 2.105vw, var(--sp-10));
  }

  .text-with-icons.with-background {
    column-gap: var(--sp-4);
  }

  .text-with-icons.grid--2 {
    --multicolumn-template: repeat(2, minmax(0, 1fr));
  }

  .text-with-icons.grid--3 {
    --multicolumn-template: repeat(3, minmax(0, 1fr));
  }

  .text-with-icons .column {
    padding-inline: clamp(var(--sp-5), 2.105vw, var(--sp-10));
  }

  .text-with-icons.with-border .column:first-child {
    padding-inline-start: 0;
  }

  .text-with-icons.with-border .column:last-child {
    padding-inline-end: 0;
  }

  .text-with-icons.with-border .column+.column {
    border-inline-start: 1px solid rgb(var(--color-border));
  }

  .text-with-icons.with-border.grid--2 .column:nth-child(2n + 1),
  .text-with-icons.with-border.grid--3 .column:nth-child(3n + 1),
  .text-with-icons.with-border.grid--4 .column:nth-child(4n + 1) {
    padding-inline-start: 0;
    border-inline-start: 0;
  }
}

@media screen and (min-width: 1280px) {
  .text-with-icons .column.xl\:text-right {
    flex-direction: row-reverse;
  }

  .text-with-icons .column.xl\:text-center {
    flex-direction: column;
  }
}

@keyframes preloading {

  0%,
  44%,
  88.1%,
  to {
    transform-origin: var(--transform-origin-start)
  }

  0%,
  to,
  88% {
    transform: scaleX(0)
  }

  44.1%,
  88% {
    transform-origin: var(--transform-origin-end)
  }

  33%,
  44% {
    transform: scaleX(1)
  }
}

[data-lazy-image] .media.loading::before,
[data-lazy-image] .media.loading::after {
  content: '';
  z-index: 1;
  position: absolute;
  width: min(50px, 34%);
  height: 2px;
  box-shadow: none;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  margin-block-start: -1px;
  margin-inline-start: max(-25px, -17%);
  background-color: rgb(var(--color-base-text));
}

[data-lazy-image] .media.loading::before {
  background-color: rgb(var(--color-base-background));
}

[data-lazy-image] .media.loading::after {
  animation: preloading 1.2s infinite ease;
}

[data-lazy-image] .media.loading>img {
  opacity: 0;
}

/*! shopify-challenge, shopify-policy */

.main-content .shopify-challenge__container,
.main-content .shopify-policy__container {
  margin: 0 auto;
  max-width: var(--page-width);
  padding-inline: var(--page-padding);
}

.shopify-challenge__container,
.shopify-policy__container {
  display: grid;
  gap: var(--sp-8);
  padding-block: var(--sp-16);
}

.shopify-challenge__message {
  font-size: var(--text-lg);
  line-height: 1.6
}

.shopify-challenge__container form {
  display: grid;
  gap: var(--sp-5);
}

.shopify-challenge__button {
  min-width: var(--sp-48);
}

@media screen and (min-width: 1024px) {
  .main-content .shopify-challenge__container,
  .main-content .shopify-policy__container {
    --page-padding: var(--sp-12);
    max-width: 70rem;
    padding-block: var(--sp-28);
  }

  .shopify-challenge__message {
    font-size: var(--text-2xl);
  }
}

/*! alert */

.alert {
  padding: var(--sp-5);
}

[data-rounded-block=round] .alert {
  border-radius: var(--inputs-radius);
}

.alert--success {
  color: rgb(var(--color-success-text));
  background-color: rgb(var(--color-success-background));
}

.alert--error {
  color: rgb(var(--color-error-text));
  background-color: rgb(var(--color-error-background));
}

.alert--info {
  color: rgb(var(--color-info-text));
  background-color: rgb(var(--color-info-background));
}

.alert--transparent {
  padding: 0;
  background-color: transparent;
}

/*! 404 */

.page-404 {
  gap: var(--sp-23);
}

.page-404 .text-lg {
  line-height: 1.4;
}

.page-404 .button-group {
  max-width: 38rem;
  margin: 0 auto;
  width: 100%;
  padding-inline: var(--gap-padding);
}

@media screen and (min-width: 768px) {
  .page-404 {
    gap: var(--sp-14);
  }

  .page-404 .button-group .button {
    min-height: 3.75rem;
  }
}

/*! rich-text */

.rich-text>*+*:not(.spacing-section) {
  margin-block-start: var(--sp-5);
}

.rich-text>:is(.link, .button) {
  margin-inline-end: var(--sp-4);
}

/*! contact-form */

.contact,
.contact.with-map>.flex {
  gap: var(--grid-gap);
}

.contact__fields .field {
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
}

.contact__sidebar .subtitle {
  color: rgb(var(--color-foreground)/ 0.5);
}

.contact__sidebar .media {
  background-color: transparent;
}

.contact__sidebar .media img {
  max-width: calc(var(--image-width) * 0.75);
  max-height: calc(var(--image-height) * 0.75);
}

@media screen and (min-width: 1024px) {
  .contact__sidebar .media img {
    max-width: var(--image-width);
    max-height: var(--image-height);
  }
}

.contact.with-map .contact__sidebar>.flex {
  padding: var(--sp-7d5) var(--sp-6);
  border: 1px solid rgb(var(--color-border));
}

[data-rounded-block=round] .contact.with-map .contact__sidebar>.flex {
  border-radius: var(--border-radius-small);
}

@media screen and (min-width: 768px) {
  .page-width--narrow .contact__sidebar {
    column-gap: var(--sp-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact__fields .field {
    width: calc(50% - var(--sp-6) / 2);
  }

  .contact__fields .field--full {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .page-width--narrow .contact {
    flex-direction: column;
  }

  .page-width--narrow .contact__sidebar {
    width: 100%;
  }

  .contact__sidebar {
    width: clamp(340px, 25vw, 430px);
  }

  .contact.with-map .contact__sidebar {
    width: 100%;
    grid: auto-flow dense/repeat(4, minmax(0, 1fr));
  }

  .contact.with-map .banner {
    height: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .contact.with-map .contact__sidebar>.flex {
    padding: var(--sp-10);
  }
}

.contact.with-map .banner {
  border-radius: var(--rounded-block);
}

.contact.with-map .banner :is(.banner__map, .banner__media) {
  height: 100%;
}

/*! faq */

.faqs.with-border {
  gap: var(--grid-gap);
}

.faqs.with-border .faq {
  padding: clamp(var(--sp-6), 2.315vw, var(--sp-12)) var(--sp-5);
  border: 1px solid rgb(var(--color-border));
  border-radius: var(--rounded-block);
}

@media screen and (min-width: 1536px) {
  .faq .details__summary .text-base {
    font-size: 1.375rem;
  }
}

.accordions {
  border-block: 1px solid rgb(var(--color-border));
}

.accordion+.accordion {
  border-block-start: 1px solid rgb(var(--color-border));
}

.accordion--text {
  padding-block: var(--sp-10);
}

.accordion .details .details__content {
  padding-block-end: var(--sp-8);
  margin-block-start: calc(var(--sp-2d5) * -1);
}

.accordion .details .details__summary {
  padding-block: var(--sp-7);
}

.accordion .details .details__summary>.icon {
  width: var(--sp-3);
  height: var(--sp-3);
}

.accordion .details[aria-expanded=true] .details__summary>.icon {
  --tw-scale-y: -1;
  --tw-rotate: 45deg;
}

@media screen and (min-width: 1024px) {
  .faqs.with-border .faq {
    padding-inline: var(--sp-12);
  }

  .accordion .details__content {
    max-width: 80%;
  }

  .accordion .details .details__summary {
    padding-block: var(--sp-8);
  }

  .accordion .details .details__summary>.icon {
    width: var(--sp-3d5);
    height: var(--sp-3d5);
  }
}

.accordion--text:first-child {
  padding-block-start: var(--sp-2);
}

.faqs.with-background {
  color: rgb(var(--color-foreground));
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
  border-radius: var(--rounded-block);
}

.faqs.with-background>:is(div, form) {
  padding: var(--sp-10);
}

.faqs.with-background>form {
  background-color: rgb(var(--color-overlay)/ var(--overlay-opacity));
  border-end-start-radius: var(--rounded-block);
  border-end-end-radius: var(--rounded-block);
}

@media screen and (min-width: 1024px) {
  .faqs.with-background>form {
    border-end-start-radius: 0;
    border-end-end-radius: var(--rounded-block);
    border-start-end-radius: var(--rounded-block);
  }
}

.faqs.with-background>form :is(.input, .textarea) {
  background-color: color-mix(in srgb, rgb(var(--color-foreground)) 4%, rgb(var(--color-background)) 12%);
}

@media screen and (pointer: fine) {
  .faqs.with-background>form :is(.input, .textarea):focus {
    background-color: color-mix(in srgb, rgb(var(--color-foreground)) 4%, rgb(var(--color-background)) 15%);
  }
}

.faqs.with-background .title-wrapper {
  margin-block-end: 0;
}

.faqs.with-background .title-wrapper .rte {
  padding: var(--sp-4) var(--sp-5);
  color: rgb(var(--color-foreground)/ 0.6);
  background-color: rgb(var(--color-foreground)/ 0.04);
}

[data-rounded-block=round] .faqs.with-background .title-wrapper .rte {
  border-radius: var(--sp-2d5);
}

.faqs.with-background .title-wrapper .rte a {
  color: rgb(var(--color-foreground));
}

.faqs .contact__sidebar>.flex {
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (min-width: 640px) {
  .faqs .contact__sidebar>.flex {
    flex-direction: row;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) {
  .faqs .contact__sidebar>.flex {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (min-width: 1280px) {
  .faqs.with-background .title-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }

  .faqs.with-background .title-wrapper.md\:items-center {
    flex-direction: column;
    align-items: center;
  }

  .faqs.with-background .title-wrapper .rte {
    padding: var(--sp-5) var(--sp-7d5);
  }

  .faqs.with-background>:is(div, form) {
    padding: var(--sp-14);
  }
}

@media screen and (min-width: 1536px) {
  .faqs.with-background>:is(div, form) {
    padding: clamp(var(--sp-20), 6.737vw, var(--sp-32));
  }

  .faqs .contact__sidebar>.flex {
    flex-direction: row;
    align-items: flex-end;
  }
}

/*! share-buttons */

@media screen and (max-width: 639px) {
  .js .share-drawer .drawer__inner {
    height: auto;
  }

  .js .quick-view .share-drawer .drawer__inner {
    height: 0;
  }
}

.share-buttons li+li {
  border-block-start: 1px solid rgb(var(--color-border));
}

.share-buttons a {
  padding: var(--sp-3d5) var(--sp-2d5);
}

.share-buttons li:first-child a {
  padding-block-start: 0;
}

.share-buttons li:last-child a {
  padding-block-end: 0;
}

.share-buttons .icon-facebook {
  fill: #3B5998;
}

.share-buttons .icon-twitter {
  fill: #00ACEE;
}

.share-buttons .icon-pinterest {
  fill: #E60023;
}

.share-buttons .icon-telegram {
  fill: #3390F7;
}

.share-buttons .icon-whatsapp {
  fill: #25d366;
}

/*! slider-element */

.slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

@media screen and (max-width: 1023px) {
  .slider--tablet {
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    padding-inline: var(--page-padding);
    margin-inline: calc(var(--page-padding) * -1);
    scroll-padding-inline: var(--page-padding);
    padding-block-end: var(--card-shadow-vertical-offset);
  }

  .slider--tablet .card-grid {
    --slider-item-width: 36vw;
    --slider-grid: auto / auto-flow var(--slider-item-width);
    grid: var(--slider-grid);
  }
}

@media screen and (max-width: 639px) {
  .slider--tablet .mobile\:card-grid--1 {
    --slider-item-width: 74vw;
  }
}

@media screen and (min-width: 1024px) {
  .slider--desktop {
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    padding-inline: var(--page-padding);
    margin-inline: calc(var(--page-padding) * -1);
    scroll-padding-inline: var(--page-padding);
    padding-block-end: var(--card-shadow-vertical-offset);
  }

  .slider--desktop .card-grid {
    --slider-item-width: calc(calc(var(--page-container) / var(--card-grid-per-row)) - var(--card-grid-gap) * calc(var(--card-grid-per-row) - 1) / var(--card-grid-per-row));
    --slider-grid: auto / auto-flow var(--slider-item-width);
    grid: var(--slider-grid);
  }
}

@media (prefers-reduced-motion) {
  .slider {
    scroll-behavior: auto;
  }
}

.slider .card {
  scroll-snap-align: start;
}

.slider + :is(p, .indicators) {
  text-align: center;
  justify-content: center;
  margin-block-start: clamp(var(--sp-8), 2.526vw, var(--sp-12));
}

/*! main-product */

.product-title-sm {
  font-size: clamp(var(--text-xl), .4966rem + 1.1818vw, var(--text-3xl));
}

.product-title-md {
  font-size: clamp(var(--sp-10), 2.526vw, var(--sp-12));
}

.product-title-lg {
  font-size: clamp(var(--sp-8), 3.368vw, var(--sp-16));
}

@media screen and (max-width: 767px) {
  .mobile\:product-title-sm,
  .mobile\:product-title-sm .word,
  .mobile\:product-title-md,
  .mobile\:product-title-md .word,
  .mobile\:product-title-lg,
  .mobile\:product-title-lg .word {
    line-height: 1.25;
  }

  .mobile\:product-title-sm {
    font-size: var(--text-h3);
  }
  
  .mobile\:product-title-md {
    font-size: var(--text-h2);
  }
  
  .mobile\:product-title-lg {
    font-size: var(--text-h1);
  }
}

.rating .icon {
  fill: rgb(var(--color-rating));
}

.rating-star {
  --percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
  --letter-spacing: 0;
  --font-size: 2;
}

.rating-star::before {
  content: "\2605\2605\2605\2605\2605";
  background: linear-gradient(calc(90deg * var(--transform-logical)), rgb(var(--color-rating)) var(--percent), rgb(var(--color-foreground)/ 0.15) var(--percent));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.rating-count {
  padding-inline-start: var(--sp-2);
  border-inline-start: 1px solid rgb(var(--color-border));
}

noscript .product-form__input {
  margin-block-start: var(--sp-6);
}

.product-form__input {
  border: none;
}

.product-form__input .form__label {
  margin-block-end: var(--sp-3);
}

.product-form__input .form__label:empty {
  display: none;
}

.variant-picker .color-swatch {
  --swatch-size: var(--sp-8d5);
}

@media screen and (min-width: 1024px) {
  .product {
    grid-template-columns: minmax(0, 1fr) clamp(25rem, 30.26vw, 35rem);
    gap: var(--sp-10);
  }

  .product__info.lg\:sticky,
  .product__preview.lg\:sticky,
  .product__gallery-container.lg\:sticky {
    inset-block-start: var(--sp-6) !important;
    transition: inset-block-start var(--animation-nav);
  }

  .header-sticky~.page-container .lg\:sticky:is(.product__info, .product__preview, .product__gallery-container) {
    inset-block-start: calc(var(--header-height) + var(--sp-3)) !important;
  }

  .header-hidden[data-sticky-type=on-scroll-up]~.page-container .lg\:sticky:is(.product__info, .product__preview, .product__gallery-container) {
    inset-block-start: var(--sp-6) !important;
  }

  .product__preview.lg\:sticky {
    --inset: 0px;
    height: calc(var(--screen-height) - var(--header-height) - var(--topbar-height) - var(--sp-5));
    transition-property: inset-block-start, height;
  }

  .header-scrolled~.page-container .product__preview.lg\:sticky {
    height: calc(var(--screen-height) - var(--inset) - var(--sp-10));
  }

  .header-hidden[data-sticky-type=on-scroll-up]~.page-container .product__preview.lg\:sticky {
    height: calc(var(--screen-height) - var(--sp-12));
  }
}

@media screen and (min-width: 1280px) {
  .product {
    grid: var(--product-grid);
    gap: clamp(var(--sp-12), 4.73vw, var(--sp-23));
  }
}

@media screen and (min-width: 1536px) {
  .product--scroll {
    gap: var(--sp-15);
  }
}

.product__preview {
  max-height: var(--screen-height);
}

.product__preview .product__media {
  display: flex;
}

.product__preview .product__media,
.product__preview .product__media>img {
  height: 100%;
}

@media screen and (min-width: 1280px) {
  .product--scroll .product__preview .play-button {
    width: var(--sp-14);
    height: var(--sp-14);
  }

  .product--scroll .product__preview .play-button .icon {
    width: var(--sp-5);
    height: var(--sp-5);
  }
}

.product.no-media {
  grid: none;
}

.product.no-media .product__info {
  width: 100%;
}

.product__info>*+* {
  margin-block-start: var(--sp-6);
}

.product__breadcrumb {
  border-block-end: 1px solid rgb(var(--color-border));
  padding-block-end: var(--sp-3);
}

.product__vendor+.product__title,
.product__sku+.product__title,
.product__sku+.product__vendor,
.product__vendor+.product__sku {
  margin-block-start: var(--sp-3);
}

.product__title+.product__rating {
  margin-block-start: var(--sp-5);
}

.product__price {
  font-size: var(--fluid-lg-to-2xl);
}

.product__price .price__regular {
  font-size: 100%;
}

.product__price :is(.price__sale, .unit-price) {
  font-size: 70%;
}

.product__tax {
  margin-block-start: var(--sp-1d5);
}

.product__title.with-price {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-end;
  justify-content: space-between;
}

.product__title .product__price {
  align-self: flex-end;
}

.product__title.with-price .product__rating {
  place-self: end;
}

@media screen and (min-width: 1280px) {
  .product__title.with-price {
    grid-template-columns: auto auto;
  }

  .product__title.with-price h1 {
    grid-column: auto;
  }

  .product__title.with-price .price__sale {
    place-self: end;
  }

  .product__title .product__price {
    place-self: end;
  }

  .product__title.with-price .product__rating {
    grid-column: 1/-1;
    place-self: auto;
  }
}

.product-form-wrapper {
  margin-block-start: var(--sp-8);
}

.quantity {
  min-height: var(--input-height);
  border: 1px solid rgb(var(--color-border));
  border-radius: var(--buttons-radius);
}

.quantity__label~.quantity__rules {
  margin-block-start: var(--sp-3);
}

.quantity__rules .divider + .divider::before {
  content: '\2022';
  margin-inline: var(--sp-3);
}

.quantity__rules-cart .btn-loader {
  justify-content: flex-start;
  inset-inline-start: var(--sp-1);
}

.quantity__input {
  appearance: none;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type='number'] {
  appearance: none;
  -moz-appearance: textfield;
}

.quantity__input:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  outline: 2px solid transparent;
  outline-offset: 2px
}

.quantity .quantity__input {
  max-width: var(--sp-11);
  background-color: transparent;
}

.quantity .quantity__button {
  padding-inline: var(--sp-3);
}

@media screen and (max-width: 639px) {
  .quantity .quantity__button .icon {
    width: var(--sp-4d5);
    height: var(--sp-4d5);
  }
}

@media screen and (min-width: 640px) {
  .product-form__submit,
  button.shopify-payment-button__button--unbranded,
  .shopify-payment-button__button.shopify-payment-button__button--branded [role=button] {
    min-height: 3.75rem;
  }

  .shopify-payment-button__button.shopify-payment-button__button--branded {
    min-height: 3.75rem !important;
  }

  .shopify-payment-button :is(shopify-accelerated-checkout, shopify-accelerated-checkout-cart) {
    --shopify-accelerated-checkout-button-block-size: 3.75rem;
  }

  .quantity .quantity__input {
    max-width: var(--sp-12);
  }

  .quantity .quantity__button {
    padding-inline: var(--sp-4d5);
  }

  .quantity .quantity__button:first-of-type {
    padding-inline-end: var(--sp-2);
  }

  .quantity .quantity__button:last-of-type {
    padding-inline-start: var(--sp-2);
  }

  .buy-buttons.grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

.product-form__buttons .field+.buy-buttons {
  margin-block-start: var(--sp-2);
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .product-form__buttons .quantity .quantity__input {
    max-width: var(--sp-10);
  }
}

.product-form__submit.with-price .price__regular {
  color: inherit;
  font-size: inherit;
}

.product-form__submit.with-price :is(.unit-price, .price__sale) {
  display: none;
}

.buy-buttons .quantity:has(~ .product-form__submit.with-price) .quantity__input {
  max-width: var(--sp-8);
}

.product-form__buttons .back-in-stock .quantity:has(~ .product-form__submit[disabled]:not([loading], [unavailable])),
.product-form__buttons .back-in-stock .product-form__submit[disabled]:not([loading], [unavailable]),
.product-form__buttons .back-in-stock .product-form__submit:not([disabled]) ~ .product-form__alert,
.product-form__buttons .back-in-stock .product-form__submit:is([loading], [unavailable]) ~ .product-form__alert,
button.shopify-payment-button__button--hidden {
  display: none;
}

[data-rounded-block=square] .product__inventory progress-bar {
  border-radius: 0;
}

.product__inventory progress-bar {
  height: var(--sp-1d5);
  background-color: rgb(var(--color-border-light));
}

.product__inventory progress-bar::before {
  content: '';
  background-color: currentColor;
  border-radius: inherit;
  display: block;
  height: inherit;
  width: var(--progress, 100%);
  transition: width var(--animation-smooth) .1s;
}

.product__inventory .accent-2::before {
  background: linear-gradient(325deg, #0064ff 0, #61f0f3 100%);
}

.product__inventory .accent-3::before {
  background: linear-gradient(325deg, #ff3484 0, #f1e04d 100%);
}

.product__inventory .accent-4::before {
  background: linear-gradient(325deg, #309fff 0, #b635ff 100%);
}

.product__inventory .accent-5::before {
  background: linear-gradient(325deg, #049cff 0, #35ee7a 100%);
}

.product__inventory .accent-6::before {
  background: linear-gradient(325deg, #00e166 0, #0066ec 100%);
}

.product__inventory .alert {
  border-radius: var(--rounded-full);
  padding-block: var(--sp-3d5);
  padding-inline: var(--sp-4d5) var(--sp-5);
}

.product__highlights.with-heading {
  padding: var(--sp-5) var(--sp-6);
  background-color: rgb(var(--color-foreground) / 0.025);
}

[data-rounded-block=round] .product__highlights.with-heading {
  border-radius: var(--sp-2d5);
}

.product__highlights.with-heading .product-card__spec {
  border: none;
}

.product__highlights.with-heading .product-card__icons {
  gap: var(--sp-2d5);
  padding: 0;
  background-color: transparent;
}

.product__highlights.with-heading .product-card__icon {
  min-width: unset;
  border: none;
  margin: 0;
  padding: var(--sp-4) var(--sp-6);
  background-color: rgb(var(--color-background));
}

[data-rounded-block=round] .product__highlights.with-heading .product-card__icon {
  border-radius: var(--sp-2d5);
}

.product__highlights.with-heading .product-card__icon figure {
  width: var(--sp-6);
}

@media screen and (min-width: 768px) {
  .product__highlights.with-heading .product-card__icon {
    padding-inline-end: var(--sp-8);
  }

  .product__highlights.with-heading .product-card__icon figure {
    width: var(--sp-8);
  }
}

@media screen and (min-width: 1024px) {
  .product__info .product__highlights.below-media {
    display: none;
  }
}

.product__gallery-container .product__highlights.with-heading {
  padding: var(--sp-8);
  margin-block-start: var(--sp-4);
  border-radius: var(--rounded-block);
  background-color: transparent;
  border: 1px solid rgb(var(--color-border-light));
}

.product__gallery-container .product__highlights.with-heading>p {
  position: absolute;
  padding: var(--sp-2d5);
  inset-block-start: -1px;
  inset-inline-start: var(--sp-5d5);
  transform: translateY(-50%);
  background-color: rgb(var(--color-background));
}

.product__gallery-container .product__highlights.with-heading .product-card__icon {
  background-color: rgb(var(--color-foreground) / 0.025);
}

@media screen and (max-width: 1023px) {
  .product__gallery-container .product__highlights {
    display: none;
  }
}

.product__info .complementary-products {
  margin-block-start: var(--sp-8);
}

.recipient-form input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  position: absolute;
  inset-block-start: calc(50% - 10px);
  inset-inline-end: var(--input-padding-inline);
}

.social-sharing li {
  width: var(--sp-10);
  height: var(--sp-10);
}

.social-sharing .social-sharing__link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-sharing .social-sharing__link .icon {
  width: var(--sp-4d5);
  height: var(--sp-4d5);
}

.help-list__item {
  padding-block: var(--sp-6);
  padding-inline: var(--sp-7d5);
  color: rgb(var(--color-foreground));
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
}

[data-rounded-block=round] .help-list__item {
  border-radius: var(--sp-4);
}

.help-list__item p {
  margin-block-start: 0;
  margin-block-end: var(--sp-3);
}

.help-list__item p.h4,
.help-list__item p:last-child {
  margin-block-end: 0;
}

.product__accordion {
  border-block-end: 0;
}

.product__accordion.with-background+.product__accordion.with-background {
  margin-block-start: var(--sp-4);
}

.product__accordion.with-background {
  background-color: rgb(var(--color-foreground) / 0.025);
}

[data-rounded-block=round] .product__accordion.with-background {
  border-radius: var(--sp-2d5);
}

.product__accordion.with-border {
  border-block: 1px solid rgb(var(--color-border-light));
}

.product__accordion.with-border+.product__accordion.with-border {
  border-block-start: 0;
  margin-block-start: 0;
}

.product__accordion:first-child .details__summary,
.product__accordion .details__summary {
  padding: var(--sp-5) var(--sp-6);
}

.product__accordion .details__summary>.icon {
  --tw-scale-y: 1;
  width: var(--sp-3);
  height: var(--sp-3);
}

.product__accordion[aria-expanded=true] .details__summary>.icon {
  --tw-rotate: 45deg;
}

.product__accordion:last-child .details__content,
.product__accordion .details__content {
  padding: var(--sp-5) var(--sp-6);
  padding-block-start: 0;
  margin-block-start: 0;
  max-width: 100%;
}

.product__accordion .details__content::after {
  content: none;
}

@media screen and (min-width: 1024px) {
  .product__accordion .details__summary>.icon {
    width: var(--sp-3d5);
    height: var(--sp-3d5);
  }
}

.product__more {
  padding: clamp(var(--sp-4d5), 1.2vw, var(--sp-5d5));
  margin-block-start: var(--sp-9);
  border-block: 1px solid rgb(var(--color-border-light));
}

.product__text+.product__text+.product__more {
  border-block-start: 0;
  margin-block-start: var(--sp-4);
}

.product__more+.product__accordion,
.product__accordion+.product__more {
  border-block-start: 0;
  margin-block-start: 0;
}

.product__more+.product__accordion.with-background {
  margin-block-start: var(--sp-9);
}

[data-rounded-block=round] .product__text {
  border-radius: var(--sp-2d5);
}

.product__text+.product__text,
.product__text:has(+.product__text) {
  padding: var(--sp-6);
  background-color: rgb(var(--color-foreground) / 0.025);
}

.product__text+.product__text {
  margin-block-start: 0;
  padding-block-start: 0;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.product__text:has(+.product__text) {
  padding-block-end: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}

.product__text+.product__text .product__text-inner,
.product__text:has(+.product__text) .product__text-inner {
  padding: var(--sp-4);
  background-color: rgb(var(--color-background));
}

.product__text-inner {
  padding: var(--sp-5) var(--sp-6);
}

.product__text.first.last .product__text-inner {
  padding: 0;
}

[data-rounded-block=round] .product__text-inner {
  border-radius: var(--sp-2d5);
}

.product__text+.product__text.even .product__text-inner {
  background-color: transparent;
}

.product__text+.product__text.even.last .product__text-inner {
  padding-block-end: 0;
}

.product-bundle__info {
  --cart-item-media-width: clamp(var(--sp-10), 3.368vw, var(--sp-16));
  padding: var(--sp-4) var(--sp-6);
  background-color: rgb(var(--color-background));
}

[data-rounded-block=round] .product-bundle__info {
  border-radius: var(--sp-2d5);
}

.product__more>.icon {
  width: var(--sp-4d5);
  height: var(--sp-4d5);
}

.product__info>:not(.product__accordion)+:last-child:is(.product__more) {
  border-block-end: 0;
  padding-inline: 0;
}

.product__spinning {
  inset-inline-start: 50%;
  margin-inline-start: calc(var(--radius) * 2);
}

@media screen and (min-width: 1024px) {
  .product__spinning {
    inset-inline-start: 100%;
    margin-inline-start: var(--radius);
  }

  :is(.product--columns, .product--scroll) .product__spinning {
    inset-inline-start: 50%;
    margin-inline-start: 0;
  }
}

@media screen and (min-width: 1280px) {
  .product--scroll .product__spinning {
    inset-inline-start: calc(55% + var(--sp-5));
  }
}

@media screen and (min-width: 1536px) {
  .product__spinning {
    margin-inline-start: calc(var(--radius) * 3);
  }
}

.product__spinning .icon {
  width: clamp(var(--sp-6), 2.105vw, var(--sp-10));
  height: clamp(var(--sp-6), 2.105vw, var(--sp-10));
}

spinning-text {
  --inner-angle: calc((360 / var(--char-count)) * 1deg);
  --character-width: 2;
  --radius: calc((var(--character-width) / sin(var(--inner-angle))) * -1ch);
}

[data-gang-option]~[data-gang-default] {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  .split-chars {
    animation: spin 12s infinite linear;
  }

  @keyframes spin {
    to {
      rotate: -360deg;
    }
  }
}

.split-char {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(calc(var(--transform-logical) * var(--inner-angle) * var(--char-index))) translateY(var(--radius));
}

.no-js .product__spinning {
  display: none;
}

@keyframes beat {

  0%,
  to {
    transform: scale(1)
  }

  50% {
    transform: scale(1.2)
  }
}

video-media,
model-media {
  border-radius: inherit;
  aspect-ratio: var(--aspect-ratio);
}

@supports not (aspect-ratio: 1) {
  :is(video-media, model-media)::before {
    content: '';
    padding-block-end: calc(100% / (var(--aspect-ratio)));
    display: block;
  }

  :is(video-media, model-media)>* {
    height: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute !important;
  }
}

video-media {
  --aspect-ratio: 16 / 9;
}

video-media[host] {
  align-items: center;
  display: grid;
}

video-media:not([playing]) {
  cursor: pointer;
}

video-media> :is(video, iframe, img, svg) {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: inherit;
  transition: var(--animation-short);
  transition-property: opacity, visibility;
}

video-media>video[controls] {
  pointer-events: auto;
}

video-media> :is(img, svg) {
  object-fit: cover;
  object-position: center;
}

video-media>video:not(:-webkit-full-screen) {
  object-fit: cover;
  object-position: center;
}

video-media>video:not(:fullscreen) {
  object-fit: cover;
  object-position: center;
}

video-media> :is(iframe, img, svg) {
  position: absolute;
  inset: 0;
}

video-media:not([loaded])> :is(video, iframe),
video-media[loaded]>img,
video-media[loaded]>svg,
video-media[loaded] .play-button {
  opacity: 0;
  visibility: hidden;
}

video-media[suspended]~* {
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  model-media[loaded]~* {
    pointer-events: none;
  }
}

.play-button {
  position: absolute;
  width: var(--sp-7);
  height: var(--sp-7);
  inset-inline-end: var(--sp-2);
  inset-block-start: var(--sp-2);
  transition: var(--animation-short);
  transition-property: opacity, visibility;
  background-color: rgb(var(--color-background));
}

@media screen and (pointer: fine) {
  :is(video-media, model-media) .play-button:hover>svg:first-child {
    animation: beat .6s infinite ease;
  }
}

.play-button .icon {
  width: var(--sp-3);
  height: var(--sp-3);
}

:is(.product__preview, .product__media-list) .play-button {
  width: var(--sp-10);
  height: var(--sp-10);
  inset-inline-end: var(--sp-4);
  inset-block-start: var(--sp-4);
}

:is(.product__preview, .product__media-list) .play-button[hidden] {
  display: none;
}

:is(.product__preview, .product__media-list) .play-button .icon {
  width: var(--sp-4);
  height: var(--sp-4);
}

:is(.product__preview, .product__media-list) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control,
:is(.product__preview, .product__media-list) .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
  width: var(--sp-10);
  height: var(--sp-10);
}

:is(.product__preview, .product__media-list) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child)::after {
  width: 100%;
  inset-inline-end: 0;
}

[data-rounded-block=round] :is(.product__preview, .product__media-list) .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  border-radius: var(--sp-1);
}

.product__media {
  background-color: rgb(var(--color-placeholder));
}

@media screen and (min-width: 1024px) {
  .product__media {
    border-radius: var(--card-radius);
  }
}

@media screen and (min-width: 768px) {
  .product__media.media--adapt>:is(img, svg, video-media) {
    object-fit: contain;
    object-position: top center;
  }
}

@media screen and (max-width: 767px) {
  .product__media.mobile\:media--adapt>:is(img, svg, video-media) {
    object-fit: contain;
    object-position: top center;
  }
}

[data-shopify-xr-hidden] {
  display: none;
}

button:is([is=media-lightbox-button], [is=media-hover-button]) {
  cursor: zoom-in;
  border-radius: var(--rounded-block);
}

button:is([is=media-lightbox-button], [is=media-hover-button]):focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px rgb(var(--color-keyboard-focus));
}

.product__media-container .slider {
  margin-inline: 0;
  padding-inline: 0;
  scroll-padding-inline: 0;
  border-radius: var(--rounded-block);
  transform: translateZ(0);
}

@media screen and (min-width: 1024px) {
  .product--thumbnail .product__media-container .indicators {
    display: flex;
    justify-content: space-between;
    padding: var(--sp-6);
    transition: opacity var(--animation-primary);
  }

  .product--thumbnail .product__media-container .indicators .button {
    --border-opacity: 0.1;
    background-color: rgb(var(--color-button-text));
  }

  @media screen and (pointer: fine) {
    .product--thumbnail .product__media-container .indicators:has(> .button:focus-visible),
    .product--thumbnail .product__media-container:hover .indicators {
      opacity: 1;
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .slider .product__media {
    width: 75%;
    scroll-snap-align: center;
  }
}

@media screen and (min-width: 1280px) {
  .product--scroll .product__gallery {
    grid-template-columns: 1fr .55fr;
  }

  .product--scroll .product__media-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.product--thumbnail .product__media-list,
.product--dots .product__media-list {
  margin-inline: 0;
  padding-inline: 0;
  scroll-padding-inline: 0;
}

@media screen and (min-width: 1024px) {
  .product--thumbnail .product__media-list,
  .product--dots .product__media-list {
    gap: 0;
  }

  .product--thumbnail .product__media-list .play-button,
  .product--thumbnail .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    width: var(--sp-14);
    height: var(--sp-14);
  }

  .product--thumbnail .product__media-list .play-button .icon {
    width: var(--sp-5);
    height: var(--sp-5);
  }
}

.product--thumbnail .product__media-list .product__media {
  border-radius: 0;
}

.product__thumbnails-list {
  grid-auto-flow: column;
  overflow-x: scroll;
}

.product__thumbnail {
  width: var(--sp-23);
}

.product__thumbnail::after {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-inset: inset;
  --tw-ring-color: transparent;
  content: '';
  inset: 0;
  position: absolute;
  pointer-events: none;
  transition: box-shadow var(--animation-fast);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.product__thumbnail[aria-current=true]::after {
  --tw-ring-color: rgb(var(--color-foreground));
}

[data-rounded-block=round] .product__thumbnail,
[data-rounded-block=round] .product__thumbnail::after {
  border-radius: var(--sp-2d5);
}

@media screen and (min-width: 1280px) {
  .product__thumbnails--beside {
    order: -1;
    width: var(--sp-28);
  }

  .product__thumbnails--beside .product__thumbnails-list {
    grid-auto-flow: row;
    overflow-y: scroll;
    max-height: 630px;
  }

  .product__thumbnails--beside .product__thumbnail {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .product__gallery--partial .slider .product__media {
    width: 75%;
  }

  .product__gallery button:is([is=media-lightbox-button], [is=media-hover-button]) {
    pointer-events: auto;
    width: var(--sp-10);
    height: var(--sp-10);
    inset: unset;
    inset-inline-end: var(--sp-4);
    inset-block-start: var(--sp-4);
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background)/ 0.7);
    border-radius: var(--rounded-full);
    backdrop-filter: blur(12px);
    border: 1px solid rgb(var(--color-border));
  }

  .product__thumbnail {
    width: var(--sp-15);
  }

  .product__thumbnails.with-dots,
  .product__thumbnails.with-dots .product__thumbnails-list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
  }

  .product__thumbnails.with-dots .product__thumbnails-list {
    flex-wrap: wrap;
  }

  .product__thumbnails.with-dots .product__thumbnail:not([hidden]) {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--sp-6);
    height: var(--sp-6);
    border-radius: var(--rounded-full);
    transition: box-shadow var(--animation-primary);
    background-color: transparent;
  }

  .product__thumbnails.with-dots .product__thumbnail::after {
    content: none;
  }

  .product__thumbnails.with-dots .product__thumbnail::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: rgb(var(--color-foreground));
    border-radius: var(--rounded-full);
    transition: var(--animation-primary);
    transition-property: background-color, box-shadow;
  }

  .product__thumbnails.with-dots .product__thumbnail[aria-current=true]::before {
    width: 5px;
    height: 5px;
    background-color: transparent;
    box-shadow: 0 0 0 2px rgb(var(--color-foreground));
  }

  .product__thumbnails.with-dots .product__thumbnail :is(img, svg) {
    visibility: hidden;
    position: absolute;
  }

  .product__thumbnails.with-dots .product__thumbnail .play-button {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
}

.product__media--variant:not(:first-child) {
  display: none;
}

.no-js .product--thumbnail .product__media-list .product__media:not(:first-child) {
  display: none;
}

.product--scroll .product__gallery.with-only1 {
  grid-template-columns: 1fr;
}

@media screen and (min-width: 1024px) {
  .product--scroll .product__gallery.with-only1 .product__preview.lg\:sticky {
    height: auto;
    max-height: unset;
  }
}

.product--scroll .product__gallery.with-only1 .product__preview .product__media {
  height: auto;
}

:is(.product--scroll, .product--columns) .product__gallery.with-only1 .product__media-list {
  grid-template-columns: 1fr;
}

:is(.product--scroll, .product--columns) .product__gallery.with-only1 .product__media-list .product__media {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .product--thumbnail .product__media.media--adapt_first>:is(img, svg, video-media),
  .product--thumbnail .product__thumbnail.media--adapt_first>:is(img, svg, video-media),
  .swatches--variant .color-swatch.aspect-adapt_first {
    aspect-ratio: var(--aspect-ratio);
  }
}

@media screen and (max-width: 767px) {
  .product__media.mobile\:media--adapt>:is(img, svg, video-media),
  .product__thumbnail.mobile\:media--adapt>:is(img, svg, video-media),
  .product__media.mobile\:media--adapt_first>:is(img, svg, video-media),
  .product__thumbnail.mobile\:media--adapt_first>:is(img, svg, video-media),
  .swatches--variant .color-swatch.mobile\:aspect-adapt_first {
    aspect-ratio: var(--aspect-ratio);
  }

  .swatches--variant .color-swatch.mobile\:aspect-adapt {
    aspect-ratio: unset;
  }
}

/*! image-with-text */

.image-with-text .rich-text>*+*:not(.spacing-section) {
  margin-block-start: var(--sp-7d5);
}

.image-with-text .rich-text>.banner__subheading+.heading {
  margin-block-start: var(--sp-6);
}

.image-with-text__media.with-2nd-image {
  padding-inline: var(--page-padding);
}

.image-with-text__item .media:not(.media--rounded) {
  border-radius: var(--rounded-block);
}

.image-with-text__image-second {
  inset-block-start: 50%;
  width: 35%;
  transform: translateY(-50%);
}

.image-with-text__image-second .media {
  transform: rotate(calc(-4deg * var(--transform-logical)));
}

.image-with-text__image-second+.image-with-text__image-first {
  transform: rotate(calc(3deg * var(--transform-logical)));
  width: 75%;
  margin-inline-start: auto;
}

.image-with-text__media .aspect-adapt .placeholder {
  aspect-ratio: 5 / 6;
}

@media screen and (max-width: 1023px) {
  .image-with-text__item .rich-text {
    padding-block-start: var(--sp-10);
  }

  .flex-col-reverse .image-with-text__item+.image-with-text__item .rich-text {
    padding-block-start: 0;
    padding-block-end: var(--sp-10);
  }
}

@media screen and (min-width: 1024px) {
  .image-with-text {
    gap: 0;
  }

  .image-with-text .rich-text>*+*:not(.spacing-section) {
    margin-block-start: var(--sp-10);
  }

  .image-with-text__item+.image-with-text__item .rich-text {
    padding-inline-start: var(--grid-gap);
  }

  .lg\:flex-row-reverse .image-with-text__item+.image-with-text__item .rich-text {
    padding-inline-start: 0;
    padding-inline-end: var(--grid-gap);
  }

  .image-with-text__item {
    width: 44%;
  }

  .image-with-text__media.with-2nd-image {
    padding-inline: calc(var(--grid-gap)/ 2);
  }

  .image-with-text__image-second {
    width: 40%;
  }
}

@media screen and (min-width: 1536px) {
  .image-with-text__item:not(.lg\:grow-0) .image-with-text__media.with-2nd-image {
    padding-inline: var(--grid-gap);
  }

  .image-with-text__item.lg\:grow-0+.image-with-text__item .rich-text {
    padding-inline-start: 15%;
  }

  .lg\:flex-row-reverse .image-with-text__item.lg\:grow-0+.image-with-text__item .rich-text {
    padding-inline-start: 0;
    padding-inline-end: 15%;
  }
}

.image-with-text.with-background {
  color: rgb(var(--color-foreground));
  background: var(--gradient-background-2);
  background-color: rgb(var(--color-background-2));
  border-radius: var(--rounded-block);
}

.image-with-text.with-background .image-with-text__image {
  min-height: 100%;
}

.image-with-text.with-background .image-with-text__image .media {
  border-radius: 0;
}

.image-with-text.with-background .image-with-text__item .rich-text {
  padding: var(--sp-10);
}

@media screen and (min-width: 1024px) {
  .image-with-text.with-background .image-with-text__item .rich-text {
    padding: var(--grid-gap);
  }

  .lg\:flex-row-reverse.with-background .image-with-text__item+.image-with-text__item .rich-text {
    padding-inline-start: var(--grid-gap);
  }
}

@media screen and (min-width: 1280px) {
  .image-with-text.with-background .image-with-text__item .rich-text {
    padding-inline: var(--sp-14);
  }
}

@media screen and (min-width: 1536px) {
  .page-width:not(.page-width--narrow) .image-with-text.with-background .image-with-text__item .rich-text {
    padding-inline: clamp(var(--sp-20), 6.737vw, var(--sp-32));
  }

  .with-background .image-with-text__item+.image-with-text__item.lg\:grow-0 .rich-text {
    padding-inline-end: 15%;
  }

  .lg\:flex-row-reverse.with-background .image-with-text__item+.image-with-text__item.lg\:grow-0 .rich-text {
    padding-inline-start: 15%;
  }
}

/*! scrolling-banner */

.scrolling-banner .image-with-text {
  background: none;
  border-radius: 0;
}

.scrolling-banner .image-with-text .image-with-text__content {
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
  transition: opacity var(--animation-primary);
}

.scrolling-banner .image-with-text.with-background .image-with-text__content {
  background: var(--gradient-background-2);
  background-color: rgb(var(--color-background-2));
  border-radius: var(--rounded-block);
}

.scrolling-banner .image-with-text.with-background .image-with-text__image .media {
  border-radius: var(--rounded-block);
}

.scrolling-banner .image-with-text .image-with-text__image>.media:not(:first-child) {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

@media screen and (min-width: 1024px) {
  .scrolling-banner {
    height: calc(var(--scrolling-height) + 15vh);
  }

  .scrolling-banner .image-with-text {
    gap: var(--sp-2);
  }

  .scrolling-banner .media--100vh {
    height: calc(100vh - var(--sticky-header-height, 0px) - 40px);
  }

  @supports (height: 100svh) {
    .scrolling-banner .media--100vh {
      height: calc(100svh - var(--sticky-header-height, 0px) - 40px);
    }
  }
}

/*! highlighted-text */

@keyframes strokeAnimation {
  0% {
    stroke-dashoffset: 1;
    opacity: 0;
  }

  1% {
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.highlighted-text .icon {
  z-index: -1;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  stroke: rgb(var(--color-highlight));
  transform: scaleX(var(--transform-logical));
}

.highlighted-text .icon-circle {
  width: 120%;
  height: 140%;
  inset-block-start: -20%;
  inset-inline-start: -10%;
}

.highlighted-text .icon-basic-underline {
  width: 100%;
  height: 30%;
  inset-block-start: auto;
  inset-block-end: -20%;
}

.highlighted-text .icon-sketch-underline {
  width: 100%;
  height: 60%;
  inset-block-start: auto;
  inset-block-end: -20%;
}

.highlighted-text .icon-squiggle-underline {
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -30%;
}

.highlighted-text .icon-squiggle-underline-2 {
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -35%;
}

.highlighted-text .icon path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  opacity: 0;
}

.highlighted-text.animate .icon path {
  opacity: 1;
  animation: strokeAnimation 1.3s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.highlighted-text[data-style=text] {
  transition: color var(--animation-smooth);
}

.highlighted-text.animate[data-style=text] {
  color: rgb(var(--color-highlight));
}

.highlighted-text:is([data-style=full_text], [data-style=half_text], [data-style=underline]) {
  background-repeat: no-repeat;
  background-image: linear-gradient(to var(--transform-origin-end), rgb(var(--color-highlight)) 0, rgb(var(--color-background)) 100%), linear-gradient(to var(--transform-origin-end), rgb(var(--color-highlight)) 0, rgb(var(--color-background)) 100%);
  transition: background-size var(--animation-smooth);
}

.highlighted-text.with-gradient:is([data-style=full_text], [data-style=half_text], [data-style=underline]) {
  background-image: var(--gradient-highlight);
}

.highlighted-text[data-style=full_text] {
  background-position: var(--transform-origin-start) 70%;
  background-size: 0 80%;
}

.highlighted-text.animate[data-style=full_text] {
  background-size: 100% 80%;
}

.highlighted-text[data-style=half_text] {
  background-position: var(--transform-origin-start) 90%;
  background-size: 0 28%;
}

.highlighted-text.animate[data-style=half_text] {
  background-size: 100% 28%;
}

.highlighted-text[data-style=underline] {
  background-size: 0 3px, 0% 80%;
  background-position: var(--transform-origin-start) 90%, var(--transform-origin-start) 50%;
}

.highlighted-text.animate[data-style=underline] {
  background-size: 100% 3px, 0% 80%;
}

.highlighted-text[data-style=stencil] {
  -webkit-text-stroke: var(--stencil-stroke-width, 0.02em) currentColor;
  -webkit-text-fill-color: transparent;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .js .highlighted-text.with-gradient[data-style=text] {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-repeat: no-repeat;
    background-image: var(--gradient-highlight);
    background-position: var(--transform-origin-start) 100%;
    background-size: 0 100%;
    transition: background-size var(--animation-smooth);
  }

  .js .highlighted-text.with-gradient.animate[data-style=text] {
    background-size: 100% 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .highlighted-text .icon path {
    opacity: 1;
    animation: strokeAnimation forwards;
  }

  .highlighted-text[data-style=text] {
    color: rgb(var(--color-highlight));
  }

  .highlighted-text[data-style=full_text] {
    background-size: 100% 80%;
  }

  .highlighted-text[data-style=half_text] {
    background-size: 100% 28%;
  }

  .highlighted-text[data-style=underline] {
    background-size: 100% 3px, 0% 80%;
  }

  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .js .highlighted-text.with-gradient[data-style=text] {
      background-size: 100% 100%;
    }
  }
}

/*! testimonials */

.testimonials::after {
  content: 'flickity';
  display: none;
}

.testimonial blockquote {
  margin-block: 0;
}

.testimonial.with-none blockquote {
  padding-block-start: 0;
}

.testimonial.with-none blockquote::before {
  content: none;
}

.testimonial:is(.with-5-stars, .with-4-stars, .with-3-stars, .with-2-stars, .with-1-star) blockquote::before {
  -webkit-mask-image: none;
  mask-image: none;
  width: auto;
  height: auto;
  background-color: transparent
}

.testimonial.with-5-stars blockquote::before {
  content: '★★★★★';
}

.testimonial.with-4-stars blockquote::before {
  content: '★★★★';
}

.testimonial.with-3-stars blockquote::before {
  content: '★★★';
}

.testimonial.with-2-stars blockquote::before {
  content: '★★';
}

.testimonial.with-1-star blockquote::before {
  content: '★';
}

.testimonial figure {
  width: clamp(var(--sp-16), 4.21vw, var(--sp-20));
  margin-block-start: var(--sp-8d5);
}

.testimonial figure.media--adapt {
  width: auto;
}

.testimonial figure+cite {
  line-height: normal;
  margin-block-start: var(--sp-2d5);
}

.testimonials .flickity-page-dots {
  margin-block-start: clamp(var(--sp-6), 2.105vw, var(--sp-10));
}

.banner .testimonial :is(figure, cite) {
  opacity: 0.6;
}

.testimonials>.testimonial~.testimonial,
.no-js .testimonials .testimonial:not(:first-child) {
  display: none;
}

/*! reveal-testimonials */

.reveal-testimonials blockquote {
  text-align: unset;
  padding-block: 0;
  display: grid;
  gap: var(--sp-10);
}

.reveal-testimonials blockquote::before {
  content: none;
}

.reveal-testimonials blockquote p {
  font-size: clamp(var(--text-lg), 1.053vw, var(--text-xl));
}

.reveal-testimonials :is(figure, cite) {
  margin-block: 0;
}

.reveal-testimonials .testimonial {
  padding: var(--sp-6);
  border-radius: var(--rounded-block);
  backdrop-filter: blur(12px);
}

.reveal-testimonials .testimonial:nth-child(even) {
  justify-self: flex-start;
  background-color: color-mix(in srgb, rgb(var(--color-foreground) / 0.25) 25%, rgb(var(--color-base-background)) 70%);
}

.reveal-testimonials .testimonial:nth-child(odd) {
  justify-self: flex-end;
  background-color: rgb(var(--color-base-background) / 0.75);
}

.reveal-testimonials .testimonial:is(:first-child, :last-child) {
  justify-self: center;
}

.testimonials-title .split-words+.whitespace {
  width: 0.2em;
}

@media screen and (min-width: 768px) {
  .reveal-testimonials {
    padding-block-start: clamp(var(--sp-8), 2.526vw, var(--sp-12));
    width: calc(clamp(340px, 30vw, 480px) * 2 - var(--sp-20));
  }

  .reveal-testimonials .testimonial {
    width: clamp(340px, 30vw, 480px);
  }

  .testimonials-title {
    position: sticky;
    inset-block-start: 50%;
    transform: translateY(-50%);
  }

  .testimonials-title .split-words~.split-words {
    transform: translateY(100%);
  }
}

@media screen and (min-width: 1024px) {
  .reveal-testimonials .testimonial {
    padding-inline: var(--sp-8);
  }
}

/*! timeline */

.slider .timeline {
  --slider-item-width: var(--page-container);
  --card-grid-gap: var(--sp-10);
}

.slider .timeline.with-only1 {
  --slider-item-width: var(--page-container);
}

.slider .timeline::after {
  content: '';
}

.timeline__item {
  width: 100%;
}

.timeline__item>.flex {
  border-radius: var(--rounded-block);
  background-color: rgb(var(--color-foreground)/ 0.04);
}

.timeline__item::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: rgb(var(--color-background)/ 0.75);
  transition: opacity var(--animation-primary);
}

.timeline__item.selected::after {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .timeline__item::after {
    content: none;
  }
}

.timeline__item-content {
  padding: var(--sp-7d5);
}

.timeline__item-content .button {
  margin-block-start: var(--sp-4d5);
}

.timeline__item-content .heading {
  padding-block-end: var(--sp-2);
}

.timeline-dots {
  width: max-content;
  min-width: 100%;
  margin-block-start: var(--sp-8);
  grid: auto / repeat(var(--section-blocks-count), minmax(0, 1fr));
}

.timeline-dots button {
  word-break: normal;
  transition: color var(--animation-primary);
}

.timeline-dots button[aria-current=false] {
  color: rgb(var(--color-foreground)/ 0.25);
}

.timeline-dots button::after {
  content: '';
  display: block;
  background-color: rgb(var(--color-foreground)/ 0.25);
  width: 100%;
  height: 1px;
  min-width: var(--sp-10);
}

@media screen and (min-width: 768px) {
  .timeline__item>.flex {
    gap: var(--grid-gap);
  }

  .timeline__item-content {
    padding-inline-start: 0;
    padding-inline-end: var(--grid-gap);
    padding-block: var(--grid-gap);
  }

  .timeline-dots button::after {
    min-width: var(--sp-24);
  }
}

@media screen and (min-width: 1024px) {
  .timeline__item>.flex {
    gap: var(--sp-18);
  }

  .timeline__item-content {
    padding-inline-end: var(--sp-18);
    padding-block: var(--sp-24);
  }

  .timeline__item-content .heading {
    padding-block-end: var(--sp-4d5);
  }

  .timeline-dots button::after {
    min-width: unset;
  }
}

@media screen and (min-width: 1280px) {
  .slider .timeline {
    --slider-item-width: calc(var(--page-container) * 0.85);
  }

  .timeline-dots button {
    font-size: var(--fluid-base-to-2xl);
    letter-spacing: -0.025em;
  }

  .timeline-dots {
    margin-block-start: var(--sp-14);
  }
}

@media screen and (min-width: 1536px) {
  .slider .timeline {
    --slider-item-width: calc(var(--page-container) * 0.6667);
  }
}

.no-js .timeline__item::after {
  content: none;
}

/*! portfolio */

.portfolio-section .button-wrapper {
  flex: 0 0 auto;
}

@media screen and (min-width: 1024px) {
  .portfolio-section .collage.on-scroll {
    grid-template-columns: 2fr 3fr;
  }
}

@media screen and (max-width: 1279px) {
  .portfolio-title.text-center {
    display: grid;
    justify-content: center;
    gap: 0;
  }
}

@media screen and (min-width: 1280px) {
  .portfolio-title.text-center:not(.xl\:hidden) {
    display: grid;
    justify-content: center;
    gap: 0;
  }
}

@media screen and (min-width: 768px) {
  .profile .portfolio-title {
    display: grid;
  }
}

.profile .title-wrapper {
  display: grid;
  margin-block-end: 0;
}

.profile .media {
  border-radius: var(--rounded-block);
}

.profile__content {
  padding: var(--sp-6);
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background)/ 0.5);
  backdrop-filter: blur(12px);
}

[data-rounded-block=round] .profile__content {
  border-end-start-radius: var(--rounded-block);
  border-end-end-radius: var(--rounded-block);
}

.profile__button {
  width: var(--sp-8);
  height: var(--sp-8);
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-foreground));
}

.profile__button .icon {
  --tw-rotate: 0deg;
  width: var(--sp-3);
  height: var(--sp-3);
  stroke-width: 2;
  transform: rotate(var(--tw-rotate));
  transition: transform var(--animation-primary), opacity var(--animation-fast);
}

.profile__content .icon .fill {
  fill: rgb(var(--color-foreground));
}

.profile__button[aria-expanded=true] .icon {
  --tw-rotate: 90deg;
}

@media screen and (pointer: fine) {
  .profile__button:hover .icon {
    --tw-rotate: 90deg;
  }
}

@media screen and (min-width: 768px) {
  .profile__content {
    padding: var(--sp-7d5);
  }

  .profile-modal[active]>.overlay {
    backdrop-filter: blur(12px);
  }
}

@media screen and (min-width: 1280px) {
  .profile .spacing-section {
    display: block;
    height: var(--sp-8);
  }

  .profile__content {
    padding: var(--sp-10);
  }

  .profile__button {
    width: var(--sp-10);
    height: var(--sp-10);
  }

  .profile__button .icon {
    width: var(--sp-3d5);
    height: var(--sp-3d5);
  }
}

/*! video-hero */

.mobile\:deferred-media+.deferred-media {
  display: none;
}

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

  .mobile\:deferred-media,
  .mobile\:deferred-media[host] {
    display: none;
  }

  .mobile\:deferred-media+.deferred-media {
    display: block;
  }

  .mobile\:deferred-media+.deferred-media[host] {
    display: grid;
  }
}

.deferred-poster .play-button {
  width: var(--sp-10);
  height: var(--sp-10);
  inset-block-start: var(--sp-5);
  inset-inline-end: var(--sp-5);
  color: rgb(var(--color-base-text));
  background-color: rgb(var(--color-base-background));
  transition: var(--animation-short);
  transition-property: opacity, background-color, backdrop-filter;
}

@media screen and (min-width: 1024px) {
  .deferred-poster .play-button {
    width: var(--sp-12);
    height: var(--sp-12);
  }

  .deferred-poster .play-button .icon {
    width: var(--sp-4);
    height: var(--sp-4);
  }
}

video-media[playing] .deferred-poster .play-button {
  background-color: rgb(var(--color-base-background)/ 0.7);
  backdrop-filter: blur(12px);
}

video-media .deferred-poster .play-button {
  opacity: 1;
  visibility: visible;
}

video-media[playing] .deferred-poster .play-button .icon:first-child:not(:only-child),
video-media:not([playing]) .deferred-poster .play-button .icon:last-child:not(:only-child) {
  display: none;
}

.video-hero video-media .play-button {
  inset-block-start: auto;
  inset-block-end: var(--sp-5);
  inset-inline-end: var(--sp-5);
}

.js .section:not(.section--next-rounded) .video-hero video-media .play-button {
  inset-block-end: calc(var(--sp-5) + var(--border-radius));
}

.js .section:not(.section--next-rounded) .page-width .video-hero video-media .play-button {
  inset-block-end: var(--sp-5);
}

.video-hero__content {
  margin-block-start: -100vh;
}

.video-hero__content .banner__box {
  padding-block: 50vh 25vh;
}

.video-hero__content .banner__box>* {
  margin-block-start: 0;
  padding-block-end: 33vh;
}

/*! collage */

.collage.on-scroll {
  gap: var(--grid-gap);
  overflow: hidden;
}

@supports (overflow: clip) {
  .collage.on-scroll {
    overflow-y: clip;
    overflow-x: visible;
  }
}

.collage .title-wrapper {
  display: grid;
  margin-block-end: 0;
}

.collage .title-wrapper>:is(p) {
  margin-block-start: var(--sp-3);
}

.collage__item {
  border-radius: var(--rounded-block);
}

@media screen and (pointer: fine) {
  .collage__item.with-image .media+.media {
    transition: opacity var(--animation-primary);
  }

  .collage__item.with-image:hover .media+.media~* {
    color: rgb(var(--color-foreground));
  }

  .collage__item.with-image:hover .media+.media {
    opacity: 1;
    pointer-events: auto;
  }
}

.js .collage .banner .banner__overlay {
  height: 100%;
}

.collage .banner__overlay {
  background: linear-gradient(180deg, rgb(var(--color-overlay)/ 0) 50%, rgb(var(--color-overlay)/ var(--overlay-opacity)) 100%);
}

.collage .banner__overlay.items-start {
  background: linear-gradient(180deg, rgb(var(--color-overlay)/ var(--overlay-opacity)) 0%, rgb(var(--color-overlay)/ 0) 50%);
}

@media screen and (min-width: 768px) {
  .collage .banner__overlay.md\:items-start {
    background: linear-gradient(180deg, rgb(var(--color-overlay)/ var(--overlay-opacity)) 0%, rgb(var(--color-overlay)/ 0) 50%);
  }
}

.collage .banner__box {
  padding: var(--sp-6);
  height: 100%;
  width: 100%;
  min-width: unset;
  max-width: unset;
}

.collage .banner__box p~p {
  margin-block-start: var(--sp-2d5);
}

.collage.on-scroll .banner__box p {
  display: inline-block;
  max-width: max(62%, var(--sp-32));
}

.collage .deferred-media~* {
  transition: var(--animation-short);
  transition-property: opacity, visibility;
}

.collage .deferred-media[playing]~* {
  opacity: 0;
  visibility: hidden;
}

.collage .media-card__text {
  --tw-translate-x: 0;
}

@media screen and (max-width: 767px) {
  .collage-left,
  .collage-right {
    transform: translateY(0) !important;
  }
}

@media screen and (max-width: 1023px) {
  .collage.with-richtext {
    gap: clamp(var(--sp-8), 2.526vw, var(--sp-12));
  }
}

@media screen and (min-width: 1024px) {
  .collage.on-scroll {
    grid-template-columns: 1fr 2fr;
  }

  .collage.without-heading {
    grid-template-columns: 1fr;
  }

  .collage.with-richtext {
    gap: var(--grid-gap);
    grid-template-columns: 2fr 3fr;
  }

  .collage-medium.with-richtext {
    grid-template-columns: 1fr 1fr;
  }

  .collage-large.with-richtext {
    grid-template-columns: 3fr 2fr;
  }

  .collage .banner__box {
    padding: var(--sp-10);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .collage.on-scroll .banner__box p {
    max-width: max(82%, var(--sp-32));
  }
}

@media screen and (min-width: 1280px) {
  .collage .title-wrapper {
    padding-inline-end: var(--grid-gap);
  }
}

@media screen and (min-width: 1536px) {
  .collage.with-richtext {
    gap: 0;
    grid-template-columns: 3fr 4fr;
  }

  .collage-medium.with-richtext {
    grid-template-columns: 1fr 1fr;
  }

  .collage-large.with-richtext {
    grid-template-columns: 4fr 3fr;
  }

  .collage.with-richtext,
  .collage.with-richtext .title-wrapper,
  .collage.with-richtext .rich-text {
    padding-inline: var(--grid-gap);
  }
}

/*! collage-grid */

.collage.with-grid {
  grid: auto-flow dense var(--collage-row-height) / repeat(2, minmax(0, 1fr));
}

.collage.with-grid .collage__item {
  grid-area: span min(2, var(--collage-row)) / span min(2, var(--collage-column));
}

@media screen and (min-width: 768px) {
  .collage.with-grid {
    --row-height: max(150px, min(100vw / 5, var(--collage-row-height)));
    grid: auto-flow dense var(--row-height) / repeat(10, minmax(0, 1fr));
  }

  .collage.with-grid .collage__item {
    grid-area: span var(--collage-row) / span var(--collage-column);
  }
}

/*! featured-collections */

.featured-collections .title-wrapper {
  margin-block-end: var(--sp-6);
}

.tab-list .scroll-area {
  overflow-y: auto;
}

.tab-list {
  margin-block-end: clamp(var(--sp-8), 2.526vw, var(--sp-12));
}

.tab__item {
  --buttons-border-width: 0;
}

.tab__item[disabled] {
  opacity: 1;
}

.tab__item.button--secondary {
  background-color: rgb(var(--color-foreground)/ 0.025);
}

.tab__item img {
  max-width: var(--sp-5d5);
}

@media screen and (max-width: 767px) {
  .tab-list .scroll-area {
    padding-inline: var(--page-padding);
    margin-inline: calc(var(--page-padding) * -1);
  }

  .tab__item {
    max-height: 2.75rem;
    font-size: var(--text-xs);
    padding: var(--sp-3d5) var(--sp-4);
  }
}

/*! countdown-timer */

.countdown__timer {
  --countdown-gap: var(--sp-8);
  column-gap: var(--countdown-gap);
  row-gap: calc(var(--countdown-gap) / 2);
}

.countdown__timer:not([hidden])+.countdown__message {
  display: none;
}

.countdown__item {
  display: grid;
  gap: var(--sp-2);
}

.countdown__item span {
  line-height: normal;
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.countdown__item p {
  position: relative;
  display: grid;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}

.countdown__timer.body .countdown__item p {
  font-weight: var(--font-body-weight);
  letter-spacing: var(--font-body-letter-spacing);
}

.countdown__timer.heading .countdown__item p {
  font-weight: var(--font-heading-weight);
  letter-spacing: var(--font-heading-letter-spacing);
}

.countdown__item p::after {
  content: ':';
  position: absolute;
  line-height: 1;
  font-size: var(--title-sm);
  inset-inline-end: calc(var(--countdown-gap) / -2);
  transform: translateX(calc(50% * var(--transform-logical)));
  color: rgb(var(--color-highlight));
}

.countdown__item:last-child p::after {
  content: none;
}

@media screen and (min-width: 1024px) {
  .countdown__timer {
    --countdown-gap: var(--sp-12);
  }
}

/*! image-comparison */

.image-comparison {
  --percent: 50%;
  --button-touch: 44px;
  --button-line: 3px;
  --button-width: 28px;
  --button-height: 48px;
  --svg-width: 10px;
  border-radius: var(--rounded-block);
}

@media screen and (min-width: 1024px) {
  .image-comparison {
    --button-line: 4px;
    --button-width: 38px;
    --button-height: 64px;
    --svg-width: 12px;
  }
}

.js .image-comparison {
  --percent: 10%;
}

.js .image-comparison[animate] {
  --percent: 50%;
}

@media (prefers-reduced-motion: reduce) {
  .js .image-comparison,
  .js .image-comparison[animate] {
    --percent: 50%;
  }
}

.image-comparison.animating .comparison__after {
  transition: clip-path var(--animation-smooth);
}

.image-comparison.animating .comparison__button {
  transition: var(--animation-smooth);
  transition-property: inset-block-start, inset-inline-start;
}

.image-comparison[data-layout=horizontal] .comparison__after {
  clip-path: inset(0px 0px 0px var(--percent));
}

.image-comparison[data-layout=vertical] .comparison__after {
  clip-path: inset(var(--percent) 0px 0px 0px);
}

.comparison__button {
  color: currentColor;
  background: none;
  border: none;
}

.image-comparison[data-layout=horizontal] .comparison__button {
  inset-block-start: 0;
  inset-inline-start: var(--percent);
  height: 100%;
  width: var(--button-touch);
  margin-inline-start: calc(var(--button-touch) / -2);
  cursor: col-resize;
}

.image-comparison[data-layout=vertical] .comparison__button {
  inset-inline-start: 0;
  inset-block-start: var(--percent);
  width: 100%;
  height: var(--button-touch);
  margin-block-start: calc(var(--button-touch) / -2);
  cursor: row-resize;
}

.comparison__button::before,
.comparison__button::after {
  content: '';
  z-index: -1;
  position: absolute;
  background-color: rgb(var(--color-background));
}

.image-comparison[data-layout=horizontal] .comparison__button::before,
.image-comparison[data-layout=horizontal] .comparison__button::after {
  width: var(--button-line);
  height: 50%;
  inset-inline-start: 50%;
  margin-inline-start: calc(var(--button-line) / -2);
}

.image-comparison[data-layout=vertical] .comparison__button::before,
.image-comparison[data-layout=vertical] .comparison__button::after {
  width: 50%;
  height: var(--button-line);
  inset-block-start: 50%;
  margin-block-start: calc(var(--button-line) / -2);
}

.image-comparison[data-layout=horizontal] .comparison__button::before {
  inset-block-start: 0;
}

.image-comparison[data-layout=horizontal] .comparison__button::after {
  inset-block-end: 0;
}

.image-comparison[data-layout=vertical] .comparison__button::before {
  inset-inline-start: 0;
}

.image-comparison[data-layout=vertical] .comparison__button::after {
  inset-inline-end: 0;
}

.comparison__button span {
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: var(--button-width);
  height: var(--button-height);
  margin-inline-start: calc(var(--button-width) / -2);
  margin-block-start: calc(var(--button-height) / -2);
  border-radius: var(--rounded-full);
  background-color: rgb(var(--color-background));
}

.image-comparison[data-layout=vertical] .comparison__button span {
  transform: rotate(90deg);
}

.comparison__button svg {
  width: var(--svg-width);
}

.comparison__after .placeholder {
  background-color: rgb(var(--color-base-text)/ 0.6);
}

@media screen and (max-width: 767px) {
  .image-comparison:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt) {
    height: auto;
  }

  .image-comparison:is(.media--adapt.mobile\:media--auto, .mobile\:media--adapt) .media {
    height: 0;
    padding-block-end: var(--ratio-percent);
  }
}

@media screen and (min-width: 768px) {
  .image-comparison.media--adapt .media {
    height: 0;
    padding-block-end: var(--ratio-percent);
  }
}

.image-comparison.scrolling .comparison__box {
  opacity: 0;
}

.comparison__box {
  padding: clamp(var(--sp-5), 2.105vw, var(--sp-10));
  color: rgb(var(--color-foreground));
  transition: opacity var(--animation-primary);
}

.comparison__box--center {
  align-items: center;
}

.comparison__box--end {
  align-items: flex-end;
}

.image-comparison[data-layout=vertical] .comparison__box {
  text-align: start;
  align-items: flex-end;
}

.image-comparison[data-layout=vertical] .comparison__box--center {
  text-align: center;
}

.image-comparison[data-layout=vertical] .comparison__box--end {
  text-align: end;
}

.image-comparison[data-layout=vertical] .comparison__before .comparison__box {
  align-items: flex-start;
}

[data-lazy-image] .image-comparison[data-layout=horizontal] .media.loading::before,
[data-lazy-image] .image-comparison[data-layout=horizontal] .media.loading::after {
  inset-inline-start: calc(var(--percent) / 2);
}

[data-lazy-image] .image-comparison[data-layout=horizontal] .comparison__after .media.loading::before,
[data-lazy-image] .image-comparison[data-layout=horizontal] .comparison__after .media.loading::after {
  inset-inline-start: calc(calc(100% - var(--percent)) / 2 + var(--percent));
}

[data-lazy-image] .image-comparison[data-layout=vertical] .media.loading::before,
[data-lazy-image] .image-comparison[data-layout=vertical] .media.loading::after {
  inset-block-start: calc(var(--percent) / 2);
}

[data-lazy-image] .image-comparison[data-layout=vertical] .comparison__after .media.loading::before,
[data-lazy-image] .image-comparison[data-layout=vertical] .comparison__after .media.loading::after {
  inset-block-start: calc(calc(100% - var(--percent)) / 2 + var(--percent));
}

/*! lookbook */

@keyframes hotspot {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(0.9)
  }

  to {
    transform: scale(1)
  }
}

.page-width lookbook-element {
  overflow: hidden;
  border-radius: var(--rounded-block);
}

.js .page-width lookbook-element.banner :is(.banner__overlay, .banner__media) {
  height: 100%;
}

@media screen and (min-width: 768px) {
  lookbook-element .banner__box {
    min-width: auto;
    max-width: 28rem;
    color: rgb(var(--color-foreground));
  }
  
  lookbook-element .banner__box .title-wrapper {
    text-align: inherit;
    flex-direction: column;
  }
  
  lookbook-element .banner__content .text-left .title-wrapper {
    align-items: flex-start;
  }

  lookbook-element .banner__content .text-center .title-wrapper {
    align-items: center;
  }
  
  lookbook-element .banner__content .text-right .title-wrapper {
    align-items: flex-end;
  }
}

.hotspot {
  --hotspot-width: var(--sp-11);
  width: var(--hotspot-width);
  height: var(--hotspot-width);
  inset-inline-start: var(--hotspot-x);
  inset-block-start: var(--hotspot-y);
  margin-inline-start: calc(var(--hotspot-width)/ -2);
  margin-block-start: calc(var(--hotspot-width)/ -2);
}

.hotspot::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--rounded-full);
  background-color: rgb(var(--hotspot-color)/ 0.4);
  transition: box-shadow var(--animation-primary);
  animation: hotspot 2s ease infinite;
}

.hotspot::after {
  content: '';
  position: absolute;
  width: var(--sp-4);
  height: var(--sp-4);
  border-radius: var(--rounded-full);
  background-color: rgb(var(--hotspot-color));
  transition: transform var(--animation-primary);
}

@media screen and (pointer: fine) {
  .hotspot:hover::before {
    box-shadow: inset 0 0 0 var(--sp-0d5) rgb(var(--hotspot-color));
  }

  .hotspot:hover::after {
    transform: scale(1.7);
  }

  .hotspot:hover .hotspot__content {
    opacity: 1;
    transform: scale(1);
  }
}

.hotspot[aria-current=true] {
  z-index: 2;
}

.hotspot[aria-current=true]::after,
.hotspot.active::after {
  transform: scale(1.7);
}

.hotspot.active .hotspot__content {
  opacity: 1;
  transform: scale(1);
}

.hotspot__content {
  padding: var(--sp-2);
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  border-radius: var(--sp-2d5);
  inset-block-start: calc(100% + var(--sp-6));
  opacity: 0;
  transform: scale(0.8);
  transition: var(--animation-primary);
  transition-property: opacity, transform;
}

.hotspot__content.with-left {
  inset-inline-start: 0;
}

.hotspot__content.with-right {
  inset-inline-end: 0;
}

.hotspot__content.with-bottom {
  inset-block-start: auto;
  inset-block-end: calc(100% + var(--sp-6));
}

.with-content .hotspot__content .rte {
  min-width: var(--sp-72);
}

.with-content .hotspot__content .rte>.media {
  margin-block: 0;
}

.hotspot__content .rte {
  min-width: var(--sp-48);
  padding: var(--sp-2);
}

.hotspot__content .rte p {
  margin-block: 0;
}

.hotspot__content .icon {
  height: auto;
  inset-block-end: 100%;
  inset-inline-start: 50%;
  transform: translateX(calc(-50% * var(--transform-logical)));
  fill: rgb(var(--color-background));
}

.hotspot__content.with-left .icon {
  inset-inline-start: var(--sp-8);
}

.hotspot__content.with-right .icon {
  inset-inline-start: auto;
  inset-inline-end: var(--sp-8);
}

.hotspot__content.with-bottom .icon {
  inset-block-end: auto;
  inset-block-start: 100%;
  transform: translateX(calc(-50% * var(--transform-logical))) scaleY(-1);
}

.hotspot__content .media {
  width: var(--sp-15);
  border-radius: var(--sp-2d5);
}

.hotspot__content :is(.unit-price, .price__sale, .price__regular) {
  font-size: inherit;
}

@media screen and (min-width: 1024px) {
  .hotspot {
    --hotspot-width: var(--sp-15);
  }

  .hotspot::after {
    width: var(--sp-5);
    height: var(--sp-5);
  }

  .hotspot__content .media {
    width: var(--sp-20);
  }
}

/*! shop-the-look */

.shop-the-look .title-wrapper {
  margin-block-end: calc(clamp(var(--sp-8), 2.526vw, var(--sp-12)) - var(--sp-6));
}

.shop-the-look .title-wrapper>.grid {
  width: 100%;
}

.shop-the-look .banner .banner__media,
.shop-the-look .banner .banner__overlay {
  border-radius: var(--rounded-block);
}

.shop-the-look .product-card {
  width: 100%;
}

.shop-the-look .product-card--standard .product-card__content {
  padding-block-end: 0;
}

.shop-the-look .product-card--standard.product-card--thickness .product-card__content {
  padding-block-end: clamp(var(--sp-4), 1.263vw, var(--sp-6));
}

@media screen and (max-width: 1023px) {
  .shop-the-look .product-card {
    gap: var(--sp-4);
    margin-inline-end: var(--sp-10);
    align-items: center;
    grid-template-columns: auto 1fr;
    background-color: transparent;
    border-radius: 0;
  }

  .shop-the-look .product-card.mobile\:with-quick-add {
    display: grid;
    grid-template-columns: auto 1fr auto;
  }

  .shop-the-look .product-card__media {
    overflow: hidden;
    width: var(--sp-24);
    border-radius: var(--card-radius);
  }

  .shop-the-look .product-card__content {
    padding: 0;
  }

  .shop-the-look .product-card :is(.badges, .product-card__rating, .product-card__bottom, .quick-view__button, .quick-add) {
    display: none;
  }

  .shop-the-look .product-card__carousel {
    display: none;
  }

  .shop-the-look .product-card__carousel~img {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

@media screen and (max-width: 1023px) {
  .shop-the-look .product-card__content.text-center {
    text-align: unset;
  }

  .shop-the-look .product-card__content.text-center .product-card__details {
    display: flex;
  }
  
  .shop-the-look .product-card__content.text-center :is(.price, .unit-price, .product-card__bottom) {
    justify-content: unset;
  }
  
  .shop-the-look .product-card__content.text-center .price {
    align-items: unset;
    flex-direction: unset;
  }
  
  .shop-the-look .product-card__content.text-center .price__sale {
    place-self: unset;
  }
}

@media screen and (max-width: 767px) {
  .shop-the-look .product-card__media {
    width: var(--sp-20);
  }
}

@media screen and (min-width: 1024px) {
  .shop-the-look {
    grid-template: "title title" "lookbook carousel" /minmax(0, 2fr) minmax(0, 1fr);
    grid-column-gap: var(--grid-gap);
  }

  .shop-the-look lookbook-element {
    grid-area: lookbook;
  }

  .shop-the-look carousel-element {
    grid-area: carousel;
  }

  .shop-the-look .title-wrapper {
    grid-area: title;
  }
}

@media screen and (min-width: 1536px) {
  .shop-the-look {
    grid-template: "lookbook title" "lookbook carousel" /minmax(0, 2fr) minmax(0, 1fr);
    grid-template-rows: auto 1fr;
  }

  .shop-the-look carousel-element,
  .shop-the-look .title-wrapper {
    padding-inline: var(--grid-gap);
  }

  .shop-the-look .title-wrapper {
    text-align: unset;
  }

  .shop-the-look .title-wrapper .description {
    justify-self: unset;
  }
}

.shop-the-look carousel-element>.product-card~.product-card,
.no-js .shop-the-look carousel-element .product-card:not(:first-child) {
  display: none;
}

/*! slideshow */

.page-width .slideshow {
  border-radius: var(--rounded-block);
  transform: translateZ(0);
  overflow: hidden;
}

.page-width .slideshow :is(.banner, .banner__overlay) {
  border-radius: 0;
}

.page-width .slideshow .banner {
  margin-inline-end: 0;
}

.slideshow .flickity-viewport {
  height: 100%;
}

.slideshow>.banner~.banner {
  display: none;
}

.slideshow:not(.slideshow--hero) :is(.banner, .banner__overlay) {
  border-radius: var(--rounded-block);
}

.slideshow:not(.slideshow--hero) .banner {
  margin-inline-end: var(--sp-7d5);
  max-width: var(--page-container);
}

.slideshow .banner__overlay {
  background: linear-gradient(180deg, rgb(var(--color-overlay)/ var(--overlay-opacity)) 50%, rgb(var(--color-overlay)/ calc(var(--overlay-opacity) * 4)) 100%);
}

.slideshow-logo {
  padding-block-end: calc(var(--grid-gap) + clamp(var(--sp-4), 2.105vw, var(--sp-10)) + var(--sp-4d5));
}

.slideshow-content {
  padding: var(--page-padding);
}

@media screen and (min-width: 1024px) {
  .slideshow-content {
    padding: var(--grid-gap);
  }
}

@media screen and (min-width: 1536px) {
  .slideshow-content {
    padding-inline: calc(var(--grid-gap) * 2);
  }

  .page-width .slideshow+.page-width .slideshow-content {
    padding-inline: var(--grid-gap);
  }
}

.no-js .slideshow-dots {
  display: none;
}

.slideshow-dots .icon {
  width: clamp(var(--sp-8), 2.105vw, var(--sp-10));
  height: clamp(var(--sp-8), 2.105vw, var(--sp-10));
}

@media screen and (min-width: 640px) {
  .slideshow-dots {
    margin-block-start: var(--sp-8);
    border-block-start: 1px solid rgb(var(--color-border));
  }

  .slideshow-dots .flickity-page-dots {
    justify-content: flex-start;
    margin-block-start: clamp(var(--sp-4), 2.105vw, var(--sp-10));
    margin-block-end: calc(var(--sp-1d5) * -1);
    margin-inline-start: calc(var(--sp-1d5) * -1);
  }
}

.slideshow-words .banner__box {
  padding-block: 0;
}

.slideshow-word:not([aria-current=true]) {
  display: none;
}

@media screen and (max-width: 639px) {
  .slideshow-word .split-words .word {
    white-space: unset;
  }
}

.slideshow-control:focus {
  clip: auto;
  color: rgb(var(--color-button-text));
  background: var(--color-button-gradient);
  background-color: rgb(var(--color-button-background));
  margin: 0;
  transition: none;
  z-index: 10000;
  width: var(--sp-12);
  height: var(--sp-12);
  inset-block-start: var(--sp-5);
  inset-inline-start: 50%;
  transform: translateX(calc(-50% * var(--transform-logical)));
}

.slideshow-control[paused] .slideshow-control__pause,
.slideshow-control__play {
  display: none;
}

.slideshow-control[paused] .slideshow-control__play {
  display: block;
}

.slideshow-control .icon {
  width: var(--sp-4);
  height: var(--sp-4);
}

.slideshow:not(.flickity-enabled) .banner,
.no-js .slideshow .banner {
  margin-inline: auto;
  position: relative;
}

.no-js .slideshow .banner:not(:first-child) {
  display: none;
}

@media screen and (min-width: 1024px) {
  .slideshow--hero {
    --title-md: clamp(var(--sp-8), 6.737vw, var(--sp-16));
  }
}

.slideshow--hero.flickity-enabled {
  max-height: var(--max-height);
}

.slideshow--hero .flickity-viewport {
  height: calc(var(--max-height) + var(--border-radius));
}

.slideshow--hero .slideshow-content {
  padding-inline: 0;
}

@media screen and (min-width: 768px) {
  .js .hero-section {
    position: sticky;
    inset-block-start: 0;
  }
}

.hero-section.hero-scrolled {
  position: static;
}

[data-page-rendering] #MainContent .shopify-section+.shopify-section~.shopify-section {
  content-visibility: auto;
}

.shopify-design-mode [data-page-rendering] #MainContent .shopify-section+.shopify-section~.shopify-section,
.no-js [data-page-rendering] #MainContent .shopify-section+.shopify-section~.shopify-section,
.no-touch [data-page-rendering] #MainContent .shopify-section+.shopify-section~.shopify-section {
  content-visibility: visible;
}

[data-page-rendering] .media.loading::after {
  animation: none;
}

[data-page-rendering] .label-swatch,
[data-page-rendering] .label-swatch::after,
[data-page-rendering] .color-swatch::after,
[data-page-rendering] .product__info.lg\:sticky,
[data-page-rendering] .product__gallery-container.lg\:sticky {
  transition-property: none;
}

/*! product-countdown */

.product-countdown {
  padding: var(--sp-4) var(--sp-5);
  color: rgb(var(--color-foreground));
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
}

[data-rounded-block=round] .product-countdown {
  border-radius: var(--sp-2d5);
}

.product-countdown .icon-xl {
  width: var(--sp-8);
  height: var(--sp-8);
}

.product-countdown .countdown__timer {
  --countdown-gap: var(--sp-5);
}

.product-countdown .countdown__item {
  position: relative;
  gap: var(--sp-0d5);
  padding: var(--sp-1d5) var(--sp-2d5);
  background-color: rgb(var(--color-base-background));
}

[data-rounded-block=round] .product-countdown .countdown__item {
  border-radius: var(--sp-1d5);
}

.product-countdown .countdown__item p {
  position: static;
  line-height: 1.25;
  font-weight: 700;
  font-size: var(--text-base);
}

@media screen and (min-width: 1024px) {
  .product-countdown .countdown__item p {
    font-size: var(--text-lg);
  }
}

@media screen and (min-width: 1280px) {
  .product-countdown .countdown__item p {
    font-size: var(--text-xl);
  }
}

.product-countdown .countdown__item p::after {
  font-size: var(--text-xl);
  color: rgb(var(--color-foreground));
  inset-block-start: 50%;
  transform: translateX(calc(50% * var(--transform-logical))) translateY(-50%);
}

.product-countdown .countdown__item span {
  line-height: 1;
  font-size: var(--text-3xs);
}

/*! Back-in-stock */

.back-in-stock {
  padding: var(--sp-5) var(--sp-6);
  background-color: rgb(var(--color-foreground)/ 0.025);
}

[data-rounded-block=round] .back-in-stock {
  border-radius: var(--sp-2d5);
}

.back-in-stock .input {
  background-color: rgb(var(--color-background));
}

.back-in-stock.buy-buttons {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

/*! product-details */

.specifications {
  gap: var(--grid-gap);
}

.specifications .specification {
  padding-block-start: var(--sp-2d5);
}

.specifications .specification p:first-child {
  margin-block-start: 0;
}

.specifications .specification :is(ul, p):first-child,
.specifications .specification h6+:is(ul, p) {
  margin-block-start: 0;
}

.specifications .specification :is(ul, p):last-child {
  margin-block-end: 0;
}

.specifications .specification li {
  margin-block-start: 0;
}

.specifications .specification :is(h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  margin-block-end: var(--sp-2);
  margin-block-start: 0;
}

.specifications.with-border .specification *:not(h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  color: rgb(var(--color-foreground)/ 0.6);
}

.specifications .specification .col-span-full:nth-child(odd):last-child {
  grid-column: 1/-1;
}

.specifications .specification>.col-span-full>*+.grid {
  padding-block-start: var(--sp-6);
  border-block-start: 1px solid rgb(var(--color-border));
}

.specifications .accordion .details__content {
  max-width: 100%;
}

.specs__sidebar {
  background-color: rgb(var(--color-foreground)/ 0.025);
  padding: var(--sp-7d5) var(--gap-padding);
  border-radius: var(--rounded-block);
}

.specs__sidebar>ul li {
  width: var(--sp-24);
}

.specs__sidebar .media {
  width: var(--sp-24);
  height: var(--sp-24);
  background-color: rgb(var(--color-background));
}

.specs__sidebar .media img {
  max-width: var(--sp-12);
}

.specifications .grow+.grow-0 {
  padding-block-start: var(--sp-18);
}

.specs__sidebar .icon-box {
  width: var(--sp-56);
  height: auto;
  position: absolute;
  inset-block-end: 100%;
  inset-inline-start: 50%;
  transform: translateX(calc(-50% * var(--transform-logical)));
}

.specs__sidebar .icon-box .fill {
  fill: rgb(var(--color-background));
}

@media screen and (min-width: 768px) {
  .specs__sidebar {
    padding: var(--sp-10);
  }
}

@media screen and (min-width: 1024px) {
  .specs__sidebar {
    width: clamp(340px, 30vw, 480px);
    padding-inline: var(--sp-12);
  }

  .specifications .grow+.grow-0 {
    padding-block-start: 0;
  }
}

@media screen and (min-width: 1536px) {
  .specifications-section :is(.title-wrapper, .specifications) {
    padding-inline: calc(var(--grid-gap) * 2);
  }
}

.specifications.with-background .accordions {
  border-block: none;
}

.specifications.with-background .accordion {
  background-color: rgb(var(--color-foreground)/ 0.04);
}

[data-rounded-block=round] .specifications.with-background .accordion {
  border-radius: var(--sp-2d5);
}

.specifications.with-background .accordion+.accordion {
  border-block-start: none;
  margin-block-start: var(--sp-1);
}

.specifications.with-background .accordion :is(.details__summary, .details__content) {
  padding: var(--sp-7);
}

@media screen and (min-width: 1024px) {
  .specifications.with-background .accordion :is(.details__summary, .details__content) {
    padding: var(--sp-8d5);
  }
}

.specifications.with-background .accordion .details__content {
  padding-block-start: 0;
}

.product-sticky-form__card {
  border-block-start: 1px solid rgb(var(--color-border));
  background-color: rgb(var(--color-background));
  padding: var(--sp-4) var(--sp-5);
}

[data-rounded-block=round] .product-sticky-form__card {
  border-start-start-radius: var(--border-radius);
  border-start-end-radius: var(--border-radius);
}

[data-rounded-block=round] .product-sticky-form .media {
  border-radius: var(--sp-2);
}

.product-sticky-form .product-form__error-message {
  padding: 0;
  background-color: transparent;
}

.product-sticky-form__variant {
  grid-template-columns: minmax(0, 1fr) auto;
}

@media screen and (min-width: 768px) {
  .product-sticky-form {
    width: 550px;
    inset-inline-end: var(--sp-5);
    inset-block-end: var(--sp-5);
  }

  .product-sticky-form__card {
    padding: var(--sp-4);
    border: 1px solid rgb(var(--color-border));
  }

  [data-rounded-block=round] .product-sticky-form__card {
    border-radius: var(--sp-3);
  }

  .product-sticky-form__variant {
    grid-template-columns: 80px minmax(0, 1fr) auto;
  }

  .product-sticky-form__variant.no-image {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media screen and (max-width: 767px) {
  .product-sticky-form .button {
    padding: 0;
    width: var(--sp-11);
    height: var(--sp-11);
  }

  .product-sticky-form__card::before {
    content: '';
    z-index: -1;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: calc(100% + var(--border-radius));
    background-color: rgb(var(--color-background));
  }
  
  [data-rounded-block=round] .product-sticky-form__card::before {
    border-start-start-radius: var(--border-radius);
    border-start-end-radius: var(--border-radius);
  }
}

/*! reveal-banner */

[data-rounded-block=round] .reveal-banner {
  --rounded-block: var(--border-radius);
}

.reveal-banner__scroller {
  background-color: rgb(var(--color-background));
  height: 200vh;
}

.reveal-banner__tracker {
  height: 120vh;
}

.reveal-banner__tracker2nd {
  height: 30vh;
  inset-block-start: 120vh;
}

@supports (height: 100lvh) {
  .reveal-banner__scroller {
    height: 200lvh;
  }
  
  .reveal-banner__tracker {
    height: 120lvh;
  }
  
  .reveal-banner__tracker2nd {
    height: 30lvh;
    inset-block-start: 120lvh;
  }
  
  .reveal-banner .banner {
    height: 100lvh;
  }
}

.no-js .reveal-banner__scroller {
  height: auto;
}

/*! splitting-banner */

.splitting-banner svg.placeholder {
  background-color: rgb(var(--color-base-text));
  fill: rgb(var(--color-base-background));
  color: rgb(var(--color-base-background));
}

.splitting-banner .reveal-banner__scroller {
  height: 120vh;
}

.splitting-banner .reveal-banner__tracker {
  inset-block-start: 20%;
  height: calc(100vh - 20%);
}

.splitting-banner .reveal-banner__tracker2nd {
  height: 60%;
  inset-block-start: 60%;
}

@supports (height: 100lvh) {
  .splitting-banner .reveal-banner__scroller {
    height: 120lvh;
  }
  
  .splitting-banner .reveal-banner__tracker {
    height: calc(100lvh - 20%);
  }
}

.splitting-banner .media--transparent.loading {
  background-color: transparent;
}

.js .splitting-wrapper {
  opacity: 0;
}

.no-js .splitting-banner .reveal-banner__scroller {
  position: static;
}

.no-js .splitting-banner .reveal-banner__scroller,
.no-js .splitting-banner .reveal-banner__scroller .banner {
  height: auto;
}

/*! highlight-text */

.highlight-text>* {
  vertical-align: middle;
  padding-inline: var(--sp-2);
}

.highlight-text .media--transparent.loading {
  background-color: transparent;
}

.highlight-text :is(img, svg) {
  display: inline;
}

[data-rounded-block=round] .highlight-text .media {
  border-radius: var(--rounded-full);
}

@media screen and (pointer: fine) {
  .highlight-text a .media svg {
    transition: var(--animation-primary);
    transition-property: opacity, transform;
  }
  
  .highlight-text a:hover .media :is(img, svg) {
    transform: scale(1.07);
  }
}

/*! product-bundle */

.product-bundle__sidebar {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  border: 2px solid rgb(var(--color-foreground));
  padding: var(--sp-5);
  border-radius: var(--rounded-block);
  max-height: calc(100vh - var(--header-height));
  max-height: calc(100svh - var(--header-height));
}

@media screen and (min-width: 1024px) {
  .product-bundle__sidebar {
    width: clamp(340px, 25vw, 430px);
    padding: var(--sp-7d5);
    max-height: calc(100vh - var(--sticky-header-height) - 40px);
    max-height: calc(100svh - var(--sticky-header-height) - 40px);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .product-bundle-wrapper .card-grid {
    --card-grid-per-row: 2;
  }
}

.product-bundle__sidebar .title-wrapper {
  margin-block-end: 0;
}

.product-bundle__sidebar .free-shipping-bar progress-bar::before {
  --tw-scale-x: var(--progress);
}

.product-bundle__sidebar .horizontal-product {
  padding-block: 0;
}

.product-bundle__sidebar .horizontal-product+.horizontal-product {
  border-block-start: 0;
}

.product-bundle__sidebar .horizontal-product:not([data-variant-id]) .media {
  aspect-ratio: 1 / 1;
}

.product-bundle__sidebar .cart-quantity {
  height: var(--sp-8d5);
  width: var(--sp-10d5);
}

@media screen and (min-width: 1024px) {
  .product-bundle__sidebar .cart-quantity .quantity__input {
    padding-inline-end: var(--sp-1);
  }
}

@media screen and (min-width: 1280px) {
  .product-bundle__sidebar .cart-quantity {
    height: var(--sp-12);
    width: var(--sp-18);
  }

  .product-bundle__sidebar .cart-quantity .quantity__input {
    padding-inline-end: var(--sp-3);
  }
}

.product-bundle__body {
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  scrollbar-color: auto;
  scrollbar-width: thin;
  padding-inline-end: var(--sp-5);
  margin-inline-end: calc(var(--sp-5) * -1);
}

.product-bundle__body::-webkit-scrollbar {
  -webkit-appearance: none;
  background-clip: padding-box;
  background-color: transparent;
  border-radius: var(--rounded-full);
  width: var(--sp-1d5)
}

.product-bundle__body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgb(var(--color-foreground)/ 0.2);
  border-radius: var(--rounded-full)
}

.product-bundle__footer {
  padding-block-start: var(--sp-2d5);
  border-block-start: 1px solid rgb(var(--color-border-light));
}

.product-bundle__footer .button[disabled]~p {
  display: none;
}

.product-bundle-wrapper[locked] .product-form__submit,
.product-card[locked] .product-form__submit {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.horizontal-product[available] .horizontal-product__quantity {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 1023px) {
  .product-bundle-wrapper>.lg\:grow {
    margin-block-end: -60vh;
    margin-block-end: -60lvh;
  }

  .product-bundle-wrapper>.lg\:grow-0 {
    position: sticky;
    z-index: 25;
    inset-block-end: 0;
    padding-block-start: 60vh;
    padding-block-start: 60lvh;
  }

  .product-bundle-wrapper>.lg\:grow-0.active {
    z-index: 30;
  }

  .product-bundle__sidebar {
    --color-background: var(--color-base-text);
    --color-foreground: var(--color-base-background);
    --color-price: var(--color-foreground);
    --color-button-background: var(--color-foreground);
    --color-button-border: var(--color-foreground);
    --color-button-text: var(--color-background);
    --color-border: var(--color-foreground)/ 0.1;
    --color-border-light: var(--color-foreground)/ 0.06;
    background-color: rgb(var(--color-background)/ 0.85);
    backdrop-filter: blur(20px);
    margin-inline: calc(var(--page-padding)* -1);
    border: none;
    border-radius: 0;
  }

  [data-rounded-block=round] .product-bundle__sidebar {
    border-start-start-radius: var(--border-radius);
    border-start-end-radius: var(--border-radius);
  }

  .product-bundle:not(.active) .product-bundle__body {
    display: none;
  }

  .product-bundle__footer {
    border-block-start: 0;
    padding-block-start: 0;
  }

  .product-bundle__footer .btn-text {
    border-inline-start: 1px solid currentColor;
    padding-inline-start: var(--sp-3d5);
  }

  .product-bundle__toggle>.icon {
    width: var(--sp-6);
    height: var(--sp-6);
  }

  .product-bundle.active .product-bundle__toggle>.icon {
    transform: scaleY(-1);
  }

  .product-bundle :is(.input, .select, .textarea) {
    background-color: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
  }

  @media screen and (pointer: fine) {
    .product-bundle__footer .btn-price {
      transition: color var(--animation-primary);
      transition-delay: 0.1s;
    }
  }
}

/*! shop-the-feed */

.shop-the-feed-section .title-wrapper .heading+.description {
  margin-block-start: calc(var(--sp-2) * -1);
}

.shop-the-feed .color-swatch {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background);
  border-radius: 0;
}

.shop-the-feed .color-swatch::before,
.shop-the-feed .color-swatch::after {
  content: none;
}

.shop-the-feed .horizontal-product {
  --cart-item-media-width: clamp(var(--sp-10), 3.368vw, var(--sp-16));
  padding-block-end: 0;
}

.shop-the-feed .horizontal-product__media,
.shop-the-feed .horizontal-product__media .media {
  height: auto;
}

.shop-the-feed .horizontal-product__media .media {
  border-radius: 0;
}

[data-rounded-block="round"] .shop-the-feed .horizontal-product__media .media {
  border-radius: 5px;
}

.shop-the-feed .product-card__media>.media {
  border-radius: var(--card-radius);
}

.shop-the-feed .product-card__media>.media>img:has(~video-media),
.shop-the-feed .product-card__media>.media>img~video-media>img {
  transform: none;
}

.shop-the-feed .media-card {
  border-radius: 0;
}

.shop-the-feed .badges {
  color: rgb(var(--color-foreground));
  inset-inline-start: auto;
  inset-inline-end: var(--sp-3);
}

@media screen and (min-width: 768px) {
  .shop-the-feed .badges {
    inset-inline-end: var(--sp-5);
  }
}

@media screen and (pointer: fine) {
  .shop-the-feed .product-card__media video-media {
    transition: opacity var(--animation-primary);
  }

  .shop-the-feed .media-card:hover video-media {
    opacity: 1;
    pointer-events: auto;
  }

  .shop-the-feed .horizontal-product__media {
    transition: width var(--animation-primary);
  }

  .shop-the-feed .horizontal-product:has(~ .media-card__button:focus-visible) .horizontal-product__media,
  .shop-the-feed .media-card:hover .horizontal-product__media {
    width: calc(var(--cart-item-media-width) * 0.8);
  }

  .shop-the-feed .media-card__content {
    gap: 0;
  }

  .shop-the-feed .media-card__button {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    border-radius: var(--buttons-radius);
    transition: var(--animation-primary);
    transition-property: max-height, opacity, margin;
  }

  .shop-the-feed .media-card__button .button {
    min-height: 3.125rem;
    padding-block: var(--sp-4);
  }

  .shop-the-feed .media-card__button:focus-visible,
  .shop-the-feed .media-card:hover .media-card__button {
    opacity: 1;
    max-height: 3.75rem;
    pointer-events: auto;
    margin-block-start: var(--sp-3);
  }
}

.social-account .social-account__media {
  --image-max-width: clamp(var(--sp-16), 4.21vw, var(--sp-20));
  --image-max-width-mobile: clamp(var(--sp-16), 4.21vw, var(--sp-20));
  padding: 3px;
  background-image: linear-gradient(30deg, #F7D00B 10%, #F60E0E 52%, #B700FF 94%);
}

.social-account .social-account__media img {
  padding: 3px;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
}

.text-right .social-account,
.text-right .social-account>.flex {
  flex-direction: row-reverse;
}

.text-center .social-account {
  justify-content: center;
}

.social-feed .product__info {
  padding-inline: 0;
  padding-block-start: 0;
}

.js .product__feed .drawer__header::before {
  content: none;
}

.product__feed .drawer__header {
  border-block-end: 1px solid rgb(var(--color-border-light));
  padding: var(--sp-8) var(--sp-5) var(--sp-6);
}

.product__feed .social-account {
  border-block-start: 1px solid rgb(var(--color-border-light));
  padding: var(--sp-6) var(--sp-5);
}

.product__feed .product__more {
  margin-block-start: 0;
  padding-inline: var(--sp-5);
}

@media screen and (min-width: 1024px) {
  .social-feed .product,
  .social-feed .product__gallery,
  .social-feed .product__content {
    height: auto;
  }

  .social-feed .drawer__content {
    overflow: hidden;
  }

  .social-feed .product {
    --product-grid: auto / minmax(0, 1.1fr) minmax(0, 0.9fr);
    grid: var(--product-grid);
  }

  .product__feed {
    position: absolute;
  }

  .product__feed .drawer__header,
  .product__feed .account__grid,
  .product__feed .product__more {
    padding-inline: var(--sp-12);
  }

  .product__feed .social-account {
    padding-inline: var(--sp-12);
  }
}

@media screen and (min-width: 1536px) {
  .product__feed .drawer__header {
    padding-block-end: var(--sp-8);
    padding-block-start: var(--sp-10);
  }
}

@media screen and (max-width: 639px) {
  .shop-the-feed .mobile\:card-grid--2 .media-card__button {
    display: none;
  }
}

.touch .shop-the-feed .product-card__media video-media {
  opacity: 1;
  pointer-events: visible;
}

.touch .shop-the-feed .product-card__media img:has(~video-media) {
  pointer-events: none;
}

/*! newsletter-popup */

.newsletter-section {
  display: none;
}

/*! Shopify Cookie banner */

#shopify-pc__banner {
  display: none !important;
}

/*! custom-section */

.custom-section .overlay {
  z-index: var(--overlay-layer);
}

.custom-section .overlay--solid {
  background: var(--overlay-color);
}

.custom-section .overlay--gradient {
  background: linear-gradient(var(--overlay-direction), var(--overlay-color), var(--overlay-color--end));
}

.custom-section .media--contain>video {
  object-fit: contain;
}

.custom-section .newsletter-form {
  max-width: 100%;
  width: 28rem;
}

.custom-section .newsletter-form:is(.mobile\:w-fill, .mobile\:w-custom) {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .custom-section .newsletter-form:is(.mobile\:w-fit-content) {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .custom-section .newsletter-form:is(.w-fill, .w-custom) {
    width: 100%;
  }
}

.custom-section .media--custom {
  height: var(--section-height)
}

@media screen and (max-width: 767px) {
  .custom-section .mobile\:media--custom {
    height: var(--section-height-mobile)
  }
}

.custom-section .highlighted-text {
  z-index: 0;
}

.section-content {
  gap: var(--gap);
}

.group-block >:is(.group-block__media, .group-block__content, .overlay) {
  border-radius: var(--border-radius);
}

.group-block >.group-block__content {
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
}

.group-block__link ~:is(.group-block__media, .group-block__content) {
  pointer-events: none;
}

.group-block__link ~:is(.group-block__media, .group-block__content) :is(a, button, input, textarea, select) {
  pointer-events: auto;
}

.group-block__content {
  gap: var(--gap);
}

.size-style {
  width: var(--size-style-width-mobile, var(--size-style-width));
  height: var(--size-style-height-mobile, var(--size-style-height));

  @media screen and (width >= 768px) {
    width: var(--size-style-width);
    height: var(--size-style-height);
  }
}

.spacing-style {
  --spacing-scale: 0.7;

  @media screen and (width >= 1024px) {
    --spacing-scale: 1.0;
  }

  --padding-block: 0px;
  --padding-block-start: var(--padding-block, 0px);
  --padding-block-end: var(--padding-block, 0px);
  --padding-inline: 0px;
  --padding-inline-start: var(--padding-inline, 0px);
  --padding-inline-end: var(--padding-inline, 0px);
  --margin-block: 0px;
  --margin-block-start: var(--margin-block, 0px);
  --margin-block-end: var(--margin-block, 0px);
  --margin-inline: 0px;
  --margin-inline-start: var(--margin-inline, 0px);
  --margin-inline-end: var(--margin-inline, 0px);

  padding-block: var(--padding-block-start) var(--padding-block-end);
  padding-inline: var(--padding-inline-start) var(--padding-inline-end);
  margin-block: var(--margin-block-start) var(--margin-block-end);
  margin-inline: var(--margin-inline-start) var(--margin-inline-end);
}

.border-style {
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-radius: var(--border-radius);
}

.content-style {
  color: rgb(var(--color-foreground));
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
}

.flex-row > .group-block--width-fit {
  flex: 0;
}

.flex-row > .group-block--width-fill {
  flex: 1;
}

.flex-row > .group-block--width-custom {
  flex-basis: var(--size-style-width);
}

.group-block--height-fit {
  height: auto;
}

.group-block--height-custom,
.group-block--height-fill {
  height: var(--size-style-height);
}

.flex-col > .group-block--height-fit {
  flex: 0 1 auto;
}

.flex-col > .group-block--height-fill {
  align-self: stretch;
}

@media screen and (min-width: 768px) {
  .spacer-block--percent {
    flex: var(--spacer-size);
  }

  .flex-col > .spacer-block--pixel {
    height: var(--spacer-size);
  }

  :is(.flex-row, .md\:flex-row) > .spacer-block--pixel {
    width: var(--spacer-size);
  }
}

@media screen and (max-width: 767px) {
  .mobile\:spacer-block--percent {
    flex: var(--spacer-size-mobile, var(--spacer-size));
  }

  .flex-row > .mobile\:spacer-block--pixel {
    width: var(--spacer-size-mobile, var(--spacer-size));
  }

  .flex-col > .mobile\:spacer-block--pixel {
    height: var(--spacer-size-mobile, var(--spacer-size));
  }
}

.text-left>.countdown__timer {
  justify-content: flex-start;
}

.text-center>.countdown__timer {
  justify-content: center;
}

.text-right>.countdown__timer {
  justify-content: flex-end;
}

.number-counter.text-left .counter-card {
  align-items: flex-start;
}

.number-counter.text-center .counter-card {
  align-items: center;
}

.number-counter.text-right .counter-card {
  align-items: flex-end;
}

@media screen and (min-width: 768px) {
  .md\:text-left>.countdown__timer {
    justify-content: flex-start;
  }

  .md\:text-center>.countdown__timer {
    justify-content: center;
  }

  .md\:text-right>.countdown__timer {
    justify-content: flex-end;
  }

  .number-counter.md\:text-left .counter-card {
    align-items: flex-start;
  }

  .number-counter.md\:text-center .counter-card {
    align-items: center;
  }

  .number-counter.md\:text-right .counter-card {
    align-items: flex-end;
  }
}

.divider__line {
  border-bottom: var(--divider-border-thickness) solid rgb(var(--color-border));
  border-right: var(--divider-border-thickness) solid rgb(var(--color-border));
  border-radius: var(--divider-border-rounded);
  flex-basis: var(--divider-flex-basis);
  min-height: var(--divider-flex-basis);
}
@media only screen and (min-width: 801px) {
.mega-menu__list {
    max-height: 70vh;
    overflow-y: scroll;
}
.header-sticky {
    z-index: 99999999999999999999999 !important;
}
.mega-menu__nav--more.grid {
    display: flex !important;
    column-gap: 25px !important;
}

.mega-menu__nav-item {
    width: 100% !important;
}

ul#HeaderNavMega-sections--15636384120896__header-12-start .mega-menu__nav--more {
    display: grid !important;
}

ul#HeaderNavMega-sections--15636384120896__header-13-start {}

ul#HeaderNavMega-sections--15636384120896__header-13-start ul.mega-menu__nav {
    display: grid !important;
}
#HeaderNavMega-sections--15636384120896__header-5-start .mega-menu__nav {
    display: flex !important;
}
ul#HeaderNavMega-sections--15636384120896__header-4-start .mega-menu__nav {
    display: flex !important;
}
}
div#pe-announcement-bar {
    display: none !important;
}

.footer-copyright {
    border: 0px !important;
}

.shopify-section-group-footer-group {}

.shopify-section-group-footer-group .section.section--divider:after {
    border: 0px !important;
}

div#shopify-section-sections--15636384055360__custom_liquid_jTJa7G {
    display: none !important;
}

  @media screen and (max-width: 768px) {
.sharethis-sticky-share-buttons {
    display: none !important;
}
div#trustedsite-tm-image {
    display: none !important;
}
div#trustedsite-tm-image {
    display: none !important;
}

menu-drawer#MenuDrawer {
    z-index: 9999999999999999999999999 !important;
}

inbox-online-store-chat#ShopifyChat {
    bottom: 70px !important;
}
  }
  @media screen and (min-width: 768px) {
  ul#HeaderNavMega-sections--15636384120896__header-3-start {}

ul#HeaderNavMega-sections--15636384120896__header-3-start ul.mega-menu__nav {
    flex-wrap: unset !important;
}

ul#HeaderNavMega-sections--15636384120896__header-5-start .mega-menu__nav {
    flex-wrap: unset !important;
}
ul#HeaderNavMega-sections--15636384120896__header-2-start ul.mega-menu__nav {
    flex-wrap: unset !important;
}
  }
   :root {
      --clr-black: rgb(var(--color-foreground));
      --clr-white: rgb(var(--color-background));
      --clr-grey-light: rgb(var(--color-base-highlight));
      --clr-grey-mid: rgb(var(--color-foreground) / 0.65);
      --clr-grey-dark: rgb(var(--color-foreground));
      --transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #celebrate-versatile-dresses.section-celebrate-dresses {
      width: 100%;
      padding: 80px 5vw 100px;
      background: var(--clr-white);
      overflow: hidden;
    }

    .celebrate-dresses__inner {
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 64px;
    }

    /* ============================================================
       TOP: Text Block (centered)
    ============================================================ */
    .celebrate-dresses__text {
      text-align: center;
      max-width: 760px;
      width: 100%;
    }

    .celebrate-dresses__eyebrow {
      display: inline-block;
      font-family: var(--font-sans);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.22em;
      color: var(--clr-grey-mid);
      text-transform: uppercase;
      margin-bottom: 18px;
    }

    .celebrate-dresses__heading {
      font-family: var(--font-serif);
      font-size: clamp(2.2rem, 4vw, 3.6rem);
      font-weight: 400;
      line-height: 1.1;
      color: var(--clr-black);
      margin-bottom: 10px;
    }

    .celebrate-dresses__heading em {
      font-style: italic;
    }

    .celebrate-dresses__subheading {
      font-family: var(--font-sans);
      font-size: 0.78rem;
      font-weight: 500;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      color: var(--clr-grey-mid);
      margin-bottom: 28px;
    }

    .celebrate-dresses__divider {
      width: 40px;
      height: 1px;
      background: var(--clr-black);
      margin: 0 auto 28px;
    }

    .celebrate-dresses__body {
      font-family: var(--font-sans);
      font-size: clamp(0.88rem, 1.05vw, 1rem);
      font-weight: 300;
      line-height: 1.85;
      color: var(--clr-grey-dark);
    }

    /* ============================================================
       BOTTOM: Category Grid
    ============================================================ */
    .celebrate-dresses__grid {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 14px;
      list-style: none;
    }

    /* Each category card */
    .dress-cat {
      position: relative;
      overflow: hidden;
      background: var(--clr-grey-light);
      aspect-ratio: 3 / 4;
      cursor: pointer;
      text-decoration: none;
      display: block;
    }

    .dress-cat__img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .dress-cat:hover .dress-cat__img {
      transform: scale(1.06);
    }

    /* Always-visible gradient + label at bottom */
    .dress-cat__footer {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: flex-end;
      background: linear-gradient(
        to top,
        rgb(var(--color-foreground) / 0.62) 0%,
        rgb(var(--color-foreground) / 0.18) 45%,
        rgba(0, 0, 0, 0) 100%
      );
      padding: 18px 14px;
      transition: background var(--transition);
    }

    .dress-cat:hover .dress-cat__footer {
      background: linear-gradient(
        to top,
        rgb(var(--color-foreground) / 0.78) 0%,
        rgb(var(--color-foreground) / 0.3) 50%,
        rgb(var(--color-foreground) / 0.05) 100%
      );
    }

    .dress-cat__label {
      font-family: var(--font-sans);
      font-size: clamp(0.65rem, 0.85vw, 0.78rem);
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--clr-white);
      line-height: 1.3;
      transition: letter-spacing var(--transition);
    }

    .dress-cat:hover .dress-cat__label {
      letter-spacing: 0.24em;
    }

    /* ============================================================
       RESPONSIVE BREAKPOINTS
    ============================================================ */

    /* 4 columns on mid tablet */
    @media (max-width: 1100px) {
      .celebrate-dresses__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
      }
    }

    /* 3 columns on small tablet */
    @media (max-width: 768px) {
      #celebrate-versatile-dresses.section-celebrate-dresses {
        padding: 60px 5vw 80px;
      }

      .celebrate-dresses__inner {
        gap: 48px;
      }

      .celebrate-dresses__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      }
    }

    /* 2 columns on mobile */
    @media (max-width: 520px) {
      #celebrate-versatile-dresses.section-celebrate-dresses {
        padding: 48px 4vw 64px;
      }

      .celebrate-dresses__inner {
        gap: 36px;
      }

      .celebrate-dresses__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }

      .celebrate-dresses__heading {
        font-size: 2rem;
      }

      .dress-cat__label {
        font-size: 0.62rem;
        letter-spacing: 0.12em;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .dress-cat__img,
      .dress-cat__footer,
      .dress-cat__label {
        transition: none;
      }
    }
    .celebrate-dresses__inner {
    max-width: 100% !important;
}

#celebrate-versatile-dresses.section-celebrate-dresses {
    padding: 0px !important;
}

.celebrate-dresses__heading em {
}

.celebrate-dresses__text {
    max-width: 900px !important;
}

.celebrate-dresses__heading {
    font-family: Montserrat, sans-serif;
    font-size: 55px !important;
    font-weight: 600 !important;
}

p.celebrate-dresses__subheading {
    display: none !important;
}

.celebrate-dresses__body {
    font-size: 18px !important;
}

.dress-cat__label {
    font-size: 23px !important;
    text-transform: capitalize;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
}

.dress-cat {border-radius: 15px !important;}
.kl-container {
  width: min(1400px, 92%);
  margin-inline: auto;
}

.kl-eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 0.75rem;
  opacity: 0.7;
}

/* ========== 1. SEASON FEATURED ========== */
.kl-season-featured {
  padding: 4rem 0 5rem;
}

.kl-season-header {
  margin-bottom: 2.5rem;
}

.kl-featured-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.kl-featured-card {
  position: relative;
}

.kl-featured-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.kl-featured-media {
  overflow: hidden;
  aspect-ratio: 2/3;
  background: rgb(var(--color-placeholder));
}

.kl-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.kl-featured-card:hover .kl-featured-media img {
  transform: scale(1.06);
}

.kl-featured-content {
  padding: 1.25rem 0 0;
}

.kl-featured-title {
  font-size: 1.35rem;
  font-weight: 500;
  margin: 0 0 0.35rem;
  letter-spacing: -0.01em;
}

.kl-featured-text {
  font-size: 0.95rem;
  opacity: 0.7;
  margin: 0 0 0.85rem;
  line-height: 1.45;
}

.kl-featured-cta {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}

/* ========== 2. COLLECTION GRID ========== */
.kl-collection-grid {
  padding: 3rem 0 5rem;
}

.kl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}

.kl-grid-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  overflow: hidden;
  aspect-ratio: 3/4;
}

.kl-grid-card--tall {
  grid-row: span 2;
  aspect-ratio: auto;
}

.kl-grid-card--wide {
  grid-column: span 1;
}

.kl-grid-media {
  position: absolute;
  inset: 0;
}

.kl-grid-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.kl-grid-card:hover .kl-grid-media img {
  transform: scale(1.07);
}

.kl-grid-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgb(var(--color-foreground) / 0.55) 0%, transparent 55%);
}

.kl-grid-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.75rem 1.5rem;
  z-index: 2;
}

.kl-grid-content--center {
  text-align: center;
}

.kl-grid-content h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 0.75rem;
  letter-spacing: -0.01em;
}

.kl-btn {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.65rem 1.25rem;
  border: 1px solid rgb(var(--color-background) / 0.8);
  transition: all 0.3s ease;
}

.kl-grid-card:hover .kl-btn {
  background: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  border-color: rgb(var(--color-background));
}

/* ========== 3. SPLIT HERO ========== */
.kl-split-hero {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  min-height: 70vh;
}

.kl-split-media {
  position: relative;
  overflow: hidden;
}

.kl-split-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}

.kl-split-media-link:hover img {
  transform: scale(1.04);
}

.kl-split-content {
  display: flex;
  align-items: center;
  padding: 4rem;
  background: rgb(var(--color-base-highlight));
}

.kl-split-heading {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 1.25rem;
  letter-spacing: -0.02em;
}

.kl-split-text {
  font-size: 1.05rem;
  line-height: 1.6;
  opacity: 0.75;
  margin: 0 0 2rem;
  max-width: 36ch;
}

.kl-btn--solid {
  background: var(--color-button-gradient); background-color:rgb(var(--color-button-background));
  color: rgb(var(--color-button-text));
  border-color: rgb(var(--color-foreground));
  padding: 0.9rem 1.75rem;
}

.kl-btn--solid:hover {
  background: var(--color-button-gradient); background-color:rgb(var(--color-button-background));
}

/* ========== 4. BRAND STORY ========== */
.kl-brand-story {
  position: relative;
  min-height: 65vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: rgb(var(--color-button-text));
  text-align: center;
}

.kl-brand-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.kl-brand-bg {
  position: absolute;
  inset: 0;
  background: rgb(var(--color-foreground) / 0.45);
  z-index: 1;
}

.kl-brand-content {
  position: relative;
  z-index: 2;
  max-width: 640px;
  padding: 3rem 1.5rem;
}

.kl-brand-heading {
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  font-weight: 500;
  margin: 0 0 1.25rem;
  letter-spacing: -0.02em;
}

.kl-brand-text {
  font-size: 1.1rem;
  line-height: 1.65;
  opacity: 0.9;
  margin: 0 0 2rem;
}

.kl-brand-rule {
  width: 48px;
  height: 1px;
  background: currentColor;
  margin: 0 auto;
  opacity: 0.6;
}

/* ========== 5. CATEGORY STRIP ========== */
.kl-category-strip {
  padding: 2.5rem 0;
  border-top: 1px solid rgb(var(--color-background) / 0.16);
  border-bottom: 1px solid rgb(var(--color-background) / 0.16);
}

.kl-strip-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem 1.5rem;
}

.kl-strip-item {
  text-decoration: none;
  color: inherit;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.5rem 0;
  position: relative;
}

.kl-strip-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.kl-strip-item:hover::after {
  transform: scaleX(1);
}

/* ========== 6. LOOKBOOK ========== */
.kl-lookbook {
  padding: 5rem 0;
}

.kl-lookbook-header {
  text-align: center;
  margin-bottom: 3rem;
}

.kl-lookbook-title {
  font-size: clamp(1.8rem, 3.5vw, 2.5rem);
  font-weight: 500;
  margin: 0;
  letter-spacing: -0.02em;
}

.kl-lookbook-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.kl-lookbook-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  overflow: hidden;
  aspect-ratio: 3/4;
}

.kl-lookbook-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.kl-lookbook-card:hover img {
  transform: scale(1.05);
}

.kl-lookbook-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: linear-gradient(to top, rgb(var(--color-foreground) / 0.6), transparent);
}

.kl-lookbook-info h3 {
  font-size: 1.2rem;
  margin: 0 0 0.35rem;
  font-weight: 500;
}

.kl-lookbook-info span {
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.9;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
  .kl-featured-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  
  .kl-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .kl-grid-card--tall {
    grid-row: span 1;
  }
  
  .kl-split-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  
  .kl-split-media {
    min-height: 50vh;
  }
  
  .kl-split-content {
    padding: 3.5rem 2rem;
  }
  
  .kl-lookbook-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 699px) {
  .kl-season-featured,
  .kl-collection-grid,
  .kl-lookbook {
    padding: 3rem 0;
  }
  
  .kl-featured-row {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .kl-featured-media {
    aspect-ratio: 3/4;
  }
  
  .kl-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .kl-grid-card {
    aspect-ratio: 3/4;
  }
  
  .kl-split-content {
    padding: 2.5rem 1.5rem;
  }
  
  .kl-lookbook-grid {
    grid-template-columns: 1fr;
  }
  
  .kl-brand-story {
    min-height: 55vh;
  }
}
header.kl-season-header {
    display: none !important;
}

.kl-container {
    width: 100% !important;
}

section#kl-season-featured {
    padding-top: 0px !important;
}

.kl-featured-title {
    font-size: 27px !important;
    line-height: normal !important;
    margin-bottom: 10px !important;
}

.kl-featured-text {
    font-size: 17px !important;
}

.kl-featured-cta {
    font-size: 17px !important;
}

.kl-grid-content h3 {
    font-size: 40px !important;
    color: rgb(var(--color-button-text)) !important;
}

.kl-btn {
    font-size: 15px !important;
    margin-top: 10px !important;
}

.kl-brand-story {
    min-height: 500px !important;
}

.kl-brand-heading {
    color: rgb(var(--color-button-text)) !important;
}

.kl-strip-item {
    text-transform: capitalize;
    font-family: 'Montserrat';
    font-size: 16px !important;
}

.kl-lookbook-info svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.kl-lookbook-info span {
    font-size: 16px !important;
    display: flex;
    align-items: center;
}

.kl-lookbook-info h3 {
    font-size: 30px !important;
    color: rgb(var(--color-button-text)) !important;
    padding-bottom: 15px !important;
}
 .kimlud-features-section {
    background-color: rgb(var(--color-background));
    padding: 60px 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  }

  .kimlud-features-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
  }

  .kimlud-feature-item {
    text-align: center;
    padding: 10px;
  }

  .kimlud-feature-icon {
    color: rgb(var(--color-foreground));
    margin-bottom: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
  }

  .kimlud-feature-icon svg {
    width: 36px;
    height: 36px;
  }

  .kimlud-feature-title {
    color: rgb(var(--color-foreground));
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 8px 0;
    text-transform: uppercase;
  }

  .kimlud-feature-text {
    color: rgb(var(--color-foreground));
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Responsive */
  @media (max-width: 992px) {
    .kimlud-features-container {
      grid-template-columns: repeat(2, 1fr);
      gap: 35px 20px;
    }
  }

  @media (max-width: 576px) {
    .kimlud-features-container {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    
    .kimlud-features-section {
      padding: 40px 16px;
    }
  }
  #fnv-promo-top{background:rgb(var(--color-foreground));color:rgb(var(--color-button-text));text-align:center;font-size:13px;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
#fnv-promo-top strong{font-weight:800;text-transform:uppercase}
.fnv-promo-code{border:1.5px solid rgb(var(--color-background));padding:2px 9px;font-weight:800;font-size:13px;letter-spacing:.5px}
#fnv-countdown{font-weight:800;font-size:15px;margin:0 4px}
.fnv-promo-shopnow{color:rgb(var(--color-button-text));text-decoration:underline;font-weight:700;font-size:13px;margin-left:4px;cursor:pointer}
#fnv-header{background:rgb(var(--color-background));border-bottom:1px solid rgb(var(--color-background) / 0.16);position:sticky;top:0;z-index:500}
.fnv-header-row{display:flex;align-items:center;padding:0 20px;height:66px;max-width:1600px;margin:0 auto;justify-content:space-between}
#fnv-hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;margin-right:10px;flex-shrink:0;align-items:center;justify-content:center}
#fnv-hamburger-btn svg{width:22px;height:22px;display:block}
.fnv-logo{font-size:22px;font-weight:900;letter-spacing:-1.2px;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;flex-shrink:0;margin-right:28px;text-transform:uppercase;line-height:1}
.fnv-logo img{max-width:120px}
#fnv-topnav{display:flex;align-items:stretch;list-style:none;height:100%;flex-shrink:0;margin:0;padding:0}
#fnv-topnav>li{height:100%;display:flex;align-items:center}
#fnv-topnav>li>button{display:flex;align-items:center;height:100%;padding:0 16px;color:rgb(var(--color-foreground));font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2.5px solid transparent;transition:border-color .15s;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:inherit}
#fnv-topnav>li>button:hover,#fnv-topnav>li.fnv-tnav-active>button{border-bottom-color:rgb(var(--color-foreground))}
.fnv-search{flex:1;max-width:480px;min-width:120px;margin:0 16px;position:relative}
.fnv-search-input{width:100%;height:40px;padding:0 46px 0 18px;border:1.5px solid rgb(var(--color-foreground) / 0.16);border-radius:22px;font-size:13.5px;color:rgb(var(--color-foreground));outline:none;background:rgb(var(--color-background));transition:border-color .2s;box-sizing:border-box}
.fnv-search-input::placeholder{color:rgb(var(--color-foreground))}
.fnv-search-input:focus{border-color:rgb(var(--color-foreground) / 0.16)}
.fnv-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.fnv-search-btn:hover{background:rgb(var(--color-base-highlight))}
.fnv-search-btn svg{width:17px;height:17px;display:block}
.fnv-icons{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:8px}
.fnv-icon-btn{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));text-decoration:none;width:38px;height:38px;border-radius:50%;transition:background .15s;background:none;border:none;cursor:pointer}
.fnv-icon-btn:hover{background:rgb(var(--color-base-highlight))}
.fnv-icon-btn svg{width:22px;height:22px;display:block}
.fnv-icon-country{font-size:12.5px;font-weight:700;width:auto!important;padding:0 10px;border-radius:6px!important}
#fnv-subnav-wrap{border-top:1px solid rgb(var(--color-background) / 0.16);background:rgb(var(--color-background));position:relative}
#fnv-subnav-scroll{overflow-x:hidden;scroll-behavior:smooth;max-width:1500px;margin:auto}
#fnv-sub-list{display:flex;list-style:none;align-items:stretch;margin:0;padding:0}
.fnv-sub-item{position:static;height:100%;flex-shrink:0}
.fnv-sub-btn{display:inline-flex;align-items:center;padding:10px 14px;color:rgb(var(--color-foreground));font-size:12px;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin:5px 2px;transition:background .15s,color .15s;cursor:pointer;border:none;background:none;font-family:inherit;line-height:1}
.fnv-sub-btn:hover,.fnv-sub-item.fnv-sub-hovered .fnv-sub-btn{background:rgb(var(--color-base-highlight))!important;color:rgb(var(--color-foreground))!important}
.fnv-sub-btn.fnv-sub-active{color:#0099ff}
.fnv-scroll-arrow{position:absolute;top:0;bottom:0;width:36px;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border:none;cursor:pointer;z-index:20;color:rgb(var(--color-foreground));transition:opacity .2s;padding:0}
.fnv-scroll-arrow:hover{color:rgb(var(--color-foreground))}
.fnv-scroll-arrow.fnv-arr-left{left:0;box-shadow:8px 0 14px rgb(var(--color-shadow) / .95)}
.fnv-scroll-arrow.fnv-arr-right{right:0;box-shadow:-8px 0 14px rgb(var(--color-shadow) / .95)}
.fnv-scroll-arrow.fnv-arr-hidden{opacity:0;pointer-events:none}
.fnv-scroll-arrow svg{width:18px;height:18px;display:block}
.fnv-mega{position:absolute;left:0;right:0;top:100%;background:rgb(var(--color-background));border-top:2px solid rgb(var(--color-background) / 0.16);box-shadow:0 24px 60px rgb(var(--color-shadow) / .13);z-index:400;padding:28px 40px 36px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .2s ease,visibility 0s linear .18s;pointer-events:none}
.fnv-mega.fnv-mega-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .18s ease,transform .2s ease,visibility 0s linear 0s}
.fnv-mega-inner{display:grid;gap:0 32px;max-width:1300px;margin:0 auto}
.fnv-mega-col h4{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:rgb(var(--color-foreground));margin-bottom:14px;padding-bottom:8px;border-bottom:1.5px solid rgb(var(--color-background) / 0.16)}
.fnv-mega-col a{display:block;text-decoration:none;color:rgb(var(--color-foreground));font-size:13px;padding:4px 0;line-height:1.5;transition:color .12s,padding-left .12s}
.fnv-mega-col a:hover{color:rgb(var(--color-foreground));padding-left:3px}
.fnv-mega-col a.fnv-link-sale{color:#e00}
.fnv-mega-col a.fnv-link-sale:hover{color:#c00}
.fnv-mega-col a.fnv-link-bold{font-weight:700;color:rgb(var(--color-foreground))}
.fnv-mega-promo{padding-top:0}
.fnv-mega-promo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;display:block;background:rgb(var(--color-base-highlight));transition:transform .25s ease}
.fnv-mega-promo a:hover img{transform:scale(1.02)}
.fnv-mega-promo-wrap{overflow:hidden;border-radius:6px}
.fnv-mega-promo-cta{display:block;margin-top:10px;font-size:13px;font-weight:800;color:rgb(var(--color-foreground));text-decoration:none}
.fnv-mega-promo-cta:hover{text-decoration:underline}
#fnv-backdrop{position:fixed;inset:0;background:rgb(var(--color-drawer-overlay) / .45);z-index:300;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;pointer-events:none}
#fnv-backdrop.fnv-bd-on{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear 0s;pointer-events:auto}
#fnv-promo-bottom{background:rgb(var(--color-foreground));color:rgb(var(--color-button-text))}
.fnv-promo-bottom-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1600px;margin:0 auto}
.fnv-pb-text{font-size:17px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.fnv-pb-light{font-weight:400;color:rgb(var(--color-foreground));font-size:14px}
.fnv-pb-cta{color:rgb(var(--color-button-text));text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.8px;text-transform:uppercase}
.fnv-pb-cta:hover{text-decoration:underline}
#fnv-overlay{display:none;position:fixed;inset:0;background:rgb(var(--color-drawer-overlay) / .55);z-index:700;opacity:0;transition:opacity .3s;pointer-events:none}
#fnv-overlay.fnv-drawer-open{opacity:1;pointer-events:auto}
#fnv-drawer{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:360px;background:rgb(var(--color-drawer-background));z-index:800;transform:translateX(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
#fnv-drawer.fnv-drawer-open{transform:translateX(0)}
.fnv-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgb(var(--color-drawer-background) / 0.16);flex-shrink:0}
.fnv-drawer-logo{font-size:20px;font-weight:900;color:rgb(var(--color-drawer-text));text-transform:uppercase}
#fnv-drawer-close-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;border-radius:50%;transition:background .15s}
#fnv-drawer-close-btn:hover{background:rgb(var(--color-base-highlight))}
#fnv-drawer-close-btn svg{width:22px;height:22px;display:block}
.fnv-drawer-search-wrap{padding:14px 18px;border-bottom:1px solid rgb(var(--color-drawer-background) / 0.16);flex-shrink:0}
.fnv-drawer-search-input{width:100%;height:40px;padding:0 16px;border:1.5px solid rgb(var(--color-drawer-text) / 0.16);border-radius:22px;font-size:14px;outline:none;font-family:inherit;box-sizing:border-box}
.fnv-drawer-search-input:focus{border-color:rgb(var(--color-drawer-text) / 0.16)}
.fnv-acc-item{border-bottom:1px solid rgb(var(--color-background) / 0.16)}
.fnv-acc-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:15px 18px;font-size:13.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;color:rgb(var(--color-foreground));text-align:left;font-family:inherit;transition:background .15s}
.fnv-acc-trigger:hover{background:rgb(var(--color-background))}
.fnv-acc-chevron{width:17px;height:17px;flex-shrink:0;stroke:rgb(var(--color-foreground));fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease;display:block}
.fnv-acc-trigger.fnv-acc-expanded .fnv-acc-chevron{transform:rotate(180deg)}
.fnv-acc-panel{max-height:0;overflow:hidden;transition:max-height .32s ease;background:rgb(var(--color-background))}
.fnv-acc-panel a{display:block;padding:10px 26px;text-decoration:none;color:rgb(var(--color-foreground));font-size:13.5px;border-bottom:1px solid rgb(var(--color-background) / 0.16);transition:color .12s,background .12s}
.fnv-acc-panel a:last-child{border-bottom:none}
.fnv-acc-panel a:hover{color:rgb(var(--color-foreground));background:rgb(var(--color-base-highlight))}
.fnv-mob-section-label{padding:10px 18px 4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgb(var(--color-drawer-text));background:rgb(var(--color-base-highlight));border-bottom:1px solid rgb(var(--color-drawer-background) / 0.16)}
@media(max-width:960px){#fnv-topnav{display:none}#fnv-hamburger-btn{display:flex}#fnv-overlay{display:block}.fnv-search{display:none}.fnv-logo{margin-right:auto}#fnv-subnav-wrap{display:none}}
a.fnv-pb-cta svg {
    width: 18px !important;
    height: 18px !important;
    fill: rgb(var(--color-button-text)) !important;
    margin-left: 10px !important;
}

a.fnv-pb-cta {
    display: flex !important;
    align-items: center !important;
}

.shopify-section-group-header-group .page-width {
    padding: 0px !important;
}
:root {

  --mc-bg: rgb(var(--color-background));
  --mc-bg-alt: rgb(var(--color-base-highlight));
  --mc-ink: rgb(var(--color-foreground));
  --mc-ink-soft: rgb(var(--color-foreground) / 0.65);
  --mc-ink-faint: rgb(var(--color-foreground) / 0.65);
  --mc-line: rgb(var(--color-foreground) / 0.16);
  --mc-line-strong: rgb(var(--color-foreground) / 0.16);
  --mc-white: rgb(var(--color-background));

  --mc-radius-card: 6px;
  --mc-radius-md: 10px;
  --mc-radius-lg: 16px;
  --mc-radius-pill: 999px;

  --mc-transition: .22s cubic-bezier(.4,0,.2,1);

  --mc-wrap: 1480px;
  --mc-gutter: 32px;
  --mc-nav-h: 60px;
}

.mc-wrap { max-width: var(--mc-wrap); margin: 0 auto; padding: 0 var(--mc-gutter); }
.mc-page { background: var(--mc-bg); }

/* ==========================================
   MC — INDEX NAV (sticky in-page department index, NOT a site header)
   ========================================== */
#mc-indexnav {
  position: sticky; top: 0; z-index: 60;
  background: rgb(var(--color-background) / .9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--mc-line);
}
.mc-indexnav__inner {
  max-width: var(--mc-wrap); margin: 0 auto;
  display: flex; align-items: center; gap: 8px;
  padding: 12px var(--mc-gutter);
  overflow-x: auto; scrollbar-width: none;
  height: var(--mc-nav-h);
}
.mc-indexnav__inner::-webkit-scrollbar { display: none; }
.mc-indexlink {
  flex: none;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 15px;
  border: 1px solid var(--mc-line-strong);
  border-radius: var(--mc-radius-pill);
  font-size: 12px; font-weight: 700; letter-spacing: .01em;
  white-space: nowrap;
  transition: background var(--mc-transition), color var(--mc-transition);
}
.mc-indexlink__n { opacity: .4; font-weight: 700; }
.mc-indexlink:hover, .mc-indexlink.is-active { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-color: var(--mc-ink); }
.mc-indexlink:hover .mc-indexlink__n, .mc-indexlink.is-active .mc-indexlink__n { opacity: .65; }

/* ==========================================
   MC — HERO (inverted black, bookend #1)
   ========================================== */
#mc-hero {
  background: var(--mc-ink);
  color: rgb(var(--color-button-text));
  padding: 88px 0 56px;
}
.mc-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: rgb(var(--color-button-text) / .5);
  margin-bottom: 22px;
}
.mc-hero__eyebrow::before { content: ''; width: 26px; height: 1.5px; background: rgb(var(--color-background)); }
.mc-hero__title {
  font-family: var(--ff-display);
  font-weight: 800;
  font-size: clamp(38px, 6vw, 84px);
  line-height: .96;
  letter-spacing: -.03em;
  max-width: 880px;
}
.mc-hero__title .mc-outline { -webkit-text-stroke: 1.5px #fff; color: transparent; }
.mc-hero__sub {
  margin-top: 22px; font-size: 16px; line-height: 1.65;
  color: rgb(var(--color-button-text) / .55); max-width: 460px;
}
.mc-hero__cta { margin-top: 32px; display: flex; gap: 12px; flex-wrap: wrap; }
.mc-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 28px; border-radius: var(--mc-radius-pill);
  font-size: 13px; font-weight: 700;
  transition: background var(--mc-transition), color var(--mc-transition), transform var(--mc-transition);
}
.mc-btn:active { transform: scale(.97); }
.mc-btn--white { background: rgb(var(--color-background)); color: var(--mc-ink); }
.mc-btn--white:hover { background: rgb(var(--color-background) / .82); }
.mc-btn--outline-light { border: 1.5px solid rgb(var(--color-background) / .4); color: rgb(var(--color-button-text)); }
.mc-btn--outline-light:hover { background: rgb(var(--color-background) / .1); }
.mc-btn--outline-dark { border: 1.5px solid var(--mc-ink); color: var(--mc-ink); }
.mc-btn--outline-dark:hover { background: var(--mc-ink); color: rgb(var(--color-button-text)); }

.mc-hero__stats {
  display: flex; flex-wrap: wrap;
  margin-top: 52px; padding-top: 26px;
  border-top: 1px solid rgb(var(--color-background) / .16);
}
.mc-stat { padding: 0 32px 0 0; margin-right: 32px; border-right: 1px solid rgb(var(--color-background) / .16); }
.mc-stat:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.mc-stat__num { font-family: var(--ff-display); font-weight: 800; font-size: 28px; }
.mc-stat__label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .09em; color: rgb(var(--color-button-text) / .45); margin-top: 5px; }

/* ==========================================
   MC — TRUST BAR (new — value props strip)
   ========================================== */
#mc-trustbar { background: var(--mc-bg-alt); border-bottom: 1px solid var(--mc-line); }
.mc-trustbar__inner {
  max-width: var(--mc-wrap); margin: 0 auto; padding: 22px var(--mc-gutter);
  display: flex; flex-wrap: wrap; gap: 20px 28px; justify-content: space-between;
}
.mc-trustitem { display: flex; align-items: center; gap: 12px; flex: 1 1 210px; }
.mc-trustitem__icon {
  flex: none; width: 38px; height: 38px; border-radius: 50%;
  border: 1.5px solid var(--mc-line-strong);
  display: flex; align-items: center; justify-content: center; font-size: 16px;
}
.mc-trustitem__copy strong { display: block; font-size: 12.5px; font-weight: 700; }
.mc-trustitem__copy span { display: block; font-size: 11px; color: var(--mc-ink-soft); margin-top: 1px; }

/* ==========================================
   MC — DEPARTMENT SECTION SHELL
   ========================================== */
.mc-dept {
  padding: 60px 0;
  border-bottom: 1px solid var(--mc-line);
  scroll-margin-top: calc(var(--mc-nav-h) + 12px);
}
.mc-dept--alt { background: var(--mc-bg-alt); }
.mc-dept--dark { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-bottom: none; }

.mc-dept__head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px; margin-bottom: 26px; flex-wrap: wrap;
}
.mc-dept__head-left { display: flex; align-items: flex-end; gap: 18px; }
.mc-dept__num {
  font-family: var(--ff-display); font-weight: 800;
  font-size: clamp(40px, 4.4vw, 58px); line-height: .85;
  -webkit-text-stroke: 1px var(--mc-ink); color: transparent;
}
.mc-dept--dark .mc-dept__num { -webkit-text-stroke: 1px #fff; }
.mc-dept__title { font-family: var(--ff-display); font-weight: 800; font-size: clamp(20px, 2.2vw, 28px); letter-spacing: -.01em; }
.mc-dept__sub { font-size: 12.5px; color: var(--mc-ink-soft); margin-top: 5px; }
.mc-dept--dark .mc-dept__sub { color: rgb(var(--color-button-text) / .5); }

.mc-dept__head-right { display: flex; align-items: center; gap: 16px; }
.mc-viewall {
  font-size: 12.5px; font-weight: 700;
  display: inline-flex; align-items: center; gap: 5px;
  border-bottom: 1.5px solid var(--mc-ink); padding-bottom: 2px;
  transition: opacity var(--mc-transition);
}
.mc-dept--dark .mc-viewall { color: rgb(var(--color-button-text)); border-color: rgb(var(--color-background)); }
.mc-viewall::after { content: '→'; transition: transform var(--mc-transition); }
.mc-viewall:hover::after { transform: translateX(3px); }

.mc-slidernav { display: flex; gap: 8px; }
.mc-slidernav button {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid var(--mc-ink);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
  transition: background var(--mc-transition), color var(--mc-transition);
}
.mc-slidernav button:hover { background: var(--mc-ink); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-slidernav button { border-color: rgb(var(--color-background)); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-slidernav button:hover { background: rgb(var(--color-background)); color: var(--mc-ink); }

/* ==========================================
   MC — PILLS (subcategory filters)
   ========================================== */
.mc-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
.mc-pill {
  padding: 8px 16px; border-radius: var(--mc-radius-pill);
  font-size: 12.5px; font-weight: 600;
  border: 1px solid var(--mc-line-strong);
  white-space: nowrap;
  transition: background var(--mc-transition), color var(--mc-transition), border-color var(--mc-transition);
}
.mc-pill:hover, .mc-pill.is-active { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-color: var(--mc-ink); }
.mc-dept--dark .mc-pill { border-color: rgb(var(--color-background) / .4); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-pill:hover, .mc-dept--dark .mc-pill.is-active { background: rgb(var(--color-background)); color: var(--mc-ink); border-color: rgb(var(--color-background)); }

/* ==========================================
   MC — SLIDER
   ========================================== */
.mc-slider {
  display: flex; gap: 18px;
  overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; padding-bottom: 6px;
}
.mc-slider::-webkit-scrollbar { display: none; }

/* ==========================================
   MC — PRODUCT CARD
   ========================================== */
.mc-card { flex: 0 0 240px; scroll-snap-align: start; transition: transform var(--mc-transition); }
.mc-card:hover { transform: translateY(-4px); }
.mc-card--lg { flex: 0 0 296px; }
.mc-card--sm { flex: 0 0 204px; }

.mc-card__media {
  position: relative; aspect-ratio: 3 / 4;
  border-radius: var(--mc-radius-card); overflow: hidden;
  background: var(--mc-bg-alt); margin-bottom: 14px;
  transition: box-shadow var(--mc-transition);
}
.mc-card:hover .mc-card__media { box-shadow: 0 16px 32px rgb(var(--color-shadow) / .14); }
.mc-dept--dark .mc-card__media { background: rgb(var(--color-placeholder) / .06); }

.mc-card__img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: opacity .38s, transform .6s;
}
.mc-card__img--alt { opacity: 0; }

.mc-card__badges { position: absolute; top: 10px; left: 10px; z-index: 3; display: flex; flex-direction: column; gap: 6px; }
.mc-badge {
  font-size: 9.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  padding: 5px 9px; border-radius: 3px;
}
.mc-badge--new { background: var(--mc-ink); color: rgb(var(--color-button-text)); }
.mc-badge--best { background: rgb(var(--color-background)); color: var(--mc-ink); border: 1px solid var(--mc-ink); }
.mc-badge--sale { background: var(--mc-ink); color: rgb(var(--color-button-text)); }
.mc-badge--sold { background: var(--mc-ink-faint); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-badge--new,
.mc-dept--dark .mc-badge--sale { background: rgb(var(--color-background)); color: var(--mc-ink); }
.mc-dept--dark .mc-badge--best { background: transparent; color: rgb(var(--color-button-text)); border-color: rgb(var(--color-background)); }

.mc-card__wish {
  position: absolute; top: 10px; right: 10px; z-index: 3;
  width: 34px; height: 34px; border-radius: 50%;
  background: rgb(var(--color-background)); border: 1px solid var(--mc-line);
  display: flex; align-items: center; justify-content: center; font-size: 15px;
  transition: background var(--mc-transition), color var(--mc-transition), transform var(--mc-transition), border-color var(--mc-transition);
}
.mc-card__wish:hover { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-color: var(--mc-ink); transform: scale(1.08); }
.mc-card__wish.is-active { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-color: var(--mc-ink); }
.mc-dept--dark .mc-card__wish { background: rgb(var(--color-background) / .1); border-color: rgb(var(--color-background) / .3); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-card__wish:hover,
.mc-dept--dark .mc-card__wish.is-active { background: rgb(var(--color-background)); color: var(--mc-ink); }

.mc-card__quick {
  position: absolute; inset-inline: 10px; bottom: 10px; z-index: 3;
  background: var(--mc-ink); color: rgb(var(--color-button-text)); text-align: center;
  padding: 12px 14px; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  border-radius: var(--mc-radius-pill);
  opacity: 0; transform: translateY(8px);
  transition: opacity var(--mc-transition), transform var(--mc-transition), background var(--mc-transition);
}
.mc-card:hover .mc-card__quick { opacity: 1; transform: translateY(0); }
.mc-card__quick:hover { background: rgb(var(--color-foreground)); }
.mc-dept--dark .mc-card__quick { background: rgb(var(--color-background)); color: var(--mc-ink); }
.mc-dept--dark .mc-card__quick:hover { background: rgb(var(--color-base-highlight)); }

.mc-card__brand { font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--mc-ink-faint); margin-bottom: 4px; }
.mc-card__name { font-size: 13.5px; font-weight: 500; line-height: 1.35; margin-bottom: 6px; }
.mc-dept--dark .mc-card__name { color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-card__brand { color: rgb(var(--color-button-text) / .4); }

.mc-card__rating { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--mc-ink-soft); margin-bottom: 6px; }
.mc-card__stars { color: var(--mc-ink); letter-spacing: -1px; }
.mc-dept--dark .mc-card__rating { color: rgb(var(--color-rating) / .5); }
.mc-dept--dark .mc-card__stars { color: rgb(var(--color-button-text)); }

.mc-card__price { font-size: 14px; font-weight: 700; }
.mc-card__price del { color: var(--mc-ink-faint); font-weight: 400; font-size: 12.5px; margin-right: 6px; }
.mc-dept--dark .mc-card__price { color: rgb(var(--color-price)); }
.mc-dept--dark .mc-card__price del { color: rgb(var(--color-price) / .35); }

.mc-card__swatches { display: flex; gap: 5px; margin-top: 9px; flex-wrap: wrap; }
.mc-swatch {
  width: 16px; height: 16px; border-radius: 50%;
  border: 1px solid rgba(0,0,0,.12);
  transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-swatch:hover, .mc-swatch.is-active { transform: scale(1.18); box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--mc-ink); }
.mc-dept--dark .mc-swatch.is-active { box-shadow: 0 0 0 2px var(--mc-ink), 0 0 0 3.5px #fff; }

/* ==========================================
   MC — EDITORIAL BANNER (grayscale break)
   ========================================== */
.mc-editorial-wrap { padding: 60px 0; }
.mc-editorial {
  position: relative; min-height: 420px;
  border-radius: var(--mc-radius-lg); overflow: hidden;
  background: rgb(var(--color-foreground));
}
.image__rightcontent {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(1) contrast(1.06); opacity: .58;
}
.mc-editorial__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgb(var(--color-foreground) / .05) 30%, rgb(var(--color-foreground) / .78) 100%); }
.mc-editorial__content { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 56px; }
.mc-editorial__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: rgb(var(--color-button-text) / .6); margin-bottom: 14px; }
.mc-editorial__title { font-family: var(--ff-display); font-weight: 800; font-size: clamp(28px, 4vw, 50px); color: rgb(var(--color-button-text)); line-height: 1.02; letter-spacing: -.02em; max-width: 620px; }
.mc-editorial__body { margin-top: 14px; color: rgb(var(--color-button-text) / .6); font-size: 14.5px; line-height: 1.6; max-width: 420px; }
.mc-editorial__cta { margin-top: 28px; }

/* ==========================================
   MC — BRAND STRIP (new — "Shop by Brand", Etsy shop-tile style)
   ========================================== */
.mc-brandcard {
  flex: 0 0 196px; scroll-snap-align: start;
  border: 1px solid var(--mc-line); border-radius: var(--mc-radius-md);
  padding: 26px 20px; text-align: center;
  transition: transform var(--mc-transition), border-color var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-brandcard:hover { transform: translateY(-4px); border-color: var(--mc-ink); box-shadow: 0 12px 26px rgb(var(--color-shadow) / .1); }
.mc-brandcard__mark {
  width: 52px; height: 52px; margin: 0 auto 14px;
  border-radius: 50%; background: var(--mc-ink); color: rgb(var(--color-button-text));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-display); font-weight: 800; font-size: 17px;
}
.mc-brandcard__name { font-size: 13.5px; font-weight: 700; margin-bottom: 3px; }
.mc-brandcard__count { font-size: 11px; color: var(--mc-ink-soft); }

/* ==========================================
   MC — LOOKBOOK GRID (new — "Style Edit", shop.app curated-tile style)
   ========================================== */
.mc-lookgrid {
  display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 230px; gap: 14px;
}
.mc-looktile {
  position: relative; border-radius: var(--mc-radius-card); overflow: hidden;
  background: var(--mc-bg-alt);
}
.mc-looktile--big { grid-column: span 2; grid-row: span 2; }
.mc-looktile img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s;
}
.mc-looktile:hover img { transform: scale(1.05); }
.mc-looktile__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgb(var(--color-foreground) / .7) 100%);
}
.mc-looktile__copy { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 2; color: rgb(var(--color-button-text)); }
.mc-looktile__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: rgb(var(--color-button-text) / .7); margin-bottom: 4px; }
.mc-looktile__title { font-family: var(--ff-display); font-weight: 800; font-size: 17px; }
.mc-looktile--big .mc-looktile__title { font-size: 24px; }
.mc-looktile__shop {
  margin-top: 8px; display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px; font-weight: 700;
  border-bottom: 1.5px solid rgb(var(--color-background)); padding-bottom: 1px;
}

/* ==========================================
   MC — REVIEWS (new — "What He's Saying", testimonial cards)
   ========================================== */
.mc-revcard {
  flex: 0 0 320px; scroll-snap-align: start;
  background: var(--mc-bg-alt); border: 1px solid var(--mc-line); border-radius: var(--mc-radius-md);
  padding: 26px;
}
.mc-revcard__stars { color: var(--mc-ink); font-size: 14px; letter-spacing: -1px; margin-bottom: 14px; }
.mc-revcard__text { font-size: 13.5px; line-height: 1.65; color: var(--mc-ink); margin-bottom: 20px; }
.mc-revcard__foot { display: flex; align-items: center; gap: 10px; }
.mc-revcard__avatar {
  width: 36px; height: 36px; border-radius: 50%; flex: none;
  background: var(--mc-ink); color: rgb(var(--color-button-text));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-display); font-weight: 800; font-size: 13px;
}
.mc-revcard__name { font-size: 12.5px; font-weight: 700; }
.mc-revcard__meta { font-size: 11px; color: var(--mc-ink-soft); margin-top: 1px; }

/* ==========================================
   MC — NEWSLETTER BAND (new — inverted, bookend before closing)
   ========================================== */
#mc-nlband { background: var(--mc-ink); color: rgb(var(--color-button-text)); padding: 72px 0; text-align: center; }
.mc-nlband__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgb(var(--color-button-text) / .5); margin-bottom: 16px; }
.mc-nlband__title { font-family: var(--ff-display); font-weight: 800; font-size: clamp(24px, 3.2vw, 40px); letter-spacing: -.02em; max-width: 640px; margin: 0 auto; }
.mc-nlband__sub { margin-top: 14px; font-size: 14px; color: rgb(var(--color-button-text) / .55); max-width: 440px; margin-left: auto; margin-right: auto; }
.mc-nlform { margin-top: 30px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.mc-nlinput {
  min-width: 280px; padding: 14px 20px; border-radius: var(--mc-radius-pill);
  border: 1.5px solid rgb(var(--color-background) / .3); background: transparent; color: rgb(var(--color-button-text)); font-size: 13px;
}
.mc-nlinput::placeholder { color: rgb(var(--color-button-text) / .45); }
.mc-nlinput:focus { border-color: rgb(var(--color-background)); }
.mc-nlband__fine { margin-top: 16px; font-size: 11px; color: rgb(var(--color-button-text) / .4); }

/* ==========================================
   MC — CLOSING BAND
   ========================================== */
#mc-closing { padding: 64px 0 80px; text-align: center; }
.mc-closing__title { font-family: var(--ff-display); font-weight: 800; font-size: clamp(20px, 2.4vw, 28px); }
.mc-closing__sub { font-size: 13px; color: var(--mc-ink-soft); margin-top: 10px; }
.mc-backtotop { display: inline-flex; align-items: center; gap: 6px; margin-top: 24px; font-size: 12.5px; font-weight: 700; border-bottom: 1.5px solid var(--mc-ink); padding-bottom: 2px; }

/* ==========================================
   MC — FLOATING BACK-TO-TOP
   ========================================== */
#mc-fab-top {
  position: fixed; right: 24px; bottom: 24px; z-index: 70;
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--mc-ink); color: rgb(var(--color-button-text));
  display: flex; align-items: center; justify-content: center;
  font-size: 17px;
  opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: opacity var(--mc-transition), transform var(--mc-transition), visibility var(--mc-transition);
  box-shadow: 0 8px 24px rgb(var(--color-shadow) / .22);
}
#mc-fab-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
#mc-fab-top:hover { background: rgb(var(--color-foreground)); }

/* ==========================================
   MC — RESPONSIVE
   ========================================== */
@media (max-width: 960px) {
  :root { --mc-gutter: 20px; }
  .mc-hero__stats { gap: 18px 0; }
  .mc-stat { padding-right: 18px; margin-right: 18px; }
  .mc-editorial { min-height: 320px; }
  .mc-editorial__content { padding: 36px; }
  .mc-trustbar__inner { gap: 16px 22px; }
  .mc-lookgrid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; }
  .mc-looktile--big { grid-column: span 2; grid-row: span 1; }
  .mc-nlinput { min-width: 220px; }
}
@media (max-width: 680px) {
  :root { --mc-gutter: 16px; }
  .mc-card { flex: 0 0 178px; }
  .mc-card--lg { flex: 0 0 208px; }
  .mc-card--sm { flex: 0 0 158px; }
  .mc-dept { padding: 44px 0; }
  .mc-dept__num { font-size: 36px; }
  #mc-hero { padding: 64px 0 40px; }
  .mc-hero__stats { padding-top: 20px; }
  .mc-stat { padding-right: 14px; margin-right: 14px; }
  .mc-stat__num { font-size: 22px; }
  .mc-editorial__title { max-width: 100%; }
  #mc-fab-top { right: 16px; bottom: 16px; width: 42px; height: 42px; }
  .mc-trustitem { flex: 1 1 100%; }
  .mc-brandcard { flex: 0 0 156px; padding: 20px 14px; }
  .mc-lookgrid { grid-template-columns: 1fr 1fr; grid-auto-rows: 170px; gap: 10px; }
  .mc-looktile--big { grid-column: span 2; grid-row: span 1; }
  .mc-revcard { flex: 0 0 270px; padding: 20px; }
  #mc-nlband { padding: 52px 0; }
  .mc-nlform { flex-direction: column; align-items: center; }
  .mc-nlinput { width: 100%; min-width: 0; }
}
.mc-pill {
    background: rgb(var(--color-background));
    border-color: rgb(var(--color-background) / 0.16);
}
.mc-swatch {
    margin-right: 6px !important;
}
  :root{
    --se-ink:        #0b0b0c;
    --se-paper:       #f6f4ef;
    --se-mute:        #8c8a85;
    --se-amber:       #cba135;
    --se-line:        rgba(246,244,239,0.14);
    --se-line-strong: rgba(246,244,239,0.28);
    --se-max:         1180px;
    --se-pad:         clamp(20px, 5vw, 64px);
  }

  .se-section{
    margin:0;
    background:var(--se-ink);
    color:var(--se-paper);
    font-family:var(--se-display);
    -webkit-font-smoothing:antialiased;
    overflow:hidden;
    isolation:isolate;
  }

  /* ===== Utility bar ===== */
  #se-utility-bar{
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid var(--se-line);
    max-width:var(--se-max);
    margin:0 auto;
  }
  .se-utility-item{
    flex:1 1 0;
    min-width:160px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 16px;
    border-left:1px solid var(--se-line);
    font-size:11px;
    font-weight:600;
    letter-spacing:0.12em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .se-utility-item:first-child{ border-left:none; }
  .se-utility-icon{
    width:14px;
    height:14px;
    flex-shrink:0;
    stroke:var(--se-amber);
  }
  .se-utility-item--timer{ font-family:var(--se-mono); letter-spacing:0.04em; }
  .se-timer-digits{ color:var(--se-paper); font-variant-numeric:tabular-nums; }
  .se-timer-digits em{ color:var(--se-amber); font-style:normal; }

  /* ===== Hero ===== */
  #se-hero{
    max-width:var(--se-max);
    margin:0 auto;
    padding:clamp(56px, 10vw, 112px) var(--se-pad) clamp(48px, 8vw, 88px);
    text-align:center;
    position:relative;
  }

  .se-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-size:11px;
    font-weight:600;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--se-mute);
    margin-bottom:22px;
  }
  .se-eyebrow-mark{
    width:6px; height:6px;
    background:var(--se-amber);
    border-radius:1px;
    transform:rotate(45deg);
    flex-shrink:0;
  }

  .se-headline{
    font-size:clamp(34px, 6.6vw, 76px);
    line-height:1.04;
    font-weight:900;
    letter-spacing:-0.02em;
    margin:0 0 22px;
  }
  .se-headline-accent{
    position:relative;
    display:inline-block;
    color:var(--se-amber);
  }
  /* signature: subtle RGB-split flicker, periodic & restrained */
  .se-headline-accent::before,
  .se-headline-accent::after{
    content:attr(data-text);
    position:absolute;
    left:0; top:0;
    width:100%;
    opacity:0;
  }
  .se-headline-accent::before{ color:#59c6ff; }
  .se-headline-accent::after{  color:#ff5c7a; }
  .se-headline-accent{ animation:se-flicker-base 7s ease-in-out infinite; }
  .se-headline-accent::before{ animation:se-flicker-cyan 7s ease-in-out infinite; }
  .se-headline-accent::after{  animation:se-flicker-mag 7s ease-in-out infinite; }

  @keyframes se-flicker-base{
    0%, 91%, 100%{ transform:translate(0,0); }
    92%{ transform:translate(-1px,0); }
    94%{ transform:translate(1px,0); }
    96%{ transform:translate(0,0); }
  }
  @keyframes se-flicker-cyan{
    0%, 91%, 100%{ opacity:0; transform:translate(0,0); }
    92%{ opacity:0.7; transform:translate(-2px,-1px); }
    94%{ opacity:0.5; transform:translate(-1px,1px); }
    96%{ opacity:0; transform:translate(0,0); }
  }
  @keyframes se-flicker-mag{
    0%, 91%, 100%{ opacity:0; transform:translate(0,0); }
    92%{ opacity:0.7; transform:translate(2px,1px); }
    94%{ opacity:0.5; transform:translate(1px,-1px); }
    96%{ opacity:0; transform:translate(0,0); }
  }
  @media (prefers-reduced-motion: reduce){
    .se-headline-accent,
    .se-headline-accent::before,
    .se-headline-accent::after{ animation:none !important; }
    .se-headline-accent::before,
    .se-headline-accent::after{ display:none; }
  }

  .se-subtext{
    font-size:clamp(14px, 1.6vw, 16px);
    color:var(--se-mute);
    max-width:440px;
    margin:0 auto 36px;
    line-height:1.6;
  }

  .se-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:none;
    border:none;
    color:var(--se-paper);
    font-family:var(--se-display);
    font-size:13px;
    font-weight:700;
    letter-spacing:0.1em;
    text-transform:uppercase;
    padding-bottom:6px;
    border-bottom:1px solid var(--se-paper);
    cursor:pointer;
    transition:gap 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  }
  .se-cta:hover{
    gap:16px;
    color:var(--se-amber);
    border-color:var(--se-amber);
  }
  .se-cta-icon{
    width:16px; height:16px;
    flex-shrink:0;
  }

  /* ===== Trust / feature row ===== */
  #se-feature-row{
    max-width:var(--se-max);
    margin:0 auto;
    border-top:1px solid var(--se-line);
    display:grid;
    grid-template-columns:repeat(4, 1fr);
  }
  .se-feature{
    padding:26px 20px;
    border-left:1px solid var(--se-line);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
  }
  .se-feature:first-child{ border-left:none; }
  .se-feature-icon{
    width:22px;
    height:22px;
    stroke:var(--se-paper);
    fill:none;
    stroke-width:1.4;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .se-feature-label{
    font-size:11px;
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--se-paper);
  }
  .se-feature-sub{
    font-size:11px;
    color:var(--se-mute);
  }

  /* ===== Responsive ===== */
  @media (max-width:760px){
    #se-utility-bar{ display:none; }
    #se-feature-row{ grid-template-columns:repeat(2, 1fr); }
    .se-feature:nth-child(2){ border-left:1px solid var(--se-line); }
    .se-feature:nth-child(3){ border-left:none; border-top:1px solid var(--se-line); }
    .se-feature:nth-child(4){ border-top:1px solid var(--se-line); }
  }
  @media (max-width:420px){
    .se-feature-sub{ display:none; }
  }
  :root {
  --pod-navy:      #00152e;
  --pod-navy-90:   rgba(0,21,46,0.9);
  --pod-navy-70:   rgba(0,21,46,0.7);
  --pod-navy-mid:  #002244;
  --pod-deep:      #000d1a;
  --pod-coral:     #ff7360;
  --pod-coral-lt:  #fff1f1;
  --pod-coral-md:  #fbe9e7;
  --pod-teal:      #1cb5a0;
  --pod-teal-lt:   #e8fbf6;
  --pod-cyan:      #4dd0e1;
  --pod-sky:       #4fc3f7;
  --pod-yellow:    #ffb74d;
  --pod-yellow-lt: #fff8e1;
  --pod-purple:    #9c27b0;
  --pod-purple-lt: #f3e5f5;
  --pod-blue:      #277eff;
  --pod-blue-lt:   #e1f5fe;
  --pod-green:     #4caf50;
  --pod-green-lt:  #e8f5e9;
  --pod-indigo-lt: #e8eaf6;
  --border:        #e2e8f0;
  --muted:         #64748b;
  --surface:       #f8fafc;
  --white:         #ffffff;
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-lg:     12px;
  --radius-xl:     24px;
  --radius-full:   9999px;
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg:     0 10px 30px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-coral:  0 8px 24px rgba(255,115,96,0.22);
}

/* ===== TOP ANNOUNCEMENT BAR ===== */
#pod-topbar {
  background: var(--pod-navy);
  color: var(--white);
  font-size: 11.5px;
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 8px 0;
  border-bottom: 1px solid rgb(var(--color-background) / 0.07);
}
#pod-topbar .pod-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.pod-topbar-item {
  display: flex;
  align-items: center;
  gap: 6px;
  opacity: 0.88;
  white-space: nowrap;
}
.pod-topbar-item iconify-icon { font-size: 13px; }
@media (max-width: 900px) {
  #pod-topbar .pod-topbar-inner { justify-content: center; gap: 12px; }
  .pod-topbar-item:nth-child(3), .pod-topbar-item:nth-child(4) { display: none; }
}
@media (max-width: 560px) {
  .pod-topbar-item:nth-child(2) { display: none; }
}

/* ===== MAIN HEADER ===== */
#pod-header {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 1px 0 rgb(var(--color-shadow) / 0.04);
}
#pod-header .pod-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-top: 14px;
  padding-bottom: 14px;
}
/* LOGO */
#pod-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.pod-logo-letters {
  display: flex;
  align-items: center;
  gap: 3px;
}
.pod-logo-letter {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 22px;
  color: var(--white);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.pod-logo-letter--p { background: var(--pod-cyan); border-radius: var(--radius-sm); }
.pod-logo-letter--o { background: var(--pod-coral); border-radius: var(--radius-full); }
.pod-logo-letter--d { background: var(--pod-sky); border-radius: var(--radius-md); }
.pod-logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.pod-logo-name {
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pod-navy);
}
/* SEARCH BAR */
#pod-search-wrap {
  flex: 1;
  max-width: 460px;
}
.pod-search-box {
  display: flex;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 0 14px;
  height: 40px;
  gap: 10px;
  cursor: text;
  transition: border-color 0.2s;
}
.pod-search-box:hover { border-color: #c5d0dc; }
.pod-search-box span {
  font-size: 13.5px;
  color: var(--muted);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pod-search-box iconify-icon { font-size: 18px; color: var(--pod-navy); flex-shrink: 0; }
/* HEADER ACTIONS */
#pod-header-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
}
.pod-header-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--pod-navy);
  transition: opacity 0.2s;
  position: relative;
}
.pod-header-btn:hover { opacity: 0.72; }
.pod-header-btn iconify-icon { font-size: 20px; }
.pod-cart-badge {
  position: absolute;
  top: -7px;
  right: -10px;
  background: var(--pod-yellow);
  color: var(--pod-navy);
  font-size: 9.5px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: var(--radius-full);
  line-height: 1;
}
@media (max-width: 1024px) {
  #pod-search-wrap { max-width: 320px; }
  .pod-header-btn span { display: none; }
  #pod-header-actions { gap: 16px; }
}
@media (max-width: 640px) {
  #pod-search-wrap { display: none; }
  #pod-header-actions { gap: 12px; }
}

/* ===== CATEGORY NAV ===== */
#pod-catnav {
  background: var(--white);
  border-bottom: 1px solid var(--border);
}
#pod-catnav .pod-catnav-inner {
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#pod-catnav .pod-catnav-inner::-webkit-scrollbar { display: none; }
.pod-catbtn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0,21,46,0.75);
  padding: 10px 14px;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color 0.18s, border-color 0.18s;
}
.pod-catbtn:hover { color: var(--pod-navy); border-bottom-color: var(--pod-coral); }
.pod-catbtn iconify-icon { font-size: 15px; }
@media (max-width: 900px) { .pod-catbtn { padding: 10px 10px; font-size: 12.5px; } }

/* ===== HERO ===== */
#pod-hero {
  position: relative;
  height: clamp(360px, 55vw, 500px);
  overflow: hidden;
  display: flex;
  align-items: center;
}
#pod-hero-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(0,21,46,0.92) 32%, rgba(0,21,46,0.48) 65%, rgba(0,21,46,0.10) 100%),
    url('https://storage.googleapis.com/banani-generated-images/generated-images/d27c405c-1205-42d9-815d-47c039f0ad0a.jpg');
  background-size: cover;
  background-position: center;
}
#pod-hero-content {
  position: relative;
  z-index: 2;
  color: var(--white);
  max-width: 520px;
  padding: 3rem 0;
}
.pod-hero-eyebrow {
  font-family: var(--font-display);
  font-size: clamp(36px, 6vw, 68px);
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin: 0;
}
.pod-hero-sub {
  font-size: 13px;
  letter-spacing: 0.28em;
  font-weight: 300;
  text-transform: uppercase;
  opacity: 0.82;
  margin-top: 6px;
}
.pod-hero-desc {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  opacity: 0.88;
  margin-top: 18px;
  max-width: 400px;
}
.pod-hero-cta {
  margin-top: 26px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.pod-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--pod-coral);
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14.5px;
  padding: 13px 26px;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-coral);
  transition: transform 0.18s, box-shadow 0.18s;
  letter-spacing: 0.01em;
}
.pod-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(255,115,96,0.30); }
.pod-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(var(--color-background) / 0.12);
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  padding: 12px 22px;
  border-radius: var(--radius-lg);
  border: 1px solid rgb(var(--color-background) / 0.22);
  backdrop-filter: blur(4px);
  transition: background 0.18s;
}
.pod-btn-ghost:hover { background: rgb(var(--color-background) / 0.2); }
.pod-hero-dots {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 3;
}
.pod-dot { width: 9px; height: 9px; border-radius: var(--radius-full); background: var(--white); }
.pod-dot--active { background: var(--white); }
.pod-dot--inactive { background: rgb(var(--color-background) / 0.35); }
@media (max-width: 640px) {
  .pod-hero-desc { font-size: 14px; }
  .pod-btn-ghost { display: none; }
}

/* ===== TRUST BADGES ===== */
#pod-trust {
  background: var(--pod-navy-mid);
  color: var(--white);
  border-bottom: 1px solid rgb(var(--color-background) / 0.07);
}
#pod-trust .pod-trust-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
.pod-trust-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 22px 24px;
}
.pod-trust-icon {
  background: rgb(var(--color-background) / 0.08);
  padding: 10px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pod-trust-icon iconify-icon { font-size: 22px; color: var(--white); }
.pod-trust-label {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: var(--white);
  margin-bottom: 3px;
}
.pod-trust-desc { font-size: 11.5px; color: rgb(var(--color-button-text) / 0.62); line-height: 1.5; }
@media (max-width: 900px) {
  #pod-trust .pod-trust-inner { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  #pod-trust .pod-trust-inner { grid-template-columns: 1fr; }
}

/* ===== SECTION LABELS ===== */
.pod-section-label {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 9.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pod-coral);
  margin-bottom: 8px;
}
.pod-section-title {
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  color: var(--pod-navy);
  letter-spacing: -0.02em;
}
.pod-section-head { text-align: center; margin-bottom: 2.5rem; }

/* ===== POPULAR COLLECTIONS ===== */
#pod-collections { padding: 60px 0; background: var(--white); }
.pod-collections-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px;
}
.pod-col-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.pod-col-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.pod-col-img-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 148px;
  padding: 14px;
}
.pod-col-img-wrap img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,0.12));
}
.pod-col-badge {
  position: absolute;
  bottom: -13px;
  left: 12px;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-full);
  border: 2px solid var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-sm);
}
.pod-col-badge iconify-icon { font-size: 13px; }
.pod-col-body {
  padding: 18px 12px 12px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 90px;
}
.pod-col-name {
  font-family: var(--font-display);
  font-size: 12.5px;
  font-weight: 700;
  color: var(--pod-navy);
  line-height: 1.2;
}
.pod-col-desc {
  font-size: 10.5px;
  color: var(--muted);
  line-height: 1.4;
  margin-top: 4px;
}
.pod-col-arrow {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.pod-col-arrow iconify-icon { font-size: 13px; }
@media (max-width: 1024px) {
  .pod-collections-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 600px) {
  .pod-collections-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== POPULAR PRODUCTS ===== */
#pod-products {
  padding: 48px 0;
  background: var(--white);
  border-top: 1px solid rgb(var(--color-background) / 0.16);
}
.pod-products-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.pod-view-all {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--pod-blue);
}
.pod-products-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 16px;
}
.pod-prod-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.pod-prod-thumb {
  background: var(--surface);
  width: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
  border: 1px solid rgb(var(--color-background) / 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.pod-prod-thumb:hover { border-color: rgb(var(--color-background) / 0.16); box-shadow: var(--shadow-sm); }
.pod-prod-thumb img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}
.pod-prod-name {
  font-family: var(--font-display);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--pod-navy);
  text-align: center;
}
@media (max-width: 1024px) {
  .pod-products-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 560px) {
  .pod-products-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== PROMO CARDS ===== */
#pod-promo { padding: 48px 0; background: var(--white); }
.pod-promo-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.pod-promo-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgb(var(--color-background) / 0.06);
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  position: relative;
  box-shadow: var(--shadow-sm);
}
.pod-promo-card-img {
  position: relative;
  width: calc(100% + 48px);
  margin: auto -24px -24px;
  height: 190px;
  overflow: hidden;
  border-radius: 0;
}
.pod-promo-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pod-promo-card-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 16.5px;
  line-height: 1.2;
  margin-bottom: 8px;
}
.pod-promo-card-desc { font-size: 11.5px; line-height: 1.6; }
.pod-promo-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 11px;
  padding: 9px 14px;
  border-radius: var(--radius-md);
  margin-top: 12px;
  transition: opacity 0.18s;
  letter-spacing: 0.01em;
}
.pod-promo-btn:hover { opacity: 0.82; }
/* card variants */
.pod-promo-card--dark  { background: var(--pod-navy-mid); color: var(--white); }
.pod-promo-card--teal  { background: var(--pod-teal-lt); color: var(--pod-navy); }
.pod-promo-card--coral { background: var(--pod-coral-lt); color: var(--pod-navy); }
.pod-promo-card--cream { background: rgb(var(--color-base-highlight)); color: var(--pod-navy); }
.pod-promo-card--slate { background: rgb(var(--color-base-highlight)); color: var(--pod-navy); }
.pod-promo-card--dark .pod-promo-card-desc  { color: rgb(var(--color-button-text) / 0.72); }
.pod-promo-card--teal .pod-promo-card-desc,
.pod-promo-card--coral .pod-promo-card-desc,
.pod-promo-card--cream .pod-promo-card-desc,
.pod-promo-card--slate .pod-promo-card-desc { color: #64748b; }
.pod-promo-btn--white  { background: var(--white); color: var(--pod-navy); }
.pod-promo-btn--teal   { background: var(--pod-teal); color: var(--white); }
.pod-promo-btn--border { background: var(--white); color: var(--pod-navy); border: 1px solid var(--border); }
.pod-promo-btn--navy   { background: var(--pod-navy); color: var(--white); }
@media (max-width: 1024px) {
  .pod-promo-grid { grid-template-columns: repeat(3, 1fr); }
  .pod-promo-card--cream { display: none; }
}
@media (max-width: 700px) {
  .pod-promo-grid { grid-template-columns: repeat(2, 1fr); }
  .pod-promo-card--slate { display: none; }
}
@media (max-width: 480px) {
  .pod-promo-grid { grid-template-columns: 1fr; }
  .pod-promo-card { height: auto; min-height: 280px; }
}

/* ===== HOW IT WORKS ===== */
#pod-howto {
  padding: 64px 0;
  background: rgb(var(--color-base-highlight));
  border-top: 1px solid rgb(var(--color-background) / 0.16);
  border-bottom: 1px solid rgb(var(--color-background) / 0.16);
}
.pod-steps-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin-top: 3rem;
  gap: 12px;
}
.pod-steps-line {
  position: absolute;
  top: 27px;
  left: 80px;
  right: 80px;
  height: 1px;
  border-top: 2px dashed #d9e2ee;
  z-index: 0;
}
.pod-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 140px;
  flex: 1;
}
.pod-step-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(var(--color-foreground) / 0.06);
  box-shadow: var(--shadow-sm);
  margin-bottom: 14px;
  background: var(--white);
}
.pod-step-icon iconify-icon { font-size: 22px; }
.pod-step-num {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 800;
  color: var(--pod-navy);
}
.pod-step-name {
  font-family: var(--font-display);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--pod-navy);
  margin-bottom: 5px;
}
.pod-step-desc { font-size: 10.5px; color: var(--muted); line-height: 1.5; }
@media (max-width: 900px) {
  .pod-steps-row { flex-wrap: wrap; justify-content: center; }
  .pod-steps-line { display: none; }
  .pod-step { min-width: 120px; max-width: 160px; }
}

/* ===== TESTIMONIALS ===== */
#pod-reviews {
  padding: 60px 0;
  background: var(--white);
}
.pod-reviews-row {
  display: flex;
  align-items: center;
  gap: 18px;
}
.pod-reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  flex: 1;
}
.pod-review-card {
  background: var(--surface);
  border: 1px solid rgb(var(--color-background) / 0.16);
  border-radius: 14px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 160px;
}
.pod-stars { display: flex; gap: 3px; color: var(--pod-green); margin-bottom: 10px; }
.pod-stars iconify-icon { font-size: 13px; }
.pod-review-text {
  font-size: 12.5px;
  color: var(--pod-navy-90);
  line-height: 1.6;
  font-style: italic;
  flex: 1;
}
.pod-reviewer {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--muted);
  margin-top: 14px;
}
.pod-nav-btn {
  background: rgb(var(--color-base-highlight));
  color: var(--pod-navy);
  border-radius: var(--radius-full);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.18s;
}
.pod-nav-btn:hover { background: rgb(var(--color-base-highlight)); }
.pod-nav-btn iconify-icon { font-size: 18px; }
@media (max-width: 900px) {
  .pod-reviews-grid { grid-template-columns: repeat(2, 1fr); }
  .pod-nav-btn { display: none; }
}
@media (max-width: 480px) {
  .pod-reviews-grid { grid-template-columns: 1fr; }
}

/* ===== NEWSLETTER ===== */
#pod-newsletter { padding: 0 0 60px; background: var(--white); }
.pod-newsletter-inner {
  background: var(--pod-navy);
  border-radius: 20px;
  padding: 36px 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  border: 1px solid rgb(var(--color-background) / 0.04);
}
.pod-newsletter-left { display: flex; align-items: center; gap: 20px; }
.pod-nl-icon {
  background: rgb(var(--color-background) / 0.08);
  padding: 16px;
  border-radius: 14px;
  color: var(--white);
  flex-shrink: 0;
}
.pod-nl-icon iconify-icon { font-size: 30px; }
.pod-nl-title {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 5px;
}
.pod-nl-desc { font-size: 12px; color: rgb(var(--color-button-text) / 0.62); max-width: 340px; line-height: 1.5; }
.pod-newsletter-form { display: flex; align-items: center; gap: 10px; }
.pod-nl-input {
  background: var(--white);
  color: var(--pod-navy);
  border-radius: var(--radius-lg);
  padding: 12px 18px;
  font-size: 13px;
  width: 270px;
  font-family: var(--font-body);
}
.pod-nl-input::placeholder { color: #94a3b8; }
.pod-btn-coral {
  background: var(--pod-coral);
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  padding: 12px 22px;
  border-radius: var(--radius-lg);
  transition: opacity 0.18s;
}
.pod-btn-coral:hover { opacity: 0.88; }
@media (max-width: 1024px) {
  .pod-newsletter-inner { flex-direction: column; align-items: flex-start; padding: 28px 32px; }
}
@media (max-width: 560px) {
  .pod-newsletter-inner { padding: 24px 20px; }
  .pod-newsletter-form { flex-direction: column; width: 100%; }
  .pod-nl-input { width: 100%; }
  .pod-btn-coral { width: 100%; text-align: center; }
}
.image__rightcontent {
    display: flex;
}

.otherbars-- {
    height: 100% !important;
    width: 50% !important;
}

.mc-editorial img {
    filter: unset !important;
    position: unset !important;
}
.mc-editorial img {
    object-fit: cover !important;
    width: 50% !important;
      -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
}

.mc-editorial__overlay {
    display: none !important;
}

.image__rightcontent {
    opacity: 1;
    filter: unset !important;
}
.mc-looktile img {
    transform: scale(1.5);
    object-fit: cover !important;
    object-position: top !important;
}
.top__container {
    margin: auto !important;
    width: 100%;
    display: flex;
    max-width: 1450px !important;
}

.short__patern {
    width: 50%;
}

.rightside__grid {
    width: 50%;
    height: auto;
}

section#mc-hero {
    padding: 0px !important;
}

.short__patern {
    padding: 40px 40px !important;
}

.rightside__grid img {
    height:100% !important;
    object-fit:cover;
      -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
}

.mc-hero__title {
    margin: 0px !important;
    font-size: 80px !important;
}
.short__patern {
    padding:45px 0px !important;
}
button.mc-card__quick svg {
    height: 13px !important;
    width: 13px !important;
    fill: rgb(var(--color-button-text)) !important;
    margin-left: 10px !important;
}

.mc-card__quick {
    justify-content: center;
    display: flex;
    align-items: center;
}

button.mc-card__wish svg {
    padding: 3px !important;
    width: 100% !important;
    height: 100%;
}

.mc-card__wish:hover path 
{
fill:rgb(var(--color-button-text));    
}
.mc-trustitem__icon svg
{
    padding:10px !important;
}

.mc-trustitem {
    justify-content:center;
}

.mc-trustitem__icon 
{
    width:42px;
    height:42px;
}

.pod-col-img-wrap {
    background: rgb(var(--color-base-highlight)) !important;
}

.pod-col-img-wrap img {
    width:120px;
    height:120px;
}
.pod-col-card {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
}

.pod-col-badge svg {
    padding: 6px !important;
    height: 100%;
    width: 100%;
}

.pod-col-badge {
    width: 35px !important;
    height: 35px !important;
    background:rgb(var(--color-background)) !important;
}
.pod-container {
    max-width: 1250px !important;
    margin: auto !important;
}

.pod-col-name {
    font-size: 15px !important;
}

.pod-col-desc {
    font-size: 12px !important;
}

.pod-col-arrow svg {
    width:20px;
    height:20px;
}
.pod-view-all {
    color: rgb(var(--color-foreground)) !important;
}

.pod-view-all svg 
{
    width:20px;
    height:20px;
}
.pod-col-img-wrap img {
    filter: unset !important;
}
.pod-col-img-wrap img {
    filter: unset !important;
}

.pod-prod-thumb {
    background: rgb(var(--color-base-highlight))!important;
    border:1px solid rgb(var(--color-background) / 0.16)!important
}
span.mc-card__stars svg 
{
    width:16px;
    height:16px;
  margin-right:2px;
}
span.mc-card__stars 
{
  display:flex;
  align-items:center;
}

.mc-card__rating {
    line-height: normal !important;
}

.mc-slidernav button {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(var(--color-shadow) / 0.05);
    border: 1px solid rgb(var(--color-foreground) / 0.18) !important;
    height: 35px !important;
    border-radius: 50px !important;
    padding: 5px !important;
    background:rgb(var(--color-background)) !important;
}

h2.mc-dept__title {
    font-size: 30px !important;
    margin-bottom:10px;
}

.mc-dept__sub {
    font-size:15px;
}
.mc-revcard__stars svg {
        width:16px;
    height:16px;
  margin-right:2px;
}

.mc-revcard__stars {
    display: flex;
}

.mc-revcard {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(var(--color-shadow) / 0.05);
    border: 1px solid rgb(var(--color-foreground) / 0.18) !important;
    background: rgb(var(--color-background)) !important;
}

.mc-slidernav button {
    cursor: pointer !important;
}

.mc-slidernav button:hover 
{
    border-color:rgb(var(--color-foreground) / 0.16) !important;
}
.pod-container {
        max-width: 1480px !important;
    margin: 0 auto;
    padding: 0 32px;
}

section#pod-howto {
    background:rgb(var(--color-base-highlight)) !important;
    padding:60px 0px !important;
}

.pod-step {
    max-width:200px;
}
.pod-step-icon
{
    background:rgb(var(--color-background)) !important;
}
.pod-step-icon svg {
    width:100% !important;
    height:100% !important;
    padding:15px !important;
}
.pod-steps-row {
    max-width:1200px;
    margin:auto;
}
.pod-steps-row {
    max-width:1200px;
    margin:auto;
}

.pod-step-name {
    font-size:14px !important;
}

.pod-step-desc {
    font-size:13px;
}
.se-headline {
    color:rgb(var(--color-button-text) / 0.56078431);
}

.se-headline-accent {
    animation:unset !important;
    color:rgb(var(--color-button-text)) !important;
}
.mc-editorial__title {
    margin: 0px !important;
}

.mc-dept--alt .mc-card__media {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    overflow:hidden !important;
}
.mc-dept--dark .mc-pill {
    background: transparent;
}

.mc-dept--dark img.mc-card__img {
    filter: invert(1);
}

.mc-dept--dark .mc-card__wish {
    background: transparent !important;
    border-color: rgb(var(--color-background) / 0.54901961) !important;
}

.mc-dept--dark .mc-card__wish svg {
    fill: rgb(var(--color-button-text)) !important;
}
.mc-dept--dark button.mc-card__quick svg {
    fill:rgb(var(--color-foreground)) !important;
}
.background099 {
    background-size: cover!important;
    background: url("https://cdn11.bigcommerce.com/s-khwfwarmug/images/stencil/original/image-manager/bannern1.png?t=1780513703")!important;
    background-size: cover!important
}

.othamin23 {
    text-align: center!important
}

.othamin23 h4 {
    background: #04294e;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto!important;
    color: rgb(var(--color-button-text))!important;
    font-size: 16px!important;
    padding: 7px 20px!important;
    border-radius: 50px!important
}

div#pod-hero-content .top_amins .othamin23 h3 {
    color: #04294e!important;
    font-size: 160px!important;
    line-height: 159px!important;
    font-weight: 700!important;
    margin-bottom: 0!important
}

div#pod-hero-content .top_amins .othamin23 h3 h2 {
    font-family: Allura,cursive!important
}

.othamin23 h2 {
    font-family: Allura,cursive!important;
    font-size: 200px!important;
    font-weight: 300!important;
    color: #ff7360
}

.othamin23 h2 span {
    font-size: 30px!important
}

.othamin23 h2 span {
    background: #10b5b3;
    color: rgb(var(--color-button-text))!important;
    font-weight: 600!important;
    padding: 7px 15px!important;
    font-size: 23px!important;
    border-radius: 50px!important
}

.othamin23 p {
    max-width: 400px!important;
    font-size: 16px!important;
    color: #04294e!important;
    margin: auto!important;
    padding: 15px 0
}

.othamin23 .button {
    background: #bdcfc7;
    color: #04294e!important;
    font-size: 16px!important;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    height: unset!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto!important;
    border: 0!important;
    padding: 0 40px!important;
    border-radius: 20px!important
}

.othamin23 .button svg {
    width: 21px!important;
    height: 21px!important;
    fill: currentColor;
    margin-left: 10px!important
}

.othamin23 h6 {
    font-size: 10px!important;
    margin: 0!important;
    margin-top: 10px!important
}

div#pod-hero-content .top_amins .othamin23 h3 {
    font-size: 110px!important;
    line-height: 110px!important
}

.othamin23 h2 {
    font-size: 154px!important;
    margin-top: 25px!important
}

.countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: Arial,sans-serif
}

.countdown-item {
    min-width: 80px
}

.countdown-number {
    font-size: 40px;
    font-weight: 700;
    line-height: 1
}

.countdown-label {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 5px
}

.countdown-label {
    font-size: 10px!important;
    line-height: normal!important;
    color: #04294e!important
}

.countdown-number {
    font-size: 21px!important;
    color: #04294e!important
}

.countdown {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto!important;
    padding: 10px 20px!important;
    border-radius: 15px!important
}

@media (max-width: 1010px) {
    .othamin23 h2 {
        font-size:77px!important
    }

    .othamin23 h2 span {
        font-size: 17px!important
    }

    .othamin23 p {
        font-size: 13px!important;
        line-height: normal!important
    }

    .othamin23 .button {
        font-size: 14px!important
    }

    .background099+.pod-container div#pod-hero-content .top_amins .othamin23 h3 {
        font-size: 61px!important;
        line-height: 46px!important
    }

    .background099+.pod-container div#pod-hero-content {
        padding: 0!important;
        width: 100%!important
    }

    .background099+.pod-container {
        padding: 0!important
    }

    .countdown-number {
        font-size: 20px!important
    }

    .countdown {
        gap: 1px!important
    }

    .othamin23 {
        padding: 10px 15px!important;
        width: 100%
    }

    .top_amins {
        width: 100%!important
    }
}

#pod-hero-bg {
    background-position: center!important
}


.othamin23 p {
    max-width: 400px!important;
    font-size: 16px!important;
    color: #04294e!important;
    margin: auto!important;
    padding: 15px 0
}

.othamin23 .button {
    background: #bdcfc7;
    color: #04294e!important;
    font-size: 16px!important;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    height: unset!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto!important;
    border: 0!important;
    padding: 0 40px!important;
    border-radius: 20px!important
}

.othamin23 .button svg {
    width: 21px!important;
    height: 21px!important;
    fill: currentColor;
    margin-left: 10px!important
}
.othamin23 h2 {
    margin-bottom: 0px !important;
}

#pod-hero {
    height: 700px !important;
}

.pod-container {
    width: 100%;
}

.othamin23 h6 {
    color: rgb(var(--color-foreground)) !important;
    padding: 10px 0px;
    font-size: 12px !important;
}

.othamin23 .button {
    padding: 7px 40px !important;
    background: rgb(var(--color-background)) !important;
}
.othamin23 h2 span {
    background: rgb(var(--color-background) / 0.52156863) !important;
    font-family: 'Inter';
    color: rgb(var(--color-foreground)) !important;
    font-size: 17px !important;
}

.othamin23 p {
    color: rgb(var(--color-foreground)) !important;
    font-size: 15px !important;
    padding-top: 0px !important;
}

div#pod-hero-content .top_amins .othamin23 h3 {
    font-weight: 900 !important;
    color: rgb(var(--color-foreground)) !important;
    font-size: 95px !important;
    margin-bottom: -60px !important;
}

.othamin23 h2 {
    margin-top: 0px !important;
}
#pod-hero-bg {
    display: flex;
}

.bar__content {width: 50%;}
#pod-hero-bg img
{
width:50%;
    height:100%;
  height: auto;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
  object-fit:cover !important;
}

#pod-hero {
    background: rgb(var(--color-foreground)) !important;
}

div#pod-hero-bg {
    background: rgb(var(--color-foreground)) !important;
}
#pod-hero-bg img {
    object-position: right !important;
}
div#pod-hero-content .top_amins .othamin23 h3 {
    color: rgb(var(--color-button-text)) !important;
}

.othamin23 h2 span {
    background: rgb(var(--color-background) / 0.23137255) !important;
    color: rgb(var(--color-button-text) / 0.58039216) !important;
}

.othamin23 p {
    color: rgb(var(--color-button-text)) !important;
}

.othamin23 h6 {
    color: rgb(var(--color-button-text)) !important;
}

.countdown-number {
    color: rgb(var(--color-button-text)) !important;
}

.countdown-label {
    color: rgb(var(--color-button-text)) !important;
}

.big__container {
            max-width: 1480px !important;
    margin: 0 auto;
    padding: 0 32px;
}
section#pod-hero {
    height:600px !important;
    margin-top:45px !important;
    border-radius:15px !important;
}
.se-headline {
    color: rgb(var(--color-button-text)) !important;
}

.se-headline-accent {
    color:#ff7360 !important;
}
.se-cta {
    color: rgb(var(--color-button-text)) !important;
    border-color: rgb(var(--color-background)) !important;
}

.se-feature {
    gap: 4px !important;
}

span.se-feature-sub {
    font-size: 12px !important;
    line-height: normal !important;
}

span.se-feature-label {
    font-size: 13px !important;
    padding-top: 15px !important;
}
.rightside__grid img {
    aspect-ratio: 1/0.85 !important;
    object-position: top !important;
}
@media (max-width: 1010px) {
.top__container {
    display: block !important;
}

.short__patern {
    width: 100% !important;
}

.mc-hero__title {
    font-size: 40px !important;
}

.mc-hero__sub {
    font-size: 14px !important;
}

.mc-btn {
    font-size: 13px !important;
    padding: 10px 20px !important;
}

.mc-stat__num {
    font-size: 18px !important;
}

.mc-stat__label {
    font-size: 9px !important;
}

.rightside__grid {
    width: 100% !important;
}

.rightside__grid img {
    aspect-ratio: 1/1 !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
}
.mc-trustbar__inner {
    flex-wrap: unset !important;
    overflow: auto;
    white-space: nowrap;
    display: flex;
    max-width: 1400px;
}

.pod-section-title {
    font-size: 22px !important;
}

.pod-section-head {
    margin-bottom: 20px !important;
}

.pod-container {
    padding: 0px 15px !important;
}

section#pod-collections {
    padding: 30px 0px !important;
}
.pod-section-title {
    margin-bottom: 0px !important;
}

#pod-products {
    padding: 30px 0px !important;
}

.pod-view-all {
    font-size: 12px !important;
}

.pod-view-all {
    font-size: 14px !important;
}

.pod-col-name {
    font-size: 14px !important;
    padding-top: 10px !important;

 
  }
  .pod-prod-name {
    font-size: 14px !important;
}

.mc-wrap {
    padding: 0px 15px !important;
}

h2.mc-dept__title {
    font-size: 22px !important;
}

.mc-dept__sub {
    font-size: 13px !important;
}

.mc-slidernav button {
    height: 30px !important;
    width: 30px !important;
}

.mc-viewall {
    display: none;
}

.mc-dept__head {
    flex-wrap: unset !important;
    align-items: unset !important;
}

.mc-dept__head-left {
    max-width: 200px !important;
}

.mc-dept {
    padding: 30px 0px !important;

  }
  .mc-pill {
    font-size: 12px !important;
}

.mc-pills {
            overflow: auto;
        white-space: nowrap;
        display: flex;
        max-width: 1400px;
    flex-wrap:unset !important;
}

span.mc-card__stars svg {
    width: 14px !important;
    height: 14px !important;
}
.mc-editorial-wrap {
    padding: 30px 0px !important;
}

.mc-editorial__cta {
    margin-top: 10px !important;
}

.mc-editorial__content {
    padding: 25px !important;
}
.big__container {
    padding: 0px 15px !important;
}

section#pod-hero {
    margin-top: 20px !important;
}
.bar__content {
    display: none !important;
}

img {}

#pod-hero-bg img {
    width: 100% !important;
    -webkit-mask-image: linear-gradient(
    to top,
    transparent 0%,
    black 30%
  );
    mask-image: linear-gradient(
    to top,
    transparent 0%,
    black 30%
  );
}

#pod-hero-bg {
    position: unset !important;
}

section#pod-hero {
    display: block !important;
    height: unset !important;
}

div#pod-hero-content .top_amins .othamin23 h3 {
    margin-bottom: -20px !important;
}

.othamin23 h2 {}

.othamin23 h2 {}

.othamin23 p {
    font-size: 14px !important;
    line-height: 23px !important;
}

.othamin23 h2 span {
    font-size: 13px !important;
}

.othamin23 .button {
    font-size: 14px !important;
}

.countdown {
    padding: 0px !important;
    padding-bottom: 30px !important;
    padding-top: 20px !important;
}

.countdown-number {
    font-size: 15px !important;
}

.countdown-label {
    font-size: 8px !important;
}
.se-headline {
    font-size: 45px !important;
    margin-bottom: 10px !important;
}
}
.pod-col-badge {
    display: none !important;
}
.womendress_main img {
    aspect-ratio:1/1;
}
.womendress_main img {
    aspect-ratio:1/1;
}
.mc-looktile img {
    transform: unset !important;
}
@media (min-width: 960px) {
.fnv-sub-btn {
    margin: 9px 2px !important;
}

.fnv-header-row {
    height: 74px !important;
}

#fnv-topnav>li>button
{
    font-size:14px;
}
}
.fnv-search-btn {
    padding:10px;
}
  #hb-blog-root {
    --hb-ink: rgb(var(--color-foreground));
    --hb-sub: rgb(var(--color-foreground) / 0.65);
    --hb-line: rgb(var(--color-foreground) / 0.16);
    --hb-accent: #d4232c;
    --hb-flame: #f5a623;
    --hb-bg: rgb(var(--color-background));
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    color: var(--hb-ink);
    background: var(--hb-bg);
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px 20px 64px;
  }
  #hb-blog-root a { color: inherit; text-decoration: none; }
  #hb-blog-root img { display: block; width: 100%; height: 100%; object-fit: cover; }
  #hb-blog-root button { font-family: inherit; }

  .hb-icon { width: 15px; height: 15px; display: block; }
  .hb-meta-flame .hb-icon { color: var(--hb-flame); }
  .hb-meta-comment .hb-icon { color: var(--hb-sub); }
  .hb-meta-save .hb-icon { color: var(--hb-sub); }

  .hb-card-meta { display: flex; align-items: center; gap: 16px; margin-top: 12px; }
  .hb-meta-stat { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--hb-sub); font-weight: 500; }
  .hb-meta-save { margin-left: auto; background: none; border: none; padding: 0; cursor: pointer; display: inline-flex; line-height: 0; }
  .hb-meta-save:hover .hb-icon, .hb-meta-save.is-saved .hb-icon { color: var(--hb-ink); }
  .hb-meta-save.is-saved .hb-icon { fill: var(--hb-ink); }

  /* HERO — 2 articles: (text + big image) as one unit, plus a right image-top card */
  .hb-hero { display: grid; grid-template-columns: 2.6fr 0.85fr; gap: 32px; padding-bottom: 28px; border-bottom: 1px solid var(--hb-line); margin-bottom: 28px; }
  .hb-hero-col { display: flex; flex-direction: column; }

  /* article 1: text (left) + image (center) live inside this shared grid */
  .hb-hero-primary { display: grid; grid-template-columns: 0.85fr 1.75fr; gap: 32px; }

  .hb-hero-left-title { font-size: 26px; font-weight: 700; line-height: 1.18; margin: 0 0 14px; letter-spacing: -0.01em; }
  .hb-hero-left-excerpt { font-size: 14px; color: var(--hb-sub); line-height: 1.6; }

  .hb-hero-center { display: block; }
  .hb-hero-center-media { position: relative; width: 100%; aspect-ratio: 10/7; overflow: hidden; background: rgb(var(--color-placeholder)); }

  .hb-hero-right-media { aspect-ratio: 16/10; background: rgb(var(--color-placeholder)); overflow: hidden; margin-bottom: 14px; }
  .hb-hero-right-title { font-size: 17px; font-weight: 700; line-height: 1.3; margin: 0 0 8px; }
  .hb-hero-right-excerpt { font-size: 13px; color: var(--hb-sub); line-height: 1.55; }

  /* MINI GRID */
  .hb-minigrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 40px; padding-bottom: 28px; border-bottom: 1px solid var(--hb-line); }
  .hb-minigrid-media { aspect-ratio: 4/3; background: rgb(var(--color-placeholder)); overflow: hidden; margin-bottom: 12px; }
  .hb-minigrid-title { font-size: 14px; font-weight: 600; line-height: 1.35; margin: 0; }

  /* CONTENT ROW */
  .hb-content-row { display: grid; grid-template-columns: 1fr 260px; gap: 40px; align-items: start; }

  /* TABS */
  .hb-tabs { display: flex; flex-wrap: wrap; gap: 28px; border-bottom: 2px solid var(--hb-ink); margin-bottom: 24px; }
  .hb-tab { background: none; border: none; padding: 10px 2px; font-size: 14px; font-weight: 600; color: var(--hb-sub); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; text-transform: capitalize; }
  .hb-tab.is-active { color: var(--hb-ink); border-bottom-color: var(--hb-ink); }

  /* ARTICLE ROWS */
  .hb-article-list { display: flex; flex-direction: column; }
  .hb-article-row { border-bottom: 1px solid var(--hb-line); padding: 28px 0; }
  .hb-article-row:first-child { padding-top: 0; }
  .hb-article-row-link { display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px; align-items: center; }
  .hb-article-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--hb-accent); }
  .hb-article-row-title { font-size: 20px; font-weight: 700; line-height: 1.25; margin: 8px 0; }
  .hb-article-row-excerpt { font-size: 14px; color: var(--hb-sub); line-height: 1.5; margin-bottom: 10px; }
  .hb-article-row-byline { font-size: 12px; color: var(--hb-sub); }
  .hb-article-row-media { aspect-ratio: 16/10; background: rgb(var(--color-placeholder)); overflow: hidden; }
  .hb-article-row.hb-hidden { display: none; }

  .hb-pagination { display: flex; gap: 10px; justify-content: center; margin-top: 32px; }
  .hb-page-link { padding: 6px 12px; border: 1px solid var(--hb-line); font-size: 13px; }
  .hb-page-link.is-current { background: var(--hb-ink); color: rgb(var(--color-button-text)); }

  /* SIDEBAR */
  .hb-sidebar-inner { border: 1px solid var(--hb-line); padding: 18px; position: sticky; top: 20px; }
  .hb-sidebar-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 14px; }
  .hb-cat-list { list-style: none; margin: 0; padding: 0; }
  .hb-cat-item { border-top: 1px solid var(--hb-line); }
  .hb-cat-item:first-child { border-top: none; }
  .hb-cat-link { display: flex; align-items: center; gap: 12px; padding: 10px 0; font-size: 13px; font-weight: 600; }
  .hb-cat-link:hover { color: var(--hb-accent); }
  .hb-cat-rank { font-size: 12px; color: var(--hb-sub); width: 16px; }

  /* SIDEBAR — TOP POSTS */
  .hb-sidebar-top { margin-top: 20px; }
  .hb-top-list { list-style: none; margin: 0; padding: 0; }
  .hb-top-item { border-top: 1px solid var(--hb-line); }
  .hb-top-item:first-child { border-top: none; }
  .hb-top-link { display: grid; grid-template-columns: 16px 68px 1fr; gap: 10px; align-items: start; padding: 12px 0; }
  .hb-top-rank { font-size: 12px; color: var(--hb-sub); font-weight: 700; padding-top: 2px; }
  .hb-top-media { aspect-ratio: 4/3; background: rgb(var(--color-placeholder)); overflow: hidden; }
  .hb-top-title { font-size: 13px; font-weight: 600; line-height: 1.35; margin: 0 0 8px; }
  .hb-top-meta { margin-top: 0; gap: 12px; }
  .hb-top-meta .hb-meta-stat { font-size: 11.5px; }

  .hb-empty { color: var(--hb-sub); font-size: 14px; padding: 40px 0; text-align: center; }

  /* RESPONSIVE */
  @media (max-width: 1000px) {
    .hb-hero { grid-template-columns: 1fr; }
    .hb-hero-primary { grid-template-columns: 1fr; }
    .hb-hero-right { display: grid; grid-template-columns: 1fr 1.3fr; gap: 16px; align-items: start; }
    .hb-hero-right-media { margin-bottom: 0; }
    .hb-minigrid { grid-template-columns: repeat(2, 1fr); }
    .hb-content-row { grid-template-columns: 1fr; }
    .hb-article-row-link { grid-template-columns: 1fr; }
    .hb-article-row-media { order: -1; aspect-ratio: 16/9; }
    .hb-sidebar-inner { position: static; }
  }
  @media (max-width: 520px) {
    .hb-minigrid { grid-template-columns: 1fr; }
    .hb-hero-right { grid-template-columns: 1fr; }
  }
.hb-icon-bookmark {
    fill: transparent !important;
}

button.hb-meta-save.is-saved svg {
    fill: rgb(var(--color-foreground)) !important;
}

.hb-icon {
    height: 20px !important;
    width: 20px !important;
}

span.hb-meta-stat.hb-meta-flame svg {
    width: 16px !important;
    height: 20px !important;
}

svg.hb-icon.hb-icon-bookmark {
    width: 16px !important;
    height: 16px !important;
}
.hb-sidebar-inner {
    border: 0px !important;
}

span.hb-cat-name {
    text-transform: capitalize !important;
}
.hb-sidebar-inner {
    border: 0px !important;
}

span.hb-cat-name {
    text-transform: capitalize !important;
}

#hb-blog-root {
    max-width: 1400px !important;
}

.hb-hero-left-title {
    letter-spacing: 0px !important;
    font-size: 33px !important;
    font-weight: 500 !important;
}

.hb-hero-left-excerpt {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.hb-hero-right-title {
    font-size: 19px !important;
    font-weight: 500 !important;
}

p.hb-hero-right-excerpt {
    font-size: 15px !important;
}

h4.hb-minigrid-title {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.hb-tabs {
    border-bottom: 1px solid rgb(var(--color-background) / 0.16) !important;
}

div#hb-tabs {
    overflow: auto;
    white-space: nowrap;
    display: flex;
    max-width: 1400px;
    flex-wrap: unset !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
}

div#hb-main-col {
    width: 70% !important;
}

aside#hb-sidebar {
    width: 30%;
}

section#hb-content-row {
    display: flex !important;
}

.hb-sidebar-inner {
    position: unset !important;
}
/* Apple-like minimal scrollbar for hb-tabs */
#hb-tabs {
  overflow-y: auto;
  scrollbar-width: thin;              /* Firefox */
  scrollbar-color: rgba(0,0,0,0.25) transparent;
}

/* Chrome, Edge, Safari */
#hb-tabs::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#hb-tabs::-webkit-scrollbar-track {
  background: transparent;
}

#hb-tabs::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground) / 0.25);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
  transition: background-color 0.2s ease;
}

#hb-tabs::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--color-foreground) / 0.45);
}

.hb-tab {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(var(--color-foreground)) !important;
}

.hb-tab.is-active {
    font-weight: 700 !important;
}
h3.hb-sidebar-title {
    margin-top: 0px !important;
    font-size: 20px !important;
    letter-spacing: 0px !important;
    text-transform: capitalize;
}

.hb-sidebar-inner {
    padding-top: 9px !important;
}

span.hb-cat-rank {
    font-size: 18px !important;
    font-weight: 300 !important;
    opacity: 0.5;
    width: unset !important;
}

span.hb-cat-name {
    font-size: 17px !important;
    font-weight: 400 !important;
}

a.hb-cat-link {}

.hb-top-link {
    grid-template-columns: 100px 1fr;
}
.main__goodcontent {
    top: 0px;
}

aside#hb-sidebar {
    position: sticky;
    top: 10px;
}

.hb-article-eyebrow {
    font-weight: 400 !important;
    font-size: 14.5px !important;
    text-transform: capitalize !important;
}

.hb-article-row-title {
    font-size: 30px !important;
    font-weight: 400 !important;
}

p.hb-article-row-excerpt {
    font-size: 16px !important;
}
.hb-icon.hb-icon-flame {
    opacity: 0.3;
}
.hb-hero-center-media {
    padding-right: 30px !important;
    border-right: 1px solid rgb(var(--color-background) / 0.38039216) !important;
    background: transparent !important;
}


  @media (max-width: 801px) {
.hb-hero-left-title {
    font-size: 22px !important;
}

.hb-hero-left-excerpt {
    font-size: 15px !important;
}

.hb-hero-center-media {
    border-bottom: 1px solid rgb(var(--color-background) / 0.38039216)!important;
    padding-right: 0px !important;
    border: 0px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgb(var(--color-background) / 0.38039216)!important;
}

section#hb-hero {
    width: 100%;
    gap: 5px !important;
}

.hb-hero-right-title {
    margin-top: 25px !important;
    font-size: 22px !important;
}

h4.hb-minigrid-title {
    font-size: 18px !important;
}

section#hb-content-row {
    display: block !important;
}

div#hb-main-col {
    width: 100% !important;
}

.hb-minigrid {
    margin-bottom: 20px !important;
}

div#hb-tabs {
    gap: 20px !important;
    font-weight: 300 !important;
}

.hb-tab {
    font-weight: 400 !important;
}

.hb-article-row-title {
    font-size: 22px !important;
}

p.hb-article-row-excerpt {
    font-size: 14px !important;
}
.hb-hero-left-title {
    font-size: 22px !important;
}

.hb-hero-left-excerpt {
    font-size: 15px !important;
}

.hb-hero-center-media {
    border-bottom: 1px solid rgb(var(--color-background) / 0.38039216)!important;
    padding-right: 0px !important;
    border: 0px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgb(var(--color-background) / 0.38039216)!important;
}

section#hb-hero {
    width: 100%;
    gap: 5px !important;
}

.hb-hero-right-title {
    margin-top: 25px !important;
    font-size: 22px !important;
}

h4.hb-minigrid-title {
    font-size: 18px !important;
}

section#hb-content-row {
    display: block !important;
}

div#hb-main-col {
    width: 100% !important;
}

.hb-minigrid {
    margin-bottom: 20px !important;
}

div#hb-tabs {
    gap: 20px !important;
    font-weight: 300 !important;
}

.hb-tab {
    font-weight: 400 !important;
}

.hb-article-row-title {
    font-size: 22px !important;
}

p.hb-article-row-excerpt {
    font-size: 14px !important;
}

h3.hb-sidebar-title {
    font-size: 19px !important;
}

aside#hb-sidebar {
    width: 100% !important;
}

.hb-sidebar-inner {
    padding: 0px !important;
    padding-top: 10px !important;
}

.hb-sidebar-inner {}

aside#hb-sidebar {
    padding-top: 30px !important;
}
  }
    #edl-root{
    --edl-paper:rgb(var(--color-background));
    --edl-surface:rgb(var(--color-background));
    --edl-ink:rgb(var(--color-foreground));
    --edl-rule:rgb(var(--color-foreground) / 0.16);
    --edl-accent:rgb(var(--color-foreground));
    --edl-steel:rgb(var(--color-foreground) / 0.65);
    --edl-tint:rgb(var(--color-base-highlight));
    --edl-max:1320px;
    --edl-gap:24px;
    --edl-ease:cubic-bezier(0.22,1,0.36,1);
    color:var(--edl-ink);
    background:var(--edl-paper);
    -webkit-font-smoothing:antialiased;
  }
  #edl-root *{box-sizing:border-box;}
  #edl-root a{color:inherit;text-decoration:none;}
  #edl-root img{display:block;width:100%;height:100%;object-fit:cover;}
  #edl-root h1,#edl-root h2,#edl-root h3,#edl-root h4{text-wrap:balance;}
  #edl-root :focus-visible{outline:2px solid var(--edl-accent);outline-offset:3px;}

  .edl-root{max-width:var(--edl-max);margin:0 auto;padding:0 24px 64px;}

  /* ---------- Live ticker ---------- */
  .edl-ticker{display:flex;align-items:stretch;border-bottom:1px solid var(--edl-rule);height:40px;overflow:hidden;}
  .edl-ticker__badge{
    display:flex;align-items:center;gap:7px;flex:0 0 auto;
    background:var(--edl-accent);color:rgb(var(--color-button-text));padding:0 16px;
    font-size:11px;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;
  }
  .edl-ticker__pulse{width:7px;height:7px;border-radius:50%;background:rgb(var(--color-background));animation:edl-pulse 1.4s var(--edl-ease) infinite;}
  @keyframes edl-pulse{0%,100%{opacity:1;}50%{opacity:.25;}}
  .edl-ticker__viewport{flex:1;overflow:hidden;position:relative;}
  .edl-ticker__track{display:flex;align-items:center;gap:40px;white-space:nowrap;height:100%;width:max-content;animation:edl-marquee 40s linear infinite;}
  .edl-ticker:hover .edl-ticker__track{animation-play-state:paused;}
  .edl-ticker__item{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;padding:0 4px;}
  .edl-ticker__item:hover{color:var(--edl-accent);}
  .edl-ticker__time{font-size:11px;color:var(--edl-steel);}
  @keyframes edl-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ---------- Masthead ---------- */
  .edl-masthead{border-bottom:3px solid var(--edl-ink);padding:28px 0 16px;}
  .edl-masthead__inner{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  .edl-masthead__edition,
  .edl-masthead__meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--edl-steel);}
  .edl-masthead__title{
    font-weight:700;font-size:clamp(30px,5vw,52px);
    letter-spacing:-0.01em;line-height:1;margin:0;
  }

  /* ---------- Meta row ---------- */
  .edl-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--edl-steel);flex-wrap:wrap;}
  .edl-meta--sm{font-size:11px;}
  .edl-meta__stats{display:flex;gap:10px;margin-left:auto;}
  .edl-meta__dot{opacity:.5;}

  /* ---------- Hero — BBC top-stories grid ---------- */
  .edl-hero{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    grid-auto-flow:row dense;
    gap:var(--edl-gap);
    padding:32px 0;
    border-bottom:1px solid var(--edl-rule);
  }
  .edl-hero__lead{ grid-column:1 / 8; grid-row:1 / 3; position:relative; }
  .edl-hero__feature{ grid-column:8 / 13; grid-row:1 / 2; }
  .edl-hero__list-item{ grid-column:8 / 13; border-top:1px solid var(--edl-rule); }

  .edl-hero__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--edl-tint);}
  .edl-hero__media img{transition:transform .5s var(--edl-ease);}
  .edl-hero__link:hover .edl-hero__media img{transform:scale(1.03);}
  .edl-hero__media--feat{aspect-ratio:16/10;margin-bottom:12px;}
  .edl-hero__headline{font-weight:700;
    font-size:clamp(26px,2.8vw,40px);line-height:1.06;letter-spacing:-.01em;margin:16px 0 10px;
  }
  .edl-hero__link:hover .edl-hero__headline{color:var(--edl-accent);}
  .edl-hero__headline--md{font-size:21px;margin:0 0 8px;line-height:1.15;}
  .edl-hero__headline--xs{font-size:15px;font-weight:600;margin:0;padding:12px 0;line-height:1.25;}
  .edl-hero__excerpt{font-size:15px;line-height:1.5;color:rgb(var(--color-foreground));margin:0 0 12px;max-width:60ch;}
  .edl-hero__link--row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .edl-hero__list-item + .edl-hero__list-item .edl-hero__headline--xs{border-top:0;}

  .edl-tag{
    position:absolute;top:12px;left:12px;
    background:var(--edl-accent);color:rgb(var(--color-button-text));
    font-size:10px;font-weight:600;
    letter-spacing:.08em;text-transform:uppercase;
    padding:4px 8px;
  }
  .edl-tag--lead{font-size:11px;}

  .edl-bookmark{
    position:absolute;top:12px;right:12px;z-index:2;
    display:flex;align-items:center;gap:5px;
    background:rgb(var(--color-background) / .94);border:1px solid var(--edl-rule);
    padding:6px 9px;cursor:pointer;color:var(--edl-ink);
    font-size:11px;
    transition:background .15s var(--edl-ease),color .15s var(--edl-ease);
  }
  .edl-bookmark:hover{background:var(--edl-ink);color:rgb(var(--color-button-text));}
  .edl-bookmark[aria-pressed="true"] svg path{fill:var(--edl-accent);stroke:var(--edl-accent);}
  .edl-bookmark--card{position:absolute;top:10px;right:10px;padding:5px 7px;}

  /* ---------- Watch / Listen rail ---------- */
  .edl-watch{padding:36px 0;border-bottom:1px solid var(--edl-rule);}
  .edl-watch__track{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--edl-gap);}
  .edl-watch__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--edl-ink);margin-bottom:10px;}
  .edl-watch__media img{opacity:.92;transition:opacity .3s var(--edl-ease),transform .5s var(--edl-ease);}
  .edl-watch__item:hover .edl-watch__media img{opacity:1;transform:scale(1.04);}
  .edl-watch__play{
    position:absolute;left:12px;bottom:12px;z-index:2;
    width:38px;height:38px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--edl-accent);color:rgb(var(--color-button-text));padding-left:2px;
    transition:transform .2s var(--edl-ease);
  }
  .edl-watch__item:hover .edl-watch__play{transform:scale(1.1);}
  .edl-watch__len{
    position:absolute;right:10px;bottom:12px;z-index:2;
    background:rgb(var(--color-foreground) / .85);color:rgb(var(--color-button-text));
    font-size:11px;padding:2px 6px;
  }
  .edl-watch__title{font-weight:600;font-size:15px;line-height:1.22;margin:0;}
  .edl-watch__item:hover .edl-watch__title{color:var(--edl-accent);}

  /* ---------- Tag tabs ---------- */
  .edl-tabs{position:sticky;top:0;background:var(--edl-paper);z-index:10;border-bottom:1px solid var(--edl-rule);padding:14px 0;}
  .edl-tabs__track{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;}
  .edl-tabs__track::-webkit-scrollbar{display:none;}
  .edl-tab{
    flex:0 0 auto;background:transparent;border:none;cursor:pointer;
    font-size:12px;text-transform:uppercase;letter-spacing:.06em;
    color:var(--edl-steel);padding:8px 14px;border-bottom:2px solid transparent;
    transition:color .15s var(--edl-ease),border-color .15s var(--edl-ease);
  }
  .edl-tab:hover{color:var(--edl-ink);}
  .edl-tab.is-active{color:var(--edl-ink);border-bottom-color:var(--edl-accent);font-weight:600;}

  /* ---------- Main columns: grid + most read ---------- */
  .edl-columns{display:grid;grid-template-columns:1fr 300px;gap:48px;padding:36px 0;align-items:start;}

  /* ---------- Article masonry grid (JS-measured row spans) ---------- */
  .edl-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:8px;              /* small unit; JS sets each card's span */
    gap:var(--edl-gap);
    position:relative;
    align-items:start;
  }
  .edl-card{ grid-row:span 40; }      /* fallback before JS runs */
  .edl-card--wide{grid-column:span 2;}
  .edl-card__inner{
    position:relative;height:100%;
    background:var(--edl-surface);border:1px solid var(--edl-rule);
    transition:transform .18s var(--edl-ease),box-shadow .18s var(--edl-ease);
  }
  .edl-card:hover .edl-card__inner{transform:translateY(-3px);box-shadow:0 10px 24px rgb(var(--color-shadow) / .08);}
  .edl-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--edl-tint);}
  .edl-card--wide .edl-card__media{aspect-ratio:16/7;}
  .edl-card__media img{transition:transform .5s var(--edl-ease);}
  .edl-card:hover .edl-card__media img{transform:scale(1.03);}
  .edl-card__body{padding:14px 16px 16px;}
  .edl-card__headline{font-weight:700;font-size:17px;line-height:1.22;margin:0 0 8px;}
  .edl-card--wide .edl-card__headline{font-size:22px;}
  .edl-card__excerpt{font-size:13px;line-height:1.5;color:rgb(var(--color-foreground));margin:0 0 10px;text-wrap:pretty;}
  .edl-card.edl-hidden{display:none;}

  .edl-empty{grid-column:1/-1;text-align:center;color:var(--edl-steel);padding:60px 0;}

  /* ---------- Most Read rail ---------- */
  .edl-mostread{position:sticky;top:64px;}
  .edl-section-head--rail{margin-bottom:12px;border-bottom:3px solid var(--edl-ink);padding-bottom:8px;}
  .edl-mostread__list{list-style:none;margin:0;padding:0;counter-reset:none;}
  .edl-mostread__item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--edl-rule);}
  .edl-mostread__rank{font-weight:700;font-size:26px;line-height:1;color:var(--edl-rule);flex:0 0 auto;width:28px;transition:color .15s var(--edl-ease);}
  .edl-mostread__item:hover .edl-mostread__rank{color:var(--edl-accent);}
  .edl-mostread__title{display:block;font-weight:600;font-size:15px;line-height:1.25;margin-bottom:4px;}
  .edl-mostread__item:hover .edl-mostread__title{color:var(--edl-accent);}
  .edl-mostread__meta{font-size:11px;color:var(--edl-steel);}

  /* ---------- Section head (shared) ---------- */
  .edl-section-head{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
  .edl-section-title{font-weight:700;font-size:24px;margin:0;white-space:nowrap;}
  .edl-section-title--sm{font-size:18px;}
  .edl-section-rule{flex:1;height:1px;background:var(--edl-rule);}
  .edl-section-more{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--edl-accent);white-space:nowrap;}
  .edl-section-more:hover{text-decoration:underline;}

  /* ---------- By Section — category blocks ---------- */
  .edl-section{padding:40px 0;border-top:1px solid var(--edl-rule);}
  .edl-section__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--edl-gap);align-items:start;}
  .edl-section__card{background:var(--edl-surface);}
  .edl-section__card--lead{grid-row:span 3;}
  .edl-section__media{aspect-ratio:16/10;overflow:hidden;background:var(--edl-tint);margin-bottom:10px;}
  .edl-section__card:not(.edl-section__card--lead) .edl-section__media{aspect-ratio:16/9;}
  .edl-section__media img{transition:transform .5s var(--edl-ease);}
  .edl-section__card:hover .edl-section__media img{transform:scale(1.03);}
  .edl-section__headline{font-weight:700;font-size:16px;line-height:1.2;margin:0 0 6px;}
  .edl-section__card--lead .edl-section__headline{font-size:24px;}
  .edl-section__card:hover .edl-section__headline{color:var(--edl-accent);}

  .edl-pagination{display:flex;justify-content:center;gap:16px;padding:20px 0;}
  .edl-pagination a, .edl-pagination span{padding:8px 12px;border:1px solid var(--edl-rule);}
  .edl-pagination .current{background:var(--edl-ink);color:rgb(var(--color-button-text));}

  /* ---------- Trending strip ---------- */
  .edl-trending{padding:40px 0;border-top:1px solid var(--edl-rule);}
  .edl-trending__track{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;}
  .edl-trending__item{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--edl-rule);}
  .edl-trending__item:hover .edl-trending__title{color:var(--edl-accent);}
  .edl-trending__rank{color:var(--edl-accent);font-weight:700;font-size:13px;}
  .edl-trending__title{font-weight:600;font-size:15px;flex:1;}

  /* ---------- Editor's picks ---------- */
  .edl-picks{padding:40px 0;border-top:1px solid var(--edl-rule);}
  .edl-picks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--edl-gap);}
  .edl-picks__card{position:relative;background:var(--edl-surface);border:1px solid var(--edl-rule);}
  .edl-picks__media{aspect-ratio:4/3;overflow:hidden;background:var(--edl-tint);}
  .edl-picks__media img{transition:transform .5s var(--edl-ease);}
  .edl-picks__card:hover .edl-picks__media img{transform:scale(1.03);}
  .edl-picks__num{
    position:absolute;top:-14px;left:14px;background:var(--edl-ink);color:rgb(var(--color-button-text));
    font-size:12px;width:28px;height:28px;
    display:flex;align-items:center;justify-content:center;
  }
  .edl-picks__card .edl-card__headline,
  .edl-picks__card .edl-card__excerpt{padding:0 16px;}
  .edl-picks__card .edl-card__headline{margin-top:20px;}
  .edl-picks__card .edl-card__excerpt{padding-bottom:16px;}

  /* ---------- Newsletter ---------- */
  .edl-newsletter{margin-top:40px;padding:48px 40px;background:var(--edl-ink);color:rgb(var(--color-button-text));}
  .edl-newsletter__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
  .edl-newsletter__title{font-size:26px;margin:0 0 6px;}
  .edl-newsletter__copy{font-size:14px;color:rgb(var(--color-foreground));margin:0;}
  .edl-newsletter__form{display:flex;gap:10px;flex-wrap:wrap;}
  .edl-newsletter__input{
    background:transparent;border:1px solid rgb(var(--color-foreground));color:rgb(var(--color-button-text));padding:11px 14px;
    font-size:13px;min-width:220px;
  }
  .edl-newsletter__input::placeholder{color:rgb(var(--color-foreground));}
  .edl-newsletter__btn{
    background:var(--edl-accent);color:rgb(var(--color-button-text));border:none;padding:11px 20px;
    font-size:12px;text-transform:uppercase;letter-spacing:.06em;
    cursor:pointer;transition:background .15s var(--edl-ease);
  }
  .edl-newsletter__btn:hover{background:#a11919;}

  /* ---------- Responsive ---------- */
  @media (max-width: 1080px){
    .edl-columns{grid-template-columns:1fr;gap:40px;}
    .edl-mostread{position:static;}
    .edl-mostread__list{columns:2;column-gap:40px;}
    .edl-mostread__item{break-inside:avoid;}
  }
  @media (max-width: 980px){
    .edl-hero{grid-template-columns:repeat(6,1fr);}
    .edl-hero__lead{grid-column:1/7;grid-row:auto;}
    .edl-hero__feature{grid-column:1/4;grid-row:auto;}
    .edl-hero__list-item{grid-column:4/7;}
    .edl-grid{grid-template-columns:repeat(2,1fr);}
    .edl-card--wide{grid-column:span 2;}
    .edl-watch__track{grid-template-columns:repeat(3,1fr);}
    .edl-section__grid{grid-template-columns:1fr 1fr;}
    .edl-section__card--lead{grid-column:1/-1;grid-row:auto;}
    .edl-trending__track{grid-template-columns:1fr;}
    .edl-picks__grid{grid-template-columns:1fr 1fr;}
    .edl-picks__grid .edl-picks__card:last-child{grid-column:1/-1;}
  }
  @media (max-width: 620px){
    .edl-root{padding:0 16px 48px;}
    .edl-hero{grid-template-columns:1fr;gap:20px;padding:20px 0;}
    .edl-hero__lead,.edl-hero__feature,.edl-hero__list-item{grid-column:1/-1;}
    .edl-grid{grid-template-columns:1fr;}
    .edl-card--wide{grid-column:1/-1;}
    .edl-watch__track{grid-template-columns:1fr 1fr;}
    .edl-mostread__list{columns:1;}
    .edl-section__grid{grid-template-columns:1fr;}
    .edl-masthead__title{font-size:30px;}
    .edl-picks__grid{grid-template-columns:1fr;}
    .edl-newsletter{padding:36px 20px;}
    .edl-newsletter__inner{flex-direction:column;align-items:flex-start;}
  }

  @media (prefers-reduced-motion: reduce){
    .edl-ticker__track{animation:none;}
    .edl-ticker__pulse{animation:none;}
    #edl-root *{transition-duration:.01ms !important;}
  }

  .edl-tag {
    line-height: normal !important;
    padding: 5px 10px !important;
    background: grey !important;
}
.edl-hero__media {
    margin-bottom: 24px !important;
}

h2.edl-hero__headline {
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 40px !important;
}

.edl-hero__excerpt {
    font-size: 16px !important;
    max-width: 100% !important;
}

.edl-hero__headline--xs {
    font-weight: 500 !important;
}

.edl-hero__list-item span.edl-meta__time {width: 100px !important;text-align: right !important;}

article.edl-hero__list-item {
    aspect-ratio: unset !important;
}

.edl-hero__headline--md {
    font-weight: 500 !important;
}
.edl-watch__title {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.edl-tab {
    letter-spacing: 0px !important;
    text-transform: capitalize;
    font-size:15px;
}
.edl-watch__title {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.edl-tab {
    letter-spacing: 0px !important;
    text-transform: capitalize;
    font-size:15px;
}

.edl-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

.edl-card {
    width: 33.3333%;
}
.edl-card {
    padding: 10px !important;
}

.edl-grid {
    margin: 0px -10px !important;
}

.edl-card__headline {
    font-weight: 500 !important;
    font-size: 17px !important;
}

.edl-card--wide .edl-card__media {
    aspect-ratio: 4/3 !important;
}

p.edl-card__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

span.edl-mostread__title {
    font-weight: 500 !important;
}

.edl-card__excerpt {
    font-size: 14px !important;
}

.edl-section__headline {
    font-weight: 500 !important;
}

.edl-section-title {
    font-weight: 500 !important;
}

.edl-picks__num {
    top: 14px !important;
    border-radius: 50px !important;
}

  .vog-root{
    --vog-ink:rgb(var(--color-foreground)); --vog-ink-soft:#555; --vog-line:#e4e0d8; --vog-bg:#fbfaf7;
    --vog-serif:'Playfair Display', Georgia, serif;
    --vog-sans:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --vog-maxw:1200px;
    color:var(--vog-ink); background:var(--vog-bg);
    -webkit-font-smoothing:antialiased; line-height:1.5;
  }
  .vog-root *{box-sizing:border-box;}
  .vog-root a{color:inherit;text-decoration:none;}

  .vog-masthead{max-width:var(--vog-maxw);margin:0 auto;padding:64px 24px 40px;text-align:center;border-bottom:1px solid var(--vog-line);}
  .vog-masthead__kicker{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--vog-ink-soft);margin:0 0 14px;font-weight:600;}
  .vog-masthead__title{font-weight:900;font-size:clamp(48px,9vw,104px);line-height:.92;margin:0;letter-spacing:-.01em;text-transform:uppercase;}
  .vog-masthead__tagline{font-style:italic;font-size:clamp(15px,2vw,19px);color:var(--vog-ink-soft);margin:18px 0 0;}

  .vog-layout{max-width:var(--vog-maxw);margin:0 auto;padding:48px 24px 96px;display:grid;grid-template-columns:210px 1fr;gap:40px;align-items:start;}

  /* --- overflow fixes: grid/flex children must be allowed to shrink --- */
  .vog-feed{min-width:0;}
  .vog-hero__big,.vog-hero__small,.vog-hero__link--row,.vog-card{min-width:0;}
  .vog-hero__headline,.vog-hero__small-headline,.vog-card__headline,
  .vog-card__excerpt,.vog-hero__excerpt{overflow-wrap:break-word;word-break:break-word;}
  .vog-hero__media img,.vog-hero__media--sm img,.vog-card__media img{max-width:100%;}

  /* Sidebar */
  .vog-sidebar__inner{position:sticky;top:24px;}
  .vog-sidebar__label{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--vog-ink-soft);font-weight:600;margin:0 0 16px;}
  .vog-cats{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;}
  .vog-cat{appearance:none;border:0;background:none;cursor:pointer;text-align:left;padding:9px 0;width:100%;font-size:20px;color:var(--vog-ink-soft);transition:color .2s ease;}
  .vog-cat:hover{color:var(--vog-ink);}
  .vog-cat.is-active{color:var(--vog-ink);font-weight:700;}
  .vog-cat.is-active .vog-cat__name{border-bottom:2px solid var(--vog-ink);padding-bottom:3px;}
  .vog-cat:focus-visible{outline:2px solid var(--vog-ink);outline-offset:3px;}
  .vog-sidebar__rule{height:1px;background:var(--vog-line);margin:28px 0;}
  .vog-sidebar__latest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
  .vog-sidebar__latest-title{display:block;font-size:15px;line-height:1.3;transition:opacity .2s ease;}
  .vog-sidebar__latest-link:hover .vog-sidebar__latest-title{opacity:.55;}
  .vog-sidebar__latest-date{display:block;margin-top:5px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--vog-ink-soft);}

  /* Chips / meta / stats */
  .vog-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
  .vog-chip{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:4px 9px;border:1px solid var(--vog-ink);border-radius:100px;color:var(--vog-ink);}
  .vog-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--vog-ink-soft);}
  .vog-meta__author{font-weight:600;color:var(--vog-ink);}
  .vog-meta__dot{opacity:.5;}
  .vog-stats{display:inline-flex;align-items:center;gap:14px;}
  .vog-stat{display:inline-flex;align-items:center;gap:5px;}
  .vog-ic{flex:none;}

  /* Bookmark button */
  .vog-bm{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:rgb(var(--color-base-highlight) / .9);border:1px solid var(--vog-line);color:var(--vog-ink);border-radius:100px;padding:7px 12px;font-size:12px;font-weight:600;transition:.18s ease;}
  .vog-bm:hover{border-color:var(--vog-ink);}
  .vog-bm[aria-pressed="true"]{background:var(--vog-ink);border-color:var(--vog-ink);color:rgb(var(--color-button-text));}
  .vog-bm[aria-pressed="true"] .vog-ic path{fill:currentColor;}
  .vog-bm:focus-visible{outline:2px solid var(--vog-ink);outline-offset:2px;}
  .vog-hero__big{position:relative;}
  .vog-hero__big .vog-bm{position:absolute;top:12px;right:12px;}
  .vog-card__inner{position:relative;height:100%;}
  .vog-bm--card{position:absolute;top:10px;right:10px;padding:8px;border-radius:100px;}

  /* HERO: 1 big + 3 small */
  .vog-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:40px;margin-bottom:48px;align-items:start;}
  .vog-hero__media{overflow:hidden;background:rgb(var(--color-placeholder));margin-bottom:20px;}
  .vog-hero__media img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  .vog-hero__link:hover .vog-hero__media img{ }
  .vog-hero__headline{font-weight:700;font-size:clamp(28px,3.6vw,44px);line-height:1.05;letter-spacing:-.01em;margin:0 0 14px;}
  .vog-hero__excerpt{font-size:16px;line-height:1.6;color:var(--vog-ink-soft);margin:0 0 16px;max-width:52ch;}
  .vog-hero__small{display:flex;flex-direction:column;padding-bottom:20px;border-bottom:1px solid var(--vog-line);}
  .vog-hero__small:last-child{border-bottom:0;padding-bottom:0;}
  .vog-hero__link--row{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;}
  .vog-hero__media--sm{margin:0;}
  .vog-hero__media--sm img{aspect-ratio:1/1;}
  .vog-hero__small-headline{font-weight:700;font-size:17px;line-height:1.2;margin:0 0 8px;}
  .vog-hero__small-body .vog-chips{margin-bottom:8px;}
  .vog-hero__small-body .vog-chip{font-size:9px;padding:3px 7px;}

  /* Tabs */
  .vog-tabs{border-top:1px solid var(--vog-line);border-bottom:1px solid var(--vog-line);margin-bottom:32px;}
  .vog-tabs__track{display:flex;gap:6px;overflow-x:auto;padding:14px 0;scrollbar-width:none;}
  .vog-tabs__track::-webkit-scrollbar{display:none;}
  .vog-tab{appearance:none;border:1px solid var(--vog-line);background:none;cursor:pointer;white-space:nowrap;padding:7px 16px;border-radius:100px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--vog-ink-soft);transition:.18s ease;}
  .vog-tab:hover{border-color:var(--vog-ink);color:var(--vog-ink);}
  .vog-tab.is-active{background:var(--vog-ink);border-color:var(--vog-ink);color:rgb(var(--color-button-text));}
  .vog-tab:focus-visible{outline:2px solid var(--vog-ink);outline-offset:2px;}

  /* Feed head + grid */
  .vog-feed__head{display:flex;align-items:center;gap:20px;margin:0 0 32px;}
  .vog-feed__title{font-weight:700;font-size:22px;letter-spacing:.02em;margin:0;white-space:nowrap;}
  .vog-feed__rule{flex:1;height:1px;background:var(--vog-line);}
  .vog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 40px;}
  .vog-card__media{overflow:hidden;margin-bottom:18px;background:rgb(var(--color-placeholder));}
  .vog-card__media img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  .vog-card__link:hover .vog-card__media img{ }
  .vog-card__headline{font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.12;margin:0 0 10px;letter-spacing:-.005em;}
  .vog-card__excerpt{font-size:14.5px;line-height:1.55;color:var(--vog-ink-soft);margin:0 0 14px;}
  .vog-card.vog-hidden,.vog-hero__big.vog-hidden,.vog-hero__small.vog-hidden{display:none;}
  .vog-empty{font-style:italic;font-size:18px;color:var(--vog-ink-soft);text-align:center;padding:56px 0;}

  .vog-pagination{margin-top:64px;display:flex;justify-content:center;gap:8px;font-size:14px;letter-spacing:.05em;}
  .vog-pagination a,.vog-pagination span{padding:8px 14px;border:1px solid var(--vog-line);}
  .vog-pagination a:hover{border-color:var(--vog-ink);}

  @media (max-width:900px){
    .vog-layout{grid-template-columns:1fr;gap:8px;}
    .vog-sidebar__inner{position:static;}
    .vog-cats{flex-direction:row;flex-wrap:wrap;gap:8px 18px;margin-bottom:24px;}
    .vog-cat{width:auto;padding:6px 0;font-size:17px;}
    .vog-sidebar__latest,.vog-sidebar__rule{display:none;}
    .vog-sidebar__label:not(:first-child){display:none;}
    .vog-hero{grid-template-columns:1fr;gap:32px;}
  }
  @media (max-width:560px){
    .vog-grid{grid-template-columns:1fr;gap:40px;}
    .vog-masthead{padding:44px 20px 32px;}
    .vog-layout{padding:32px 20px 72px;}
  }
  @media (prefers-reduced-motion:reduce){ .vog-root *{transition:none !important;} }


























.vog-layout {
    max-width: 1250px !important;
}

.vog-hero__small {
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}

.vog-hero__small-headline {
    font-weight: 500 !important;
}

.vog-hero__headline {
    font-size: 40px !important;
    font-weight: 500 !important;
}

.vog-hero__excerpt {
    max-width: 100% !important;
    font-weight: 400 !important;
}

.vog-meta__author {
    font-size: 14px !important;
    letter-spacing: 0px !important;
    text-transform: capitalize;
    font-weight: 400 !important;
}

.vog-feed__title {
    font-weight: 500 !important;
}

.vog-card__headline {
    font-weight: 400 !important;
}
.vog-layout {
    max-width: 1600px !important;
}
.vog-layout {
    max-width: 1600px !important;
}

.vog-sidebar__inner {
    position: unset !important;
}

aside.vog-sidebar {
    position: sticky !important;
    top: 30px !important;
}
div#vog-root {
    background: rgb(var(--color-background)) !important;
}
  /* ============ TOKENS ============ */
  #lx-blog{
    --lx-paper:rgb(var(--color-background));
    --lx-ink:rgb(var(--color-foreground));
    --lx-ink-soft:rgb(var(--color-foreground) / 0.65);
    --lx-line:rgb(var(--color-foreground) / 0.16);
    --lx-line-strong:rgb(var(--color-foreground) / 0.16);
    --lx-accent:rgb(var(--color-foreground));      /* single restrained accent — worn brick red */
    --lx-panel:rgb(var(--color-base-highlight));
    --lx-white:rgb(var(--color-background));
    --lx-max:1360px;
    --lx-gap-col:24px;   /* horizontal gap between cards */
    --lx-gap-row:40px;   /* vertical gap between rows */
    background:var(--lx-paper);
    color:var(--lx-ink);
    -webkit-font-smoothing:antialiased;
  }
  #lx-blog *{ box-sizing:border-box; }
  #lx-blog a{ color:inherit; text-decoration:none; }
  #lx-blog img{ display:block; max-width:100%; height:auto; }
  #lx-blog .lx-wrap{ max-width:var(--lx-max); margin:0 auto; padding:0 32px; }

  /* ============ MASTHEAD ============ */
  #lx-blog .lx-masthead{
    border-bottom:1px solid var(--lx-line-strong);
    padding:22px 0 18px;
  }
  #lx-blog .lx-masthead-row{
    display:flex; align-items:baseline; justify-content:space-between; gap:24px;
  }
  #lx-blog .lx-kicker{
    font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--lx-ink-soft);
  }
  #lx-blog .lx-mast-title{
    font-weight:600; font-size:clamp(30px,4vw,46px);
    letter-spacing:-.01em; text-align:center; margin:6px 0 0;
  }
  #lx-blog .lx-mast-date{ font-size:11px; color:var(--lx-ink-soft); letter-spacing:.04em; }

  /* ============ CATEGORY NAV ============ */
  #lx-blog .lx-catnav{
    border-bottom:1px solid var(--lx-line);
    background:var(--lx-paper);
  }
  #lx-blog .lx-catnav-list{
    display:flex; gap:28px; list-style:none; margin:0; padding:12px 0;
    overflow-x:auto; scrollbar-width:none;
  }
  #lx-blog .lx-catnav-list::-webkit-scrollbar{ display:none; }
  #lx-blog .lx-catnav-list li{ flex:0 0 auto; }
  #lx-blog .lx-catnav-list a{
    font-size:12px; letter-spacing:.09em; text-transform:uppercase; font-weight:600;
    color:var(--lx-ink-soft); white-space:nowrap; padding-bottom:4px; border-bottom:2px solid transparent;
    transition:color .15s ease, border-color .15s ease;
  }
  #lx-blog .lx-catnav-list a:hover,
  #lx-blog .lx-catnav-list a.is-active{ color:var(--lx-ink); border-color:var(--lx-accent); }

  /* ============ SHARED SECTION HEADER ============ */
  #lx-blog .lx-shead{
    display:flex; align-items:baseline; justify-content:space-between; gap:16px;
    border-bottom:1px solid var(--lx-line-strong); padding-bottom:10px; margin-bottom:26px;
  }
  #lx-blog .lx-shead-title{
   font-size:22px; font-weight:600; letter-spacing:-.01em;
  }
  #lx-blog .lx-shead-kicker{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--lx-accent); font-weight:700; }
  #lx-blog .lx-shead-link{ font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:600; color:var(--lx-ink-soft); white-space:nowrap; }
  #lx-blog .lx-shead-link:hover{ color:var(--lx-accent); }

  /* ============ HERO ============ */
  #lx-blog .lx-hero{ padding:40px 0 8px; }
  #lx-blog .lx-hero-grid{
    display:flex; gap:36px; align-items:flex-start;
  }
  #lx-blog .lx-hero-main{ flex:1 1 62%; min-width:0; position:relative; }
  #lx-blog .lx-hero-side{ flex:1 1 38%; min-width:0; display:flex; flex-direction:column; gap:28px; }
  #lx-blog .lx-hero-side .lx-hero-item + .lx-hero-item{
    padding-top:28px; border-top:1px solid var(--lx-line);
  }
  #lx-blog .lx-hero-figure{ overflow:hidden; background:var(--lx-panel); margin-bottom:16px; }
  #lx-blog .lx-hero-main .lx-hero-figure{ aspect-ratio:16/10.5; }
  #lx-blog .lx-hero-side .lx-hero-figure{ aspect-ratio:16/10; margin-bottom:12px; }
  #lx-blog .lx-hero-figure img{
    width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1);
  }
  #lx-blog .lx-hero-item:hover .lx-hero-figure img{ }
  #lx-blog .lx-tag-pill{
    display:inline-block; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
    font-weight:700; color:var(--lx-accent); margin-bottom:10px;
  }
  #lx-blog .lx-hero-main .lx-headline{
    font-weight:600; font-size:clamp(26px,3.1vw,42px);
    line-height:1.08; letter-spacing:-.01em; margin:0 0 12px;
  }
  #lx-blog .lx-hero-side .lx-headline{
    font-weight:600; font-size:20px;
    line-height:1.2; margin:0 0 10px;
  }
  #lx-blog .lx-dek{ font-size:15px; color:var(--lx-ink-soft); line-height:1.55; margin:0 0 14px; max-width:52ch; }
  #lx-blog .lx-meta{
    display:flex; align-items:center; gap:16px; font-size:12px; color:var(--lx-ink-soft);
  }
  #lx-blog .lx-meta-stat{ display:inline-flex; align-items:center; gap:5px; }
  #lx-blog .lx-meta-stat svg{ width:15px; height:15px; stroke:var(--lx-ink-soft); flex:0 0 auto; }
  #lx-blog .lx-bookmark-btn{
    margin-left:auto; background:none; border:none; padding:2px; cursor:pointer; line-height:0;
  }
  #lx-blog .lx-bookmark-btn svg{ width:17px; height:17px; stroke:var(--lx-ink); fill:none; transition:fill .15s ease, stroke .15s ease; }
  #lx-blog .lx-bookmark-btn.is-bookmarked svg{ fill:var(--lx-accent); stroke:var(--lx-accent); }

  /* ============ SECTION :: TRENDING STRIP (horizontal scroll of compact cards) ============ */
  #lx-blog .lx-trending{ padding:48px 0 8px; }
  #lx-blog .lx-trend-track{
    display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; padding-bottom:6px;
  }
  #lx-blog .lx-trend-track::-webkit-scrollbar{ display:none; }
  #lx-blog .lx-trend-card{
    flex:0 0 clamp(220px, 24%, 280px); scroll-snap-align:start; min-width:0;
    display:flex; flex-direction:column;
  }
  #lx-blog .lx-trend-figure{ position:relative; overflow:hidden; background:var(--lx-panel); aspect-ratio:5/6; margin-bottom:12px; }
  #lx-blog .lx-trend-figure img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
  #lx-blog .lx-trend-card:hover .lx-trend-figure img{ }
  #lx-blog .lx-trend-rank{
    position:absolute; top:10px; left:10px; width:28px; height:28px; border-radius:50%;
    background:var(--lx-white); color:var(--lx-ink); font-weight:600;
    font-size:13px; display:flex; align-items:center; justify-content:center;
  }
  #lx-blog .lx-trend-title{ font-weight:600; font-size:16px; line-height:1.2; margin:0 0 6px; }
  #lx-blog .lx-trend-meta{ display:flex; gap:12px; font-size:11px; color:var(--lx-ink-soft); }
  #lx-blog .lx-trend-meta svg{ width:12px; height:12px; stroke:var(--lx-ink-soft); vertical-align:-2px; margin-right:3px; }

  /* ============ SECTION :: SPOTLIGHT (big split feature, image + text) ============ */
  #lx-blog .lx-spotlight{ padding:56px 0 8px; }
  #lx-blog .lx-spot{
    display:flex; gap:44px; align-items:stretch; background:var(--lx-panel);
  }
  #lx-blog .lx-spot-figure{ flex:1 1 56%; min-width:0; overflow:hidden; background:var(--lx-line); }
  #lx-blog .lx-spot-figure img{ width:100%; height:100%; object-fit:cover; min-height:340px; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
  #lx-blog .lx-spot:hover .lx-spot-figure img{  }
  #lx-blog .lx-spot-body{ flex:1 1 44%; min-width:0; display:flex; flex-direction:column; justify-content:center; padding:44px 48px 44px 0; }
  #lx-blog .lx-spot-kicker{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--lx-accent); font-weight:700; margin-bottom:16px; }
  #lx-blog .lx-spot-title{ font-weight:600; font-size:clamp(24px,2.6vw,34px); line-height:1.1; letter-spacing:-.01em; margin:0 0 16px; }
  #lx-blog .lx-spot-dek{ font-size:15px; color:var(--lx-ink-soft); line-height:1.6; margin:0 0 22px; max-width:48ch; }
  #lx-blog .lx-spot-cta{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--lx-ink); border-bottom:1px solid var(--lx-ink); padding-bottom:3px; align-self:flex-start; transition:color .15s, border-color .15s; }
  #lx-blog .lx-spot-cta:hover{ color:var(--lx-accent); border-color:var(--lx-accent); }

  /* ============ SECTION :: CATEGORY TILES (asymmetric quick links) ============ */
  #lx-blog .lx-cattiles{ padding:56px 0 8px; }
  #lx-blog .lx-cattiles-row{ display:flex; flex-wrap:wrap; gap:20px; }
  #lx-blog .lx-cattile{
    position:relative; flex:1 1 calc((100% - 4 * 20px) / 5); min-width:150px; overflow:hidden;
    aspect-ratio:3/4; background:var(--lx-ink); display:flex; align-items:flex-end; padding:18px;
  }
  #lx-blog .lx-cattile img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; transition:transform .6s cubic-bezier(.2,.7,.2,1), opacity .3s; }
  #lx-blog .lx-cattile:hover img{ opacity:.6; }
  #lx-blog .lx-cattile-label{ position:relative; color:var(--lx-white); font-weight:600; font-size:19px; letter-spacing:-.01em; }

  /* ============ LAYOUT: SIDEBAR + GRID ============ */
  #lx-blog .lx-body{
    display:grid; grid-template-columns:1fr 300px; gap:56px; padding:52px 0 80px; align-items:start;
  }
  #lx-blog .lx-main{ min-width:0; }

  /* Section label */
  #lx-blog .lx-section-head{
    display:flex; align-items:baseline; justify-content:space-between;
    border-bottom:1px solid var(--lx-line-strong); padding-bottom:10px; margin-bottom:26px;
  }
  #lx-blog .lx-section-title{
    font-size:22px; font-weight:600; letter-spacing:-.01em; text-transform:capitalize;
  }

  /* Tag tabs (built in JS from the tags actually on the cards) */
  #lx-blog .lx-tabs{
    display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px;
  }
  #lx-blog .lx-tabs:empty{ display:none; }
  #lx-blog .lx-tab{
   font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:600;
    padding:7px 14px; border:1px solid var(--lx-line); color:var(--lx-ink-soft);
    background:none; border-radius:100px; cursor:pointer; transition:all .15s ease;
  }
  #lx-blog .lx-tab:hover{ border-color:var(--lx-ink); color:var(--lx-ink); }
  #lx-blog .lx-tab.is-active{ background:var(--lx-ink); border-color:var(--lx-ink); color:var(--lx-white); }

  /* ============ EDITORIAL LAYOUT — FLEXBOX ============ */
  #lx-blog .lx-grid{
    display:flex; flex-wrap:wrap;
    column-gap:var(--lx-gap-col); row-gap:var(--lx-gap-row);
    align-items:flex-start;
  }
  #lx-blog .lx-card{
    position:relative; display:flex; flex-direction:column; min-width:0;
    flex:0 0 calc((100% - (2 * var(--lx-gap-col))) / 3);
    max-width:calc((100% - (2 * var(--lx-gap-col))) / 3);
  }
  #lx-blog .lx-card[hidden]{ display:none; }
  #lx-blog .lx-card-figure{ overflow:hidden; background:var(--lx-panel); margin-bottom:14px; aspect-ratio:4/3; }
  #lx-blog .lx-card-figure img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
  #lx-blog .lx-card:hover .lx-card-figure img{ }
  #lx-blog .lx-card-title{
    font-weight:600; font-size:16px; line-height:1.18; letter-spacing:-.005em; margin:0 0 8px;
  }
  #lx-blog .lx-card-dek{ font-size:13.5px; color:var(--lx-ink-soft); line-height:1.5; margin:0 0 10px; }

  /* two lead cards — half width */
  #lx-blog .lx-card[data-pos="0"],
  #lx-blog .lx-card[data-pos="1"]{
    flex:0 0 calc((100% - var(--lx-gap-col)) / 2);
    max-width:calc((100% - var(--lx-gap-col)) / 2);
  }
  #lx-blog .lx-card[data-pos="0"] .lx-card-figure,
  #lx-blog .lx-card[data-pos="1"] .lx-card-figure{ aspect-ratio:16/10; }
  #lx-blog .lx-card[data-pos="0"] .lx-card-title,
  #lx-blog .lx-card[data-pos="1"] .lx-card-title{ font-size:23px; }

  /* filtered view = uniform thirds */
  #lx-blog .lx-grid.is-filtered .lx-card,
  #lx-blog .lx-grid.is-filtered .lx-card[data-pos="0"],
  #lx-blog .lx-grid.is-filtered .lx-card[data-pos="1"]{
    flex:0 0 calc((100% - (2 * var(--lx-gap-col))) / 3) !important;
    max-width:calc((100% - (2 * var(--lx-gap-col))) / 3) !important;
  }
  #lx-blog .lx-grid.is-filtered .lx-card .lx-card-figure{ aspect-ratio:4/3 !important; }
  #lx-blog .lx-grid.is-filtered .lx-card .lx-card-title{ font-size:16px !important; }
  #lx-blog .lx-grid.is-filtered .lx-card .lx-card-dek{ display:none; }

  #lx-blog .lx-card-meta{
    display:flex; align-items:center; gap:14px; font-size:11.5px; color:var(--lx-ink-soft); margin-top:auto;
  }
  #lx-blog .lx-card-meta svg{ width:13px; height:13px; stroke:var(--lx-ink-soft); }
  #lx-blog .lx-card-stat{ display:inline-flex; align-items:center; gap:4px; }
  #lx-blog .lx-card-bookmark{ margin-left:auto; background:none; border:none; padding:0; cursor:pointer; line-height:0; }
  #lx-blog .lx-card-bookmark svg{ width:14px; height:14px; stroke:var(--lx-ink-soft); fill:none; }
  #lx-blog .lx-card-bookmark.is-bookmarked svg{ fill:var(--lx-accent); stroke:var(--lx-accent); }

  /* pagination */
  #lx-blog .lx-pagination{ display:flex; justify-content:center; gap:10px; margin-top:56px; padding-top:28px; border-top:1px solid var(--lx-line); }
  #lx-blog .lx-pagination a, #lx-blog .lx-pagination span{
    font-size:12px; min-width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid var(--lx-line); color:var(--lx-ink-soft);
  }
  #lx-blog .lx-pagination a:hover{ border-color:var(--lx-ink); color:var(--lx-ink); }
  #lx-blog .lx-pagination .lx-page-current{ background:var(--lx-ink); color:var(--lx-white); border-color:var(--lx-ink); }

  /* ============ SIDEBAR ============ */
  #lx-blog .lx-sidebar{ display:flex; flex-direction:column; gap:44px; position:sticky; top:24px; }
  #lx-blog .lx-side-block-title{
    font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:700;
    border-bottom:1px solid var(--lx-line-strong); padding-bottom:10px; margin-bottom:18px;
  }
  #lx-blog .lx-side-cats{ list-style:none; margin:0; padding:0; }
  #lx-blog .lx-side-cats li + li{ border-top:1px solid var(--lx-line); }
  #lx-blog .lx-side-cats a{
    display:flex; align-items:center; justify-content:space-between; padding:12px 0;
    font-size:16px; font-weight:600; transition:color .15s ease;
  }
  #lx-blog .lx-side-cats a:hover{ color:var(--lx-accent); }
  #lx-blog .lx-side-cats a span.lx-cat-arrow{ font-size:13px; color:var(--lx-ink-soft); transition:transform .15s ease; }
  #lx-blog .lx-side-cats a:hover span.lx-cat-arrow{ transform:translateX(3px); color:var(--lx-accent); }

  #lx-blog .lx-side-popular{ list-style:none; margin:0; padding:0; counter-reset:pop; }
  #lx-blog .lx-side-popular li{ counter-increment:pop; display:flex; gap:14px; padding:14px 0; }
  #lx-blog .lx-side-popular li + li{ border-top:1px solid var(--lx-line); }
  #lx-blog .lx-side-popular li::before{
    content:counter(pop,decimal-leading-zero);
    font-size:13px; color:var(--lx-ink-soft); flex:0 0 auto; padding-top:2px;
  }
  #lx-blog .lx-side-pop-title{ font-size:14px; line-height:1.35; font-weight:600; margin-bottom:6px; }
  #lx-blog .lx-side-pop-meta{ display:flex; gap:12px; font-size:11px; color:var(--lx-ink-soft); }
  #lx-blog .lx-side-pop-meta svg{ width:12px; height:12px; stroke:var(--lx-ink-soft); vertical-align:-2px; margin-right:3px; }

  #lx-blog .lx-side-tags{ display:flex; flex-wrap:wrap; gap:8px; }
  #lx-blog .lx-side-tags a{
    font-size:11px; letter-spacing:.03em; padding:6px 12px; border:1px solid var(--lx-line); color:var(--lx-ink-soft);
  }
  #lx-blog .lx-side-tags a:hover{ border-color:var(--lx-ink); color:var(--lx-ink); }

  #lx-blog .lx-side-news{ background:var(--lx-panel); padding:24px; }
  #lx-blog .lx-side-news p{ font-size:13px; color:var(--lx-ink-soft); line-height:1.5; margin:0 0 14px; }
  #lx-blog .lx-side-news form{ display:flex; flex-direction:column; gap:10px; }
  #lx-blog .lx-side-news input[type="email"]{
    border:none; border-bottom:1px solid var(--lx-ink); background:transparent; padding:8px 0; font-size:13px; outline:none;
  }
  #lx-blog .lx-side-news button{
    background:var(--lx-ink); color:var(--lx-white); border:none; padding:10px 16px; font-size:11.5px;
    letter-spacing:.08em; text-transform:uppercase; cursor:pointer; font-weight:600;
  }
  #lx-blog .lx-side-news button:hover{ background:var(--lx-accent); }

  #lx-blog .lx-empty{ padding:60px 0; text-align:center; color:var(--lx-ink-soft); font-size:14px; width:100%; }

  /* ============ RESPONSIVE ============ */
  @media (max-width:1000px){
    #lx-blog .lx-body{ grid-template-columns:1fr; gap:48px; }
    #lx-blog .lx-sidebar{ position:static; display:grid; grid-template-columns:1fr 1fr; gap:32px; }
    #lx-blog .lx-side-news{ grid-column:1/-1; }
    #lx-blog .lx-spot{ flex-direction:column; }
    #lx-blog .lx-spot-figure img{ min-height:260px; }
    #lx-blog .lx-spot-body{ padding:32px; flex:1 1 auto; }
  }
  @media (max-width:800px){
    #lx-blog .lx-wrap{ padding:0 20px; }
    #lx-blog .lx-hero-grid{ flex-direction:column; gap:28px; }
    #lx-blog .lx-hero-main, #lx-blog .lx-hero-side{ flex:1 1 auto; width:100%; }
    #lx-blog .lx-hero-side{ flex-direction:row; overflow-x:auto; gap:20px; }
    #lx-blog .lx-hero-side .lx-hero-item{ min-width:78%; flex:0 0 auto; }
    #lx-blog .lx-hero-side .lx-hero-item + .lx-hero-item{ border-top:none; padding-top:0; }

    #lx-blog .lx-grid{ --lx-gap-col:18px; --lx-gap-row:28px; }
    #lx-blog .lx-card,
    #lx-blog .lx-card[data-pos="0"],
    #lx-blog .lx-card[data-pos="1"],
    #lx-blog .lx-grid.is-filtered .lx-card{
      flex:0 0 calc((100% - var(--lx-gap-col)) / 2) !important;
      max-width:calc((100% - var(--lx-gap-col)) / 2) !important;
    }
    #lx-blog .lx-card .lx-card-figure{ aspect-ratio:4/3 !important; }
    #lx-blog .lx-card[data-pos="0"] .lx-card-title,
    #lx-blog .lx-card[data-pos="1"] .lx-card-title{ font-size:18px; }
    #lx-blog .lx-sidebar{ grid-template-columns:1fr; }
    #lx-blog .lx-cattile{ flex:1 1 calc((100% - 20px) / 2); }
  }
  @media (max-width:480px){
    #lx-blog .lx-catnav-list{ gap:20px; }
    #lx-blog .lx-mast-title{ font-size:26px; }
    #lx-blog .lx-card,
    #lx-blog .lx-card[data-pos="0"],
    #lx-blog .lx-card[data-pos="1"],
    #lx-blog .lx-grid.is-filtered .lx-card{
      flex:0 0 100% !important; max-width:100% !important;
    }
    #lx-blog .lx-cattile{ flex:1 1 100%; aspect-ratio:16/9; }
  }
  @media (prefers-reduced-motion:reduce){
    #lx-blog .lx-hero-figure img, #lx-blog .lx-card-figure img,
    #lx-blog .lx-trend-figure img, #lx-blog .lx-spot-figure img, #lx-blog .lx-cattile img{ transition:none; }
  }
  #lx-blog .lx-hero-side .lx-hero-figure {
    aspect-ratio: 4/2 !important;
}

#lx-blog .lx-hero-side {
    flex: 1 1 25%;
}
span.lx-tag-pill {}

#lx-blog .lx-tag-pill {
    font-weight: 400 !important;
    text-transform: capitalize;
    letter-spacing: 0px !important;
    font-size: 14px !important;
    color: rgb(var(--color-foreground)) !important;
    margin-bottom: 0px !important;
}

#lx-blog .lx-side-pop-meta {
    width: 100% !important;
}

#lx-blog .lx-side-pop-meta span {
    display: flex;
    align-items: center;
}

#lx-blog .lx-card-title {
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 21px !important;
}

#lx-blog .lx-side-pop-title {
    font-weight: 400 !important;
}

#lx-blog .lx-section-title {
    font-size: 26px !important;
}

#lx-blog .lx-spot-title {
    font-weight: 500 !important;
}

#lx-blog .lx-spot-dek {
    max-width: 100% !important;
}

#lx-blog .lx-shead-title {
    font-size: 26px !important;
}

#lx-blog .lx-wrap {
    padding: 40px 20px !important;
    max-width: 1600px !important;
}
#lx-blog .lx-hero-main .lx-headline {
    font-size: 38px !important;
    line-height:45px !important;
}
#lx-blog .lx-hero-main .lx-headline {
    padding-top: 17px !important;
}

#lx-blog .lx-dek {
    max-width: 100% !important;
    font-size: 16px !important;
}

#lx-blog .lx-hero-side .lx-headline {
    margin-top: 15px !important;
}
#lx-blog .lx-trend-title {
    line-height: 24px !important;
}

#lx-blog .lx-trend-meta span {
    display: flex;
    align-items: center;
}

#lx-blog .lx-spot-figure {
        flex: 1 1 10%;
}
#lx-blog .lx-side-cats a span.lx-cat-arrow svg {
    width: 25px !important;
    height: 25px !important;
}
div#hb-blog-root {
    max-width: 1600px !important;
}
  @media (max-width:800px){
div#fnv-promo-bottom {
    display: none !important;
}
  }

  #dfjArchive{
  --dfj-paper:rgb(var(--color-background));
  --dfj-ink:rgb(var(--color-foreground));
  --dfj-ink-soft:rgb(var(--color-foreground) / 0.65);
  --dfj-rule:rgb(var(--color-foreground) / 0.16);
  --dfj-wine:rgb(var(--color-foreground));
  --dfj-gold:rgb(var(--color-base-highlight));
  --dfj-white:rgb(var(--color-background));
  --dfj-radius:2px;
  --dfj-max:1600px;
  background:var(--dfj-paper);
  color:var(--dfj-ink);
  padding:0 0 64px;
}
#dfjArchive *{box-sizing:border-box;}
#dfjArchive a{color:inherit;text-decoration:none;}
#dfjArchive img{display:block;width:100%;height:100%;object-fit:cover;}
#dfjArchive .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ---------- Masthead ---------- */
.dfj-masthead{max-width:var(--dfj-max);margin:0 auto;padding:56px 24px 28px;border-bottom:1px solid var(--dfj-rule);}
.dfj-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dfj-wine);margin:0 0 10px;}
.dfj-masthead__title{font-weight:600;font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.02em;margin:0 0 14px;}
.dfj-masthead__desc{font-size:16px;color:var(--dfj-ink-soft);max-width:560px;margin:0;}

/* ---------- Ticker ---------- */
.dfj-ticker{max-width:var(--dfj-max);margin:0 auto;display:flex;align-items:center;gap:18px;padding:14px 24px;border-bottom:1px solid var(--dfj-rule);overflow:hidden;}
.dfj-ticker__label{flex:0 0 auto;font-size:11px;text-transform:uppercase;letter-spacing:.14em;background:var(--dfj-wine);color:var(--dfj-white);padding:6px 10px;border-radius:var(--dfj-radius);}
.dfj-ticker__track{overflow:hidden;flex:1;display:flex;}
.dfj-ticker__list{display:flex;gap:36px;list-style:none;margin:0;padding:0;white-space:nowrap;animation:dfj-scroll 28s linear infinite;}
.dfj-ticker__list li{font-size:14px;}
.dfj-ticker__list a:hover{color:var(--dfj-wine);}
@keyframes dfj-scroll{from{transform:translateX(0);}to{transform:translateX(-100%);}}
@media (prefers-reduced-motion:reduce){.dfj-ticker__list{animation:none;}}

/* ---------- Hero: masonry + sidebar ---------- */
.dfj-hero{max-width:var(--dfj-max);margin:0 auto;display:grid;grid-template-columns:2.4fr 1fr;gap:28px;padding:32px 24px 0;align-items:start;}
.dfj-masonry{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:120px;
  gap:14px;
}
.dfj-tile{position:relative;background:var(--dfj-white);border:1px solid var(--dfj-rule);overflow:hidden;display:flex;flex-direction:column;}
.dfj-tile--feature{grid-column:span 2;grid-row:span 4;}
.dfj-tile--med{grid-column:span 2;grid-row:span 2;}
.dfj-tile--sm{grid-column:span 2;grid-row:span 2;}
.dfj-tile--med:nth-of-type(2){grid-column:3 / span 2;}
.dfj-tile__link{display:flex;flex-direction:column;flex:1;min-height:0;}
.dfj-tile__media{position:relative;flex:1;min-height:0;background:rgb(var(--color-placeholder));}
.dfj-tile--feature .dfj-tile__media{flex:1 1 62%;}
.dfj-tile__placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgb(var(--color-base-highlight)),rgb(var(--color-base-highlight)));}
.dfj-tile__tag{position:absolute;left:10px;bottom:10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:rgb(var(--color-foreground) / .72);color:var(--dfj-white);padding:4px 8px;border-radius:var(--dfj-radius);}
.dfj-ribbon{position:absolute;top:10px;left:10px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;background:var(--dfj-wine);color:var(--dfj-white);padding:5px 9px;border-radius:var(--dfj-radius);z-index:2;}
.dfj-ribbon--ghost{background:var(--dfj-ink);}
.dfj-ribbon--sm{padding:4px 7px;font-size:9px;}
.dfj-tile__body{padding:12px 14px 6px;}
.dfj-tile__meta{font-size:11px;color:var(--dfj-ink-soft);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;}
.dfj-tile__title{font-weight:600;font-size:17px;line-height:1.2;margin:0;}
.dfj-tile--feature .dfj-tile__title{font-size:clamp(22px,2.4vw,30px);}
.dfj-tile__excerpt{font-size:14px;color:var(--dfj-ink-soft);margin:8px 0 0;line-height:1.5;}

.dfj-stats{display:flex;align-items:center;gap:14px;padding:8px 14px 12px;border-top:1px solid var(--dfj-rule);margin-top:auto;}
.dfj-stat{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dfj-ink-soft);background:none;border:none;padding:0;cursor:default;}
.dfj-icon{width:15px;height:15px;flex:0 0 auto;}
.dfj-bookmark{cursor:pointer;margin-left:auto;transition:color .15s ease;}
.dfj-bookmark:hover{color:var(--dfj-wine);}
.dfj-bookmark.is-active{color:var(--dfj-wine);}
.dfj-bookmark.is-active .dfj-icon path{fill:var(--dfj-wine);}

/* ---------- Sidebar ---------- */
.dfj-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:26px;}
.dfj-sidebar__block{border-top:2px solid var(--dfj-ink);padding-top:14px;}
.dfj-sidebar__heading{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;}
.dfj-sidebar__text{font-size:14px;color:var(--dfj-ink-soft);line-height:1.55;margin:0;}
.dfj-ranked{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.dfj-ranked__item{display:flex;gap:10px;align-items:baseline;border-bottom:1px solid var(--dfj-rule);padding-bottom:10px;}
.dfj-ranked__num{font-size:20px;color:var(--dfj-rule);flex:0 0 auto;}
.dfj-ranked__title{font-size:14px;line-height:1.35;}
.dfj-ranked__title:hover{color:var(--dfj-wine);}
.dfj-newsletter__row{display:flex;gap:8px;margin-top:10px;}
.dfj-newsletter__row input{flex:1;border:1px solid var(--dfj-rule);padding:10px 12px;font-size:13px;background:var(--dfj-white);border-radius:var(--dfj-radius);}
.dfj-btn{background:var(--dfj-ink);color:var(--dfj-white);border:none;padding:10px 16px;font-size:13px;letter-spacing:.03em;cursor:pointer;border-radius:var(--dfj-radius);}
.dfj-btn:hover{background:var(--dfj-wine);}

/* ---------- Filter bar ---------- */
.dfj-filterbar{max-width:var(--dfj-max);margin:44px auto 0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--dfj-rule);padding-bottom:14px;flex-wrap:wrap;}
.dfj-filterbar__title{font-size:24px;margin:0;text-transform:capitalize;}
.dfj-tabs{display:flex;gap:22px;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.dfj-tab{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dfj-ink-soft);padding:0 0 14px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-15px;}
.dfj-tab:hover{color:var(--dfj-ink);}
.dfj-tab.is-active{color:var(--dfj-ink);border-bottom-color:var(--dfj-wine);}
.dfj-tab__count{font-size:10px;color:var(--dfj-rule);}
.dfj-tab.is-active .dfj-tab__count{color:var(--dfj-wine);}
.dfj-tab__count:empty{display:none;}

/* ---------- Archive grid ---------- */
.dfj-grid{max-width:var(--dfj-max);margin:0 auto;padding:28px 24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.dfj-card{background:var(--dfj-white);border:1px solid var(--dfj-rule);display:flex;flex-direction:column;transition:transform .15s ease, box-shadow .15s ease;}
.dfj-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgb(var(--color-shadow) / .08);}
.dfj-card__link{display:flex;flex-direction:column;flex:1;}
.dfj-card__media{position:relative;aspect-ratio:4/3;background:rgb(var(--color-placeholder));}
.dfj-card__body{padding:14px 16px 4px;flex:1;}
.dfj-card__meta{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dfj-ink-soft);margin:0 0 6px;}
.dfj-card__title{font-weight:600;font-size:19px;line-height:1.22;margin:0 0 8px;}
.dfj-card__excerpt{font-size:13.5px;color:var(--dfj-ink-soft);line-height:1.5;margin:0;}
.dfj-stats--card{padding:10px 16px 14px;}

.dfj-empty{grid-column:1/-1;padding:60px 0;text-align:center;color:var(--dfj-ink-soft);}

/* ---------- Pagination ---------- */
.dfj-pagination{grid-column:1/-1;display:flex;justify-content:center;gap:8px;padding:36px 0 0;}
.dfj-page-btn{border:1px solid var(--dfj-rule);padding:8px 14px;font-size:12px;border-radius:var(--dfj-radius);}
.dfj-page-btn.is-current{background:var(--dfj-ink);color:var(--dfj-white);border-color:var(--dfj-ink);}
.dfj-page-btn:hover{border-color:var(--dfj-ink);}

/* ---------- Responsive ---------- */
@media (max-width:989px){
  .dfj-hero{grid-template-columns:1fr;}
  .dfj-sidebar{position:static;}
  .dfj-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:749px){
  .dfj-masthead{padding:40px 18px 22px;}
  .dfj-hero{padding:24px 18px 0;gap:18px;}
  .dfj-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:10px;}
  .dfj-tile--feature{grid-column:span 2;grid-row:span 3;}
  .dfj-tile--med{grid-column:span 2;grid-row:span 2;}
  .dfj-tile--med:nth-of-type(2){grid-column:1 / span 2;}
  .dfj-tile--sm{grid-column:span 1;grid-row:span 2;}
  .dfj-filterbar{padding:0 18px 14px;margin-top:32px;}
  .dfj-grid{grid-template-columns:1fr;padding:22px 18px 0;gap:18px;}
  .dfj-ticker{padding:12px 18px;}
}
section#dfjArchive {
    background: rgb(var(--color-background)) !important;
}
section#dfjArchive {
    background: rgb(var(--color-background)) !important;
}

.dfj-ribbon {
    background: rgb(var(--color-foreground)) !important;
}
section#dfjArchive {
    background: rgb(var(--color-background)) !important;
}

.dfj-ribbon {
    background: rgb(var(--color-foreground)) !important;
}
span.dfj-tab__count {
    display: none !important;
}

.dfj-tabs {
    overflow: unset !important;
}
span.dfj-tab__count {
    display: none !important;
}

.dfj-tabs {
    overflow: unset !important;
}

.dfj-sidebar__text {
    font-size: 12px !important;
    padding-bottom: 15px !important;
}

.dfj-ranked__item {
    align-items: center !important;
}

.dfj-ranked {
    margin-top: 5px !important;
}

.dfj-tile__title {
    font-weight: 500 !important;
}

.dfj-tile__title {}

h3.dfj-card__title {
    font-weight: 500 !important;
}

.dfj-tile__title {}

p.dfj-card__excerpt {
    font-size: 14px !important;
    padding-bottom: 10px !important;
}

h2.dfj-tile__title {
    font-size: 22px !important;
    line-height: 28px !important;
    padding-bottom:15px !important;
}

.dfj-masthead__title {
    font-size: 50px !important;
    font-weight: 500 !important;
}
@media (max-width:989px){
article.dfj-tile.dfj-tile--sm h2 {
    font-size: 12px !important;
    line-height:20px !important;
}

.dfj-sidebar__heading {
    font-size:14px !important;
    margin-bottom: 25px !important;
}

.dfj-masthead__title {
    font-size: 32px !important;
}
h2.dfj-tile__title {
    padding-bottom: 5px !important;
    font-size: 20px !important;
}

.dfj-tile__excerpt {
    padding-bottom: 15px !important;
}
#lx-blog .lx-hero-main .lx-headline {
    line-height: 32px !important;
    font-size: 24px !important;
}

#lx-blog .lx-dek {
    font-size: 15px !important;
}

#lx-blog .lx-hero-side {
    flex: 1 1 auto !important;
    overflow: unset !important;
    display: block !important;
}

article.lx-hero-item {
    margin-bottom: 20px !important;
}

#lx-blog .lx-hero-side .lx-headline {
    font-weight: 500 !important;
}

#lx-blog .lx-wrap {
    padding-bottom: 0px !important;
}

#lx-blog .lx-trending {
    padding-top: 10px !important;
}

#lx-blog .lx-trend-title {
    font-size: 15px !important;
    line-height: 22px !important;
}

#lx-blog .lx-spot-title {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 10px !important;
}

#lx-blog .lx-spot-body {
    padding: 20px !important;
}

#lx-blog .lx-spot {
    gap: 15px !important;
}

#lx-blog .lx-tabs {
    overflow: auto;
    white-space: nowrap;
    display: flex;
    max-width: 1400px;
    flex-wrap: unset !important;
}
span.vog-cat__name {
    font-size: 16px !important;
}

aside.vog-sidebar {
    position: unset !important;
}

.vog-sidebar__label {
    margin-bottom: 5px !important;
}

.vog-hero__headline {
    font-size: 23px !important;
}

.vog-hero__excerpt {
    font-size: 15px !important;
}

.vog-hero__small-headline {
    font-size: 14px !important;
}

.vog-hero__small-body .vog-chip {
    font-size: 7px !important;
}

.vog-hero__small:last-child {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vog-hero {
    margin-bottom: 30px !important;
}

.vog-tab {
    font-size: 9px !important;
}

.vog-feed__title {
    font-size: 17px !important;
}

.vog-feed__head {
    margin-bottom: 20px !important;
}

.vog-card__headline {
    font-size: 18px !important;
    line-height: 22px !important;
}
h2.edl-hero__headline {
    font-size: 26px !important;
    line-height: 32px !important;
}

.edl-hero__excerpt {
    font-size: 15px !important;
}

.edl-hero__headline--md {
    font-size: 19px !important;
}

h2.edl-section-title {
    font-size: 20px !important;
}

.edl-grid {}

.edl-card {
    width: 100% !important;
}

.edl-section__card--lead .edl-section__headline {
    font-size: 18px !important;
}
}
.dfj-masthead__title {
    text-align: center !important;
}

p.dfj-masthead__desc {
    width: 100%;
    margin: auto !important;
}

header.dfj-masthead {
    border-bottom: 1px solid rgb(var(--color-background) / 0.16) !important;
}

header.dfj-masthead .dfj-masthead__row {
    text-align: center !important;
}
header.dfj-masthead {
    padding: 50px 10px !important;
    margin-bottom: 40px !important;
}
p.dfj-masthead__desc {
    max-width: 100% !important;
    padding: 0px 10px !important;
}
.sub-card {
    background: transparent !important;
    border: 1px solid grey !important;
}

.side-block.subscribe {
    position: unset !important;
}

.post {
    background: rgb(var(--color-background)) !important;
}

.share {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
}

.sub-card h3 {
    font-size: 30px !important;
    color: rgb(var(--color-foreground)) !important;
    font-weight: 400 !important;
}

.sub-card .eyebrow {
    color: rgb(var(--color-foreground)) !important;
}

.sub-form button {
    padding: 17px 10px !important;
    font-size: 16px !important;
}

.sub-form input {
    background: rgb(var(--color-base-highlight)) !important;
    border: 0px !important;
}

.trend-item h4 {
    font-weight: 400 !important;
}

.side-title svg {
    display: none !important;
}

.post h1, .post h2, .post h3, .post h4 {
    margin-bottom: 20px !important;
}

.post h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin: 40px 0 20px;
    color: rgb(var(--color-foreground));
}

.post h2 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
    margin: 35px 0 18px;
    color: rgb(var(--color-foreground));
}

.post h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 30px 0 16px;
    color: rgb(var(--color-foreground));
}

.post h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 25px 0 14px;
    color: rgb(var(--color-foreground));
}

.post h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin: 20px 0 12px;
    color: rgb(var(--color-foreground));
}

.post h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin: 18px 0 10px;
    color: rgb(var(--color-foreground));
}
  #ed-mobile-filter .ed-mobile-filter-link {
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ed-ink, rgb(var(--color-foreground)));
    text-decoration: none;
  }

  #ed-mobile-filter .ed-mobile-filter-link:hover,
  #ed-mobile-filter .ed-mobile-filter-link--active {
    color: var(--ed-accent, #b3552f);
  }

  @media (max-width: 989px) {
    #ed-mobile-filter {
      display: block;
      margin-bottom: 24px;
    }

    /* Hide the full sidebar list on mobile since the dropdown replaces it */
    #ed-sidebar { display: none; }
    .fnv-header-row {
    padding: 0px 5px !important;
}

#ed-mobile-filter .ed-mobile-filter-label {
    color: rgb(var(--color-foreground)) !important;
}

#ed-blog-archive .ed-container {
    gap: 5px !important;
}

	}
	input.fnv-search-input {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    font-size: 15px !important;
    padding: 9px 15px !important;
    height: unset !important;
    border-radius: 50px !important;
    padding-left: 20px !important;
}

.fnv-search-btn {
    background: rgb(var(--color-base-highlight)) !important;
    right: 7px !important;
}
	.fnv-mega-col h4 {
    text-transform: capitalize;
    font-size: 14px !important;
}
	        :root {
            --fn-white: oklch(99% 0.003 260);
            --fn-snow: oklch(97.5% 0.003 260);
            --fn-pearl: oklch(95% 0.004 260);
            --fn-silver: oklch(88% 0.004 260);
            --fn-ash: oklch(72% 0.005 260);
            --fn-charcoal: oklch(38% 0.008 260);
            --fn-ink: oklch(18% 0.01 260);
            --fn-midnight: oklch(10% 0.012 260);

            --fn-space-2: 4px;
            --fn-space-4: 8px;
            --fn-space-6: 12px;
            --fn-space-8: 16px;
            --fn-space-12: 24px;
            --fn-space-16: 32px;
            --fn-space-24: 48px;
            --fn-space-32: 64px;
            --fn-space-48: 96px;
            --fn-space-64: 128px;

            --fn-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
            --fn-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
        }

        #promoTicker {
            background: var(--fn-ink);
            padding: var(--fn-space-4) 0;
            overflow: hidden;
        }

        .ticker__track {
            display: flex;
            gap: var(--fn-space-24);
            animation: tickerScroll 30s linear infinite;
            width: max-content;
        }

        .ticker__item {
            font-size: 0.6875rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--fn-white);
            white-space: nowrap;
            display: flex;
            align-items: center;
            gap: var(--fn-space-6);
        }

        .ticker__dot {
            width: 4px;
            height: 4px;
            background: var(--fn-ash);
            border-radius: 50%;
        }

        @keyframes tickerScroll {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }

        /* ============================
           SECTION 2: HERO EDITORIAL
           ============================ */
        #heroEditorial {
            position: relative;
            height: 85vh;
            min-height: 600px;
            background: var(--fn-snow);
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            overflow: hidden;
        }

        .hero__media {
            position: relative;
            background: var(--fn-pearl);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero__media-placeholder {
            width: 70%;
            height: 80%;
            background: linear-gradient(135deg, var(--fn-silver) 0%, var(--fn-pearl) 100%);
            position: relative;
        }

        .hero__media-placeholder::after {
            content: 'EDITORIAL IMAGE';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            color: var(--fn-ash);
        }

        .hero__content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: var(--fn-space-32) var(--fn-space-32);
        }

        .hero__tag {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-bottom: var(--fn-space-12);
        }

        .hero__title {
            font-size: clamp(2.75rem, 5.5vw, 5rem);
            font-weight: 800;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-8);
            letter-spacing: -0.02em;
        }

        .hero__subtitle {
            font-size: 1.0625rem;
            color: var(--fn-charcoal);
            max-width: 38ch;
            margin-bottom: var(--fn-space-24);
            line-height: 1.7;
        }

        .hero__actions {
            display: flex;
            gap: var(--fn-space-6);
            flex-wrap: wrap;
        }

        .btn--primary {
            display: inline-flex;
            align-items: center;
            gap: var(--fn-space-4);
            padding: 14px var(--fn-space-12);
            background: var(--fn-midnight);
            color: var(--fn-white);
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            letter-spacing: 0.02em;
            text-decoration: none;
            border: none;
            cursor: pointer;
            transition: transform 200ms var(--fn-ease-out), opacity 200ms;
        }

        .btn--primary:hover { transform: translateY(-1px); opacity: 0.88; }

        .btn--outline {
            display: inline-flex;
            align-items: center;
            gap: var(--fn-space-4);
            padding: 14px var(--fn-space-12);
            background: transparent;
            color: var(--fn-midnight);
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            letter-spacing: 0.02em;
            text-decoration: none;
            border: 1.5px solid var(--fn-midnight);
            cursor: pointer;
            transition: background 200ms var(--fn-ease-out), color 200ms;
        }

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

        /* ============================
           SECTION 3: CATEGORY NAV STRIP
           ============================ */
        #categoryStrip {
            padding: var(--fn-space-16) var(--fn-space-12);
            border-bottom: 1px solid var(--fn-pearl);
        }

        .catstrip__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            gap: var(--fn-space-16);
            overflow-x: auto;
            scrollbar-width: none;
        }

        .catstrip__inner::-webkit-scrollbar { display: none; }

        .catstrip__link {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--fn-space-4);
            text-decoration: none;
            flex-shrink: 0;
            transition: transform 200ms var(--fn-ease-out);
        }

        .catstrip__link:hover { transform: translateY(-3px); }

        .catstrip__icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: var(--fn-pearl);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 200ms;
        }

        .catstrip__link:hover .catstrip__icon { background: var(--fn-silver); }

        .catstrip__label {
            font-size: 0.6875rem;
            font-weight: 600;
            color: var(--fn-charcoal);
            text-transform: uppercase;
            letter-spacing: 0.04em;
            white-space: nowrap;
        }

        /* ============================
           SECTION 4: TRENDING NOW
           ============================ */
        #trendingNow {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .trending__header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: var(--fn-space-16);
        }

        .trending__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .trending__viewall {
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--fn-charcoal);
            text-decoration: none;
            border-bottom: 1px solid var(--fn-charcoal);
            padding-bottom: 1px;
            transition: color 200ms, border-color 200ms;
        }

        .trending__viewall:hover { color: var(--fn-midnight); border-color: var(--fn-midnight); }

        .trending__grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--fn-space-8);
        }

        .product-tile {
            position: relative;
            cursor: pointer;
        }

        .product-tile__image {
            aspect-ratio: 3/4;
            background: var(--fn-pearl);
            margin-bottom: var(--fn-space-6);
            overflow: hidden;
            position: relative;
        }

        .product-tile__image::after {
            content: '';
            position: absolute;
            inset: 0;
            background: var(--fn-midnight);
            opacity: 0;
            transition: opacity 300ms var(--fn-ease-out);
        }

        .product-tile:hover .product-tile__image::after { opacity: 0.04; }

        .product-tile__badge {
            position: absolute;
            top: var(--fn-space-4);
            left: var(--fn-space-4);
            background: var(--fn-midnight);
            color: var(--fn-white);
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 3px 8px;
            z-index: 1;
        }

        .product-tile__name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
            margin-bottom: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .product-tile__price {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .product-tile__price-old {
            text-decoration: line-through;
            font-weight: 400;
            color: var(--fn-ash);
            margin-left: var(--fn-space-2);
        }

        /* ============================
           SECTION 5: EDITORIAL SPLIT
           ============================ */
        #editorialSplit {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 520px;
        }

        .editorial__panel {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: var(--fn-space-24);
            background: var(--fn-pearl);
            overflow: hidden;
        }

        .editorial__panel--alt { background: var(--fn-snow); }

        .editorial__label {
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-bottom: var(--fn-space-4);
        }

        .editorial__heading {
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-6);
        }

        .editorial__link {
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--fn-midnight);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: var(--fn-space-2);
            transition: gap 200ms var(--fn-ease-out);
        }

        .editorial__link:hover { gap: var(--fn-space-4); }

        /* ============================
           SECTION 6: SHOP BY CATEGORY
           ============================ */
        #shopByCategory {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .shopcat__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .shopcat__grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--fn-space-6);
        }

        .shopcat__item {
            position: relative;
            aspect-ratio: 2/3;
            background: var(--fn-pearl);
            overflow: hidden;
            cursor: pointer;
            transition: transform 300ms var(--fn-ease-out);
        }

        .shopcat__item:hover { transform: scale(0.97); }

        .shopcat__item-name {
            position: absolute;
            bottom: var(--fn-space-8);
            left: var(--fn-space-8);
            right: var(--fn-space-8);
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: var(--fn-midnight);
            background: var(--fn-white);
            padding: var(--fn-space-4) var(--fn-space-6);
            text-align: center;
        }

        /* ============================
           SECTION 7: FLASH SALE COUNTDOWN
           ============================ */
        #flashSale {
            padding: var(--fn-space-32) var(--fn-space-12);
            border-top: 1px solid var(--fn-pearl);
            border-bottom: 1px solid var(--fn-pearl);
        }

        .flashsale__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr auto;
            align-items: center;
            gap: var(--fn-space-16);
        }

        .flashsale__text h2 {
            font-size: clamp(1.5rem, 3vw, 2.25rem);
            font-weight: 800;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .flashsale__text p {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
        }

        .flashsale__timer {
            display: flex;
            gap: var(--fn-space-6);
        }

        .timer__block {
            text-align: center;
            min-width: 64px;
        }

        .timer__value {
            font-size: 2rem;
            font-weight: 800;
            color: var(--fn-midnight);
            line-height: 1;
            font-variant-numeric: tabular-nums;
            background: var(--fn-pearl);
            padding: var(--fn-space-6) var(--fn-space-4);
            display: block;
        }

        .timer__label {
            font-size: 0.625rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-top: var(--fn-space-2);
        }

        /* ============================
           SECTION 8: DEALS BANNER
           ============================ */
        #dealsBanner {
            background: var(--fn-snow);
            padding: var(--fn-space-32) var(--fn-space-12);
            text-align: center;
        }

        .deals__eyebrow {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-bottom: var(--fn-space-6);
        }

        .deals__headline {
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            font-weight: 900;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
            letter-spacing: -0.03em;
        }

        .deals__sub {
            font-size: 1rem;
            color: var(--fn-charcoal);
            margin-bottom: var(--fn-space-16);
            max-width: 45ch;
            margin-left: auto;
            margin-right: auto;
        }

        .deals__tags {
            display: flex;
            justify-content: center;
            gap: var(--fn-space-4);
            flex-wrap: wrap;
        }

        .deals__tag {
            font-size: 0.75rem;
            font-weight: 600;
            padding: var(--fn-space-4) var(--fn-space-8);
            border: 1px solid var(--fn-silver);
            color: var(--fn-charcoal);
            text-decoration: none;
            transition: background 200ms, color 200ms, border-color 200ms;
        }

        .deals__tag:hover {
            background: var(--fn-midnight);
            color: var(--fn-white);
            border-color: var(--fn-midnight);
        }

        /* ============================
           SECTION 9: NEW DROPS CAROUSEL
           ============================ */
        #newDrops {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .drops__header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: var(--fn-space-12);
        }

        .drops__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .drops__nav {
            display: flex;
            gap: var(--fn-space-4);
        }

        .drops__arrow {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid var(--fn-silver);
            background: none;
            cursor: pointer;
            transition: border-color 200ms, background 200ms;
            font-family: 'Inter', sans-serif;
        }

        .drops__arrow:hover {
            border-color: var(--fn-midnight);
            background: var(--fn-midnight);
            color: var(--fn-white);
        }

        .drops__scroll {
            display: flex;
            gap: var(--fn-space-6);
            overflow-x: auto;
            scrollbar-width: none;
            scroll-snap-type: x mandatory;
            padding-bottom: var(--fn-space-4);
        }

        .drops__scroll::-webkit-scrollbar { display: none; }

        .drops__item {
            flex: 0 0 220px;
            scroll-snap-align: start;
        }

        .drops__item-image {
            aspect-ratio: 3/4;
            background: var(--fn-pearl);
            margin-bottom: var(--fn-space-4);
            position: relative;
            overflow: hidden;
        }

        .drops__item-tag {
            position: absolute;
            top: var(--fn-space-4);
            right: var(--fn-space-4);
            width: 28px;
            height: 28px;
            background: var(--fn-white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .drops__item-name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
            margin-bottom: 2px;
        }

        .drops__item-price {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        /* ============================
           SECTION 10: LOOKBOOK MOSAIC
           ============================ */
        #lookbookMosaic {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .lookbook__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-16);
            text-align: center;
        }

        .lookbook__grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr;
            grid-template-rows: 300px 300px;
            gap: var(--fn-space-4);
        }

        .lookbook__cell {
            background: var(--fn-pearl);
            position: relative;
            overflow: hidden;
            cursor: pointer;
            transition: transform 300ms var(--fn-ease-out);
        }

        .lookbook__cell:hover { transform: scale(0.98); }

        .lookbook__cell--tall { grid-row: span 2; }

        .lookbook__cell-label {
            position: absolute;
            bottom: var(--fn-space-8);
            left: var(--fn-space-8);
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: var(--fn-midnight);
            background: oklch(99% 0.003 260 / 0.92);
            padding: var(--fn-space-2) var(--fn-space-6);
        }

        /* ============================
           SECTION 11: BEST SELLERS
           ============================ */
        #bestSellers {
            padding: var(--fn-space-48) var(--fn-space-12);
            background: var(--fn-snow);
        }

        .bestsellers__inner {
            max-width: 1400px;
            margin: 0 auto;
        }

        .bestsellers__header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: var(--fn-space-16);
        }

        .bestsellers__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .bestsellers__filters {
            display: flex;
            gap: var(--fn-space-4);
        }

        .bestsellers__filter {
            font-size: 0.75rem;
            font-weight: 600;
            padding: var(--fn-space-2) var(--fn-space-6);
            background: none;
            border: 1px solid var(--fn-silver);
            cursor: pointer;
            color: var(--fn-charcoal);
            font-family: 'Inter', sans-serif;
            transition: background 200ms, color 200ms, border-color 200ms;
        }

        .bestsellers__filter:hover,
        .bestsellers__filter--active {
            background: var(--fn-midnight);
            color: var(--fn-white);
            border-color: var(--fn-midnight);
        }

        .bestsellers__grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: var(--fn-space-8);
        }

        .bestseller-tile {
            position: relative;
            cursor: pointer;
        }

        .bestseller-tile__rank {
            position: absolute;
            top: var(--fn-space-4);
            left: var(--fn-space-4);
            width: 28px;
            height: 28px;
            background: var(--fn-white);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            font-weight: 800;
            color: var(--fn-midnight);
            z-index: 1;
        }

        .bestseller-tile__image {
            aspect-ratio: 3/4;
            background: var(--fn-pearl);
            margin-bottom: var(--fn-space-4);
        }

        .bestseller-tile__name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
            margin-bottom: 2px;
        }

        .bestseller-tile__price {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        /* ============================
           SECTION 12: COLOR TRENDS
           ============================ */
        #colorTrends {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .colortrends__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            text-align: center;
            margin-bottom: var(--fn-space-4);
        }

        .colortrends__subtitle {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .colortrends__grid {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            gap: var(--fn-space-6);
        }

        .colortrends__swatch {
            text-align: center;
            cursor: pointer;
            text-decoration: none;
            transition: transform 200ms var(--fn-ease-out);
        }

        .colortrends__swatch:hover { transform: scale(1.05); }

        .colortrends__circle {
            width: 100%;
            aspect-ratio: 1;
            border-radius: 50%;
            margin-bottom: var(--fn-space-4);
            border: 2px solid var(--fn-pearl);
        }

        .colortrends__name {
            font-size: 0.6875rem;
            font-weight: 600;
            color: var(--fn-charcoal);
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        /* ============================
           SECTION 13: MEGA MENU SHOWCASE
           ============================ */
        #megaMenuShowcase {
            background: var(--fn-snow);
            padding: var(--fn-space-48) var(--fn-space-12);
        }

        .megamenu__inner {
            max-width: 1400px;
            margin: 0 auto;
        }

        .megamenu__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            text-align: center;
            margin-bottom: var(--fn-space-4);
        }

        .megamenu__subtitle {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .megamenu__tabs {
            display: flex;
            gap: 0;
            border-bottom: 1px solid var(--fn-silver);
            margin-bottom: var(--fn-space-16);
            overflow-x: auto;
            scrollbar-width: none;
        }

        .megamenu__tabs::-webkit-scrollbar { display: none; }

        .megamenu__tab {
            padding: var(--fn-space-6) var(--fn-space-8);
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: var(--fn-ash);
            cursor: pointer;
            border-bottom: 2px solid transparent;
            white-space: nowrap;
            transition: color 200ms, border-color 200ms;
            background: none;
            border-top: none;
            border-left: none;
            border-right: none;
            font-family: 'Inter', sans-serif;
        }

        .megamenu__tab:hover { color: var(--fn-midnight); }
        .megamenu__tab--active { color: var(--fn-midnight); border-bottom-color: var(--fn-midnight); }

        .megamenu__content {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--fn-space-16);
        }

        .megamenu__column h4 {
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-6);
        }

        .megamenu__column ul {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: var(--fn-space-4);
        }

        .megamenu__column li a {
            font-size: 0.8125rem;
            color: var(--fn-charcoal);
            text-decoration: none;
            transition: color 150ms;
        }

        .megamenu__column li a:hover { color: var(--fn-midnight); }

        /* ============================
           SECTION 14: INFLUENCER PICKS
           ============================ */
        #influencerPicks {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .influencer__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-16);
        }

        .influencer__grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--fn-space-8);
        }

        .influencer__card {
            cursor: pointer;
            transition: transform 200ms var(--fn-ease-out);
        }

        .influencer__card:hover { transform: translateY(-4px); }

        .influencer__card-image {
            aspect-ratio: 4/5;
            background: var(--fn-pearl);
            margin-bottom: var(--fn-space-6);
            position: relative;
            overflow: hidden;
        }

        .influencer__card-avatar {
            position: absolute;
            bottom: var(--fn-space-4);
            left: var(--fn-space-4);
            display: flex;
            align-items: center;
            gap: var(--fn-space-4);
            background: var(--fn-white);
            padding: 4px 10px 4px 4px;
            border-radius: 100px;
        }

        .influencer__card-avatar-img {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: var(--fn-silver);
        }

        .influencer__card-avatar-name {
            font-size: 0.6875rem;
            font-weight: 600;
            color: var(--fn-midnight);
        }

        .influencer__card-name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
            margin-bottom: 2px;
        }

        .influencer__card-price {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        /* ============================
           SECTION 15: SWIMWEAR FEATURE
           ============================ */
        #swimFeature {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            min-height: 480px;
        }

        .swim__panel {
            position: relative;
            background: var(--fn-pearl);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: var(--fn-space-16);
            cursor: pointer;
            overflow: hidden;
            transition: transform 300ms var(--fn-ease-out);
        }

        .swim__panel:hover { transform: scale(0.98); }

        .swim__panel--center { background: var(--fn-silver); }

        .swim__panel-label {
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-bottom: 2px;
        }

        .swim__panel-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .swim__panel-link {
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--fn-midnight);
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        /* ============================
           SECTION 16: SHOP BY OCCASION
           ============================ */
        #shopByOccasion {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .occasion__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-16);
        }

        .occasion__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--fn-space-6);
        }

        .occasion__card {
            position: relative;
            aspect-ratio: 4/5;
            background: var(--fn-pearl);
            overflow: hidden;
            cursor: pointer;
        }

        .occasion__card::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, oklch(10% 0.01 260 / 0.5) 0%, transparent 50%);
        }

        .occasion__card-text {
            position: absolute;
            bottom: var(--fn-space-12);
            left: var(--fn-space-12);
            z-index: 1;
        }

        .occasion__card-label {
            font-size: 0.625rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: oklch(90% 0.003 260);
            margin-bottom: 2px;
        }

        .occasion__card-name {
            font-size: 1.375rem;
            font-weight: 700;
            color: var(--fn-white);
        }

        /* ============================
           SECTION 17: REVIEWS / SOCIAL PROOF
           ============================ */
        #socialProof {
            padding: var(--fn-space-48) var(--fn-space-12);
            background: var(--fn-snow);
        }

        .proof__inner {
            max-width: 1400px;
            margin: 0 auto;
        }

        .proof__header {
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .proof__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .proof__stars {
            font-size: 1.25rem;
            letter-spacing: 0.1em;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .proof__count {
            font-size: 0.8125rem;
            color: var(--fn-ash);
            font-weight: 500;
        }

        .proof__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--fn-space-8);
        }

        .review__card {
            background: var(--fn-white);
            padding: var(--fn-space-12);
        }

        .review__stars {
            font-size: 0.875rem;
            letter-spacing: 0.06em;
            margin-bottom: var(--fn-space-4);
        }

        .review__text {
            font-size: 0.875rem;
            color: var(--fn-charcoal);
            line-height: 1.6;
            margin-bottom: var(--fn-space-6);
            max-width: 45ch;
        }

        .review__author {
            display: flex;
            align-items: center;
            gap: var(--fn-space-4);
        }

        .review__avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: var(--fn-pearl);
        }

        .review__name {
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--fn-midnight);
        }

        .review__verified {
            font-size: 0.625rem;
            color: var(--fn-ash);
            font-weight: 500;
        }

        /* ============================
           SECTION 18: COMPLETE THE LOOK
           ============================ */
        #completeLook {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .completelook__header {
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .completelook__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .completelook__desc {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
        }

        .completelook__layout {
            display: grid;
            grid-template-columns: 1.5fr 1fr;
            gap: var(--fn-space-16);
            align-items: center;
        }

        .completelook__main-image {
            aspect-ratio: 3/4;
            background: var(--fn-pearl);
            position: relative;
        }

        .completelook__main-image::after {
            content: 'OUTFIT IMAGE';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            color: var(--fn-ash);
        }

        .completelook__items {
            display: flex;
            flex-direction: column;
            gap: var(--fn-space-6);
        }

        .completelook__item {
            display: grid;
            grid-template-columns: 72px 1fr auto;
            gap: var(--fn-space-6);
            align-items: center;
            padding: var(--fn-space-6);
            border: 1px solid var(--fn-pearl);
            cursor: pointer;
            transition: border-color 200ms;
        }

        .completelook__item:hover { border-color: var(--fn-midnight); }

        .completelook__item-img {
            aspect-ratio: 1;
            background: var(--fn-pearl);
        }

        .completelook__item-name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
        }

        .completelook__item-cat {
            font-size: 0.6875rem;
            color: var(--fn-ash);
            font-weight: 500;
        }

        .completelook__item-price {
            font-size: 0.875rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        /* ============================
           SECTION 19: REWARDS PROGRAM
           ============================ */
        #rewardsProgram {
            padding: var(--fn-space-32) var(--fn-space-12);
            background: var(--fn-pearl);
        }

        .rewards__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: var(--fn-space-16);
            text-align: center;
        }

        .rewards__perk {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--fn-space-4);
        }

        .rewards__perk-icon {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--fn-white);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .rewards__perk-title {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .rewards__perk-desc {
            font-size: 0.75rem;
            color: var(--fn-charcoal);
            max-width: 20ch;
        }

        /* ============================
           SECTION 20: STYLE QUIZ
           ============================ */
        #styleQuiz {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }

        .quiz__icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: var(--fn-pearl);
            margin: 0 auto var(--fn-space-12);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .quiz__heading {
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .quiz__desc {
            font-size: 1rem;
            color: var(--fn-charcoal);
            max-width: 50ch;
            margin: 0 auto var(--fn-space-16);
        }

        /* ============================
           SECTION 21: SIZE GUIDE
           ============================ */
        #sizeGuide {
            padding: var(--fn-space-32) var(--fn-space-12);
            border-top: 1px solid var(--fn-pearl);
            border-bottom: 1px solid var(--fn-pearl);
        }

        .sizeguide__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: var(--fn-space-24);
            align-items: center;
        }

        .sizeguide__text h2 {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .sizeguide__text p {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            line-height: 1.7;
            margin-bottom: var(--fn-space-8);
            max-width: 40ch;
        }

        .sizeguide__sizes {
            display: flex;
            gap: var(--fn-space-4);
            flex-wrap: wrap;
        }

        .sizeguide__size {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid var(--fn-silver);
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--fn-charcoal);
            cursor: pointer;
            transition: background 200ms, color 200ms, border-color 200ms;
        }

        .sizeguide__size:hover {
            background: var(--fn-midnight);
            color: var(--fn-white);
            border-color: var(--fn-midnight);
        }

        .sizeguide__visual {
            aspect-ratio: 16/9;
            background: var(--fn-pearl);
            position: relative;
        }

        .sizeguide__visual::after {
            content: 'SIZE CHART';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            color: var(--fn-ash);
        }

        /* ============================
           SECTION 22: APP DOWNLOAD
           ============================ */
        #appDownload {
            background: var(--fn-snow);
            padding: var(--fn-space-32) var(--fn-space-12);
        }

        .appdownload__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--fn-space-24);
            align-items: center;
        }

        .appdownload__content h2 {
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .appdownload__content p {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            margin-bottom: var(--fn-space-12);
            max-width: 40ch;
            line-height: 1.7;
        }

        .appdownload__buttons {
            display: flex;
            gap: var(--fn-space-4);
        }

        .appdownload__btn {
            padding: 12px var(--fn-space-8);
            background: var(--fn-midnight);
            color: var(--fn-white);
            font-size: 0.75rem;
            font-weight: 600;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: var(--fn-space-4);
            transition: opacity 200ms;
        }

        .appdownload__btn:hover { opacity: 0.85; }

        .appdownload__phone {
            aspect-ratio: 9/16;
            max-height: 400px;
            background: var(--fn-pearl);
            margin: 0 auto;
            border-radius: 24px;
            border: 8px solid var(--fn-silver);
            position: relative;
        }

        .appdownload__phone::after {
            content: 'APP PREVIEW';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            color: var(--fn-ash);
        }

        /* ============================
           SECTION 23: TRENDING SEARCHES
           ============================ */
        #trendingSearches {
            padding: var(--fn-space-24) var(--fn-space-12);
            border-top: 1px solid var(--fn-pearl);
        }

        .searches__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            gap: var(--fn-space-8);
            flex-wrap: wrap;
        }

        .searches__label {
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: var(--fn-midnight);
        }

        .searches__pill {
            font-size: 0.75rem;
            font-weight: 500;
            padding: var(--fn-space-2) var(--fn-space-6);
            border: 1px solid var(--fn-silver);
            color: var(--fn-charcoal);
            text-decoration: none;
            border-radius: 100px;
            transition: background 200ms, color 200ms, border-color 200ms;
        }

        .searches__pill:hover {
            background: var(--fn-midnight);
            color: var(--fn-white);
            border-color: var(--fn-midnight);
        }

        /* ============================
           SECTION 24: UGC / INSTAGRAM
           ============================ */
        #ugcSection {
            padding: var(--fn-space-48) var(--fn-space-12);
            background: var(--fn-snow);
        }

        .ugc__inner {
            max-width: 1400px;
            margin: 0 auto;
        }

        .ugc__header {
            text-align: center;
            margin-bottom: var(--fn-space-16);
        }

        .ugc__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .ugc__handle {
            font-size: 0.875rem;
            color: var(--fn-ash);
            font-weight: 500;
        }

        .ugc__grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--fn-space-2);
        }

        .ugc__item {
            aspect-ratio: 1;
            background: var(--fn-pearl);
            cursor: pointer;
            transition: opacity 200ms;
        }

        .ugc__item:hover { opacity: 0.85; }

        /* ============================
           SECTION 25: BRAND VALUES
           ============================ */
        #brandValues {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .brandvalues__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .brandvalues__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--fn-space-16);
        }

        .brandvalue__item {
            text-align: center;
            padding: var(--fn-space-16);
        }

        .brandvalue__icon {
            width: 56px;
            height: 56px;
            margin: 0 auto var(--fn-space-8);
            background: var(--fn-pearl);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .brandvalue__name {
            font-size: 1rem;
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .brandvalue__desc {
            font-size: 0.8125rem;
            color: var(--fn-charcoal);
            line-height: 1.6;
            max-width: 30ch;
            margin: 0 auto;
        }

        /* ============================
           SECTION 26: EMAIL SIGNUP
           ============================ */
        #emailSignup {
            padding: var(--fn-space-48) var(--fn-space-12);
            text-align: center;
            border-top: 1px solid var(--fn-pearl);
        }

        .signup__inner {
            max-width: 520px;
            margin: 0 auto;
        }

        .signup__title {
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .signup__desc {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            margin-bottom: var(--fn-space-16);
        }

        .signup__form {
            display: flex;
            gap: 0;
        }

        .signup__input {
            flex: 1;
            padding: 14px var(--fn-space-8);
            border: 1.5px solid var(--fn-silver);
            border-right: none;
            font-family: 'Inter', sans-serif;
            font-size: 0.875rem;
            outline: none;
            color: var(--fn-ink);
            background: var(--fn-white);
            transition: border-color 200ms;
        }

        .signup__input:focus { border-color: var(--fn-midnight); }
        .signup__input::placeholder { color: var(--fn-ash); }

        .signup__btn {
            padding: 14px var(--fn-space-12);
            background: var(--fn-midnight);
            color: var(--fn-white);
            border: 1.5px solid var(--fn-midnight);
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            cursor: pointer;
            transition: opacity 200ms;
        }

        .signup__btn:hover { opacity: 0.85; }

        .signup__terms {
            font-size: 0.6875rem;
            color: var(--fn-ash);
            margin-top: var(--fn-space-6);
        }

        /* ============================
           SECTION 27: FINAL CTA
           ============================ */
        #finalCta {
            padding: var(--fn-space-48) var(--fn-space-12);
            text-align: center;
            background: var(--fn-snow);
        }

        .finalcta__heading {
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 800;
            color: var(--fn-midnight);
            letter-spacing: -0.02em;
            margin-bottom: var(--fn-space-4);
        }

        .finalcta__sub {
            font-size: 1rem;
            color: var(--fn-charcoal);
            margin-bottom: var(--fn-space-16);
        }

        .finalcta__actions {
            display: flex;
            justify-content: center;
            gap: var(--fn-space-4);
            flex-wrap: wrap;
        }

        /* ============================
           RESPONSIVE
           ============================ */
        @media (max-width: 1024px) {
            #heroEditorial { grid-template-columns: 1fr; height: auto; }
            .hero__media { min-height: 50vh; }
            .trending__grid { grid-template-columns: repeat(3, 1fr); }
            .shopcat__grid { grid-template-columns: repeat(3, 1fr); }
            .megamenu__content { grid-template-columns: repeat(2, 1fr); }
            .lookbook__grid { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; }
            .lookbook__cell--tall { grid-row: span 1; grid-column: span 2; }
            .ugc__grid { grid-template-columns: repeat(4, 1fr); }
            #swimFeature { grid-template-columns: 1fr; }
            .swim__panel { min-height: 280px; }
            .bestsellers__grid { grid-template-columns: repeat(3, 1fr); }
            .influencer__grid { grid-template-columns: repeat(2, 1fr); }
            .proof__grid { grid-template-columns: repeat(2, 1fr); }
            .completelook__layout { grid-template-columns: 1fr; }
            .rewards__inner { grid-template-columns: repeat(2, 1fr); }
            .sizeguide__inner { grid-template-columns: 1fr; }
            .appdownload__inner { grid-template-columns: 1fr; }
            .appdownload__phone { max-height: 320px; }
            .colortrends__grid { grid-template-columns: repeat(4, 1fr); }
        }

        @media (max-width: 768px) {
            #heroEditorial { grid-template-columns: 1fr; }
            .hero__content { padding: var(--fn-space-24) var(--fn-space-8); }
            .hero__media { min-height: 40vh; }
            #editorialSplit { grid-template-columns: 1fr; }
            .editorial__panel { min-height: 320px; }
            .trending__grid { grid-template-columns: repeat(2, 1fr); }
            .shopcat__grid { grid-template-columns: repeat(2, 1fr); }
            .megamenu__content { grid-template-columns: 1fr; }
            .occasion__grid { grid-template-columns: 1fr; }
            .occasion__card { aspect-ratio: 16/9; }
            .lookbook__grid { grid-template-columns: 1fr; grid-template-rows: auto; }
            .lookbook__cell { min-height: 240px; }
            .lookbook__cell--tall { grid-column: span 1; }
            .ugc__grid { grid-template-columns: repeat(3, 1fr); }
            .signup__form { flex-direction: column; }
            .signup__input { border-right: 1.5px solid var(--fn-silver); border-bottom: none; }
            .signup__input:focus { border-color: var(--fn-midnight); }
            .drops__item { flex: 0 0 180px; }
            .catstrip__icon { width: 52px; height: 52px; }
            .flashsale__inner { grid-template-columns: 1fr; text-align: center; }
            .flashsale__timer { justify-content: center; }
            .bestsellers__grid { grid-template-columns: repeat(2, 1fr); }
            .bestsellers__header { flex-direction: column; gap: var(--fn-space-6); }
            .influencer__grid { grid-template-columns: repeat(2, 1fr); }
            .proof__grid { grid-template-columns: 1fr; }
            .brandvalues__grid { grid-template-columns: 1fr; }
            .colortrends__grid { grid-template-columns: repeat(4, 1fr); }
        }

        @media (max-width: 480px) {
            .trending__grid { grid-template-columns: 1fr 1fr; gap: var(--fn-space-4); }
            .shopcat__grid { grid-template-columns: 1fr 1fr; }
            .ugc__grid { grid-template-columns: repeat(2, 1fr); }
            .hero__actions { flex-direction: column; }
            .btn--primary, .btn--outline { width: 100%; justify-content: center; }
            .colortrends__grid { grid-template-columns: repeat(4, 1fr); }
            .rewards__inner { grid-template-columns: 1fr; }
        }
        #lookbookMosaic {
    padding: 30px 20px !important;
}

#newDrops {
    padding: 30px 20px !important;
}

section#trendingNow {
    padding: 30px 20px !important;
}

.catstrip__inner {
    justify-content: center !important;
    justify-content: space-between !important;
}

#shopByCategory {
    padding: 40px 20px !important;
}

#colorTrends {
    padding: 30px 20px !important;
}

.colortrends__grid {
    grid-template-columns: repeat(4, 1fr);
}

.megamenu__tabs {
    justify-content: center !important;
}

p.proof__stars svg {
    width: 25px !important;
    height: 25px !important;
    padding: 0px 3px !important;
}

p.review__stars svg {
    height: 15px !important;
    width: 15px !important;
    margin-right: 2px !important;
}

#completeLook {
    padding: 40px 20px !important;
}

.completelook__main-image {
    aspect-ratio: 1/0.7 !important;
}

.hero__media-placeholder {
    width: 100% !important;
    height: 100% !important;
}
#swimFeature {
    max-width: 1350px !important;
    margin: auto !important;
}

#editorialSplit {
    max-width: 1450px !important;
    margin: auto !important;
}
	span.colortrends__name {
    position: absolute;
    left: 0px;
    width: 100% !important;
    bottom: 10px;
    max-width: 100% !important;
    margin: auto !important;
    background: rgb(var(--color-background)) !important;
    font-size: 13px !important;
}

.colortrends__swatch {
    position: relative;
}

.colortrends__swatch img {
    aspect-ratio: 1/1;
    object-fit: cover !important;
    object-position: top;
}

.colortrends__grid {
    grid-template-columns: repeat(5, 1fr);
}
	span.colortrends__name {
    position: absolute;
    left: 0px;
    width: 100% !important;
    bottom: 10px;
    max-width: 100% !important;
    margin: auto !important;
    background: rgb(var(--color-background)) !important;
    font-size: 13px !important;
}

.colortrends__swatch {
    position: relative;
}

.colortrends__swatch img {
    aspect-ratio: 1/1.6;
    object-fit: cover !important;
    object-position: top;
}

.colortrends__grid {
    grid-template-columns: repeat(5, 1fr);
}
	span.colortrends__name {
    position: absolute;
    left: 0px;
    width: 100% !important;
    bottom: 10px;
    max-width: 100% !important;
    margin: auto !important;
    background: rgb(var(--color-background)) !important;
    font-size: 13px !important;
}

.colortrends__swatch {
    position: relative;
}

.colortrends__swatch img {
    aspect-ratio: 1/1.6;
    object-fit: cover !important;
    object-position: top;
}

.colortrends__grid {
    grid-template-columns: repeat(5, 1fr);
}

.product-tile__image::after {
    background: url('https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487') !important;
    opacity: 1 !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
}
	.hero__tag {
    font-size: 14px !important;
    text-transform: capitalize;
}

.btn--primary:hover {
    color: rgb(var(--color-button-text)) !important;
}
	.hero__tag {
    font-size: 14px !important;
    text-transform: capitalize;
}

.btn--primary:hover {
    color: rgb(var(--color-button-text)) !important;
}

span.ticker__dot {
    display: none !important;
}

.ticker__item {
    text-transform: capitalize;
    font-size: 17px !important;
    font-weight: 400 !important;
}

.catstrip__label {
    text-transform: capitalize;
    font-size: 12px !important;
}

.editorial__label {
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.editorial__link {
    font-size: 14px !important;
}

.flashsale__text p {
    margin-bottom: 0px !important;
}

.deals__tag {
    border-radius: 50px !important;
}

.deals__eyebrow {
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: capitalize;
}

.lookbook__cell-label {
    text-transform: capitalize;
    font-size: 17px !important;
}

.bestsellers__filter {
    border-radius: 6px !important;
}

.megamenu__column ul {
    padding: 0px !important;
}

.megamenu__content {
    max-width: 1200px !important;
    margin: auto !important;
}

.megamenu__tab {
    text-transform: capitalize;
    font-size: 14px !important;
}

.swim__panel-label {
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: normal !important;
}

.occasion__card-name {
    font-size: 32px !important;
}

.occasion__card-label {
    font-size: 14px !important;
    line-height: normal !important;
    text-transform: capitalize;
}

.proof__grid {
    margin: auto !important;
    max-width: 1220px !important;
}

p.review__name {
    font-size: 14px !important;
    margin-bottom: 0px !important;
}

p.completelook__item-name {
    margin-bottom: 0px !important;
    font-size: 17px !important;
}

p.completelook__item-cat {
    margin-bottom: 0px !important;
    font-size: 14px !important;
}

span.completelook__item-price {
    font-size: 20px !important;
}

p.rewards__perk-title {
    margin-bottom: 0px !important;
    padding-top: 10px !important;
    font-size: 16px !important;
}

.rewards__perk-desc {
    margin-bottom: 0px !important;
    font-size: 14px !important;
}

.rewards__perk {
    gap: 5px !important;
}

form.signup__form input {border: 0px solid rgb(var(--color-foreground) / 0.16) !important;}

.signup__form {
    align-items: center !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    border-radius: 50px !important;
    overflow: hidden !important;
}

.signup__btn {
    border: 0px !important;
}
	a.catstrip__link img {
    width: 100% !important;
    max-width: 82px !important;
}
	.hero__media img {
    height: 100% !important;
    object-fit: cover !important;
}

.hero__title {
    font-weight: 800 !important;
    font-size: 50px !important;
    max-width: 350px !important;
}
	.editorial__panel {
    padding: 0px !important;
}

.smain--m2in33 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgb(var(--color-background) / 0.90196078);
    padding: 30px !important;
}

.editorial__heading {
    margin-bottom: 5px !important;
    font-size: 29px !important;
    margin-top: 5px !important;
}

.editorial__panel img {
    height: 100% !important;
}
	.shopcat__item:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/dress.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/tops.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/jean.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(4) 
{
    background:url('/wp-content/uploads/2026/07/set.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(5) 
{
    background:url('/wp-content/uploads/2026/07/swimwear.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(6) 
{
    background:url('/wp-content/uploads/2026/07/shoes.webp');
    background-size:cover !important;
}
	.shopcat__item:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/dress.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/tops.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/jean.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(4) 
{
    background:url('/wp-content/uploads/2026/07/set.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(5) 
{
    background:url('/wp-content/uploads/2026/07/swimwear.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(6) 
{
    background:url('/wp-content/uploads/2026/07/shoes.webp');
    background-size:cover !important;
}

.lookbook__cell.lookbook__cell--tall {
    background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-1.png');
    background-size: cover !important;
    background-position: center !important;
}

.lookbook__cell:nth-child(2) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-1.jpg');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(3) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-2.png');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(4) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-3.png');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(5) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-2.jpg');
    background-size: cover !important;
    background-position: center !important;
}
	.shopcat__item:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/dress.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/tops.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/jean.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(4) 
{
    background:url('/wp-content/uploads/2026/07/set.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(5) 
{
    background:url('/wp-content/uploads/2026/07/swimwear.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(6) 
{
    background:url('/wp-content/uploads/2026/07/shoes.webp');
    background-size:cover !important;
}

.lookbook__cell.lookbook__cell--tall {
    background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-1.png');
    background-size: cover !important;
    background-position: center !important;
}

.lookbook__cell:nth-child(2) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-1.jpg');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(3) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-2.png');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(4) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-3.png');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(5) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-2.jpg');
    background-size: cover !important;
    background-position: center !important;
}

.drops__item-image {
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
}

.bestseller-tile__image {
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
}

.influencer__card-image {
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
}

.ugc__item {
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
}
	.swim__panel {
    background: linear-gradient(#ffffff00, #00000059), url(/wp-content/uploads/2026/07/Gemini_Generated_Image_v6mv9uv6mv9uv6mv.png);
    background-size: cover !important;
}
.swim__panel:nth-child(2) {
    background: linear-gradient(#ffffff00, #00000059), url(/wp-content/uploads/2026/07/swimwear-1.webp);
    background-size: cover !important;
}
.swim__panel:nth-child(3) {
    background: linear-gradient(#ffffff00, #00000059), url(/wp-content/uploads/2026/07/coverup.webp);
    background-size: cover !important;
}

.swim__panel-title {
    font-size: 44px !important;
    color: rgb(var(--color-button-text)) !important;
}

span.swim__panel-label {
    color: rgb(var(--color-button-text)) !important;
}

.swim__panel-link {
    color: rgb(var(--color-button-text)) !important;
}
	.occasion__card:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/cf713ebfdcaf4e6aac061d4b75a49f53-Min.webp');
    background-size:cover !important;
}
.occasion__card:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/ca520913552946c6a2940f31aa742f04-Min.webp');
    background-size:cover !important;
}
.occasion__card:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/377cc75f-0c77-49c7-abb9-6558b903867f-Min.webp');
    background-size:cover !important;
}
	.occasion__card:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/cf713ebfdcaf4e6aac061d4b75a49f53-Min.webp');
    background-size:cover !important;
}
.occasion__card:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/ca520913552946c6a2940f31aa742f04-Min.webp');
    background-size:cover !important;
}
.occasion__card:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/50dda2e0-dbe3-41d4-83bc-d5dd118e02c6-Min.webp');
    background-size:cover !important;
}

.completelook__main-image {
    background-size: cover !important;
    background: url('/wp-content/uploads/2026/07/Gemini_Generated_Image_blhpqublhpqublhp-1.png');
}
	.review__verified {
    margin: 0px !important;
}
	.btn--primary svg {
    width: 20px !important;
    height: 20px !important;
    fill: rgb(var(--color-button-text)) !important;
}

a.editorial__link svg {
    width: 19px !important;
    height: 19px !important;
}

.drops__item-tag {
    padding: 8px !important;
}

.drops__arrow {
    background: rgb(var(--color-background)) !important;
    padding: 8px !important;
}

.rewards__perk-icon {
    padding: 13px !important;
}

.quiz__icon {
    padding: 14px !important;
}

.brandvalue__icon {}

.brandvalue__icon {
    padding: 18px !important;
}
	@media (max-width:900px){
.btn--primary svg {
    width: 20px !important;
    height: 20px !important;
    fill: rgb(var(--color-button-text)) !important;
}

a.editorial__link svg {
    width: 19px !important;
    height: 19px !important;
}

.drops__item-tag {
    padding: 8px !important;
}

.drops__arrow {
    background: rgb(var(--color-background)) !important;
    padding: 8px !important;
}

.rewards__perk-icon {
    padding: 13px !important;
}

.quiz__icon {
    padding: 14px !important;
}

.brandvalue__icon {}

.brandvalue__icon {
    padding: 18px !important;
}

.hero__title {
    font-size: 30px !important;
}

.hero__subtitle {
    font-size: 15px !important;
}

.hero__tag {
    margin-bottom: 10px !important;
}

.hero__content {
    padding: 20px !important;
}

#categoryStrip {
    padding: 15px !important;
}

.trending__title {
    margin: 0px !important;
}

.editorial__heading {
    font-size: 24px !important;
}

.shopcat__title {
    margin-bottom: 20px !important;
}

.drops__title {
    margin-bottom: 0px !important;
}

.colortrends__grid {
    grid-template-columns: repeat(2, 1fr);
}

section#megaMenuShowcase {
    display: none !important;
}

#influencerPicks {
    padding: 30px 24px !important;
}

.brandvalue__item {
    padding: 20px !important;
}

section#emailSignup {
    display: none !important;
}		
	}
	@media only screen and (min-width: 801px) {
h2.brandvalues__title {
    margin-bottom: 5px !important;
}

#brandValues {
    padding: 35px 20px !important;
}

section#emailSignup {
    padding: 35px 20px !important;
}

section#finalCta {
    padding: 35px 20px !important;
}

section#ugcSection {
    padding: 35px 20px !important;
}

section#styleQuiz {
    padding: 35px 20px !important;
}

section#socialProof {
    padding: 35px 20px !important;
}

section#shopByOccasion {
    padding: 35px 20px !important;
}

section#influencerPicks {
    padding: 35px 20px !important;
}

section#megaMenuShowcase {
    padding: 35px 20px !important;
}

#colorTrends {
    padding: 35px 20px !important;
}

section#bestSellers {
    padding: 35px 20px !important;
}

section#lookbookMosaic {
    padding: 35px 20px !important;
}

section#newDrops {
    padding: 35px 20px !important;
}

section#dealsBanner {
    padding: 35px 20px !important;
}
}
	.mencollection .completelook__main-image
{
    background:url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/5868.jpg')!important;
    background-size:cover !important;
}
	.completelook__main-image::after {
    display: none !important;
}
	.completelook__main-image::after {
    display: none !important;
}

.mencollection .occasion__card:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/2148194058.jpg') !important;
    background-size:cover !important;
}
.mencollection .occasion__card:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/2149003490.jpg') !important;
    background-size:cover !important;
    background-position:center !important;
}
.mencollection .occasion__card:nth-child(3) 
{
    background:url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/14769.jpg') !important;
    background-size:cover !important;
    background-position:center !important;
}
	.mencollection .shopcat__item:nth-child(1)
{
    background:url('/wp-content/uploads/2026/07/cam1.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(2)
{
    background:url('/wp-content/uploads/2026/07/cam2.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(3)
{
    background:url('/wp-content/uploads/2026/07/cam3.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(4)
{
    background:url('/wp-content/uploads/2026/07/cam4.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(5)
{
    background:url('/wp-content/uploads/2026/07/cam5.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(6)
{
    background:url('/wp-content/uploads/2026/07/cam6.webp') !important;
    background-size:cover !important;
}
	.kidscollections .shopcat__item:nth-child(1)
{
    background:url('/wp-content/uploads/2026/07/mg1.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(2)
{
    background:url('/wp-content/uploads/2026/07/mg2.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(3)
{
    background:url('/wp-content/uploads/2026/07/mg3.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(4)
{
    background:url('/wp-content/uploads/2026/07/mg4.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(5)
{
    background:url('/wp-content/uploads/2026/07/mg5.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(6)
{
    background:url('/wp-content/uploads/2026/07/mg6.webp') !important;
    background-size:cover !important;
}
	.kidscollections .completelook__main-image {
    background: url('/wp-content/uploads/2026/07/m23.png') !important;
    background-size: cover !important;
}
	.beautycollections .completelook__main-image
{
    background:url('/wp-content/uploads/2026/07/m323-scaled.jpg') !important;
    background-size:cover !important;
}
	.homedecorcollections .completelook__main-image {
    background: url('/wp-content/uploads/2026/07/2149385423.jpg') !important;
    background-size: cover !important;
}
	.finalcta__heading {
    font-size: 40px !important;
}
	:root{
  --bg:oklch(99.2% 0.002 70);
  --surface:oklch(96.8% 0.004 70);
  --surface-alt:oklch(93.5% 0.005 70);
  --line:oklch(90.5% 0.004 70);
  --line-soft:oklch(94.5% 0.003 70);
  --ink:oklch(13% 0.008 70);
  --ink-2:oklch(38% 0.006 70);
  --ink-3:oklch(54% 0.005 70);
  --ink-4:oklch(66% 0.004 70);
  --chip:oklch(15% 0.008 70);
  --chip-ink:oklch(98% 0.002 70);

  --ease-q:cubic-bezier(.25,1,.5,1);
  --ease-x:cubic-bezier(.16,1,.3,1);

  /* master grid metrics */
  --gx:28px;          /* column gap  */
  --gy:28px;          /* row gap     */
  --unit:84px;        /* base row    */
  --body-h:108px;     /* card text block */
}

#page-intro{
  padding:96px 40px 56px;
  text-align:center;
}
#page-intro .intro-eyebrow{
  font-size:9px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-4);margin-bottom:20px;
}
#page-intro h1{
  font-family:var(--serif);
  font-size:clamp(42px,6vw,68px);
  font-weight:400;letter-spacing:-.03em;line-height:1;
  margin-bottom:18px;
}
#page-intro p{
  font-size:15px;font-weight:300;color:var(--ink-2);
  max-width:48ch;margin:0 auto;line-height:1.75;
}
/* ============================================================
   HUB · MASTHEAD
   ============================================================ */
#hub-masthead{
  padding:104px 40px 64px;max-width:1480px;margin:0 auto;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--gx);align-items:end;
  border-bottom:1px solid var(--ink);
}
#hub-masthead .mast-left{grid-column:1/8}
#hub-masthead .mast-right{grid-column:9/-1;padding-bottom:8px}
.eyebrow{
  font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-4);margin-bottom:22px;
}
#hub-masthead h1{
  font-family:var(--serif);font-size:clamp(48px,8vw,104px);
  font-weight:400;letter-spacing:-.04em;line-height:.92;
}
#hub-masthead .mast-right p{
  font-size:14px;font-weight:300;color:var(--ink-2);line-height:1.7;max-width:38ch;
}
#hub-masthead .mast-stats{
  display:flex;gap:28px;margin-top:20px;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);
  font-variant-numeric:tabular-nums;
}

/* ============================================================
   HUB · INDEX ROWS  (the 5 blog links)
   ============================================================ */
#hub-index{max-width:1480px;margin:0 auto;padding:0 40px 40px}

.index-row{
  display:grid;
  grid-template-columns:74px minmax(0,1fr) 268px 96px;
  align-items:center;
  gap:24px;
  padding:34px 0;
  border-bottom:1px solid var(--line);
  position:relative;
  transition:padding-left .45s var(--ease-x);
}
.index-row:hover{padding-left:14px}
.index-row:focus-visible{outline:2px solid var(--ink);outline-offset:6px}

.index-row .row-num{
  font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--ink-4);
  font-variant-numeric:tabular-nums;align-self:start;padding-top:8px;
  transition:color .3s var(--ease-q);
}
.index-row:hover .row-num{color:var(--ink)}

.index-row h2{
  font-family:var(--serif);
  font-size:clamp(30px,4.4vw,54px);
  font-weight:400;letter-spacing:-.03em;line-height:1.02;
  margin-bottom:10px;
}
.index-row .row-dek{
  font-size:13.5px;font-weight:300;color:var(--ink-3);
  line-height:1.65;max-width:52ch;
}
.index-row .row-tags{
  display:flex;gap:6px;margin-top:14px;flex-wrap:wrap;
}
.index-row .row-tag{
  font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:5px 11px;
  transition:border-color .3s var(--ease-q),color .3s var(--ease-q);
}
.index-row:hover .row-tag{border-color:var(--ink-4);color:var(--ink-2)}

/* peek thumbnails */
.row-peek{display:flex;gap:8px;justify-content:flex-end}
.row-peek span{
  width:78px;aspect-ratio:3/4;overflow:hidden;background:var(--surface-alt);
  opacity:0;transform:translateY(12px);
  transition:opacity .5s var(--ease-x),transform .5s var(--ease-x);
  transition-delay:calc(var(--p) * 60ms);
}
.index-row:hover .row-peek span,
.index-row:focus-visible .row-peek span{opacity:1;transform:translateY(0)}
.row-peek img{width:100%;height:100%;object-fit:cover}

.row-go{
  display:flex;align-items:center;justify-content:flex-end;gap:9px;
  font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-4);font-variant-numeric:tabular-nums;
  transition:color .3s var(--ease-q);
}
.index-row:hover .row-go{color:var(--ink)}
.row-go .arrow{
  display:inline-block;transition:transform .45s var(--ease-x);
}
.index-row:hover .row-go .arrow{transform:translateX(6px)}

/* ============================================================
   HUB · LATEST STRIP
   ============================================================ */
#hub-latest{
  max-width:1480px;margin:0 auto;padding:64px 40px 120px;
}
#hub-latest .strip-head{
  display:flex;align-items:baseline;justify-content:space-between;
  border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:30px;
}
#hub-latest .strip-head h3{
  font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.015em;
}
#hub-latest .strip-head span{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);
}
#latest-strip{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gx);
}
.strip-item{transition:opacity .25s var(--ease-q)}
.strip-item:hover{opacity:.6}
.strip-item .strip-media{aspect-ratio:4/5;overflow:hidden;background:var(--surface-alt);margin-bottom:14px}
.strip-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-x)}
.strip-item:hover img{transform:scale(1.04)}
.strip-item .strip-kicker{
  font-size:8.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-4);margin-bottom:7px;
}
.strip-item h4{font-family:var(--serif);font-size:15px;font-weight:500;line-height:1.35}
.strip-item .stamp{font-size:10px;color:var(--ink-4);margin-top:8px;font-variant-numeric:tabular-nums}

/* ============================================================
   BLOG PAGE · BREADCRUMB
   ============================================================ */
.crumb{
  max-width:1480px;margin:0 auto;padding:34px 40px 0;
  display:flex;align-items:center;gap:11px;
  font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-4);
}
.crumb a{transition:color .2s var(--ease-q)}
.crumb a:hover{color:var(--ink)}
.crumb .sep{opacity:.5}
.crumb .here{color:var(--ink)}

/* ============================================================
   BLOG PAGE · TITLE
   ============================================================ */
.page-intro{padding:70px 40px 56px;text-align:center}
.page-intro h1{
  font-family:var(--serif);font-size:clamp(42px,6vw,68px);
  font-weight:400;letter-spacing:-.03em;line-height:1;margin-bottom:18px;
}
.page-intro p{
  font-size:15px;font-weight:300;color:var(--ink-2);
  max-width:48ch;margin:0 auto;line-height:1.75;
}

/* ============================================================
   BLOG PAGE · MASTER 12-COL GRID
   ============================================================ */
.editorial-grid{
  max-width:1480px;margin:0 auto;padding:0 40px 120px;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:var(--unit);grid-auto-flow:row dense;
  column-gap:var(--gx);row-gap:var(--gy);
}
.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}
.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}
.c8{grid-column:span 8}.c12{grid-column:1/-1}
.r1{grid-row:span 1}.r4{grid-row:span 4}.r5{grid-row:span 5}.r7{grid-row:span 7}

/* left rail */
.rail-cats{position:sticky;top:32px;align-self:start}
.rail-label{
  font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-4);padding-bottom:12px;border-bottom:1px solid var(--ink);margin-bottom:14px;
}
.cat-list{list-style:none;margin-bottom:44px}
.cat-list li+li{margin-top:9px}
.cat-list a{font-size:14px;color:var(--ink-3);transition:color .15s var(--ease-q)}
.cat-list a:hover{color:var(--ink)}
.cat-list a.is-current{color:var(--ink);font-weight:600}
.rail-latest{list-style:none}
.rail-latest li{padding:12px 0;border-bottom:1px solid var(--line-soft)}
.rail-latest li:first-child{padding-top:0}
.rail-latest a{display:block;font-size:12.5px;font-weight:500;line-height:1.45;transition:opacity .18s var(--ease-q)}
.rail-latest a:hover{opacity:.55}
.rail-latest .stamp{font-size:10px;color:var(--ink-4);margin-top:5px}

/* lead story */
.lead{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}
.lead .lead-media{position:relative;overflow:hidden;min-height:0;background:var(--surface-alt)}
.lead .lead-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-x)}
.lead:hover .lead-media img{transform:scale(1.025)}
.lead .lead-text{padding-top:22px}
.lead h2{
  font-family:var(--serif);font-size:clamp(24px,2.4vw,33px);font-weight:400;
  line-height:1.2;letter-spacing:-.02em;margin-bottom:12px;
}
.lead .lead-dek{font-size:14px;font-weight:300;color:var(--ink-2);line-height:1.7;max-width:60ch}
.lead .lead-byline{margin-top:16px;font-size:11.5px;color:var(--ink-4)}
.lead .lead-byline b{color:var(--ink);font-weight:600}

/* right rail */
.rail-recent{display:flex;flex-direction:column;gap:18px;min-height:0}
.mini{display:grid;grid-template-columns:84px minmax(0,1fr);gap:13px;align-items:start;
  transition:opacity .2s var(--ease-q)}
.mini:hover{opacity:.6}
.mini .mini-media{overflow:hidden;background:var(--surface-alt)}
.mini img{width:100%;aspect-ratio:1;object-fit:cover}
.mini .mini-kicker{font-size:8.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-4);margin-bottom:4px}
.mini h4{font-size:11.5px;font-weight:600;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mini .stamp{font-size:10px;color:var(--ink-4);margin-top:5px}

/* filter bar + section head */
.filter-bar{align-self:end;border-top:1px solid var(--line);padding-top:26px;
  display:flex;justify-content:center}
.filter-track{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.filter-track::-webkit-scrollbar{display:none}
.pill{
  font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;padding:9px 17px;border:1px solid var(--line);border-radius:999px;
  background:transparent;color:var(--ink-3);cursor:pointer;white-space:nowrap;
  transition:background .2s var(--ease-q),color .2s var(--ease-q),border-color .2s var(--ease-q);
}
.pill:hover{border-color:var(--ink-3);color:var(--ink)}
.pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pill.is-on{background:var(--chip);border-color:var(--chip);color:var(--chip-ink)}

.section-head{align-self:end;display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.section-head h3{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.015em}
.section-head .count{font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-4);font-variant-numeric:tabular-nums}

/* story card */
.card{display:grid;grid-template-rows:minmax(0,1fr) var(--body-h);min-height:0}
.card .card-media{position:relative;overflow:hidden;min-height:0;background:var(--surface-alt)}
.card .card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-x)}
.card:hover .card-media img{transform:scale(1.035)}
.card .card-body{padding-top:15px;display:flex;flex-direction:column;min-height:0}
.chips{display:flex;gap:4px;margin-bottom:9px;flex-wrap:wrap}
.chip{font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:var(--chip);color:var(--chip-ink);padding:4px 9px;border-radius:2px}
.card h3{
  font-family:var(--serif);font-size:17px;font-weight:500;line-height:1.32;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:opacity .2s var(--ease-q);
}
.card:hover h3{opacity:.62}
.card .card-dek{margin-top:8px;font-size:12.5px;font-weight:300;color:var(--ink-2);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .card-meta{margin-top:auto;padding-top:10px;font-size:10.5px;color:var(--ink-4);
  display:flex;gap:12px;font-variant-numeric:tabular-nums}
.card.has-dek{--body-h:158px}
.card.is-xl h3{font-size:22px}
.card.is-sm h3{font-size:14px;-webkit-line-clamp:3}
.card.is-wide{grid-template-rows:minmax(0,1fr);grid-template-columns:7fr 5fr;column-gap:var(--gx)}
.card.is-wide .card-body{padding:8px 0 8px 4px;justify-content:center}
.card.is-wide h3{font-size:clamp(22px,2.2vw,30px);font-weight:400;-webkit-line-clamp:3}
.card.is-wide .card-dek{font-size:13.5px;-webkit-line-clamp:3;margin-top:12px;max-width:46ch}

.save{
  position:absolute;top:12px;right:12px;width:30px;height:30px;border:none;border-radius:50%;
  background:oklch(100% 0 0 /.94);display:grid;place-items:center;cursor:pointer;
  opacity:0;transform:translateY(5px);
  transition:opacity .25s var(--ease-q),transform .25s var(--ease-q);
}
.card:hover .save,.lead:hover .save,.save:focus-visible{opacity:1;transform:translateY(0)}
.save.is-saved{background:var(--chip)}
.save.is-saved i{color:var(--chip-ink)!important}
.save svg{width:12px;height:12px}

.rule{grid-column:1/-1;grid-row:span 1;border-top:1px solid var(--line);align-self:center}

/* filtered → uniform 4-up */
.editorial-grid.is-filtered .card{grid-column:span 3!important;grid-row:span 4!important;--body-h:108px}
.editorial-grid.is-filtered .card.is-wide{grid-template-rows:minmax(0,1fr) var(--body-h);grid-template-columns:1fr}
.editorial-grid.is-filtered .card .card-dek{display:none}
.editorial-grid.is-filtered .card h3{font-size:15px}
.editorial-grid.is-filtered .rule{display:none}

/* empty state */
.empty{grid-column:1/-1;grid-row:span 3;display:none;place-content:center;text-align:center;
  border:1px solid var(--line)}
.empty.is-shown{display:grid}
.empty p{font-size:14px;color:var(--ink-3)}
.empty button{margin-top:14px;font-family:var(--sans);font-size:10.5px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;background:var(--chip);color:var(--chip-ink);
  border:none;padding:10px 20px;border-radius:999px;cursor:pointer}

/* motion */
.card,.lead,.index-row,.strip-item{animation:rise .5s var(--ease-x) both;
  animation-delay:calc(var(--i,0)*45ms)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1180px){
  :root{--unit:76px;--gx:22px;--gy:24px}
  #hub-masthead{grid-template-columns:1fr;gap:26px;padding:72px 32px 48px}
  #hub-masthead .mast-left,#hub-masthead .mast-right{grid-column:1/-1}
  #hub-index,#hub-latest{padding-left:32px;padding-right:32px}
  .index-row{grid-template-columns:56px minmax(0,1fr) 172px 74px;gap:18px}
  .row-peek span:nth-child(3){display:none}
  #latest-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
  .editorial-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .rail-cats{display:none}
  .lead{grid-column:1/5;grid-row:span 6}
  .rail-recent{grid-column:5/-1;grid-row:span 6}
  .c3,.c4,.c5{grid-column:span 3}
  .c6,.c7,.c8{grid-column:span 6}
  .card.is-wide{grid-template-columns:1fr 1fr}
}

@media (max-width:760px){
  :root{--gx:0px;--gy:36px;--body-h:auto}
  #hub-masthead{padding:52px 20px 32px}
  #hub-index,#hub-latest{padding-left:20px;padding-right:20px}
  #hub-latest{padding-top:48px;padding-bottom:72px}
  .index-row{
    grid-template-columns:1fr;gap:0;padding:26px 0;align-items:start;
  }
  .index-row:hover{padding-left:0}
  .index-row .row-num{padding-top:0;margin-bottom:10px}
  .row-peek{justify-content:flex-start;margin-top:20px}
  .row-peek span{width:64px;opacity:1;transform:none}
  .row-go{justify-content:flex-start;margin-top:18px}
  #latest-strip{grid-template-columns:1fr 1fr;gap:20px;row-gap:32px}
  .crumb{padding:24px 20px 0}
  .page-intro{padding:44px 20px 32px}
  .editorial-grid{display:flex;flex-direction:column;padding:0 20px 72px;gap:36px}
  .lead,.card{display:block}
  .lead .lead-media,.card .card-media{aspect-ratio:3/2}
  .lead .lead-media img,.card .card-media img{height:auto;aspect-ratio:3/2}
  .card .card-body{padding-top:14px}
  .card.is-wide .card-body{padding:14px 0 0}
  .card h3,.card.is-wide h3{font-size:19px}
  .card .card-dek{display:-webkit-box!important;-webkit-line-clamp:3}
  .rail-recent{display:grid;grid-template-columns:1fr;gap:16px}
  .filter-bar{padding-top:28px;justify-content:flex-start}
  .filter-track{margin:0 -20px;padding:0 20px 2px}
}
	.eyebrow {
    font-size: 14px !important;
    text-transform: capitalize;
}

#hub-masthead h1 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: 400 !important;
}

span.row-num {
    font-size: 18px !important;
}

.index-row h2 {
    font-family: 'Playfair Display' !important;
    font-weight: 300 !important;
}
	@media (max-width:801px){
#filter-bar {
    display: none !important;
}

#section-head {
    width: 100% !important;
}		
	}
	#fnp-looksum {
    background: rgb(var(--color-base-highlight)) !important;
    color: rgb(var(--color-foreground)) !important;
}

.fnp-sumrow dt {
    color: rgb(var(--color-foreground)) !important;
}

section#fnp-details {
    background: rgb(var(--color-base-highlight));
}

section#fnp-details h2#fnp-det-h {
    color: rgb(var(--color-foreground)) !important;
}

#fnp-details .fnp-sechead p {
    color: rgb(var(--color-foreground)) !important;
}

section#fnp-details h3.fnp-det__t {
    color: rgb(var(--color-foreground)) !important;
}

.fnp-rev__x {
    margin-bottom: 10px !important;
}

p.fnp-rev__name {
    margin-top: 0px !important;
}

span.fnp-rev__ver {
    margin-top: 0px !important;
}

.fnp-detspec {
    background: rgb(var(--color-background)) !important;
}

.fnp-detspec dt {
    text-transform: capitalize;
    line-height: normal !important;
    font-size: 12px !important;
}

.fnp-detspec dd {
    color: rgb(var(--color-foreground)) !important;
}
	div#fnv-promo-top {
    background: rgb(var(--color-base-highlight)) !important;
    color: rgb(var(--color-foreground)) !important;
}

.fnv-promo-code {
    border-color: rgb(var(--color-foreground) / 0.16) !important;
}

.fnv-promo-shopnow {
    color: rgb(var(--color-foreground)) !important;
}
#tcm-blog-index{
  --ix-paper:rgb(var(--color-background));
  --ix-paper-alt:rgb(var(--color-base-highlight));
  --ix-ink:oklch(21% 0.014 112);
  --ix-ink-mid:oklch(44% 0.012 112);
  --ix-ink-soft:oklch(61% 0.010 112);
  --ix-rule:oklch(89% 0.008 112);
  --ix-rule-mid:oklch(78% 0.010 112);
  --ix-accent:oklch(46% 0.062 148);

  --ix-4:4px; --ix-8:8px; --ix-12:12px; --ix-16:16px; --ix-24:24px;
  --ix-32:32px; --ix-48:48px; --ix-72:72px; --ix-96:96px; --ix-144:144px;
  --ix-serif:'Fraunces',Georgia,'Times New Roman',serif !important;
  --ix-ease:cubic-bezier(0.22,1,0.36,1);

  font-family:var(--ix-sans);
  font-size:17px;line-height:1.55;
  color:var(--ix-ink);background:var(--ix-paper);
  -webkit-font-smoothing:antialiased;font-optical-sizing:auto;
}
#tcm-blog-index *,#tcm-blog-index *::before,#tcm-blog-index *::after{box-sizing:border-box;}
#tcm-blog-index h1,#tcm-blog-index h2,#tcm-blog-index h3,#tcm-blog-index h4,
#tcm-blog-index p,#tcm-blog-index ol,#tcm-blog-index ul,#tcm-blog-index li,#tcm-blog-index figure{margin:0;padding:0;}
#tcm-blog-index ol,#tcm-blog-index ul{list-style:none;}
#tcm-blog-index img{display:block;width:100%;height:auto;}
#tcm-blog-index a{color:inherit;text-decoration:none;}
#tcm-blog-index h1,#tcm-blog-index h2,#tcm-blog-index h3{text-wrap:balance;}
#tcm-blog-index p{text-wrap:pretty;}
#tcm-blog-index a:focus-visible,#tcm-blog-index button:focus-visible,#tcm-blog-index input:focus-visible{
  outline:2px solid var(--ix-accent);outline-offset:4px;border-radius:2px;
}

.tcm-ix__shell{max-width:1420px;margin:0 auto;padding:0 var(--ix-32);}
.tcm-ix-label{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ix-ink-soft);}
.tcm-ix-kicker{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ix-accent);}
.tcm-ix-meta{font-size:.8125rem;color:var(--ix-ink-soft);font-variant-numeric:tabular-nums;}

/* ---------- masthead ---------- */
.tcm-ix__masthead{padding:var(--ix-72) 0 var(--ix-32);}
.tcm-ix__vol{display:flex;align-items:baseline;gap:var(--ix-12);}
.tcm-ix__vol::after{content:"";flex:1;height:1px;background:var(--ix-rule);transform:translateY(-3px);}
.tcm-ix__wordmark{
  font-family:var(--ix-serif);font-weight:300;
  font-size:clamp(3.75rem,13vw,10.5rem);line-height:.86;letter-spacing:-.035em;
  margin:var(--ix-24) 0 0;font-variation-settings:'SOFT' 0,'WONK' 1;
}
.tcm-ix__wordmark em{font-style:italic;font-weight:400;padding-left:.06em;}
.tcm-ix__standfirst{
  font-family:var(--ix-serif);font-size:clamp(1.125rem,1.6vw,1.4375rem);
  font-weight:300;line-height:1.5;color:var(--ix-ink-mid);max-width:52ch;margin-top:var(--ix-32);
}

/* ---------- THE INDEX: five desks with icons ---------- */
.tcm-ix__desks{
  border-top:1px solid var(--ix-ink);
  border-bottom:1px solid var(--ix-rule);
  margin-top:var(--ix-48);
  display:grid;grid-template-columns:repeat(5,1fr);
}
.tcm-ix__desk{
  position:relative;
  padding:var(--ix-24) var(--ix-24) var(--ix-32) 0;
  border-left:1px solid var(--ix-rule);
  display:flex;flex-direction:column;gap:var(--ix-12);
  transition:background .28s var(--ix-ease);
}
.tcm-ix__desk:first-child{border-left:0;padding-left:0;}
.tcm-ix__desk:not(:first-child){padding-left:var(--ix-24);}
.tcm-ix__desk:hover{background:var(--ix-paper-alt);}
.tcm-ix__desk-top{display:flex;align-items:center;justify-content:space-between;gap:var(--ix-8);}
.tcm-ix__icon{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border:1px solid var(--ix-rule-mid);border-radius:50%;color:var(--ix-ink);
  transition:border-color .3s var(--ix-ease),color .3s var(--ix-ease),transform .45s var(--ix-ease);
}
.tcm-ix__icon svg{width:17px;height:17px;display:block;}
.tcm-ix__desk:hover .tcm-ix__icon{border-color:var(--ix-accent);color:var(--ix-accent);transform:rotate(-6deg);}
.tcm-ix__desk-n{font-size:.625rem;font-weight:600;letter-spacing:.16em;color:var(--ix-rule-mid);}
.tcm-ix__desk:hover .tcm-ix__desk-n{color:var(--ix-accent);}
.tcm-ix__desk-name{font-family:var(--ix-serif);font-size:1.5rem;font-weight:400;letter-spacing:-.015em;line-height:1;}
.tcm-ix__desk-note{font-size:.875rem;color:var(--ix-ink-mid);line-height:1.45;}
.tcm-ix__desk-enter{
  margin-top:auto;padding-top:var(--ix-16);
  font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:var(--ix-8);color:var(--ix-ink);
}
.tcm-ix__desk-enter span{display:inline-block;transition:transform .3s var(--ix-ease);}
.tcm-ix__desk:hover .tcm-ix__desk-enter span{transform:translateX(6px);}

/* ---------- lead feature ---------- */
.tcm-ix__lead{
  display:grid;grid-template-columns:1.05fr .95fr;gap:var(--ix-72);
  align-items:end;padding:var(--ix-96) 0 var(--ix-72);
}
.tcm-ix__lead-copy{max-width:34ch;}
.tcm-ix__lead-title{
  font-family:var(--ix-serif);font-weight:400;
  font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.02;letter-spacing:-.03em;
  margin:var(--ix-16) 0 var(--ix-24);max-width:22ch;
}
.tcm-ix__lead-title a{
  background-image:linear-gradient(var(--ix-ink),var(--ix-ink));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .45s var(--ix-ease);
}
.tcm-ix__lead:hover .tcm-ix__lead-title a{background-size:100% 1px;}
.tcm-ix__lead-dek{font-size:1.0625rem;color:var(--ix-ink-mid);max-width:44ch;}
.tcm-ix__byline{
  margin-top:var(--ix-32);padding-top:var(--ix-16);border-top:1px solid var(--ix-rule);
  display:flex;flex-wrap:wrap;gap:var(--ix-12);align-items:center;
}
.tcm-ix__byline strong{font-weight:500;font-size:.8125rem;}
.tcm-ix__lead-figure{position:relative;overflow:hidden;background:var(--ix-paper-alt);}
.tcm-ix__lead-figure img{transition:transform 1.1s var(--ix-ease),filter .6s var(--ix-ease);filter:saturate(.92);}
.tcm-ix__lead:hover .tcm-ix__lead-figure img{transform:scale(1.028);filter:saturate(1);}
.tcm-ix__lead-figure figcaption{
  position:absolute;left:var(--ix-16);bottom:var(--ix-16);background:var(--ix-paper);
  padding:var(--ix-8) var(--ix-12);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
}

/* ---------- section head ---------- */
.tcm-ix__sec-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--ix-24);
  border-top:1px solid var(--ix-ink);padding-top:var(--ix-16);
}
.tcm-ix__sec-title{font-family:var(--ix-serif);font-weight:400;font-size:1.75rem;letter-spacing:-.02em;}

/* ---------- numbered story index ---------- */
.tcm-ix__index{padding-bottom:var(--ix-96);}
.tcm-ix__rows{margin-top:var(--ix-16);}
.tcm-ix__row{
  display:grid;grid-template-columns:64px 150px minmax(0,1fr) 132px;
  gap:var(--ix-24);align-items:start;padding:var(--ix-24) 0;
  border-bottom:1px solid var(--ix-rule);
  transition:background .3s var(--ix-ease),padding-left .3s var(--ix-ease);
}
.tcm-ix__row:hover{background:var(--ix-paper-alt);padding-left:var(--ix-16);}
.tcm-ix__num{
  font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--ix-rule-mid);
  font-variant-numeric:tabular-nums;padding-top:.42em;
}
.tcm-ix__row:hover .tcm-ix__num{color:var(--ix-accent);}
.tcm-ix__row-desk{
  padding-top:.3em;display:flex;align-items:center;gap:var(--ix-8);
  font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ix-ink-soft);
}
.tcm-ix__row-desk svg{width:14px;height:14px;flex:0 0 14px;}
.tcm-ix__row:hover .tcm-ix__row-desk{color:var(--ix-ink);}
.tcm-ix__row-title{font-family:var(--ix-serif);font-weight:400;font-size:1.375rem;line-height:1.24;letter-spacing:-.015em;}
.tcm-ix__row-dek{font-size:.9375rem;color:var(--ix-ink-mid);margin-top:var(--ix-8);max-width:62ch;}
.tcm-ix__row-meta{text-align:right;padding-top:.5em;font-size:.8125rem;color:var(--ix-ink-soft);font-variant-numeric:tabular-nums;}
.tcm-ix__row--feature .tcm-ix__row-title{font-size:1.75rem;}
.tcm-ix__row--feature .tcm-ix__row-meta::after{
  content:"Feature";display:block;margin-top:var(--ix-4);
  font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ix-accent);
}
.tcm-ix__row.is-hidden{display:none;}

/* skeleton */
.tcm-ix__skeleton{display:none;}
.tcm-ix__skeleton.is-on{display:block;}
.tcm-ix__sk-row{
  display:grid;grid-template-columns:64px 150px minmax(0,1fr) 132px;
  gap:var(--ix-24);padding:var(--ix-24) 0;border-bottom:1px solid var(--ix-rule);
}
.tcm-ix__sk-bar{
  height:12px;border-radius:2px;
  background:linear-gradient(90deg,oklch(94% .006 112) 0%,oklch(97% .006 112) 50%,oklch(94% .006 112) 100%);
  background-size:200% 100%;animation:tcm-ix-shimmer 1.25s linear infinite;
}
.tcm-ix__sk-bar--tall{height:22px;}
.tcm-ix__sk-bar + .tcm-ix__sk-bar{margin-top:var(--ix-8);}
@keyframes tcm-ix-shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}

.tcm-ix__more-wrap{padding-top:var(--ix-32);display:flex;justify-content:center;}
.tcm-ix__more{
  font-family:var(--ix-sans);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  background:none;border:1px solid var(--ix-ink);color:var(--ix-ink);
  padding:var(--ix-16) var(--ix-48);cursor:pointer;min-height:48px;
  transition:background .25s var(--ix-ease),color .25s var(--ix-ease);
}
.tcm-ix__more:hover{background:var(--ix-ink);color:var(--ix-paper);}
.tcm-ix__more[disabled]{border-color:var(--ix-rule-mid);color:var(--ix-ink-soft);cursor:not-allowed;}
.tcm-ix__end{
  display:none;text-align:center;padding-top:var(--ix-32);
  font-family:var(--ix-serif);font-size:1.125rem;font-style:italic;color:var(--ix-ink-soft);
}
.tcm-ix__end.is-on{display:block;}

/* ---------- desks band ---------- */
.tcm-ix__band{background:var(--ix-paper-alt);padding:var(--ix-96) 0;}
.tcm-ix__band-grid{margin-top:var(--ix-48);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--ix-48);align-items:start;}
.tcm-ix__band-lead figure{overflow:hidden;background:rgb(var(--color-background));}
.tcm-ix__band-lead img{filter:saturate(.9);transition:transform 1s var(--ix-ease);}
.tcm-ix__band-lead:hover img{transform:scale(1.03);}
.tcm-ix__band-lead h3{
  font-family:var(--ix-serif);font-weight:400;font-size:1.875rem;line-height:1.14;
  letter-spacing:-.02em;margin:var(--ix-24) 0 var(--ix-12);max-width:26ch;
}
.tcm-ix__band-lead p{color:var(--ix-ink-mid);font-size:1rem;max-width:46ch;}
.tcm-ix__stack li{padding:var(--ix-16) 0;border-top:1px solid var(--ix-rule-mid);}
.tcm-ix__stack li:first-child{border-top:1px solid var(--ix-ink);}
.tcm-ix__stack h4{
  font-family:var(--ix-serif);font-weight:400;font-size:1.125rem;line-height:1.28;
  margin:var(--ix-8) 0;transition:opacity .25s var(--ix-ease);
}
.tcm-ix__stack li:hover h4{opacity:.6;}
.tcm-ix__stack-desk{display:flex;align-items:center;gap:var(--ix-8);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ix-ink-soft);}
.tcm-ix__stack-desk svg{width:13px;height:13px;}

/* ---------- letter ---------- */
.tcm-ix__letter{padding:var(--ix-96) 0 var(--ix-144);display:grid;grid-template-columns:1fr 1fr;gap:var(--ix-96);align-items:start;}
.tcm-ix__letter h2{
  font-family:var(--ix-serif);font-weight:300;font-size:clamp(2rem,3.6vw,3.25rem);
  line-height:1.06;letter-spacing:-.03em;max-width:20ch;
}
.tcm-ix__letter p{color:var(--ix-ink-mid);max-width:56ch;}
.tcm-ix__form{display:flex;border-bottom:1px solid var(--ix-ink);margin-top:var(--ix-32);}
.tcm-ix__form input{
  flex:1;border:0;background:transparent;font-family:var(--ix-sans);font-size:1rem;
  color:var(--ix-ink);padding:var(--ix-12) 0;min-height:48px;
}
.tcm-ix__form input::placeholder{color:var(--ix-ink-soft);}
.tcm-ix__form button{
  border:0;background:none;cursor:pointer;font-family:var(--ix-sans);font-size:.75rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ix-ink);padding:var(--ix-12) 0 var(--ix-12) var(--ix-24);
}
.tcm-ix__form button:hover{color:var(--ix-accent);}
.tcm-ix__form-note{margin-top:var(--ix-12);font-size:.8125rem;color:var(--ix-ink-soft);}
.tcm-ix__form-note[data-state="error"]{color:oklch(52% .15 28);}
.tcm-ix__form-note[data-state="success"]{color:var(--ix-accent);}
.tcm-ix__letter-sig{font-family:var(--ix-serif);font-style:italic;font-size:1.25rem;color:var(--ix-ink-mid);margin-top:var(--ix-32);}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .tcm-ix__lead{grid-template-columns:1fr 1fr;gap:var(--ix-48);}
  .tcm-ix__row,.tcm-ix__sk-row{grid-template-columns:44px 132px minmax(0,1fr) 110px;gap:var(--ix-16);}
  .tcm-ix__band-grid{grid-template-columns:1fr 1fr;gap:var(--ix-32);}
  .tcm-ix__band-lead{grid-column:1 / -1;}
}
@media (max-width:900px){
  .tcm-ix__desks{grid-template-columns:1fr 1fr;}
  .tcm-ix__desk{border-left:0;border-top:1px solid var(--ix-rule);padding-left:0 !important;}
  .tcm-ix__desk:nth-child(even){padding-left:var(--ix-24) !important;border-left:1px solid var(--ix-rule);}
  .tcm-ix__desk:nth-child(1),.tcm-ix__desk:nth-child(2){border-top:0;}
  .tcm-ix__letter{grid-template-columns:1fr;gap:var(--ix-32);}
}
@media (max-width:720px){
  #tcm-blog-index{font-size:16px;}
  .tcm-ix__shell{padding:0 var(--ix-24);}
  .tcm-ix__masthead{padding-top:var(--ix-48);}
  .tcm-ix__lead{grid-template-columns:1fr;gap:var(--ix-24);padding:var(--ix-48) 0;}
  .tcm-ix__lead-figure{order:-1;}
  .tcm-ix__lead-copy{max-width:none;}
  .tcm-ix__row,.tcm-ix__sk-row{
    grid-template-columns:auto 1fr;
    grid-template-areas:"num desk" "title title" "meta meta";
    gap:var(--ix-8) var(--ix-12);
  }
  .tcm-ix__row:hover{padding-left:0;}
  .tcm-ix__num{grid-area:num;padding-top:0;}
  .tcm-ix__row-desk{grid-area:desk;padding-top:0;}
  .tcm-ix__row-body{grid-area:title;}
  .tcm-ix__row-meta{grid-area:meta;text-align:left;padding-top:0;}
  .tcm-ix__row-dek{display:none;}
  .tcm-ix__row--feature .tcm-ix__row-dek{display:block;}
  .tcm-ix__row--feature .tcm-ix__row-title{font-size:1.5rem;}
  .tcm-ix__index{padding-bottom:var(--ix-48);}
  .tcm-ix__band{padding:var(--ix-48) 0;}
  .tcm-ix__band-grid{grid-template-columns:1fr;}
  .tcm-ix__letter{padding:var(--ix-48) 0 var(--ix-72);}
  .tcm-ix__more{width:100%;}
}
@media (max-width:460px){
  .tcm-ix__desks{grid-template-columns:1fr;}
  .tcm-ix__desk:nth-child(even){padding-left:0 !important;border-left:0;}
  .tcm-ix__desk:nth-child(2){border-top:1px solid var(--ix-rule);}
  .tcm-ix__desk{flex-direction:row;align-items:flex-start;gap:var(--ix-16);padding-bottom:var(--ix-24);}
  .tcm-ix__desk-top{flex-direction:column;align-items:flex-start;gap:var(--ix-4);}
  .tcm-ix__desk-body{flex:1;display:flex;flex-direction:column;gap:var(--ix-4);}
  .tcm-ix__desk-enter{padding-top:var(--ix-8);}
}
@media (prefers-reduced-motion:reduce){
  #tcm-blog-index *{animation:none !important;transition:none !important;}
}	
	div#tcm-blog-index {
    max-width: 1250px !important;
    margin: auto;
}

p.tcm-ix__vol.tcm-ix-label {
    padding-bottom: 15px !important;
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: normal !important;
}

.tcm-ix__wordmark {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;
    padding-bottom: 15px !important;
}

.tcm-ix__desk-n {
    display: none !important;
}

.tcm-ix__desk-note {
    display: block !important;
    font-size: 15px !important;
    padding-top: 5px !important;
}

.tcm-ix__desk-enter {
    text-transform: capitalize;
    font-size: 14.5px !important;
}

.tcm-ix__desks {
    border: 1px solid rgb(var(--color-foreground) / 0.16) !important;
}

a.tcm-ix__desk {
    padding: 30px !important;
}
	span.tcm-ix__icon {
    display: flex !important;
    flex: unset !important;
    width: 65px !important;
    height: 65px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 0px !important;
}
@media only screen and (max-width: 801px) {
.tcm-ix__masthead {
    padding: 15px !important;
}

p.tcm-ix__standfirst {
    font-size: 15.5px !important;
}

nav.tcm-ix__desks {
    margin-bottom: 10px !important;
    margin-top: 30px !important;
}

.tcm-ix__desk, .tcm-ix__desk:nth-child(1), .tcm-ix__desk:nth-child(2), a.tcm-ix__desk, .tcm-ix__desk:nth-child(even) {
    padding: 20px !important;
}


span.tcm-ix__desk-name {
    font-size: 20px !important;
}

.tcm-ix__desk-note {
    font-size: 14.5px !important;
}

.tcm-ix__wordmark {
    font-size: 50px !important;
}
	}
	#tcm-fashion-blog{
  --fa-paper:rgb(var(--color-background));
  --fa-paper-alt:rgb(var(--color-base-highlight));
  --fa-ink:oklch(19% 0.010 30);
  --fa-ink-mid:oklch(46% 0.010 30);
  --fa-ink-soft:oklch(64% 0.008 30);
  --fa-hair:oklch(90% 0.006 30);
  --fa-accent:oklch(41% 0.088 28);

  --fa-4:4px; --fa-8:8px; --fa-12:12px; --fa-16:16px; --fa-24:24px;
  --fa-32:32px; --fa-48:48px; --fa-64:64px; --fa-96:96px; --fa-128:128px;

  --fa-ease:cubic-bezier(0.16,1,0.3,1);

  font-family:var(--fa-sans);
  font-size:16.5px;line-height:1.6;
  color:var(--fa-ink);background:var(--fa-paper);
  -webkit-font-smoothing:antialiased;font-optical-sizing:auto;
}
#tcm-fashion-blog *,#tcm-fashion-blog *::before,#tcm-fashion-blog *::after{box-sizing:border-box;}
#tcm-fashion-blog h1,#tcm-fashion-blog h2,#tcm-fashion-blog h3,#tcm-fashion-blog h4,
#tcm-fashion-blog p,#tcm-fashion-blog ul,#tcm-fashion-blog li,#tcm-fashion-blog figure{margin:0;padding:0;}
#tcm-fashion-blog ul{list-style:none;}
#tcm-fashion-blog a{color:inherit;text-decoration:none;}
#tcm-fashion-blog img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-fashion-blog h1,#tcm-fashion-blog h2,#tcm-fashion-blog h3{text-wrap:balance;}
#tcm-fashion-blog p{text-wrap:pretty;}
#tcm-fashion-blog a:focus-visible,#tcm-fashion-blog button:focus-visible{outline:2px solid var(--fa-accent);outline-offset:3px;}

.tcm-fa__wrap{max-width:1600px;margin:0 auto;padding:0 clamp(20px,4vw,64px);}
.tcm-fa-eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--fa-ink-soft);}
.tcm-fa-tag{font-size:.625rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fa-accent);}
.tcm-fa-time{font-size:.75rem;letter-spacing:.06em;color:var(--fa-ink-soft);font-variant-numeric:tabular-nums;}

/* ---------- opening ---------- */
.tcm-fa__open{
  padding:clamp(40px,6vw,104px) 0 var(--fa-48);
  display:grid;grid-template-columns:1.3fr .7fr;gap:var(--fa-64);align-items:end;
}
.tcm-fa__crumb{display:flex;gap:var(--fa-8);align-items:center;}
.tcm-fa__crumb a:hover{color:var(--fa-accent);}
.tcm-fa__title{
  font-family:var(--fa-display);font-weight:400;
  font-size:clamp(3.25rem,10.5vw,9rem);line-height:.88;letter-spacing:-.02em;
  margin-top:var(--fa-24);
}
.tcm-fa__title i{font-style:italic;}
.tcm-fa__open-note{border-top:1px solid var(--fa-ink);padding-top:var(--fa-16);padding-bottom:var(--fa-12);}
.tcm-fa__open-note p{color:var(--fa-ink-mid);font-weight:300;max-width:40ch;}
.tcm-fa__open-note p + p{margin-top:var(--fa-12);}

/* ---------- sticky filter ---------- */
.tcm-fa__filter{
  position:sticky;top:0;z-index:20;background:var(--fa-paper);
  border-top:1px solid var(--fa-ink);border-bottom:1px solid var(--fa-hair);
}
.tcm-fa__filter-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--fa-24);width:100%;}
.tcm-fa__chips{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.tcm-fa__chips::-webkit-scrollbar{display:none;}
.tcm-fa__chip{
  flex:0 0 auto;background:none;border:0;cursor:pointer;position:relative;white-space:nowrap;
  font-family:var(--fa-sans);font-size:.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fa-ink-mid);padding:var(--fa-16);min-height:48px;transition:color .25s var(--fa-ease);
}
.tcm-fa__chip:first-child{padding-left:0;}
.tcm-fa__chip::after{
  content:"";position:absolute;left:var(--fa-16);right:var(--fa-16);bottom:0;height:1px;
  background:var(--fa-ink);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--fa-ease);
}
.tcm-fa__chip:first-child::after{left:0;}
.tcm-fa__chip:hover{color:var(--fa-ink);}
.tcm-fa__chip[aria-pressed="true"]{color:var(--fa-ink);font-weight:500;}
.tcm-fa__chip[aria-pressed="true"]::after{transform:scaleX(1);}
.tcm-fa__filter-count{flex:0 0 auto;font-variant-numeric:tabular-nums;}

/* ---------- THE MOSAIC ---------- */
.tcm-fa__mosaic{
  display:grid;grid-template-columns:repeat(12,1fr);
  column-gap:clamp(16px,2.2vw,40px);row-gap:clamp(40px,5vw,96px);
  padding:clamp(40px,6vw,96px) 0;
}
.tcm-fa__item{grid-column:span 4;}
.tcm-fa__item[data-span="4"]{grid-column:span 4;}
.tcm-fa__item[data-span="5"]{grid-column:span 5;}
.tcm-fa__item[data-span="6"]{grid-column:span 6;}
.tcm-fa__item[data-span="7"]{grid-column:span 7;}
.tcm-fa__item[data-span="12"]{grid-column:1 / -1;}
.tcm-fa__item.is-out{display:none;}

.tcm-fa__frame{position:relative;overflow:hidden;background:var(--fa-paper-alt);aspect-ratio:4/5;}
.tcm-fa__item[data-ratio="wide"] .tcm-fa__frame{aspect-ratio:16/10;}
.tcm-fa__item[data-ratio="square"] .tcm-fa__frame{aspect-ratio:1/1;}
.tcm-fa__item[data-ratio="tall"] .tcm-fa__frame{aspect-ratio:3/4.4;}
.tcm-fa__item[data-ratio="pano"] .tcm-fa__frame{aspect-ratio:21/9;}
.tcm-fa__frame img{transition:transform 1.2s var(--fa-ease),filter .8s var(--fa-ease);filter:grayscale(.12) saturate(.95);}
.tcm-fa__item:hover .tcm-fa__frame img{transform:scale(1.04);filter:none;}
.tcm-fa__flag{
  position:absolute;top:0;left:0;background:var(--fa-paper);padding:var(--fa-8) var(--fa-12);
  font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
}
.tcm-fa__body{padding-top:var(--fa-16);}
.tcm-fa__item-title{
  font-family:var(--fa-display);font-weight:400;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;
  margin:var(--fa-8) 0;
}
.tcm-fa__item-title a{
  background-image:linear-gradient(var(--fa-ink),var(--fa-ink));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 92%;
  transition:background-size .5s var(--fa-ease);
}
.tcm-fa__item:hover .tcm-fa__item-title a{background-size:100% 1px;}
.tcm-fa__item[data-span="7"] .tcm-fa__item-title{font-size:clamp(1.75rem,2.6vw,2.5rem);}
.tcm-fa__item[data-span="12"] .tcm-fa__item-title{font-size:clamp(2rem,4vw,3.5rem);max-width:24ch;}
.tcm-fa__dek{color:var(--fa-ink-mid);font-weight:300;font-size:.9375rem;max-width:52ch;}
.tcm-fa__foot{margin-top:var(--fa-12);display:flex;gap:var(--fa-12);align-items:center;}
/* the full-width item splits type beside the image */
.tcm-fa__item[data-span="12"]{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(24px,3vw,64px);align-items:center;}
.tcm-fa__item[data-span="12"] .tcm-fa__body{padding-top:0;}

/* ---------- empty ---------- */
.tcm-fa__empty{display:none;padding:var(--fa-96) 0 var(--fa-128);border-top:1px solid var(--fa-hair);text-align:center;}
.tcm-fa__empty.is-on{display:block;}
.tcm-fa__empty h3{font-family:var(--fa-display);font-weight:400;font-style:italic;font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:var(--fa-12);}
.tcm-fa__empty p{color:var(--fa-ink-mid);font-weight:300;max-width:44ch;margin:0 auto var(--fa-24);}
.tcm-fa__reset{
  background:none;border:0;border-bottom:1px solid var(--fa-ink);cursor:pointer;color:var(--fa-ink);
  font-family:var(--fa-sans);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;padding-bottom:var(--fa-4);
}
.tcm-fa__reset:hover{color:var(--fa-accent);border-color:var(--fa-accent);}

/* ---------- pagination ---------- */
.tcm-fa__pages{display:flex;align-items:center;justify-content:center;gap:var(--fa-4);padding:0 0 clamp(48px,7vw,112px);}
.tcm-fa__page{
  min-width:44px;min-height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;
  font-family:var(--fa-sans);font-size:.875rem;letter-spacing:.06em;color:var(--fa-ink-mid);
  font-variant-numeric:tabular-nums;transition:color .2s var(--fa-ease),background .2s var(--fa-ease);
}
.tcm-fa__page:hover{color:var(--fa-ink);background:var(--fa-paper-alt);}
.tcm-fa__page[aria-current="page"]{color:var(--fa-ink);border-bottom:1px solid var(--fa-ink);font-weight:500;}
.tcm-fa__page[disabled]{color:oklch(82% .006 30);cursor:not-allowed;background:none;}
.tcm-fa__page-gap{color:var(--fa-ink-soft);padding:0 var(--fa-4);}

/* ---------- other desks: portrait doors ---------- */
.tcm-fa__desks{background:var(--fa-paper-alt);padding:clamp(48px,7vw,104px) 0;}
.tcm-fa__desks-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--fa-24);border-bottom:1px solid var(--fa-ink);padding-bottom:var(--fa-16);}
.tcm-fa__desks-head h2{font-family:var(--fa-display);font-weight:400;font-size:clamp(1.5rem,3vw,2.25rem);}
.tcm-fa__doors{margin-top:var(--fa-48);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,28px);}
.tcm-fa__door-frame{position:relative;overflow:hidden;aspect-ratio:2/3;background:rgb(var(--color-background));}
.tcm-fa__door-frame img{filter:grayscale(.3);transition:transform 1.1s var(--fa-ease),filter .7s var(--fa-ease);}
.tcm-fa__door:hover .tcm-fa__door-frame img{transform:scale(1.05);filter:none;}
.tcm-fa__door-name{
  display:flex;align-items:center;gap:var(--fa-8);padding-top:var(--fa-12);
  border-top:1px solid var(--fa-hair);margin-top:var(--fa-12);
}
.tcm-fa__door-name svg{width:16px;height:16px;flex:0 0 16px;}
.tcm-fa__door-name strong{font-family:var(--fa-display);font-weight:400;font-size:1.25rem;flex:1;}
.tcm-fa__door-name span{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fa-ink-soft);}
.tcm-fa__door:hover .tcm-fa__door-name{border-color:var(--fa-ink);}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .tcm-fa__item[data-span="7"]{grid-column:span 7;}
  .tcm-fa__item[data-span="5"]{grid-column:span 5;}
  .tcm-fa__item[data-span="4"],.tcm-fa__item[data-span="6"]{grid-column:span 6;}
  .tcm-fa__doors{grid-template-columns:repeat(2,1fr);row-gap:var(--fa-32);}
}
@media (max-width:820px){
  .tcm-fa__open{grid-template-columns:1fr;gap:var(--fa-24);align-items:start;}
  .tcm-fa__open-note{border-top:0;padding-top:0;}
  .tcm-fa__item,.tcm-fa__item[data-span="4"],.tcm-fa__item[data-span="5"],
  .tcm-fa__item[data-span="6"],.tcm-fa__item[data-span="7"]{grid-column:1 / -1;}
  .tcm-fa__item[data-span="12"]{grid-template-columns:1fr;}
  /* every frame settles to one calm ratio on small screens */
  .tcm-fa__frame,
  .tcm-fa__item[data-ratio="pano"] .tcm-fa__frame,
  .tcm-fa__item[data-ratio="tall"] .tcm-fa__frame{aspect-ratio:4/5;}
  .tcm-fa__item[data-ratio="wide"] .tcm-fa__frame,
  .tcm-fa__item[data-span="12"] .tcm-fa__frame{aspect-ratio:16/11;}
  .tcm-fa__mosaic{row-gap:var(--fa-48);}
}
@media (max-width:520px){
  .tcm-fa__doors{grid-template-columns:1fr;}
  .tcm-fa__door{display:grid;grid-template-columns:88px 1fr;gap:var(--fa-16);align-items:center;}
  .tcm-fa__door-frame{aspect-ratio:1/1;}
  .tcm-fa__door-name{border-top:0;margin-top:0;padding-top:0;}
  .tcm-fa__item-title{font-size:1.375rem;}
  .tcm-fa__dek{display:none;}
  .tcm-fa__item[data-span="12"] .tcm-fa__dek{display:block;}
}
@media (prefers-reduced-motion:reduce){
  #tcm-fashion-blog *{transition:none !important;animation:none !important;}
}
	div#tcm-fashion-blog {
    max-width: 1250px !important;
    margin: auto !important;
}

h1.tcm-fa__title {
    font-family: "Fraunces", serif !important;
    font-weight: normal !important;
}

span.tcm-fa__flag {
    font-size: 13px !important;
    text-transform: capitalize;
}

p.tcm-fa-tag {}

h2.tcm-fa__item-title {
    font-family: 'Playfair Display' !important;
    font-weight: 400 !important;
    padding: 10px 0px !important;
}

p.tcm-fa-tag {
    text-transform: capitalize;
    font-size: 13px !important;
    color: rgb(var(--color-foreground)) !important;
}
	@media only screen and (max-width: 801px) {
div#tcm-fashion-blog {
    padding: 15px !important;
}

h1.tcm-fa__title {
    font-size: 50px !important;
}

#tcm-fashion-blog p {
    font-size: 14.5px !important;
}

.tcm-fa__filter-inner {
    padding: 0px !important;
}

#tcm-fashion-blog a {
    font-size: 24px !important;
    line-height: 31px !important;
}
	}
	#tcm-beauty-blog{
  --be-paper:rgb(var(--color-background));
  --be-paper-alt:rgb(var(--color-base-highlight));
  --be-ink:oklch(22% 0.014 350);
  --be-ink-mid:oklch(47% 0.012 350);
  --be-ink-soft:oklch(65% 0.010 350);
  --be-hair:oklch(91% 0.007 350);
  --be-accent:oklch(43% 0.078 352);

  --be-4:4px; --be-8:8px; --be-12:12px; --be-16:16px; --be-24:24px;
  --be-32:32px; --be-40:40px; --be-56:56px; --be-80:80px; --be-120:120px;
  --be-ease:cubic-bezier(0.16,1,0.3,1);
  --be-radius:2px;

  font-family:var(--be-sans);
  font-size:17px;line-height:1.6;font-weight:300;
  color:var(--be-ink);background:var(--be-paper);
  -webkit-font-smoothing:antialiased;
}
#tcm-beauty-blog *,#tcm-beauty-blog *::before,#tcm-beauty-blog *::after{box-sizing:border-box;}
#tcm-beauty-blog h1,#tcm-beauty-blog h2,#tcm-beauty-blog h3,#tcm-beauty-blog h4,
#tcm-beauty-blog p,#tcm-beauty-blog ul,#tcm-beauty-blog li,#tcm-beauty-blog figure{margin:0;padding:0;}
#tcm-beauty-blog ul{list-style:none;}
#tcm-beauty-blog a{color:inherit;text-decoration:none;}
#tcm-beauty-blog img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-beauty-blog h1,#tcm-beauty-blog h2,#tcm-beauty-blog h3{text-wrap:balance;}
#tcm-beauty-blog p{text-wrap:pretty;}
#tcm-beauty-blog a:focus-visible,#tcm-beauty-blog button:focus-visible,#tcm-beauty-blog input:focus-visible{
  outline:2px solid var(--be-accent);outline-offset:4px;border-radius:var(--be-radius);
}

.tcm-be-label{font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--be-ink-soft);}
.tcm-be-italic{font-family:var(--be-italic);font-style:italic;font-weight:300;}

/* ---------- the split ---------- */
.tcm-be__split{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);}

/* left: sticky preview */
.tcm-be__panel{
  position:sticky;top:0;height:100vh;background:var(--be-paper-alt);
  padding:clamp(28px,3.4vw,56px);
  display:flex;flex-direction:column;border-right:1px solid var(--be-hair);
}
.tcm-be__panel-top{display:flex;align-items:center;justify-content:space-between;gap:var(--be-16);}
.tcm-be__mark{display:flex;align-items:center;gap:var(--be-12);}
.tcm-be__mark-icon{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border:1px solid var(--be-hair);border-radius:50%;background:var(--be-paper);color:var(--be-accent);
}
.tcm-be__mark-icon svg{width:17px;height:17px;}
.tcm-be__mark strong{font-size:1.0625rem;font-weight:500;letter-spacing:-.01em;}
.tcm-be__mark strong span{font-family:var(--be-italic);font-style:italic;font-weight:300;}

.tcm-be__stage{
  flex:1;min-height:0;margin:clamp(20px,2.6vw,40px) 0;
  display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2vw,28px);
}
.tcm-be__stage-figure{
  position:relative;overflow:hidden;border-radius:var(--be-radius);
  background:rgb(var(--color-background));aspect-ratio:4/3;flex:0 1 auto;max-height:46vh;
}
.tcm-be__stage-figure img{transition:opacity .5s var(--be-ease),transform 1.4s var(--be-ease);}
.tcm-be__stage-figure.is-swapping img{opacity:0;transform:scale(1.02);}
.tcm-be__stage-copy{max-width:34ch;}
.tcm-be__stage-title{
  font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:400;line-height:1.1;
  letter-spacing:-.02em;margin:var(--be-12) 0;
}
.tcm-be__stage-dek{color:var(--be-ink-mid);font-size:.9375rem;}
.tcm-be__stage-meta{
  display:flex;gap:var(--be-12);align-items:center;margin-top:var(--be-16);
  font-size:.75rem;color:var(--be-ink-soft);font-variant-numeric:tabular-nums;
}
.tcm-be__stage-cta{
  display:inline-flex;align-items:center;gap:var(--be-8);margin-top:var(--be-16);
  font-size:.8125rem;font-weight:500;color:var(--be-accent);
  border-bottom:1px solid currentColor;padding-bottom:2px;
}
.tcm-be__stage-cta span{transition:transform .3s var(--be-ease);}
.tcm-be__stage-cta:hover span{transform:translateX(5px);}

/* tag pills inside the panel */
.tcm-be__filters{border-top:1px solid var(--be-hair);padding-top:var(--be-16);}
.tcm-be__pills{display:flex;flex-wrap:wrap;gap:var(--be-8) var(--be-4);margin-top:var(--be-12);}
.tcm-be__pill{
  display:inline-flex;align-items:center;padding:var(--be-8) var(--be-16);
  border:1px solid var(--be-hair);border-radius:999px;background:var(--be-paper);
  font-family:var(--be-sans);font-size:.8125rem;color:var(--be-ink-mid);cursor:pointer;
  min-height:36px;
  transition:border-color .25s var(--be-ease),color .25s var(--be-ease),transform .25s var(--be-ease);
}
.tcm-be__pill:hover{border-color:var(--be-accent);color:var(--be-accent);transform:translateY(-1px);}
.tcm-be__pill[aria-pressed="true"]{background:var(--be-ink);border-color:var(--be-ink);color:var(--be-paper);}

/* right: the scrolling list */
.tcm-be__stream{padding:clamp(28px,3.4vw,64px) clamp(20px,3.4vw,64px) var(--be-80);}
.tcm-be__stream-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--be-16);
  padding-bottom:var(--be-16);border-bottom:1px solid var(--be-ink);
}
.tcm-be__stream-head h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;letter-spacing:-.025em;line-height:1.05;}
.tcm-be__stream-head h1 em{font-family:var(--be-italic);font-style:italic;font-weight:300;}

.tcm-be__list{margin-top:var(--be-8);}
.tcm-be__entry{
  display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:var(--be-24);align-items:start;
  padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--be-hair);
}
.tcm-be__entry.is-out{display:none;}
.tcm-be__entry-thumb{overflow:hidden;border-radius:var(--be-radius);aspect-ratio:1/1;background:var(--be-paper-alt);}
.tcm-be__entry-thumb img{transition:transform 1s var(--be-ease);filter:saturate(.9);}
.tcm-be__entry:hover .tcm-be__entry-thumb img{transform:scale(1.06);filter:none;}
.tcm-be__entry-title{
  font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:400;line-height:1.22;
  letter-spacing:-.015em;margin:var(--be-8) 0;
}
.tcm-be__entry:hover .tcm-be__entry-title{color:var(--be-accent);}
.tcm-be__entry-dek{font-size:.9375rem;color:var(--be-ink-mid);max-width:58ch;}
.tcm-be__entry-side{
  text-align:right;font-size:.75rem;color:var(--be-ink-soft);
  font-variant-numeric:tabular-nums;padding-top:var(--be-4);white-space:nowrap;
}
.tcm-be__entry.is-active{background:linear-gradient(90deg,var(--be-paper-alt),transparent 72%);}

/* rhythm breaks */
.tcm-be__entry--wide{grid-template-columns:1fr;gap:var(--be-16);}
.tcm-be__entry--wide .tcm-be__entry-thumb{aspect-ratio:16/7;}
.tcm-be__entry--wide .tcm-be__entry-title{font-size:clamp(1.375rem,2.2vw,1.875rem);max-width:30ch;}
.tcm-be__entry--wide .tcm-be__entry-side{text-align:left;padding-top:0;}
.tcm-be__entry-flag{
  display:inline-block;margin-bottom:var(--be-8);font-size:.625rem;
  letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--be-accent);
}
.tcm-be__entry--quiet{grid-template-columns:minmax(0,1fr) auto;}
.tcm-be__entry--quiet .tcm-be__entry-thumb{display:none;}

/* empty state */
.tcm-be__empty{display:none;padding:var(--be-56) 0;text-align:center;}
.tcm-be__empty.is-on{display:block;}
.tcm-be__empty h3{font-family:var(--be-italic);font-style:italic;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;margin-bottom:var(--be-8);}
.tcm-be__empty p{color:var(--be-ink-mid);max-width:44ch;margin:0 auto var(--be-24);}

/* progress + load */
.tcm-be__stream-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--be-16);padding-top:var(--be-32);flex-wrap:wrap;}
.tcm-be__btn{
  font-family:var(--be-sans);font-size:.8125rem;font-weight:500;
  background:var(--be-ink);color:var(--be-paper);border:0;border-radius:999px;
  padding:var(--be-12) var(--be-24);cursor:pointer;min-height:44px;
  transition:background .25s var(--be-ease),transform .25s var(--be-ease);
}
.tcm-be__btn:hover{background:var(--be-accent);}
.tcm-be__btn:active{transform:translateY(1px);}
.tcm-be__btn[disabled]{background:var(--be-hair);color:var(--be-ink-soft);cursor:not-allowed;}
.tcm-be__progress{flex:1;min-width:140px;height:2px;background:var(--be-hair);position:relative;overflow:hidden;}
.tcm-be__progress i{
  position:absolute;inset:0 auto 0 0;background:var(--be-ink);
  transform-origin:left;transform:scaleX(.1);transition:transform .5s var(--be-ease);
}

/* ---------- mood rail ---------- */
.tcm-be__mood{border-top:1px solid var(--be-hair);padding:clamp(40px,6vw,96px) clamp(20px,4vw,64px);}
.tcm-be__mood-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--be-24);flex-wrap:wrap;}
.tcm-be__mood-head h2{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:400;letter-spacing:-.02em;}
.tcm-be__mood-head h2 em{font-family:var(--be-italic);font-style:italic;font-weight:300;}
.tcm-be__rail{
  display:flex;gap:clamp(16px,2vw,32px);overflow-x:auto;margin-top:var(--be-32);
  padding-bottom:var(--be-16);scroll-snap-type:x mandatory;scrollbar-width:thin;
}
.tcm-be__rail::-webkit-scrollbar{height:2px;}
.tcm-be__rail::-webkit-scrollbar-thumb{background:var(--be-ink-soft);}
.tcm-be__rail-item{flex:0 0 clamp(220px,24vw,300px);scroll-snap-align:start;}
.tcm-be__rail-item figure{overflow:hidden;border-radius:var(--be-radius);aspect-ratio:3/4;background:var(--be-paper-alt);margin-bottom:var(--be-12);}
.tcm-be__rail-item img{transition:transform 1s var(--be-ease);}
.tcm-be__rail-item:hover img{transform:scale(1.05);}
.tcm-be__rail-item h3{font-size:1.0625rem;font-weight:400;line-height:1.25;margin-top:var(--be-4);}
.tcm-be__rail-n{font-family:var(--be-italic);font-style:italic;font-size:1.25rem;color:var(--be-ink-soft);}

/* ---------- other desks ---------- */
.tcm-be__desks{
  background:var(--be-paper-alt);padding:clamp(40px,6vw,88px) clamp(20px,4vw,64px);
}
.tcm-be__desks h2{font-size:clamp(1.375rem,2.4vw,2rem);font-weight:400;letter-spacing:-.02em;}
.tcm-be__desks-row{display:flex;flex-wrap:wrap;gap:var(--be-12);margin-top:var(--be-24);}
.tcm-be__desk{
  display:inline-flex;align-items:center;gap:var(--be-12);
  padding:var(--be-12) var(--be-24);border:1px solid var(--be-hair);border-radius:999px;
  background:var(--be-paper);min-height:48px;
  transition:border-color .25s var(--be-ease),color .25s var(--be-ease),transform .25s var(--be-ease);
}
.tcm-be__desk svg{width:18px;height:18px;flex:0 0 18px;}
.tcm-be__desk strong{font-weight:500;}
.tcm-be__desk span{font-size:.75rem;color:var(--be-ink-soft);font-variant-numeric:tabular-nums;}
.tcm-be__desk:hover{border-color:var(--be-accent);color:var(--be-accent);transform:translateY(-2px);}

/* ---------- responsive: panel becomes a header ---------- */
@media (max-width:1080px){
  .tcm-be__split{grid-template-columns:1fr;}
  .tcm-be__panel{position:static;height:auto;border-right:0;border-bottom:1px solid var(--be-hair);}
  .tcm-be__stage{margin:var(--be-24) 0;}
  .tcm-be__stage-figure{max-height:none;aspect-ratio:16/9;}
  .tcm-be__stage-copy{max-width:48ch;}
  .tcm-be__entry.is-active{background:none;}
}
@media (max-width:640px){
  #tcm-beauty-blog{font-size:16px;}
  .tcm-be__stage-figure{aspect-ratio:4/3;}
  .tcm-be__entry{
    grid-template-columns:72px minmax(0,1fr);
    grid-template-areas:"thumb title" "side side";
    gap:var(--be-12) var(--be-16);
  }
  .tcm-be__entry-thumb{grid-area:thumb;}
  .tcm-be__entry-body{grid-area:title;}
  .tcm-be__entry-side{grid-area:side;text-align:left;padding-top:0;}
  .tcm-be__entry-dek{display:none;}
  .tcm-be__entry--wide{grid-template-columns:1fr;grid-template-areas:"thumb" "title" "side";}
  .tcm-be__entry--wide .tcm-be__entry-dek{display:block;}
  .tcm-be__entry--quiet{grid-template-columns:1fr;grid-template-areas:"title" "side";}
  .tcm-be__btn{width:100%;}
  .tcm-be__progress{order:-1;width:100%;}
  .tcm-be__rail-item{flex:0 0 74vw;}
}
@media (prefers-reduced-motion:reduce){
  #tcm-beauty-blog *{transition:none !important;animation:none !important;}
}
	.tcm-be__stream-head h1, .tcm-be__stream-head h1 em {
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
    font-size: 50px !important;
    font-weight: normal !important;
}

p.tcm-be-label {
    display: none !important;

	}
	.tcm-be__stage-figure {
    max-height: unset !important;
    height: 350px !important;
    display: block !important;
    width: 100% !important;
}

.tcm-be__stage {
    display: block !important;
}

span.tcm-be__mark-icon {
    display: none !important;
}

.tcm-be__mark strong {
    font-size: 30px !important;
    font-weight: 300 !important;
}

a.tcm-be-label {
    display: none !important;
}

.tcm-be__entry {
    background: transparent !important;
}

.tcm-be__panel {
    height: 100% !important;
}

.tcm-be__panel-top {
    display: none !important;
}

.tcm-be__stage-copy {
    max-width: 100% !important;
}

.tcm-be__stage-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: normal !important;
    padding: 10px 0px !important;
}

h2.tcm-be__entry-title a {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: rgb(var(--color-foreground)) !important;
    font-weight: normal !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 24px !important;
}
	.tcm-be__stage {
    position: sticky;
    top: 100px !important;
}

.tcm-be__filters {
    position: relative;
}

.tcm-be__pill[aria-pressed="true"] {
    background: rgb(var(--color-foreground)) !important;
    border-color: rgb(var(--color-foreground)) !important;
}

.tcm-be__pill:hover {
    border-color: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-foreground)) !important;
}

.tcm-be__mood-head h2, .tcm-be__mood-head h2 em {
    font-size: 50px !important;
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
    font-weight: normal !important;
}

a.tcm-be__rail-item h3 {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    font-size: 21px !important;
    line-height: 30px !important;
}

span.tcm-be__rail-n {
    font-size: 14px !important;
    padding-top: 20px !important;
    display: block !important;
}
	.tcm-be__split {
    grid-template-columns: minmax(0, 30%) minmax(0, 70%);
}

.tcm-be__stage {
    display: none !important;
}

.tcm-be__filters {
    border: 0px !important;
    padding: 0px !important;
}

aside.tcm-be__panel {
    background: rgb(var(--color-background)) !important;
}

div#tcm-beauty-blog {
    max-width: 1300px !important;
    margin: auto !important;
}

.tcm-be__stream-foot {
    display: none !important;
}
	@media (max-width: 801px) {
aside.tcm-be__panel {
    display: none !important;
}

.tcm-be__split {
    display: block !important;
}

.tcm-be__stream-head h1, .tcm-be__stream-head h1 em {
    font-size: 36px !important;
}

h2.tcm-be__entry-title a {
    font-size: 18px !important;
}

p.tcm-be__entry-side br {
}

p.tcm-be__entry-side {
    text-align: right !important;
}

.tcm-be__mood-head h2, .tcm-be__mood-head h2 em {
    font-size: 30px !important;
}
	}
	#tcm-lifestyle-blog{
  --li-paper:rgb(var(--color-background));
  --li-paper-alt:rgb(var(--color-base-highlight));
  --li-ink:oklch(22% 0.014 140);
  --li-ink-mid:oklch(46% 0.012 140);
  --li-ink-soft:oklch(64% 0.010 140);
  --li-hair:oklch(90% 0.008 140);
  --li-hair-2:oklch(82% 0.010 140);
  --li-accent:oklch(42% 0.060 146);

  --li-4:4px; --li-8:8px; --li-12:12px; --li-16:16px; --li-24:24px;
  --li-32:32px; --li-48:48px; --li-72:72px; --li-96:96px; --li-144:144px;
  --li-ease:cubic-bezier(0.22,1,0.36,1);

  font-family:var(--li-sans);
  font-size:17px;line-height:1.62;font-weight:300;
  color:var(--li-ink);background:var(--li-paper);
  -webkit-font-smoothing:antialiased;
}
#tcm-lifestyle-blog *,#tcm-lifestyle-blog *::before,#tcm-lifestyle-blog *::after{box-sizing:border-box;}
#tcm-lifestyle-blog h1,#tcm-lifestyle-blog h2,#tcm-lifestyle-blog h3,#tcm-lifestyle-blog h4,
#tcm-lifestyle-blog p,#tcm-lifestyle-blog ul,#tcm-lifestyle-blog ol,#tcm-lifestyle-blog li,#tcm-lifestyle-blog figure{margin:0;padding:0;}
#tcm-lifestyle-blog ul,#tcm-lifestyle-blog ol{list-style:none;}
#tcm-lifestyle-blog a{color:inherit;text-decoration:none;}
#tcm-lifestyle-blog img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-lifestyle-blog h1,#tcm-lifestyle-blog h2,#tcm-lifestyle-blog h3{text-wrap:balance;}
#tcm-lifestyle-blog p{text-wrap:pretty;}
#tcm-lifestyle-blog a:focus-visible,#tcm-lifestyle-blog button:focus-visible{outline:2px solid var(--li-accent);outline-offset:4px;}

.tcm-li__col{max-width:1220px;margin:0 auto;padding:0 clamp(20px,4vw,40px);}
.tcm-li__narrow{max-width:760px;margin:0 auto;padding:0 clamp(20px,4vw,40px);}
.tcm-li-cap{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--li-ink-soft);}
.tcm-li-cap--accent{color:var(--li-accent);}
.tcm-li-num{
  font-family:var(--li-serif);font-size:.875rem;font-style:italic;
  color:var(--li-ink-soft);font-variant-numeric:tabular-nums;
}

/* ---------- opening: centred, quiet ---------- */
.tcm-li__open{padding:clamp(48px,7vw,120px) 0 clamp(32px,4vw,64px);text-align:center;}
.tcm-li__crumb{display:inline-flex;gap:var(--li-8);align-items:center;}
.tcm-li__crumb a:hover{color:var(--li-accent);}
.tcm-li__icon{
  width:44px;height:44px;margin:var(--li-24) auto var(--li-16);
  display:grid;place-items:center;border:1px solid var(--li-hair-2);border-radius:50%;
  color:var(--li-accent);
}
.tcm-li__icon svg{width:21px;height:21px;}
.tcm-li__h1{
  font-family:var(--li-serif);font-weight:400;
  font-size:clamp(2.5rem,7vw,5.25rem);line-height:1;letter-spacing:-.03em;
}
.tcm-li__h1 em{font-style:italic;font-weight:400;}
.tcm-li__standfirst{
  font-family:var(--li-serif);font-size:clamp(1.0625rem,1.5vw,1.3125rem);
  line-height:1.6;color:var(--li-ink-mid);max-width:56ch;margin:var(--li-24) auto 0;
}
.tcm-li__rule{
  width:64px;height:1px;background:var(--li-hair-2);
  margin:clamp(28px,3.4vw,48px) auto 0;
}

/* ---------- filter: plain inline links, no chips ---------- */
.tcm-li__filter{
  padding:clamp(24px,3vw,40px) 0;
  border-bottom:1px solid var(--li-hair);
  text-align:center;
}
.tcm-li__filter-list{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:var(--li-8) var(--li-24);
}
.tcm-li__f{
  background:none;border:0;cursor:pointer;padding:var(--li-8) 0;
  font-family:var(--li-serif);font-size:1.0625rem;color:var(--li-ink-mid);
  position:relative;min-height:40px;
  transition:color .25s var(--li-ease);
}
.tcm-li__f::after{
  content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;
  background:var(--li-accent);transform:scaleX(0);transform-origin:center;
  transition:transform .35s var(--li-ease);
}
.tcm-li__f:hover{color:var(--li-ink);}
.tcm-li__f[aria-pressed="true"]{color:var(--li-accent);font-style:italic;}
.tcm-li__f[aria-pressed="true"]::after{transform:scaleX(1);}

/* ---------- THE ROWS ---------- */
.tcm-li__rows{padding:clamp(32px,5vw,72px) 0 0;}
.tcm-li__row{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(24px,4vw,72px);align-items:center;
  padding:clamp(32px,4.4vw,64px) 0;
  border-bottom:1px solid var(--li-hair);
}
.tcm-li__row.is-out{display:none;}
.tcm-li__row-figure{overflow:hidden;background:var(--li-paper-alt);aspect-ratio:5/4;}
.tcm-li__row-figure img{filter:saturate(.9);transition:transform 1.2s var(--li-ease),filter .7s var(--li-ease);}
.tcm-li__row:hover .tcm-li__row-figure img{transform:scale(1.035);filter:none;}
/* every other row flips the image to the right */
.tcm-li__row:nth-of-type(even) .tcm-li__row-figure{order:2;}
.tcm-li__row-body{max-width:46ch;}
.tcm-li__row:nth-of-type(even) .tcm-li__row-body{margin-left:auto;}
.tcm-li__row-head{display:flex;align-items:center;gap:var(--li-12);}
.tcm-li__row-title{
  font-family:var(--li-serif);font-weight:400;
  font-size:clamp(1.5rem,2.9vw,2.375rem);line-height:1.14;letter-spacing:-.02em;
  margin:var(--li-12) 0 var(--li-12);
}
.tcm-li__row-title a{
  background-image:linear-gradient(var(--li-ink),var(--li-ink));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 96%;
  transition:background-size .5s var(--li-ease);
}
.tcm-li__row:hover .tcm-li__row-title a{background-size:100% 1px;}
.tcm-li__row-dek{color:var(--li-ink-mid);}
.tcm-li__row-foot{
  margin-top:var(--li-24);padding-top:var(--li-12);
  border-top:1px solid var(--li-hair);
  display:flex;gap:var(--li-16);align-items:center;flex-wrap:wrap;
  font-size:.8125rem;color:var(--li-ink-soft);font-variant-numeric:tabular-nums;
}
.tcm-li__row-more{
  margin-left:auto;font-family:var(--li-sans);font-size:.75rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--li-ink);
  display:inline-flex;gap:var(--li-8);align-items:center;
}
.tcm-li__row-more span{transition:transform .3s var(--li-ease);}
.tcm-li__row:hover .tcm-li__row-more span{transform:translateX(5px);}

/* the long read row goes full bleed and centres its type */
.tcm-li__row--feature{grid-template-columns:1fr;gap:clamp(20px,2.6vw,40px);background:var(--li-paper-alt);}
.tcm-li__row--feature .tcm-li__row-figure{order:0 !important;aspect-ratio:21/9;}
.tcm-li__row--feature .tcm-li__row-body{
  max-width:60ch;margin:0 auto !important;text-align:center;
  padding-bottom:clamp(20px,2.6vw,40px);
}
.tcm-li__row--feature .tcm-li__row-head{justify-content:center;}
.tcm-li__row--feature .tcm-li__row-title{font-size:clamp(1.875rem,4vw,3.25rem);}
.tcm-li__row--feature .tcm-li__row-foot{justify-content:center;border-top:0;}
.tcm-li__row--feature .tcm-li__row-more{margin-left:0;}


/* ---------- quiet reads: two columns of pure type ---------- */
.tcm-li__quiet{padding:clamp(48px,7vw,104px) 0;}
.tcm-li__quiet-head{text-align:center;}
.tcm-li__quiet-head h2{
  font-family:var(--li-serif);font-weight:400;font-style:italic;
  font-size:clamp(1.5rem,2.8vw,2.25rem);letter-spacing:-.02em;margin-top:var(--li-8);
}
.tcm-li__quiet-grid{
  margin-top:clamp(28px,3.4vw,48px);
  display:grid;grid-template-columns:1fr 1fr;
  column-gap:clamp(32px,5vw,96px);
}
.tcm-li__quiet-item{padding:var(--li-24) 0;border-top:1px solid var(--li-hair);}
.tcm-li__quiet-item:first-child,.tcm-li__quiet-item:nth-child(2){border-top:1px solid var(--li-ink);}
.tcm-li__quiet-item h3{
  font-family:var(--li-serif);font-weight:400;font-size:1.25rem;line-height:1.26;
  margin:var(--li-8) 0;transition:color .25s var(--li-ease);
}
.tcm-li__quiet-item:hover h3{color:var(--li-accent);}
.tcm-li__quiet-item p{font-size:.9375rem;color:var(--li-ink-mid);}
.tcm-li__quiet-item span.tcm-li-cap{display:block;}

/* ---------- empty + more ---------- */
.tcm-li__empty{display:none;padding:clamp(48px,7vw,96px) 0;text-align:center;}
.tcm-li__empty.is-on{display:block;}
.tcm-li__empty h3{font-family:var(--li-serif);font-style:italic;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;margin-bottom:var(--li-12);}
.tcm-li__empty p{color:var(--li-ink-mid);max-width:46ch;margin:0 auto var(--li-24);}
.tcm-li__btn{
  background:none;border:1px solid var(--li-ink);cursor:pointer;color:var(--li-ink);
  font-family:var(--li-sans);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  padding:var(--li-16) var(--li-48);min-height:48px;
  transition:background .25s var(--li-ease),color .25s var(--li-ease);
}
.tcm-li__btn:hover{background:var(--li-ink);color:var(--li-paper);}
.tcm-li__btn[disabled]{border-color:var(--li-hair-2);color:var(--li-ink-soft);cursor:not-allowed;}
.tcm-li__more-wrap{display:flex;justify-content:center;padding:clamp(32px,4vw,56px) 0;}

/* ---------- closing quote ---------- */
.tcm-li__quote{
  border-top:1px solid var(--li-hair);border-bottom:1px solid var(--li-hair);
  padding:clamp(48px,7vw,112px) 0;text-align:center;
}
.tcm-li__quote blockquote{
  font-family:var(--li-serif);font-style:italic;font-weight:400;
  font-size:clamp(1.375rem,3.2vw,2.375rem);line-height:1.28;letter-spacing:-.02em;
  max-width:34ch;margin:0 auto;
}
.tcm-li__quote cite{
  display:block;margin-top:var(--li-24);font-style:normal;
  font-family:var(--li-sans);font-size:.75rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--li-ink-soft);
}

/* ---------- other desks: simple text list ---------- */
.tcm-li__desks{padding:clamp(40px,6vw,88px) 0 clamp(56px,8vw,120px);}
.tcm-li__desks h2{font-family:var(--li-serif);font-weight:400;font-size:1.5rem;text-align:center;}
.tcm-li__desks-list{margin-top:var(--li-32);border-top:1px solid var(--li-ink);}
.tcm-li__desk{
  display:flex;align-items:center;gap:var(--li-16);
  padding:var(--li-24) 0;border-bottom:1px solid var(--li-hair);
  transition:padding-left .3s var(--li-ease),color .25s var(--li-ease);
}
.tcm-li__desk:hover{padding-left:var(--li-12);color:var(--li-accent);}
.tcm-li__desk svg{width:20px;height:20px;flex:0 0 20px;}
.tcm-li__desk strong{font-family:var(--li-serif);font-weight:400;font-size:1.375rem;flex:1;}
.tcm-li__desk em{font-style:normal;font-size:.8125rem;color:var(--li-ink-soft);font-variant-numeric:tabular-nums;}

/* ---------- responsive ---------- */
@media (max-width:860px){
  .tcm-li__row{
    grid-template-columns:1fr;gap:var(--li-24);
    padding:clamp(28px,4vw,40px) 0;
  }
  .tcm-li__row-figure,.tcm-li__row:nth-of-type(even) .tcm-li__row-figure{order:-1;aspect-ratio:16/10;}
  .tcm-li__row-body,.tcm-li__row:nth-of-type(even) .tcm-li__row-body{margin-left:0 !important;max-width:none;}
  .tcm-li__row--feature .tcm-li__row-figure{aspect-ratio:16/9;}
  .tcm-li__row--feature .tcm-li__row-body{text-align:left;padding:0 clamp(20px,4vw,40px) clamp(24px,3vw,40px);}
  .tcm-li__row--feature .tcm-li__row-head,
  .tcm-li__row--feature .tcm-li__row-foot{justify-content:flex-start;}
  .tcm-li__quiet-grid{grid-template-columns:1fr;}
  .tcm-li__quiet-item:nth-child(2){border-top:1px solid var(--li-hair);}
}
@media (max-width:560px){
  #tcm-lifestyle-blog{font-size:16px;}
  .tcm-li__filter-list{
    justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;
    padding:0 clamp(20px,4vw,40px);scrollbar-width:none;
  }
  .tcm-li__filter-list::-webkit-scrollbar{display:none;}
  .tcm-li__f{white-space:nowrap;}
  .tcm-li__row-dek{display:none;}
  .tcm-li__row--feature .tcm-li__row-dek{display:block;}
  .tcm-li__row-foot{gap:var(--li-8);}
  .tcm-li__row-more{margin-left:0;width:100%;padding-top:var(--li-8);}
  .tcm-li__btn{width:calc(100% - 40px);}
}
@media (prefers-reduced-motion:reduce){
  #tcm-lifestyle-blog *{transition:none !important;animation:none !important;}

	}span.tcm-li__icon {
    display: none !important;
}

h1.tcm-li__h1 {
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
    font-weight: normal !important;
    margin-bottom: 15px !important;
}

#tcm-lifestyle-blog p {
    text-align: center !important;
    text-wrap: unset !important;
    max-width: 100% !important;
}

.tcm-li__row-title a {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    padding: 10px 0px !important;
    display: block !important;
}

.tcm-li-cap {
    font-size: 12px !important;
    text-transform: capitalize;
}

#tcm-lifestyle-blog .tcm-li__row-dek {
    text-align: left !important;
    padding-bottom: 15px !important;
}

p.tcm-li__row-foot {
    padding: 10px 0px !important;
}

.tcm-li__row--feature .tcm-li__row-title {
    max-width: 100% !important;
    width: 100% !important;
    font-size: 40px !important;
}

.tcm-li__row--feature #tcm-lifestyle-blog .tcm-li__row-dek {
    text-align: center !important;
}

#tcm-lifestyle-blog article.tcm-li__row.tcm-li__row--feature .tcm-li__row-dek {
    text-align: center !important;
}

h2#tcm-li-quiet {
    font-family: 'Fraunces' !important;
    font-weight: normal !important;
    font-size: 50px !important;
}

.tcm-li__quiet-grid a {}

.tcm-li__quiet-grid #tcm-lifestyle-blog a {}

#tcm-lifestyle-blog .tcm-li__quiet-grid p {
    text-align: left !important;
}

#tcm-lifestyle-blog  h3 {
    padding: 10px 0px !important;
}

.tcm-li__quiet-grid a {
    font-family: 'Playfair Display';
    font-weight: normal !important;
}
	.tcm-li__row--feature {
    padding: 0px !important;
    border: 0px !important;
    background: transparent !important;
}
	@media only screen and (max-width: 801px) {
	div#tcm-lifestyle-blog {
    padding: 10px !important;
}

#tcm-lifestyle-blog p {
    font-size: 15.5px !important;
    line-height: 22px !important;
}

.tcm-li__h1 {
    font-size: 32px !important;
}

.tcm-li__row-title a {
    font-size: 24px !important;
    padding: 13px 0px !important;
    padding-top: 6px !important;
}

.tcm-li__row--feature .tcm-li__row-body {
    padding: 0px !important;
    text-align: left !important;
}

.tcm-li__row--feature .tcm-li__row-body p.tcm-li__row-dek {
    display: none !important;
}

h2#tcm-li-quiet {
    font-size: 40px !important;
}
	}
	#tcm-travel-blog{
  --tr-paper:rgb(var(--color-background));
  --tr-paper-alt:rgb(var(--color-base-highlight));
  --tr-ink:oklch(21% 0.014 250);
  --tr-ink-mid:oklch(46% 0.012 250);
  --tr-ink-soft:oklch(64% 0.010 250);
  --tr-hair:oklch(90% 0.008 250);
  --tr-hair-2:oklch(82% 0.010 250);
  --tr-accent:oklch(42% 0.072 248);

  --tr-4:4px; --tr-8:8px; --tr-12:12px; --tr-16:16px; --tr-24:24px;
  --tr-32:32px; --tr-48:48px; --tr-72:72px; --tr-96:96px; --tr-128:128px;
  --tr-ease:cubic-bezier(0.22,1,0.36,1);

  font-family:var(--tr-sans);
  font-size:17px;line-height:1.6;font-weight:300;
  color:var(--tr-ink);background:var(--tr-paper);
  -webkit-font-smoothing:antialiased;
}
#tcm-travel-blog *,#tcm-travel-blog *::before,#tcm-travel-blog *::after{box-sizing:border-box;}
#tcm-travel-blog h1,#tcm-travel-blog h2,#tcm-travel-blog h3,#tcm-travel-blog h4,
#tcm-travel-blog p,#tcm-travel-blog ul,#tcm-travel-blog ol,#tcm-travel-blog li,#tcm-travel-blog figure{margin:0;padding:0;}
#tcm-travel-blog ul,#tcm-travel-blog ol{list-style:none;}
#tcm-travel-blog a{color:inherit;text-decoration:none;}
#tcm-travel-blog img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-travel-blog h1,#tcm-travel-blog h2,#tcm-travel-blog h3{text-wrap:balance;}
#tcm-travel-blog p{text-wrap:pretty;}
#tcm-travel-blog a:focus-visible,#tcm-travel-blog button:focus-visible{outline:2px solid var(--tr-accent);outline-offset:4px;}

.tcm-tr__wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,48px);}
.tcm-tr-mono{font-family:var(--tr-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-ink-soft);}
.tcm-tr-mono--accent{color:var(--tr-accent);}

/* ---------- opening: a departure board ---------- */
.tcm-tr__open{padding:clamp(40px,6vw,96px) 0 clamp(28px,3.4vw,48px);}
.tcm-tr__crumb{display:flex;gap:var(--tr-8);align-items:center;}
.tcm-tr__crumb a:hover{color:var(--tr-accent);}
.tcm-tr__head{
  display:grid;grid-template-columns:1fr auto;gap:var(--tr-48);
  align-items:end;margin-top:var(--tr-24);
}
.tcm-tr__h1{
  font-family:var(--tr-display);font-weight:400;
  font-size:clamp(2.75rem,8.4vw,7rem);line-height:.94;letter-spacing:-.02em;
}
.tcm-tr__h1 em{font-style:italic;}
.tcm-tr__board{
  border-left:1px solid var(--tr-hair-2);padding-left:var(--tr-24);
  display:flex;flex-direction:column;gap:var(--tr-8);
}
.tcm-tr__board-row{
  display:flex;gap:var(--tr-16);align-items:baseline;
  font-family:var(--tr-mono);font-size:.75rem;color:var(--tr-ink-mid);
  font-variant-numeric:tabular-nums;
}
.tcm-tr__board-row b{color:var(--tr-ink);font-weight:500;min-width:3.5em;}
.tcm-tr__standfirst{
  font-family:var(--tr-display);font-size:clamp(1.125rem,1.8vw,1.5rem);
  line-height:1.42;color:var(--tr-ink-mid);max-width:54ch;margin-top:var(--tr-32);
}

/* ---------- region filter, mono ---------- */
.tcm-tr__filter{
  position:sticky;top:0;z-index:20;background:var(--tr-paper);
  border-top:1px solid var(--tr-ink);border-bottom:1px solid var(--tr-hair);
  margin-top:clamp(28px,3.4vw,48px);
}
.tcm-tr__filter-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--tr-24);}
.tcm-tr__regions{display:flex;overflow-x:auto;scrollbar-width:none;flex:1;}
.tcm-tr__regions::-webkit-scrollbar{display:none;}
.tcm-tr__region{
  flex:0 0 auto;background:none;border:0;cursor:pointer;white-space:nowrap;
  font-family:var(--tr-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tr-ink-soft);padding:var(--tr-16);min-height:48px;
  border-bottom:2px solid transparent;
  transition:color .25s var(--tr-ease),border-color .25s var(--tr-ease);
}
.tcm-tr__region:first-child{padding-left:0;}
.tcm-tr__region:hover{color:var(--tr-ink);}
.tcm-tr__region[aria-pressed="true"]{color:var(--tr-accent);border-color:var(--tr-accent);}
.tcm-tr__filter-count{flex:0 0 auto;font-variant-numeric:tabular-nums;}

/* ---------- THE SPINE ---------- */
.tcm-tr__spine{
  position:relative;padding:clamp(40px,6vw,88px) 0;
}
/* the hairline itself */
.tcm-tr__spine::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;
  background:var(--tr-hair);transform:translateX(-.5px);
}
.tcm-tr__stop{
  position:relative;
  display:grid;grid-template-columns:1fr 96px 1fr;
  align-items:center;
  padding:clamp(24px,3vw,44px) 0;
}
.tcm-tr__stop.is-out{display:none;}
/* the marker sits in the middle column */
.tcm-tr__marker{
  grid-column:2;justify-self:center;
  display:flex;flex-direction:column;align-items:center;gap:var(--tr-8);
}
.tcm-tr__dot{
  width:11px;height:11px;border-radius:50%;
  background:var(--tr-paper);border:1px solid var(--tr-hair-2);
  transition:background .3s var(--tr-ease),border-color .3s var(--tr-ease),transform .35s var(--tr-ease);
}
.tcm-tr__stop:hover .tcm-tr__dot{background:var(--tr-accent);border-color:var(--tr-accent);transform:scale(1.4);}
.tcm-tr__stop-n{
  font-family:var(--tr-mono);font-size:.625rem;color:var(--tr-ink-soft);
  font-variant-numeric:tabular-nums;letter-spacing:.08em;
}
.tcm-tr__stop:hover .tcm-tr__stop-n{color:var(--tr-accent);}

/* odd stops sit left, even sit right */
.tcm-tr__stop-card{grid-column:1;padding-right:clamp(16px,2.4vw,40px);text-align:right;}
.tcm-tr__stop:nth-of-type(even) .tcm-tr__stop-card{
  grid-column:3;padding-right:0;padding-left:clamp(16px,2.4vw,40px);text-align:left;
}
.tcm-tr__stop-figure{overflow:hidden;background:var(--tr-paper-alt);aspect-ratio:16/10;margin-bottom:var(--tr-16);position:relative;}
.tcm-tr__stop-figure img{filter:saturate(.9);transition:transform 1.2s var(--tr-ease),filter .7s var(--tr-ease);}
.tcm-tr__stop:hover .tcm-tr__stop-figure img{transform:scale(1.04);filter:none;}
.tcm-tr__stamp{
  position:absolute;top:0;left:0;background:var(--tr-paper);
  padding:var(--tr-4) var(--tr-8);
  font-family:var(--tr-mono);font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;
}
.tcm-tr__stop-title{
  font-family:var(--tr-display);font-weight:400;
  font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.12;letter-spacing:-.01em;
  margin:var(--tr-8) 0;
}
.tcm-tr__stop:hover .tcm-tr__stop-title{color:var(--tr-accent);}
.tcm-tr__stop-dek{color:var(--tr-ink-mid);font-size:.9375rem;max-width:44ch;}
.tcm-tr__stop:nth-of-type(odd) .tcm-tr__stop-dek{margin-left:auto;}
.tcm-tr__stop-foot{
  margin-top:var(--tr-12);display:flex;gap:var(--tr-12);align-items:center;
  font-family:var(--tr-mono);font-size:.6875rem;color:var(--tr-ink-soft);
  font-variant-numeric:tabular-nums;
}
.tcm-tr__stop:nth-of-type(odd) .tcm-tr__stop-foot{justify-content:flex-end;}

/* the long read breaks the spine and goes full width */
.tcm-tr__stop--feature{
  grid-template-columns:1fr;padding:clamp(32px,4vw,64px) 0;
}
.tcm-tr__stop--feature .tcm-tr__marker{display:none;}
.tcm-tr__stop--feature .tcm-tr__stop-card{
  grid-column:1;padding:0;text-align:center;
  background:var(--tr-paper);
  border-top:1px solid var(--tr-ink);border-bottom:1px solid var(--tr-ink);
  padding:clamp(24px,3vw,48px) clamp(20px,3vw,48px);
}
.tcm-tr__stop--feature .tcm-tr__stop-figure{aspect-ratio:21/9;}
.tcm-tr__stop--feature .tcm-tr__stop-title{font-size:clamp(1.75rem,3.6vw,3rem);max-width:26ch;margin:var(--tr-12) auto;}
.tcm-tr__stop--feature .tcm-tr__stop-dek{max-width:56ch;margin:0 auto !important;}
.tcm-tr__stop--feature .tcm-tr__stop-foot{justify-content:center !important;}

.tcm-tr__empty{display:none;padding:clamp(48px,7vw,96px) 0;text-align:center;}
.tcm-tr__empty.is-on{display:block;}
.tcm-tr__empty h3{font-family:var(--tr-display);font-style:italic;font-size:clamp(1.5rem,3vw,2.125rem);font-weight:400;margin-bottom:var(--tr-12);}
.tcm-tr__empty p{color:var(--tr-ink-mid);max-width:46ch;margin:0 auto var(--tr-24);}
.tcm-tr__btn{
  background:none;border:1px solid var(--tr-ink);cursor:pointer;color:var(--tr-ink);
  font-family:var(--tr-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;
  padding:var(--tr-16) var(--tr-48);min-height:48px;
  transition:background .25s var(--tr-ease),color .25s var(--tr-ease);
}
.tcm-tr__btn:hover{background:var(--tr-ink);color:var(--tr-paper);}
.tcm-tr__btn[disabled]{border-color:var(--tr-hair-2);color:var(--tr-ink-soft);cursor:not-allowed;}
.tcm-tr__more-wrap{display:flex;justify-content:center;padding-bottom:clamp(40px,6vw,88px);}

/* ---------- destination rail ---------- */
.tcm-tr__rail-sec{background:var(--tr-paper-alt);padding:clamp(40px,6vw,96px) 0;}
.tcm-tr__rail-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--tr-24);
  border-bottom:1px solid var(--tr-ink);padding-bottom:var(--tr-16);flex-wrap:wrap;
}
.tcm-tr__rail-head h2{font-family:var(--tr-display);font-weight:400;font-size:clamp(1.5rem,2.8vw,2.25rem);}
.tcm-tr__rail{
  display:flex;gap:clamp(12px,1.8vw,28px);overflow-x:auto;
  margin-top:var(--tr-32);padding-bottom:var(--tr-16);
  scroll-snap-type:x mandatory;scrollbar-width:thin;
}
.tcm-tr__rail::-webkit-scrollbar{height:2px;}
.tcm-tr__rail::-webkit-scrollbar-thumb{background:var(--tr-ink-soft);}
.tcm-tr__card{flex:0 0 clamp(200px,22vw,272px);scroll-snap-align:start;}
.tcm-tr__card figure{overflow:hidden;aspect-ratio:3/4;background:rgb(var(--color-background));margin-bottom:var(--tr-12);position:relative;}
.tcm-tr__card img{filter:saturate(.9);transition:transform 1s var(--tr-ease),filter .6s var(--tr-ease);}
.tcm-tr__card:hover img{transform:scale(1.05);filter:none;}
.tcm-tr__card h3{font-family:var(--tr-display);font-weight:400;font-size:1.1875rem;line-height:1.2;margin-top:var(--tr-4);}
.tcm-tr__card-coord{display:block;margin-top:var(--tr-8);}

/* ---------- other desks ---------- */
.tcm-tr__desks{padding:clamp(40px,6vw,88px) 0 clamp(56px,8vw,120px);}
.tcm-tr__desks h2{font-family:var(--tr-display);font-weight:400;font-size:1.5rem;}
.tcm-tr__desks-grid{
  margin-top:var(--tr-24);display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--tr-ink);
}
.tcm-tr__desk{
  display:flex;align-items:center;gap:var(--tr-12);
  padding:var(--tr-24) var(--tr-16);
  border-bottom:1px solid var(--tr-hair-2);border-left:1px solid var(--tr-hair);
  transition:background .25s var(--tr-ease),color .25s var(--tr-ease);
}
.tcm-tr__desk:first-child{border-left:0;padding-left:0;}
.tcm-tr__desk:hover{background:var(--tr-paper-alt);color:var(--tr-accent);}
.tcm-tr__desk svg{width:19px;height:19px;flex:0 0 19px;}
.tcm-tr__desk strong{font-family:var(--tr-display);font-weight:400;font-size:1.1875rem;flex:1;}

/* ---------- responsive: spine slides to the left edge ---------- */
@media (max-width:900px){
  .tcm-tr__head{grid-template-columns:1fr;align-items:start;gap:var(--tr-24);}
  .tcm-tr__board{border-left:0;padding-left:0;border-top:1px solid var(--tr-hair-2);padding-top:var(--tr-16);}
  .tcm-tr__spine::before{left:5px;transform:none;}
  .tcm-tr__stop{grid-template-columns:32px minmax(0,1fr);padding:var(--tr-24) 0;align-items:start;}
  .tcm-tr__marker{grid-column:1;justify-self:start;padding-top:var(--tr-4);}
  .tcm-tr__stop-card,
  .tcm-tr__stop:nth-of-type(even) .tcm-tr__stop-card{
    grid-column:2;padding:0 0 0 var(--tr-16);text-align:left;
  }
  .tcm-tr__stop-dek,
  .tcm-tr__stop:nth-of-type(odd) .tcm-tr__stop-dek{margin-left:0;}
  .tcm-tr__stop:nth-of-type(odd) .tcm-tr__stop-foot{justify-content:flex-start;}
  .tcm-tr__stop--feature{grid-template-columns:1fr;}
  .tcm-tr__stop--feature .tcm-tr__stop-card{grid-column:1;text-align:left;}
  .tcm-tr__stop--feature .tcm-tr__stop-title{margin-left:0;}
  .tcm-tr__stop--feature .tcm-tr__stop-dek{margin-left:0 !important;}
  .tcm-tr__stop--feature .tcm-tr__stop-foot{justify-content:flex-start !important;}
  .tcm-tr__desks-grid{grid-template-columns:repeat(2,1fr);}
  .tcm-tr__desk:nth-child(3){border-left:0;padding-left:0;}
}
@media (max-width:560px){
  #tcm-travel-blog{font-size:16px;}
  .tcm-tr__stop-figure{aspect-ratio:4/3;}
  .tcm-tr__stop-dek{display:none;}
  .tcm-tr__stop--feature .tcm-tr__stop-dek{display:block;}
  .tcm-tr__stop-title{font-size:1.25rem;}
  .tcm-tr__card{flex:0 0 68vw;}
  .tcm-tr__btn{width:100%;}
  .tcm-tr__desks-grid{grid-template-columns:1fr;}
  .tcm-tr__desk,.tcm-tr__desk:nth-child(3){border-left:0;padding-left:0;}
}
@media (prefers-reduced-motion:reduce){
  #tcm-travel-blog *{transition:none !important;animation:none !important;}
}
	div#tcm-travel-blog {
    max-width: 1250px !important;
    margin: auto !important;
}

p.tcm-tr__crumb.tcm-tr-mono {
    display: none !important;
}

.tcm-tr__board {
    display: none !important;
}

.tcm-tr__h1 {
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
    font-weight: normal !important;
    padding-bottom: 15px !important;
}

p.tcm-tr__filter-count.tcm-tr-mono {
    display: none;
}

.tcm-tr__stop-card {
    text-align: center !important;
}

#tcm-travel-blog p {
    font-size: 15px !important;
    margin: auto !important;
    text-align: center !important;
}

p.tcm-tr-mono.tcm-tr-mono--accent {
    display: none !important;
}

p.tcm-tr__stop-foot {
    justify-content: center !important;
    padding-top: 15px !important;
}

h2.tcm-tr__stop-title {
    padding-top: 20px !important;
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    padding-bottom: 15px !important;
    color: rgb(var(--color-foreground)) !important;
}

.tcm-tr__stamp {
    text-transform: capitalize;
    font-size: 12px !important;
}

h2.tcm-tr__stop-title {
    margin: auto !important;
}

section.tcm-tr__rail-sec {
    display: none !important;
}

h1.tcm-tr__h1 {
    text-align: center !important;
}
	@media (max-width:801px){
	div#tcm-travel-blog {
    padding: 10px !important;
}

.tcm-tr__wrap {
    padding-top: 0px !important;
}

.tcm-tr__marker {
    display: none !important;
}

.tcm-tr__stop-card {
    padding: 0px !important;
}

.tcm-tr__stop {
    display: block !important;
}

h2.tcm-tr__stop-title {
    padding-bottom: 5px !important;
}

#tcm-travel-blog p {
    font-size: 14.5px !important;
}

p.tcm-tr__stop-foot, .tcm-tr__stop--feature .tcm-tr__stop-foot {
    justify-content: center !important;
    align-items: center !important;
}
		.tcm-tr__spine::before {
    display: none;
}

	}
	#tcm-aitech-vogue{
  --av-paper:rgb(var(--color-background));
  --av-paper-alt:rgb(var(--color-base-highlight));
  --av-ink:oklch(17% 0.008 260);
  --av-ink-mid:oklch(45% 0.008 260);
  --av-ink-soft:oklch(64% 0.007 260);
  --av-hair:oklch(90% 0.005 260);
  --av-hair-2:oklch(80% 0.006 260);
  --av-accent:oklch(38% 0.070 262);

  --av-4:4px; --av-8:8px; --av-12:12px; --av-16:16px; --av-20:20px;
  --av-24:24px; --av-32:32px; --av-48:48px; --av-64:64px;
  --av-96:96px; --av-128:128px; --av-160:160px;
  --av-ease:cubic-bezier(0.16,1,0.3,1);

  font-family:var(--av-sans);
  font-size:16.5px;line-height:1.62;font-weight:300;
  color:var(--av-ink);background:var(--av-paper);
  -webkit-font-smoothing:antialiased;font-optical-sizing:auto;
}
#tcm-aitech-vogue *,#tcm-aitech-vogue *::before,#tcm-aitech-vogue *::after{box-sizing:border-box;}
#tcm-aitech-vogue h1,#tcm-aitech-vogue h2,#tcm-aitech-vogue h3,#tcm-aitech-vogue h4,
#tcm-aitech-vogue p,#tcm-aitech-vogue ul,#tcm-aitech-vogue ol,#tcm-aitech-vogue li,#tcm-aitech-vogue figure{margin:0;padding:0;}
#tcm-aitech-vogue ul,#tcm-aitech-vogue ol{list-style:none;}
#tcm-aitech-vogue a{color:inherit;text-decoration:none;}
#tcm-aitech-vogue img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-aitech-vogue h1,#tcm-aitech-vogue h2,#tcm-aitech-vogue h3{text-wrap:balance;}
#tcm-aitech-vogue p{text-wrap:pretty;}
#tcm-aitech-vogue button{font:inherit;color:inherit;}
#tcm-aitech-vogue a:focus-visible,#tcm-aitech-vogue button:focus-visible{outline:2px solid var(--av-accent);outline-offset:3px;}

.tcm-av__wrap{max-width:1560px;margin:0 auto;padding:0 clamp(20px,4vw,72px);}

/* ---------- shared micro type ---------- */
.tcm-av-rubric{
  font-size:.625rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;
  color:var(--av-ink-soft);
}
.tcm-av-rubric--ink{color:var(--av-ink);}
.tcm-av-rubric--accent{color:var(--av-accent);}
.tcm-av-credit{
  font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--av-ink-soft);
  font-variant-numeric:tabular-nums;
}

/* ---------- masthead: centred, Vogue proportions ---------- */
.tcm-av__masthead{
  padding:clamp(28px,4vw,64px) 0 clamp(24px,3vw,44px);
  text-align:center;
}
.tcm-av__issue{
  display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,32px);
  flex-wrap:wrap;
}
.tcm-av__issue a:hover{color:var(--av-accent);}
.tcm-av__wordmark{
  font-family:var(--av-display);font-weight:400;
  font-size:clamp(3rem,13.5vw,12rem);
  line-height:.82;letter-spacing:.02em;text-transform:uppercase;
  margin:clamp(16px,2.4vw,32px) 0 0;
}
.tcm-av__wordmark i{
  font-style:italic;font-weight:400;letter-spacing:0;text-transform:none;
}
.tcm-av__deck{
  font-family:var(--av-display);font-style:italic;font-weight:400;
  font-size:clamp(1.0625rem,1.7vw,1.4375rem);line-height:1.5;
  color:var(--av-ink-mid);max-width:50ch;margin:clamp(20px,2.4vw,32px) auto 0;
}
.tcm-av__hair{
  display:block;width:min(100%,880px);height:1px;background:var(--av-hair-2);
  margin:clamp(24px,3vw,44px) auto 0;
}

/* ---------- cover plate: full-bleed with overlaid title ---------- */
.tcm-av__cover{position:relative;margin-top:clamp(20px,2.6vw,40px);}
.tcm-av__cover-frame{
  position:relative;overflow:hidden;background:var(--av-paper-alt);
  aspect-ratio:16/9;
}
.tcm-av__cover-frame img{
  filter:saturate(.9) contrast(1.02);
  transition:transform 1.6s var(--av-ease);
}
.tcm-av__cover:hover .tcm-av__cover-frame img{transform:scale(1.025);}
/* the readable band behind the type, an explicit colour not alpha soup */
.tcm-av__cover-band{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(92%,880px);background:var(--av-paper);
  padding:clamp(20px,2.6vw,40px) clamp(20px,3vw,48px) clamp(16px,2vw,28px);
  text-align:center;
}
.tcm-av__cover-title{
  font-family:var(--av-display);font-weight:400;
  font-size:clamp(1.625rem,3.6vw,3.25rem);line-height:1.06;letter-spacing:-.015em;
  margin:var(--av-12) 0;
}
.tcm-av__cover-title em{font-style:italic;}
.tcm-av__cover-dek{
  color:var(--av-ink-mid);max-width:56ch;margin:0 auto;font-size:.9375rem;
}
.tcm-av__cover-meta{
  margin-top:var(--av-16);padding-top:var(--av-12);border-top:1px solid var(--av-hair);
  display:flex;justify-content:center;gap:clamp(12px,2vw,28px);flex-wrap:wrap;
}

/* ---------- contents rail: centred small-caps filters ---------- */
.tcm-av__contents{
  border-top:1px solid var(--av-ink);border-bottom:1px solid var(--av-hair);
  margin-top:clamp(32px,4.4vw,72px);
  position:sticky;top:0;z-index:20;background:var(--av-paper);
}
.tcm-av__contents-inner{
  display:flex;align-items:center;justify-content:center;gap:0;
  overflow-x:auto;scrollbar-width:none;
}
.tcm-av__contents-inner::-webkit-scrollbar{display:none;}
.tcm-av__filter{
  flex:0 0 auto;background:none;border:0;cursor:pointer;position:relative;white-space:nowrap;
  font-family:var(--av-sans);font-size:.6875rem;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;color:var(--av-ink-mid);
  padding:var(--av-16) clamp(12px,1.6vw,24px);min-height:48px;
  transition:color .25s var(--av-ease);
}
.tcm-av__filter::after{
  content:"";position:absolute;left:clamp(12px,1.6vw,24px);right:clamp(12px,1.6vw,24px);
  bottom:0;height:1px;background:var(--av-ink);
  transform:scaleX(0);transform-origin:center;
  transition:transform .4s var(--av-ease);
}
.tcm-av__filter:hover{color:var(--av-ink);}
.tcm-av__filter[aria-pressed="true"]{color:var(--av-ink);font-weight:500;}
.tcm-av__filter[aria-pressed="true"]::after{transform:scaleX(1);}

/* ---------- THE GALLERY GRID ---------- */
.tcm-av__gallery{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(20px,2.4vw,44px);
  row-gap:clamp(48px,6vw,112px);
  padding:clamp(48px,6vw,104px) 0;
}
.tcm-av__plate{
  grid-column:span 4;
  display:flex;flex-direction:column;
  text-align:center;
}
.tcm-av__plate[data-span="3"]{grid-column:span 3;}
.tcm-av__plate[data-span="4"]{grid-column:span 4;}
.tcm-av__plate[data-span="6"]{grid-column:span 6;}
.tcm-av__plate.is-out{display:none;}
.tcm-av__plate.is-hidden{display:none;}

.tcm-av__plate-frame{
  position:relative;overflow:hidden;background:var(--av-paper-alt);
  aspect-ratio:2/3;margin-bottom:clamp(16px,1.8vw,24px);
}
.tcm-av__plate[data-ratio="portrait"] .tcm-av__plate-frame{aspect-ratio:2/3;}
.tcm-av__plate[data-ratio="tall"] .tcm-av__plate-frame{aspect-ratio:3/5;}
.tcm-av__plate[data-ratio="classic"] .tcm-av__plate-frame{aspect-ratio:4/5;}
.tcm-av__plate[data-ratio="wide"] .tcm-av__plate-frame{aspect-ratio:5/4;}
.tcm-av__plate-frame img{
  filter:saturate(.88) contrast(1.02);
  transition:transform 1.4s var(--av-ease),filter .8s var(--av-ease);
}
.tcm-av__plate:hover .tcm-av__plate-frame img{transform:scale(1.045);filter:none;}
/* plate number, set into the image corner like a shoot slate */
.tcm-av__slate{
  position:absolute;top:var(--av-12);left:var(--av-12);
  background:var(--av-paper);padding:var(--av-4) var(--av-8);
  font-size:.5625rem;font-weight:500;letter-spacing:.2em;
  font-variant-numeric:tabular-nums;
}
.tcm-av__plate-title{
  font-family:var(--av-display);font-weight:400;
  font-size:1.375rem;line-height:1.16;letter-spacing:-.01em;
  margin:var(--av-8) auto;max-width:26ch;
}
.tcm-av__plate-title a{
  background-image:linear-gradient(var(--av-ink),var(--av-ink));
  background-size:0% 1px;background-repeat:no-repeat;background-position:50% 94%;
  transition:background-size .55s var(--av-ease);
}
.tcm-av__plate:hover .tcm-av__plate-title a{background-size:100% 1px;}
.tcm-av__plate[data-span="6"] .tcm-av__plate-title{font-size:clamp(1.75rem,2.8vw,2.5rem);max-width:22ch;}
.tcm-av__plate[data-span="3"] .tcm-av__plate-title{font-size:1.1875rem;}
.tcm-av__plate-dek{
  color:var(--av-ink-mid);font-size:.9375rem;max-width:40ch;margin:0 auto;
}
.tcm-av__plate-foot{
  margin-top:auto;padding-top:clamp(12px,1.6vw,20px);
  display:flex;justify-content:center;gap:var(--av-12);align-items:center;
}
/* a hairline above the credit, like a caption rule */
.tcm-av__plate-foot::before{
  content:"";position:absolute;
}
.tcm-av__plate-rule{
  display:block;width:32px;height:1px;background:var(--av-hair-2);
  margin:clamp(12px,1.6vw,20px) auto 0;
  transition:width .5s var(--av-ease),background .3s var(--av-ease);
}
.tcm-av__plate:hover .tcm-av__plate-rule{width:64px;background:var(--av-accent);}

/* the verdict, set as an italic editorial aside not a badge */
.tcm-av__verdict{
  font-family:var(--av-display);font-style:italic;font-size:.9375rem;
  color:var(--av-accent);
}
.tcm-av__verdict[data-v="mixed"]{color:var(--av-ink-mid);}
.tcm-av__verdict[data-v="skip"]{color:var(--av-ink-soft);}

/* ---------- the diptych spread breaks the grid ---------- */
.tcm-av__spread{
  grid-column:1 / -1;
  display:grid;grid-template-columns:1fr auto 1fr;
  gap:clamp(20px,3vw,56px);align-items:center;
  border-top:1px solid var(--av-ink);border-bottom:1px solid var(--av-ink);
  padding:clamp(32px,4.4vw,72px) 0;
}
.tcm-av__spread.is-out{display:none;}
.tcm-av__spread-frame{overflow:hidden;background:var(--av-paper-alt);aspect-ratio:4/5;}
.tcm-av__spread-frame:last-of-type{aspect-ratio:3/4;}
.tcm-av__spread-frame img{filter:saturate(.86);transition:transform 1.5s var(--av-ease),filter .8s var(--av-ease);}
.tcm-av__spread:hover .tcm-av__spread-frame img{transform:scale(1.04);filter:none;}
.tcm-av__spread-copy{
  text-align:center;max-width:34ch;padding:0 var(--av-8);
}
.tcm-av__spread-title{
  font-family:var(--av-display);font-weight:400;
  font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.02em;
  margin:var(--av-16) 0;
}
.tcm-av__spread-title em{font-style:italic;}
.tcm-av__spread-copy p{color:var(--av-ink-mid);font-size:.9375rem;}
.tcm-av__spread-copy .tcm-av__plate-rule{margin-top:var(--av-20);}


/* ---------- empty state ---------- */
.tcm-av__empty{
  display:none;padding:clamp(56px,8vw,128px) 0;text-align:center;
  border-top:1px solid var(--av-hair);
}
.tcm-av__empty.is-on{display:block;}
.tcm-av__empty h3{
  font-family:var(--av-display);font-style:italic;font-weight:400;
  font-size:clamp(1.5rem,3.2vw,2.375rem);margin-bottom:var(--av-16);
}
.tcm-av__empty p{color:var(--av-ink-mid);max-width:46ch;margin:0 auto var(--av-24);}

/* ---------- buttons ---------- */
.tcm-av__btn{
  background:none;border:1px solid var(--av-ink);cursor:pointer;color:var(--av-ink);
  font-family:var(--av-sans);font-size:.625rem;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;
  padding:var(--av-16) clamp(28px,4vw,56px);min-height:48px;
  transition:background .3s var(--av-ease),color .3s var(--av-ease);
}
.tcm-av__btn:hover{background:var(--av-ink);color:var(--av-paper);}
.tcm-av__btn[disabled]{border-color:var(--av-hair-2);color:var(--av-ink-soft);cursor:not-allowed;}
.tcm-av__more{
  display:flex;flex-direction:column;align-items:center;gap:var(--av-12);
  padding-bottom:clamp(48px,7vw,112px);
}
.tcm-av__more-note{font-size:.8125rem;color:var(--av-ink-soft);}

/* skeleton plates */
.tcm-av__sk{display:none;}
.tcm-av__sk.is-on{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(20px,2.4vw,44px);padding-bottom:clamp(32px,4vw,64px);
}
.tcm-av__sk-plate{text-align:center;}
.tcm-av__sk-bar{
  height:11px;margin:0 auto;
  background:linear-gradient(90deg,oklch(94% .004 260) 0%,oklch(97% .004 260) 50%,oklch(94% .004 260) 100%);
  background-size:200% 100%;animation:tcm-av-shimmer 1.3s linear infinite;
}
.tcm-av__sk-bar--img{height:0;padding-bottom:150%;margin-bottom:var(--av-16);}
.tcm-av__sk-bar + .tcm-av__sk-bar{margin-top:var(--av-8);}
@keyframes tcm-av-shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}

/* ---------- credits: other desks, set as a colophon ---------- */
.tcm-av__colophon{
  background:var(--av-paper-alt);
  padding:clamp(48px,7vw,112px) 0;text-align:center;
}
.tcm-av__colophon h2{
  font-family:var(--av-display);font-weight:400;
  font-size:clamp(1.5rem,3vw,2.375rem);line-height:1.12;
  max-width:28ch;margin:var(--av-16) auto 0;
}
.tcm-av__colophon h2 em{font-style:italic;}
.tcm-av__desks{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:0;margin-top:clamp(28px,3.4vw,48px);
  border-top:1px solid var(--av-hair-2);
}
.tcm-av__desk{
  display:inline-flex;align-items:center;gap:var(--av-12);
  padding:var(--av-24) clamp(20px,3vw,44px);
  border-bottom:1px solid var(--av-hair-2);
  min-height:48px;
  transition:color .25s var(--av-ease),background .25s var(--av-ease);
}
.tcm-av__desk + .tcm-av__desk{border-left:1px solid var(--av-hair-2);}
.tcm-av__desk svg{width:17px;height:17px;flex:0 0 17px;}
.tcm-av__desk strong{
  font-family:var(--av-display);font-weight:400;font-size:1.125rem;letter-spacing:.01em;
}
.tcm-av__desk span{font-size:.625rem;letter-spacing:.16em;color:var(--av-ink-soft);font-variant-numeric:tabular-nums;}
.tcm-av__desk:hover{background:var(--av-paper);color:var(--av-accent);}

/* ---------- responsive: recomposed, not shrunk ---------- */
@media (max-width:1180px){
  .tcm-av__plate,
  .tcm-av__plate[data-span="3"],
  .tcm-av__plate[data-span="4"]{grid-column:span 4;}
  .tcm-av__plate[data-span="6"]{grid-column:span 6;}
  .tcm-av__cover-frame{aspect-ratio:3/2;}
}
@media (max-width:900px){
  .tcm-av__plate,
  .tcm-av__plate[data-span="3"],
  .tcm-av__plate[data-span="4"],
  .tcm-av__plate[data-span="6"]{grid-column:span 6;}
  .tcm-av__gallery{row-gap:clamp(36px,5vw,64px);}
  /* the diptych stacks: image, type, image */
  .tcm-av__spread{grid-template-columns:1fr;gap:var(--av-24);}
  .tcm-av__spread-frame{aspect-ratio:16/10;}
  .tcm-av__spread-frame:last-of-type{aspect-ratio:16/10;}
  .tcm-av__cover-band{position:static;transform:none;width:100%;padding-left:0;padding-right:0;}
  .tcm-av__cover-frame{aspect-ratio:4/3;}
  .tcm-av__sk.is-on{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tcm-av__contents{position:static;}
}
@media (max-width:600px){
  #tcm-aitech-vogue{font-size:16px;}
  /* two-up on phones keeps the gallery feeling like a gallery */
  .tcm-av__gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--av-12);row-gap:var(--av-32);
  }
  .tcm-av__plate,
  .tcm-av__plate[data-span="3"],
  .tcm-av__plate[data-span="4"]{grid-column:span 1;}
  .tcm-av__plate[data-span="6"]{grid-column:1 / -1;}
  .tcm-av__plate-frame,
  .tcm-av__plate[data-ratio="tall"] .tcm-av__plate-frame,
  .tcm-av__plate[data-ratio="wide"] .tcm-av__plate-frame,
  .tcm-av__plate[data-ratio="classic"] .tcm-av__plate-frame{aspect-ratio:2/3;}
  .tcm-av__plate[data-span="6"] .tcm-av__plate-frame{aspect-ratio:4/5;}
  .tcm-av__plate-title{font-size:.9375rem;line-height:1.24;}
  .tcm-av__plate[data-span="6"] .tcm-av__plate-title{font-size:1.375rem;}
  .tcm-av__plate-dek{display:none;}
  .tcm-av__plate[data-span="6"] .tcm-av__plate-dek{display:block;}
  .tcm-av__slate{font-size:.5rem;}
  .tcm-av__verdict{font-size:.8125rem;}
  .tcm-av__spread{grid-column:1 / -1;}
  .tcm-av__btn{width:100%;}
  .tcm-av__desk{width:100%;justify-content:center;}
  .tcm-av__desk + .tcm-av__desk{border-left:0;}
  .tcm-av__sk.is-on{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--av-12);}
}
@media (prefers-reduced-motion:reduce){
  #tcm-aitech-vogue *{transition:none !important;animation:none !important;}
}
	p.tcm-av__issue {
    display: none !important;
}

h1.tcm-av__wordmark {
    font-weight: normal !important;
    font-size: 65px !important;
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
}

p.tcm-av__deck {
    font-size: 19px !important;
    margin: auto !important;
    padding-top: 20px !important;
}

h2.tcm-av__cover-title {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    padding: 15px 0px !important;
}

p.tcm-av__cover-dek {
    margin: auto !important;
    font-size: 15px !important;
    padding-bottom: 20px !important;
}

p.tcm-av__cover-meta {
    padding: 11px 0px !important;
}

.tcm-av-credit {
    font-size: 12px !important;
    text-transform: capitalize;
}

.tcm-av-rubric--accent {
    color: rgb(var(--color-foreground)) !important;
    text-transform: capitalize;
    font-size: 14px !important;
}

h1.tcm-av__wordmark {
    font-family: 'Playfair Display' !important;
    text-transform: capitalize;
}

.tcm-av__filter {
    text-transform: capitalize;
    letter-spacing: 0px !important;
}

section.tcm-av__colophon {
    display: none !important;
}

.tcm-av__more {
    display: none !important;
}

h3.tcm-av__plate-title a {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    text-align: center !important;
}

h3.tcm-av__plate-title {max-width: 100% !important;}

h3.tcm-av__plate-title {
    padding: 10px 0px !important;
}

figure.tcm-av__plate-frame {
    margin-bottom: 20px !important;
}

p.tcm-av-rubric {
    text-transform: capitalize;
    color: rgb(var(--color-foreground)) !important;
}

.tcm-av__verdict {
    display: none !important;
}

p.tcm-av__plate-foot {
    padding-top: 15px !important;
}

.tcm-av__plate-dek {
    max-width: 100% !important;
}

h3.tcm-av__spread-title {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    font-size: 40px !important;
    padding-bottom: 10px !important;
}
	@media (max-width:801px){
	h1.tcm-av__wordmark {
    font-size: 42px !important;
}

p.tcm-av__deck {
    font-size: 15px !important;
}

div#tcm-aitech-vogue {
    padding: 10px !important;
}

.tcm-av__cover {
    padding: 0px !important;
}

.tcm-av__contents-inner {
    justify-content: unset !important;
}

.tcm-av__wrap {
    padding: 0px !important;
}

h3.tcm-av__plate-title a {
    color: rgb(var(--color-foreground)) !important;
}

.tcm-av__gallery {
    display: block !important;
}

.tcm-av__plate {
    margin-bottom: 20px !important;
}

.tcm-av__spread-copy {
    max-width: 100% !important;
}

h3.tcm-av__spread-title {
    font-size: 24px !important;
    line-height: 30px !important;
    color: rgb(var(--color-foreground)) !important;
}

	}
	h1.tcm-ix__wordmark, h1.tcm-ix__wordmark em {
    font-weight: 300 !important;
    font-size: 75px !important;
}
	.tcm-be__pill[aria-pressed="true"] {
    color: rgb(var(--color-button-text)) !important;
}
	:root{
  /* brand */
  --aur-gold:        oklch(73.5% 0.098 83);   /* #C8A050 */
  --aur-gold-deep:   oklch(67%   0.105 79);
  --aur-gold-wash:   oklch(93%   0.035 84);
  --aur-copper:      oklch(60.5% 0.098 55);   /* #B87040 */
  --aur-copper-deep: oklch(53%   0.096 52);
  --aur-ivory:       oklch(88.5% 0.037 82);   /* #E8D4B8 */

  /* tinted neutrals, all pulled toward the gold hue */
  --aur-paper:       oklch(97.8% 0.007 84);
  --aur-paper-2:     oklch(95.2% 0.014 84);
  --aur-paper-3:     oklch(92.4% 0.022 84);
  --aur-line:        oklch(85%   0.021 80);
  --aur-line-soft:   oklch(90.5% 0.015 82);
  --aur-ink:         oklch(27%   0.028 62);   /* #3A2818 */
  --aur-ink-2:       oklch(45%   0.022 62);
  --aur-ink-3:       oklch(61%   0.017 66);
  --aur-ink-inv:     oklch(97%   0.012 84);

  /* semantic */
  --aur-good:        oklch(52%   0.095 150);
  --aur-good-wash:   oklch(94%   0.030 150);
  --aur-bad:         oklch(51%   0.150 30);
  --aur-bad-wash:    oklch(95%   0.028 30);

  /* rhythm: body is 16/24, everything is a multiple of 4 */
  --aur-s1: 4px;  --aur-s2: 8px;  --aur-s3: 12px; --aur-s4: 16px;
  --aur-s5: 24px; --aur-s6: 32px; --aur-s7: 48px; --aur-s8: 64px;
  --aur-s9: 96px; --aur-s10: 128px;

  /* type */
  --aur-t-xs: 0.75rem;
  --aur-t-sm: 0.8125rem;
  --aur-t-md: 0.9375rem;
  --aur-t-base: 1rem;
  --aur-t-lg: 1.3125rem;
  --aur-t-xl: 1.75rem;
  --aur-t-2xl: clamp(2rem, 1.4rem + 2.4vw, 3.125rem);

  /* motion */
  --aur-e-out:  cubic-bezier(.16,1,.3,1);
  --aur-e-quart:cubic-bezier(.25,1,.5,1);
  --aur-e-io:   cubic-bezier(.65,0,.35,1);

  /* elevation */
  --aur-el-1: 0 1px 2px oklch(27% .028 62 / .05);
  --aur-el-2: 0 6px 20px -8px oklch(27% .028 62 / .16);
  --aur-el-3: 0 24px 60px -20px oklch(27% .028 62 / .28);

  /* z scale */
  --aur-z-sticky: 40;
  --aur-z-scrim: 60;
  --aur-z-drawer: 70;
  --aur-z-toast: 90;

  --aur-shell: 1440px;
  --aur-gutter: clamp(16px, 4.2vw, 72px);
}

.aur-num{font-variant-numeric:tabular-nums}
.aur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.aur-eyebrow{
  font-size:var(--aur-t-xs);font-weight:600;text-transform:uppercase;
  letter-spacing:.14em;color:var(--aur-ink-3);
}
.aur-shell{max-width:var(--aur-shell);margin-inline:auto;padding-inline:var(--aur-gutter)}
.aur-rule{height:1px;background:var(--aur-line-soft);border:0;margin:0}

/* reveal */
.aur-rise{opacity:0;transform:translateY(18px)}
.aur-rise.aur-seen{
  opacity:1;transform:none;
  transition:opacity .7s var(--aur-e-out) calc(var(--aur-i,0)*60ms),
             transform .7s var(--aur-e-out) calc(var(--aur-i,0)*60ms);
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .aur-rise{opacity:1;transform:none}
}

/* ==========================================================
   3. BUTTONS / CHIPS
   ========================================================== */
.aur-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--aur-s2);
  min-height:52px;padding:0 var(--aur-s6);border-radius:2px;
  font-size:var(--aur-t-md);font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid transparent;position:relative;
  transition:background-color .18s var(--aur-e-quart),color .18s var(--aur-e-quart),
             border-color .18s var(--aur-e-quart),transform .18s var(--aur-e-quart);
}
.aur-btn:active{transform:translateY(1px)}
.aur-btn--gold{background:var(--aur-gold);color:var(--aur-ink)}
.aur-btn--gold:hover{background:var(--aur-copper);color:var(--aur-ink-inv)}
.aur-btn--ink{background:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-btn--ink:hover{background:var(--aur-copper-deep)}
.aur-btn--line{background:transparent;color:var(--aur-ink);border-color:var(--aur-ink)}
.aur-btn--line:hover{background:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-btn--ghost{background:transparent;color:var(--aur-ink-2);border-color:var(--aur-line)}
.aur-btn--ghost:hover{border-color:var(--aur-copper);color:var(--aur-copper)}
.aur-btn--sm{min-height:40px;padding:0 var(--aur-s5);font-size:var(--aur-t-xs)}
.aur-btn--full{width:100%}
.aur-btn[disabled]{opacity:.42;cursor:not-allowed;transform:none}
.aur-btn[data-busy]{color:transparent;pointer-events:none}
.aur-btn[data-busy]::after{
  content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;
  border:2px solid currentColor;border-top-color:transparent;color:var(--aur-ink);
  animation:aur-spin .7s linear infinite;
}
.aur-btn--ink[data-busy]::after,.aur-btn--line:hover[data-busy]::after{color:var(--aur-ink-inv)}
@keyframes aur-spin{to{transform:rotate(360deg)}}

.aur-ib{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;color:var(--aur-ink-2);
  transition:background-color .2s var(--aur-e-quart),color .2s var(--aur-e-quart);
}
.aur-ib:hover{background:var(--aur-paper-3);color:var(--aur-ink)}

.aur-chip{
  display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;
  border:1px solid var(--aur-line);border-radius:999px;
  font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--aur-ink-2);background:var(--aur-paper);
}

.aur-stars{display:inline-flex;gap:2px;color:var(--aur-gold-deep)}
.aur-stars svg{width:13px;height:13px}
.aur-stars[data-dim] svg{color:var(--aur-line)}
.aur-stars svg[data-on]{color:var(--aur-gold-deep)}

/* ==========================================================
   4. TOP BARS
   ========================================================== */
#aur-promostrip{
  background:var(--aur-ink);color:var(--aur-ivory);
  font-size:var(--aur-t-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500;
  text-align:center;padding:10px var(--aur-s4);
}
#aur-promostrip b{color:var(--aur-gold);font-weight:600}

#aur-masthead{
  position:sticky;top:0;z-index:var(--aur-z-sticky);
  background:oklch(97.8% .007 84 / .92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--aur-line-soft);
}
.aur-mast{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:var(--aur-s4);height:68px;
}
#aur-wordmark{
  font-size:1.0625rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;
  text-indent:.34em;
}
.aur-mastnav{display:flex;gap:var(--aur-s5);font-size:var(--aur-t-sm);letter-spacing:.04em}
.aur-mastnav a{padding:4px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.aur-mastnav a:hover{border-color:var(--aur-gold)}
.aur-mastact{display:flex;justify-content:flex-end;align-items:center;gap:2px}
#aur-bagbtn{position:relative}
#aur-bagpip{
  position:absolute;top:6px;right:5px;min-width:17px;height:17px;padding:0 4px;
  display:none;place-items:center;border-radius:999px;
  background:var(--aur-copper);color:var(--aur-ink-inv);
  font-size:.625rem;font-weight:700;line-height:17px;text-align:center;
}
#aur-bagpip[data-show]{display:block}

#aur-crumbs{
  display:flex;align-items:center;gap:var(--aur-s2);flex-wrap:wrap;
  padding-block:var(--aur-s5) var(--aur-s4);
  font-size:var(--aur-t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--aur-ink-3);
}
#aur-crumbs svg{width:11px;height:11px;opacity:.5}
#aur-crumbs a:hover{color:var(--aur-copper)}
#aur-crumbs [aria-current]{color:var(--aur-ink)}

/* ==========================================================
   5. PAGE GRID
   ========================================================== */
#aur-pdp{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(32px,4vw,80px);align-items:start;padding-bottom:var(--aur-s9);
}
@media (max-width:1080px){ #aur-pdp{grid-template-columns:1fr;gap:var(--aur-s7)} }

/* ---------- gallery ---------- */
#aur-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--aur-s4)}
@media (max-width:720px){ #aur-gallery{grid-template-columns:1fr} }

#aur-rail{display:flex;flex-direction:column;gap:var(--aur-s2)}
@media (max-width:720px){ #aur-rail{display:none} }
.aur-railbtn{
  position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;
  background:var(--aur-paper-2);
  outline:1px solid transparent;outline-offset:-1px;
  transition:outline-color .22s var(--aur-e-quart),opacity .22s var(--aur-e-quart);
  opacity:.62;
}
.aur-railbtn img{width:100%;height:100%;object-fit:cover}
.aur-railbtn:hover{opacity:.9}
.aur-railbtn[aria-selected="true"]{opacity:1;outline-color:var(--aur-ink)}

.aur-stage{position:relative;background:var(--aur-paper-2);border-radius:2px}
#aur-viewer{
  display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  border-radius:2px;scrollbar-width:none;
}
#aur-viewer::-webkit-scrollbar{display:none}
.aur-frame{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:3/4;background:var(--aur-paper-3)}
.aur-frame img{width:100%;height:100%;object-fit:cover}

#aur-offtag{
  position:absolute;top:var(--aur-s4);left:var(--aur-s4);z-index:2;
  background:var(--aur-gold);color:var(--aur-ink);
  font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:7px 12px;border-radius:2px;
}
.aur-gnav{
  position:absolute;top:50%;translate:0 -50%;z-index:2;
  width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  background:oklch(97.8% .007 84 / .86);color:var(--aur-ink);box-shadow:var(--aur-el-1);
  opacity:0;transition:opacity .24s var(--aur-e-quart),background-color .2s;
}
.aur-stage:hover .aur-gnav,.aur-gnav:focus-visible{opacity:1}
.aur-gnav:hover{background:var(--aur-paper)}
.aur-gnav[disabled]{opacity:0!important;pointer-events:none}
#aur-gprev{left:var(--aur-s3)} #aur-gnext{right:var(--aur-s3)}
@media (max-width:720px){ .aur-gnav{display:none} }

#aur-dots{
  position:absolute;bottom:var(--aur-s4);left:50%;translate:-50% 0;z-index:2;
  display:flex;gap:6px;padding:7px 11px;border-radius:999px;
  background:oklch(97.8% .007 84 / .8);
}
.aur-dot{width:6px;height:6px;border-radius:50%;background:var(--aur-line);transition:background-color .2s,scale .2s}
.aur-dot[aria-selected="true"]{background:var(--aur-ink);scale:1.35}
@media (min-width:721px){ #aur-dots{display:none} }

/* ---------- buybox ---------- */
#aur-buy{position:sticky;top:92px;display:grid;gap:var(--aur-s5)}
@media (max-width:1080px){ #aur-buy{position:static} }

.aur-brandline{display:flex;align-items:center;gap:var(--aur-s3);color:var(--aur-ink-3)}
.aur-brandline hr{flex:1;height:1px;background:var(--aur-gold);border:0;opacity:.6}

#aur-title{
  font-size:var(--aur-t-2xl);font-weight:300;line-height:1.06;letter-spacing:-.03em;
  margin-top:var(--aur-s2);
}
.aur-metarow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--aur-s4);margin-top:var(--aur-s4)}
.aur-ratelink{display:inline-flex;align-items:center;gap:var(--aur-s2);font-size:var(--aur-t-sm);color:var(--aur-ink-2)}
.aur-ratelink u{text-underline-offset:3px}
.aur-ratelink:hover{color:var(--aur-copper)}
.aur-textbtn{
  display:inline-flex;align-items:center;gap:6px;font-size:var(--aur-t-sm);color:var(--aur-ink-2);
  border-bottom:1px solid var(--aur-line);padding-bottom:2px;transition:color .2s,border-color .2s;
}
.aur-textbtn:hover{color:var(--aur-copper);border-color:var(--aur-copper)}
.aur-textbtn svg{width:14px;height:14px}

.aur-pricerow{display:flex;align-items:baseline;gap:var(--aur-s3);margin-top:var(--aur-s5)}
#aur-price{font-size:var(--aur-t-xl);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#aur-was{font-size:var(--aur-t-base);color:var(--aur-ink-3);text-decoration-thickness:1px}
.aur-save{color:var(--aur-copper);font-size:var(--aur-t-sm);font-weight:600;letter-spacing:.04em}
.aur-payline{margin-top:var(--aur-s2);font-size:var(--aur-t-sm);color:var(--aur-ink-2);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.aur-paychip{
  font-size:.625rem;font-weight:700;letter-spacing:.1em;padding:3px 7px;
  border:1px solid var(--aur-line);border-radius:2px;color:var(--aur-ink-2);
}
#aur-promoline{
  margin-top:var(--aur-s3);display:inline-flex;align-items:center;gap:8px;
  background:var(--aur-gold-wash);color:var(--aur-ink);
  font-size:var(--aur-t-sm);font-weight:500;padding:8px 12px;border-radius:2px;
}
#aur-promoline svg{width:15px;height:15px;color:var(--aur-copper)}

.aur-optblock{padding-top:var(--aur-s5);border-top:1px solid var(--aur-line-soft)}
.aur-opthead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--aur-s4);margin-bottom:var(--aur-s3)}
.aur-optlbl{font-size:var(--aur-t-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--aur-ink-3)}
.aur-optlbl b{color:var(--aur-ink);font-weight:600;letter-spacing:.08em}

#aur-swatches{display:flex;flex-wrap:wrap;gap:var(--aur-s3)}
.aur-swatch{
  width:52px;height:52px;border-radius:50%;background-size:cover;background-position:center;
  outline:1px solid var(--aur-line);outline-offset:3px;position:relative;
  transition:outline-color .2s var(--aur-e-quart),outline-offset .2s var(--aur-e-quart);
}
.aur-swatch:hover{outline-color:var(--aur-ink-3)}
.aur-swatch[aria-pressed="true"]{outline-color:var(--aur-ink);outline-width:1.5px}
.aur-swatch[disabled]{cursor:not-allowed;opacity:.5}
.aur-swatch[disabled]::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(to top left,transparent calc(50% - 1px),var(--aur-ink-3) 50%,transparent calc(50% + 1px));
}

#aur-sizes{display:flex;flex-wrap:wrap;gap:var(--aur-s2)}
.aur-size{
  min-width:56px;height:48px;padding:0 var(--aur-s3);border:1px solid var(--aur-line);border-radius:2px;
  font-size:var(--aur-t-md);font-weight:500;letter-spacing:.04em;background:var(--aur-paper);
  transition:border-color .18s var(--aur-e-quart),background-color .18s var(--aur-e-quart),color .18s var(--aur-e-quart);
}
.aur-size:hover:not([disabled]){border-color:var(--aur-ink)}
.aur-size[aria-pressed="true"]{background:var(--aur-ink);border-color:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-size[disabled]{
  color:var(--aur-ink-3);cursor:not-allowed;background:var(--aur-paper-2);
  background-image:linear-gradient(to top left,transparent calc(50% - .5px),var(--aur-line) 50%,transparent calc(50% + .5px));
}
#aur-sizeerr{
  display:none;align-items:center;gap:7px;margin-top:var(--aur-s3);
  font-size:var(--aur-t-sm);color:var(--aur-bad);
  background:var(--aur-bad-wash);padding:8px 11px;border-radius:2px;
}
#aur-sizeerr[data-show]{display:flex;animation:aur-shake .3s var(--aur-e-io)}
@keyframes aur-shake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
#aur-stocknote{margin-top:var(--aur-s3);font-size:var(--aur-t-sm);color:var(--aur-copper);display:none}
#aur-stocknote[data-show]{display:block}

.aur-addrow{display:grid;grid-template-columns:1fr 56px;gap:var(--aur-s2)}
#aur-wish{
  display:grid;place-items:center;border:1px solid var(--aur-ink);border-radius:2px;
  color:var(--aur-ink);transition:background-color .2s,color .2s,border-color .2s;
}
#aur-wish svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
#aur-wish:hover{border-color:var(--aur-copper);color:var(--aur-copper)}
#aur-wish[aria-pressed="true"]{background:var(--aur-copper);border-color:var(--aur-copper);color:var(--aur-ink-inv)}
#aur-wish[aria-pressed="true"] svg{fill:currentColor}

/* ---------- service list ---------- */
#aur-service{display:grid;gap:var(--aur-s4);padding-top:var(--aur-s5);border-top:1px solid var(--aur-line-soft)}
.aur-zipline{display:flex;align-items:center;gap:8px;font-size:var(--aur-t-sm);color:var(--aur-ink-3)}
#aur-zipbtn{display:inline-flex;align-items:center;gap:6px;color:var(--aur-ink);font-weight:600;border-bottom:1px dashed var(--aur-line)}
#aur-zipbtn:hover{color:var(--aur-copper);border-color:var(--aur-copper)}
#aur-zipbtn svg{width:13px;height:13px}
.aur-svc{display:grid;grid-template-columns:22px 1fr;gap:var(--aur-s3);align-items:start}
.aur-svc>svg{width:19px;height:19px;margin-top:2px;fill:none;stroke:var(--aur-copper);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.aur-svc__t{font-size:var(--aur-t-md);font-weight:500}
.aur-svc__s{font-size:var(--aur-t-sm);color:var(--aur-ink-3);margin-top:2px}
.aur-svc a{border-bottom:1px solid var(--aur-line)}
.aur-svc a:hover{color:var(--aur-copper);border-color:var(--aur-copper)}
.aur-info{
  width:16px;height:16px;border-radius:50%;border:1px solid var(--aur-line);
  font-size:.625rem;font-weight:700;color:var(--aur-ink-3);vertical-align:1px;margin-left:4px;
}
.aur-info:hover{border-color:var(--aur-copper);color:var(--aur-copper)}

/* ---------- accordions ---------- */
#aur-accs{border-top:1px solid var(--aur-line-soft)}
.aur-acc{border-bottom:1px solid var(--aur-line-soft)}
.aur-acc__btn{
  display:grid;grid-template-columns:20px 1fr 16px;align-items:center;gap:var(--aur-s3);
  width:100%;padding:var(--aur-s5) 0;text-align:left;
  font-size:var(--aur-t-md);font-weight:500;letter-spacing:.02em;
  transition:color .2s var(--aur-e-quart);
}
.aur-acc__btn:hover{color:var(--aur-copper)}
.aur-acc__btn>svg:first-child{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;color:var(--aur-ink-3)}
.aur-acc__chev{width:14px;height:14px;transition:rotate .4s var(--aur-e-out);color:var(--aur-ink-3)}
.aur-acc__btn[aria-expanded="true"] .aur-acc__chev{rotate:180deg}
.aur-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--aur-e-out)}
.aur-acc__panel[data-open]{grid-template-rows:1fr}
.aur-acc__in{overflow:hidden}
.aur-acc__body{padding:0 0 var(--aur-s5) 32px;display:grid;gap:var(--aur-s4);color:var(--aur-ink-2);font-size:var(--aur-t-md);max-width:68ch}
.aur-spec{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:var(--aur-s2) var(--aur-s5);font-size:var(--aur-t-sm)}
.aur-spec dt{color:var(--aur-ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:var(--aur-t-xs);font-weight:600;padding-top:2px}
.aur-spec dd{color:var(--aur-ink)}
.aur-bullets{display:grid;gap:var(--aur-s3)}
.aur-bullets li{display:grid;grid-template-columns:7px 1fr;gap:var(--aur-s3);align-items:start}
.aur-bullets li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--aur-gold);margin-top:9px}

/* ==========================================================
   6. SECTIONS (full width)
   ========================================================== */
.aur-sec{padding-block:var(--aur-s9)}
.aur-sec--tint{background:var(--aur-paper-2)}
.aur-sec--ivory{background:var(--aur-ivory)}
.aur-sechead{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:var(--aur-s5);margin-bottom:var(--aur-s7);
}
.aur-sechead h2{font-size:var(--aur-t-xl);font-weight:300;letter-spacing:-.02em}
.aur-sechead p{margin-top:var(--aur-s3);color:var(--aur-ink-2);font-size:var(--aur-t-md);max-width:62ch}
.aur-seclink{
  display:inline-flex;align-items:center;gap:8px;font-size:var(--aur-t-xs);font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid var(--aur-ink);
  transition:gap .25s var(--aur-e-out),color .2s,border-color .2s;
}
.aur-seclink:hover{gap:14px;color:var(--aur-copper);border-color:var(--aur-copper)}
.aur-seclink svg{width:13px;height:13px}

/* ---------- similar strip (in right column) ---------- */
#aur-similar{border-top:1px solid var(--aur-line-soft);padding-top:var(--aur-s5)}
.aur-simstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--aur-s2)}
.aur-simtile{aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:var(--aur-paper-3)}
.aur-simtile img{width:100%;height:100%;object-fit:cover;transition:scale .5s var(--aur-e-out)}
.aur-simtile:hover img{scale:1.05}
.aur-simfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--aur-s4);margin-top:var(--aur-s4)}
.aur-simfoot h2{font-size:var(--aur-t-base);font-weight:500}

/* ---------- style it with ---------- */
#aur-styleit{border-top:1px solid var(--aur-line-soft);padding-top:var(--aur-s5)}
#aur-sigrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--aur-s4);margin-top:var(--aur-s4)}
.aur-si img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:2px;background:var(--aur-paper-3);transition:scale .5s var(--aur-e-out)}
.aur-si:hover img{scale:1.04}
.aur-si__n{font-size:var(--aur-t-sm);margin-top:var(--aur-s2);line-height:1.35}
.aur-si__p{font-size:var(--aur-t-sm);font-weight:600;color:var(--aur-copper);font-variant-numeric:tabular-nums}

/* ---------- get the look ---------- */
.aur-lookwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,3vw,56px);align-items:start}
@media (max-width:1000px){ .aur-lookwrap{grid-template-columns:1fr} }
#aur-lookitems{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);
  gap:var(--aur-s4);overflow-x:auto;padding-bottom:var(--aur-s3);scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.aur-lk{scroll-snap-align:start}
.aur-lk__m{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:var(--aur-paper-3)}
.aur-lk__m img{width:100%;height:100%;object-fit:cover}
.aur-lk__badge{
  position:absolute;top:8px;left:8px;background:var(--aur-ink);color:var(--aur-ink-inv);
  font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:2px;
}
.aur-tick{
  position:absolute;bottom:8px;right:8px;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;background:oklch(97.8% .007 84 / .9);
  border:1px solid var(--aur-line);color:transparent;
  transition:background-color .2s var(--aur-e-quart),color .2s,border-color .2s;
}
.aur-tick svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.aur-tick:hover{border-color:var(--aur-ink)}
.aur-tick[aria-pressed="true"]{background:var(--aur-ink);border-color:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-lk__n{font-size:var(--aur-t-sm);font-weight:500;margin-top:var(--aur-s3);line-height:1.35}
.aur-lk__meta{font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:2px}
.aur-lk__p{display:flex;gap:8px;align-items:baseline;margin-top:6px;font-variant-numeric:tabular-nums}
.aur-lk__now{font-size:var(--aur-t-sm);font-weight:600}
.aur-lk__was{font-size:var(--aur-t-xs);color:var(--aur-ink-3);text-decoration:line-through}

#aur-looksum{
  background:var(--aur-paper);border:1px solid var(--aur-line);border-radius:2px;
  padding:var(--aur-s5);display:grid;gap:var(--aur-s4);
}
#aur-looksum dl{display:grid;gap:var(--aur-s3)}
.aur-sumrow{display:flex;justify-content:space-between;gap:var(--aur-s4);font-size:var(--aur-t-md);color:var(--aur-ink-2)}
.aur-sumrow dd{font-variant-numeric:tabular-nums;color:var(--aur-ink)}
.aur-sumrow--tot{
  padding-top:var(--aur-s3);border-top:1px solid var(--aur-line-soft);
  font-size:var(--aur-t-lg);font-weight:600;color:var(--aur-ink);
}
#aur-looksave dd,#aur-looksave{color:var(--aur-copper)}
#aur-lookempty{display:none;font-size:var(--aur-t-sm);color:var(--aur-ink-3)}
#aur-lookempty[data-show]{display:block}

/* ---------- details display ---------- */
.aur-detgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,3vw,56px)}
@media (min-width:900px){ .aur-det:nth-child(even){margin-top:var(--aur-s8)} }
.aur-det__m{aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:var(--aur-paper-3)}
.aur-det__m img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--aur-e-out)}
.aur-det:hover .aur-det__m img{scale:1.04}
.aur-det__n{
  font-size:2.25rem;font-weight:300;color:var(--aur-gold);line-height:1;
  margin-top:var(--aur-s4);font-variant-numeric:tabular-nums;
}
.aur-det__t{font-size:var(--aur-t-lg);font-weight:400;margin-top:var(--aur-s2)}
.aur-det__d{font-size:var(--aur-t-md);color:var(--aur-ink-2);margin-top:var(--aur-s2);max-width:42ch}

.aur-detspecs{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  margin-top:var(--aur-s9);border-top:1px solid var(--aur-line);
}
.aur-detspec{padding:var(--aur-s5) var(--aur-s4) var(--aur-s5) 0;border-bottom:1px solid var(--aur-line-soft)}
.aur-detspec dt{font-size:var(--aur-t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--aur-ink-3);font-weight:600}
.aur-detspec dd{font-size:var(--aur-t-base);margin-top:6px}

#aur-lookbook{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--aur-s4);margin-top:var(--aur-s9)}
@media (max-width:820px){ #aur-lookbook{grid-template-columns:repeat(2,1fr)} }
.aur-lb{overflow:hidden}
.aur-lb img{width:100%;object-fit:cover;border-radius:2px;background:var(--aur-paper-3);transition:scale .6s var(--aur-e-out)}
.aur-lb:nth-child(1) img{aspect-ratio:2/3}
.aur-lb:nth-child(2) img{aspect-ratio:3/4;margin-top:var(--aur-s7)}
.aur-lb:nth-child(3) img{aspect-ratio:2/3}
.aur-lb:nth-child(4) img{aspect-ratio:3/4;margin-top:var(--aur-s7)}
.aur-lb:hover img{scale:1.03}
.aur-lb figcaption{
  font-size:var(--aur-t-xs);letter-spacing:.12em;text-transform:uppercase;
  color:var(--aur-ink-3);margin-top:var(--aur-s3);
}

/* ---------- reviews ---------- */
.aur-revtop{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,3vw,56px);align-items:start}
@media (max-width:1000px){ .aur-revtop{grid-template-columns:1fr} }
#aur-score{font-size:4rem;font-weight:200;line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.aur-scoresub{font-size:var(--aur-t-sm);color:var(--aur-ink-3);margin-top:var(--aur-s3)}
.aur-scorerec{font-size:var(--aur-t-md);margin-top:var(--aur-s3)}
.aur-scorerec b{font-variant-numeric:tabular-nums}

.aur-bars{display:grid;gap:var(--aur-s2)}
.aur-barrow{
  display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:var(--aur-s3);
  font-size:var(--aur-t-sm);color:var(--aur-ink-2);padding:3px 0;
  transition:color .18s var(--aur-e-quart);
}
.aur-barrow:hover{color:var(--aur-ink)}
.aur-barrow[aria-pressed="true"]{color:var(--aur-copper);font-weight:600}
.aur-bartrack{height:5px;border-radius:999px;background:var(--aur-paper-3);overflow:hidden}
.aur-bartrack span{
  display:block;height:100%;width:0;border-radius:999px;background:var(--aur-gold);
  transition:width .9s var(--aur-e-out);
}
.aur-barrow[aria-pressed="true"] .aur-bartrack span{background:var(--aur-copper)}
.aur-barrow>.aur-num{text-align:right;font-variant-numeric:tabular-nums}

.aur-meters{display:grid;gap:var(--aur-s5)}
.aur-meter__top{display:flex;justify-content:space-between;gap:var(--aur-s3);font-size:var(--aur-t-sm)}
.aur-meter__top span:first-child{color:var(--aur-ink-3);text-transform:uppercase;letter-spacing:.12em;font-size:var(--aur-t-xs);font-weight:600}
.aur-meter__seg{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:8px}
.aur-meter__seg span{height:4px;border-radius:999px;background:var(--aur-paper-3)}
.aur-meter__seg span[data-on]{background:var(--aur-gold-deep)}
.aur-meter__ends{display:flex;justify-content:space-between;font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:6px}

#aur-fitcallout{
  margin-top:var(--aur-s7);padding:var(--aur-s5);border:1px solid var(--aur-line);border-radius:2px;
  background:var(--aur-paper);display:grid;gap:var(--aur-s3);max-width:76ch;
}
.aur-aitag{display:inline-flex;align-items:center;gap:7px;font-size:var(--aur-t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--aur-copper)}
.aur-aitag svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.aur-genby{font-size:var(--aur-t-xs);color:var(--aur-ink-3);display:flex;align-items:center;gap:6px}
.aur-genby svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}

#aur-tagfilter{display:flex;flex-wrap:wrap;gap:var(--aur-s2);margin-top:var(--aur-s7)}
.aur-tag{
  display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;
  border:1px solid var(--aur-line);font-size:var(--aur-t-sm);color:var(--aur-ink-2);background:var(--aur-paper);
  transition:border-color .18s var(--aur-e-quart),background-color .18s,color .18s;
}
.aur-tag i{font-style:normal;font-size:var(--aur-t-xs);color:var(--aur-ink-3);font-variant-numeric:tabular-nums}
.aur-tag:hover{border-color:var(--aur-ink)}
.aur-tag[aria-pressed="true"]{background:var(--aur-ink);border-color:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-tag[aria-pressed="true"] i{color:var(--aur-gold)}

#aur-photos{margin-top:var(--aur-s7)}
#aur-photos h3{font-size:var(--aur-t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--aur-ink-3);font-weight:600;display:flex;align-items:center;gap:8px}
#aur-photostrip{display:flex;gap:var(--aur-s2);overflow-x:auto;padding:var(--aur-s3) 0 var(--aur-s2);scrollbar-width:thin}
#aur-photostrip button{flex:0 0 104px}
#aur-photostrip img{width:104px;height:130px;object-fit:cover;border-radius:2px;background:var(--aur-paper-3);transition:opacity .2s}
#aur-photostrip button:hover img{opacity:.82}

.aur-revtools{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--aur-s4);
  margin-top:var(--aur-s8);padding-bottom:var(--aur-s4);border-bottom:1px solid var(--aur-line);
}
#aur-showing{font-size:var(--aur-t-sm);color:var(--aur-ink-3);font-variant-numeric:tabular-nums}
.aur-selects{display:flex;flex-wrap:wrap;gap:var(--aur-s4)}
.aur-sel{display:flex;align-items:center;gap:8px;font-size:var(--aur-t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--aur-ink-3);font-weight:600}
.aur-sel select{
  border:1px solid var(--aur-line);background:var(--aur-paper);border-radius:2px;
  padding:8px 10px;font-size:var(--aur-t-sm);letter-spacing:0;text-transform:none;font-weight:400;color:var(--aur-ink);
}
.aur-sel select:hover{border-color:var(--aur-ink-3)}

#aur-revlist{display:grid;gap:0}
.aur-rev{display:grid;grid-template-columns:auto 1fr;gap:var(--aur-s4);padding:var(--aur-s6) 0;border-bottom:1px solid var(--aur-line-soft)}
.aur-avatar{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:var(--aur-gold-wash);color:var(--aur-copper-deep);font-weight:600;font-size:var(--aur-t-sm);
}
.aur-rev__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--aur-s3)}
.aur-rev__name{font-weight:600;font-size:var(--aur-t-md)}
.aur-verified{display:inline-flex;align-items:center;gap:5px;font-size:var(--aur-t-xs);color:var(--aur-good)}
.aur-verified svg{width:13px;height:13px;fill:currentColor}
.aur-rev__date{font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-left:auto}
.aur-rev__t{font-weight:600;font-size:var(--aur-t-md);margin-top:var(--aur-s3)}
.aur-rev__b{color:var(--aur-ink-2);font-size:var(--aur-t-md);margin-top:6px;max-width:72ch}
.aur-rev__meta{display:flex;flex-wrap:wrap;gap:var(--aur-s2);margin-top:var(--aur-s3)}
.aur-rev__photo{margin-top:var(--aur-s3)}
.aur-rev__photo img{width:96px;height:120px;object-fit:cover;border-radius:2px}
.aur-helpful{
  display:inline-flex;align-items:center;gap:7px;margin-top:var(--aur-s4);
  font-size:var(--aur-t-sm);color:var(--aur-ink-3);transition:color .2s;
}
.aur-helpful svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.aur-helpful:hover{color:var(--aur-ink)}
.aur-helpful[aria-pressed="true"]{color:var(--aur-copper);font-weight:600}

#aur-revempty{display:none;padding:var(--aur-s8) 0;text-align:center;color:var(--aur-ink-3)}
#aur-revempty[data-show]{display:block}
#aur-revempty svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4;margin-inline:auto}
#aur-revempty p{margin:var(--aur-s3) auto var(--aur-s4);max-width:38ch;font-size:var(--aur-t-md)}
.aur-skel{padding:var(--aur-s6) 0;display:grid;gap:var(--aur-s3);border-bottom:1px solid var(--aur-line-soft)}
.aur-skel span{display:block;height:12px;border-radius:2px;background:var(--aur-paper-3);animation:aur-pulse 1.4s ease-in-out infinite}
.aur-skel span:nth-child(1){width:28%}
.aur-skel span:nth-child(2){width:64%;animation-delay:.1s}
.aur-skel span:nth-child(3){width:88%;animation-delay:.2s}
@keyframes aur-pulse{50%{opacity:.45}}
#aur-loadmore{margin-top:var(--aur-s6)}

/* ---------- recommendations ---------- */
#aur-recgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--aur-s5) var(--aur-s4)}
.aur-rec__m{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:var(--aur-paper-3)}
.aur-rec__m img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--aur-e-out)}
.aur-rec:hover .aur-rec__m img{scale:1.05}
.aur-rec__flag{
  position:absolute;top:10px;left:10px;background:var(--aur-paper);color:var(--aur-ink);
  font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:2px;
}
.aur-rec__flag[data-hot]{background:var(--aur-copper);color:var(--aur-ink-inv)}
.aur-rec__quick{
  position:absolute;left:10px;right:10px;bottom:10px;height:40px;border-radius:2px;
  background:var(--aur-paper);color:var(--aur-ink);font-size:var(--aur-t-xs);font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;display:grid;place-items:center;
  opacity:0;translate:0 8px;transition:opacity .28s var(--aur-e-out),translate .28s var(--aur-e-out);
}
.aur-rec:hover .aur-rec__quick,.aur-rec__quick:focus-visible{opacity:1;translate:0}
.aur-rec__n{font-size:var(--aur-t-md);margin-top:var(--aur-s3);line-height:1.35}
.aur-rec__c{font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:3px}
.aur-rec__r{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--aur-t-xs);color:var(--aur-ink-3)}
.aur-rec__p{display:flex;gap:8px;align-items:baseline;margin-top:6px;font-variant-numeric:tabular-nums}
.aur-rec__p b{font-size:var(--aur-t-md);font-weight:600}
.aur-rec__p s{font-size:var(--aur-t-xs);color:var(--aur-ink-3)}
#aur-recmore{display:flex;justify-content:center;margin-top:var(--aur-s7)}

/* ==========================================================
   7. STICKY BUY BAR
   ========================================================== */
#aur-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:var(--aur-z-sticky);
  background:oklch(97.8% .007 84 / .94);backdrop-filter:blur(12px);
  border-top:1px solid var(--aur-line);
  translate:0 100%;transition:translate .38s var(--aur-e-out);
}
#aur-sticky[data-show]{translate:0}
.aur-stinner{
  display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;
  gap:var(--aur-s4);padding-block:var(--aur-s3);
}
.aur-stinner>img{width:56px;height:70px;object-fit:cover;border-radius:2px}
.aur-st__n{font-size:var(--aur-t-md);font-weight:500;line-height:1.3}
.aur-st__p{display:flex;gap:8px;align-items:baseline;margin-top:2px;font-variant-numeric:tabular-nums}
.aur-st__now{font-weight:600;font-size:var(--aur-t-md)}
.aur-st__was{font-size:var(--aur-t-xs);color:var(--aur-ink-3);text-decoration:line-through}
.aur-st__rate{display:flex;align-items:center;gap:var(--aur-s3)}
@media (max-width:760px){
  .aur-stinner{grid-template-columns:44px minmax(0,1fr) auto}
  .aur-stinner>img{width:44px;height:56px}
  .aur-st__rate{display:none}
  #aur-stickyadd{padding-inline:var(--aur-s4)}
}

/* ==========================================================
   8. BAG DRAWER
   ========================================================== */
#aur-scrim{
  position:fixed;inset:0;z-index:var(--aur-z-scrim);background:oklch(27% .028 62 / .38);
  opacity:0;pointer-events:none;transition:opacity .3s var(--aur-e-quart);
}
#aur-scrim[data-show]{opacity:1;pointer-events:auto}
#aur-bag{
  position:fixed;top:0;right:0;bottom:0;z-index:var(--aur-z-drawer);
  width:min(430px,100vw);background:var(--aur-paper);
  display:grid;grid-template-rows:auto 1fr auto;
  translate:100% 0;transition:translate .42s var(--aur-e-out);box-shadow:var(--aur-el-3);
}
#aur-bag[data-open]{translate:0}
.aur-bag__head{display:flex;align-items:center;justify-content:space-between;padding:var(--aur-s5);border-bottom:1px solid var(--aur-line-soft)}
.aur-bag__head h2{font-size:var(--aur-t-base);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
#aur-bagbody{overflow-y:auto;padding:var(--aur-s5);display:grid;gap:var(--aur-s5);align-content:start}
.aur-bagline{display:grid;grid-template-columns:72px 1fr;gap:var(--aur-s4)}
.aur-bagline img{width:72px;height:92px;object-fit:cover;border-radius:2px}
.aur-bagline__n{font-size:var(--aur-t-md);font-weight:500;line-height:1.3}
.aur-bagline__v{font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:3px}
.aur-bagline__row{display:flex;align-items:center;justify-content:space-between;gap:var(--aur-s3);margin-top:var(--aur-s3)}
.aur-qty{display:inline-flex;align-items:center;border:1px solid var(--aur-line);border-radius:2px}
.aur-qty button{width:32px;height:32px;display:grid;place-items:center;color:var(--aur-ink-2)}
.aur-qty button:hover{color:var(--aur-copper)}
.aur-qty span{min-width:26px;text-align:center;font-size:var(--aur-t-sm);font-variant-numeric:tabular-nums}
.aur-bagline__p{font-size:var(--aur-t-md);font-weight:600;font-variant-numeric:tabular-nums}
.aur-remove{font-size:var(--aur-t-xs);color:var(--aur-ink-3);border-bottom:1px solid var(--aur-line);margin-top:var(--aur-s2)}
.aur-remove:hover{color:var(--aur-bad);border-color:var(--aur-bad)}
#aur-bagempty{display:grid;justify-items:center;text-align:center;gap:var(--aur-s4);padding:var(--aur-s9) var(--aur-s4)}
#aur-bagempty svg{width:30px;height:30px;fill:none;stroke:var(--aur-ink-3);stroke-width:1.3;stroke-linejoin:round}
#aur-bagempty p{max-width:32ch;color:var(--aur-ink-3);font-size:var(--aur-t-md)}
.aur-bag__foot{padding:var(--aur-s5);border-top:1px solid var(--aur-line-soft);display:grid;gap:var(--aur-s3)}
#aur-shiptext{font-size:var(--aur-t-sm);color:var(--aur-ink-2)}
.aur-track{display:block;height:4px;border-radius:999px;background:var(--aur-paper-3);overflow:hidden}
#aur-shipfill{display:block;height:100%;width:0;background:var(--aur-gold);border-radius:999px;transition:width .5s var(--aur-e-out)}
.aur-subrow{display:flex;justify-content:space-between;font-size:var(--aur-t-base);font-weight:600;margin-top:var(--aur-s2)}
.aur-subrow span:last-child{font-variant-numeric:tabular-nums}

/* ==========================================================
   9. DIALOGS
   ========================================================== */
.aur-dialog{
  border:0;padding:0;border-radius:3px;background:var(--aur-paper);color:var(--aur-ink);
  width:min(720px,calc(100vw - 32px));max-height:min(86vh,860px);box-shadow:var(--aur-el-3);
}
.aur-dialog::backdrop{background:oklch(27% .028 62 / .4);backdrop-filter:blur(2px)}
.aur-dialog[open]{animation:aur-pop .34s var(--aur-e-out)}
@keyframes aur-pop{from{opacity:0;transform:translateY(14px) scale(.99)}}
.aur-dlg__head{
  display:flex;align-items:center;justify-content:space-between;gap:var(--aur-s4);
  padding:var(--aur-s5);border-bottom:1px solid var(--aur-line-soft);
  position:sticky;top:0;background:var(--aur-paper);z-index:1;
}
.aur-dlg__head h2{font-size:var(--aur-t-base);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.aur-dlg__body{padding:var(--aur-s5);display:grid;gap:var(--aur-s5);overflow-y:auto}
.aur-measurehead{display:flex;align-items:center;justify-content:space-between;gap:var(--aur-s4)}
.aur-units{display:inline-flex;border:1px solid var(--aur-line);border-radius:2px;overflow:hidden}
.aur-units button{padding:7px 14px;font-size:var(--aur-t-sm);color:var(--aur-ink-2);transition:background-color .2s,color .2s}
.aur-units button[aria-pressed="true"]{background:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-tscroll{overflow-x:auto}
.aur-table{width:100%;border-collapse:collapse;font-size:var(--aur-t-sm);font-variant-numeric:tabular-nums}
.aur-table th,.aur-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--aur-line-soft);white-space:nowrap}
.aur-table thead th{
  font-size:var(--aur-t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--aur-ink-3);
  border-bottom:1px solid var(--aur-line);
}
.aur-table tbody tr:hover{background:var(--aur-gold-wash)}
.aur-table tbody tr[data-oos]{color:var(--aur-ink-3)}
.aur-table tbody tr[data-oos] th::after{content:" · sold out";font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--aur-copper)}
.aur-table tbody tr[data-current]{background:var(--aur-gold-wash);font-weight:600}
.aur-input{display:grid;gap:6px}
.aur-input label{font-size:var(--aur-t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--aur-ink-3)}
.aur-input input,.aur-input textarea{
  border:1px solid var(--aur-line);border-radius:2px;padding:12px 14px;background:var(--aur-paper);
  font-size:var(--aur-t-md);transition:border-color .2s;
}
.aur-input textarea{min-height:104px;resize:vertical}
.aur-input input:hover,.aur-input textarea:hover{border-color:var(--aur-ink-3)}
.aur-input small{font-size:var(--aur-t-xs);color:var(--aur-ink-3)}
.aur-input[data-bad] input,.aur-input[data-bad] textarea{border-color:var(--aur-bad)}
.aur-input[data-bad] small{color:var(--aur-bad)}
.aur-input[data-ok] input{border-color:var(--aur-good)}
.aur-sumbox{background:var(--aur-gold-wash);border-radius:2px;padding:var(--aur-s5);display:grid;gap:var(--aur-s3)}
.aur-sumbox p{font-size:var(--aur-t-md);color:var(--aur-ink-2)}
.aur-fitbar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.aur-fitbar span{height:6px;border-radius:999px;background:var(--aur-paper-3)}
.aur-fitbar span[data-on]{background:var(--aur-gold-deep)}
.aur-fitlbl{display:flex;justify-content:space-between;font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:8px}

/* ==========================================================
   10. TOAST + FOOTER
   ========================================================== */
#aur-toast{
  position:fixed;left:50%;bottom:104px;z-index:var(--aur-z-toast);
  translate:-50% 16px;opacity:0;pointer-events:none;
  display:flex;align-items:center;gap:10px;
  background:var(--aur-ink);color:var(--aur-ink-inv);
  padding:13px 20px;border-radius:2px;font-size:var(--aur-t-md);box-shadow:var(--aur-el-2);
  transition:opacity .28s var(--aur-e-out),translate .28s var(--aur-e-out);
}
#aur-toast[data-show]{opacity:1;translate:-50% 0}
#aur-toast svg{width:16px;height:16px;fill:none;stroke:var(--aur-gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

#aur-foot{background:var(--aur-ink);color:var(--aur-ivory);padding-block:var(--aur-s8) var(--aur-s7);margin-bottom:84px}
.aur-footgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--aur-s6)}
.aur-footgrid h3{font-size:var(--aur-t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--aur-gold);font-weight:600;margin-bottom:var(--aur-s3)}
.aur-footgrid a{display:block;padding:5px 0;font-size:var(--aur-t-sm);opacity:.8;transition:opacity .2s,color .2s}
.aur-footgrid a:hover{opacity:1;color:var(--aur-gold)}
.aur-footbase{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--aur-s4);
  margin-top:var(--aur-s7);padding-top:var(--aur-s5);
  border-top:1px solid oklch(88.5% .037 82 / .18);
  font-size:var(--aur-t-xs);letter-spacing:.06em;opacity:.7;
}
	body.page.page-id-302 {
    background: rgb(var(--color-base-highlight)) !important;
}
	body.page.page-id-302 {
    background: rgb(var(--color-base-highlight)) !important;
}

.aur-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.aur-ib svg {
    width: 25px !important;
}

.aur-dlg__head h2 {
    margin: 0px !important;
}
	a,button
	{
		cursor:pointer !important;
	}
	body.page.page-id-302 {
    background: rgb(var(--color-base-highlight)) !important;
}

.aur-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.aur-ib svg {
    width: 25px !important;
}

.aur-dlg__head h2 {
    margin: 0px !important;
}

.aur-gnav svg {
    width: 20px !important;
    height: 20px !important;
}

.aur-eyebrow {
    font-weight: 400 !important;
}


.aur-optlbl {
    font-weight: 400 !important;
}

.aur-btn {
    color: rgb(var(--color-button-text)) !important;
}

.aur-svc__t {
    margin-bottom: 0px !important;
}

.aur-info {
    display: none !important;
}

.aur-st__n {
    margin: 0px !important;
}

p.aur-st__p {
    margin: 0px !important;
}

.aur-acc h2 {
    margin: 0px !important;
}

svg.aur-acc__chev {
    width: 21px !important;
    height: 21px !important;
    background: rgb(var(--color-background)) !important;
    padding: 3px !important;
    border-radius: 50px !important;
}

.aur-btn--sm {
    color: rgb(var(--color-foreground)) !important;
}

.aur-simfoot h2 {
    margin: 0px !important;
}

.aur-sechead p {
    margin-bottom: 0px !important;
}

.aur-sechead h2 {
    margin-bottom: 5px !important;
    padding-top: 10px !important;
}

p.aur-lk__n {
    margin-bottom: 0px !important;
}

p.aur-lk__meta {
    margin-bottom: 0px !important;
}

.aur-det__n {
    margin-bottom: 15px !important;
}

.aur-detspec dd {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

#aur-score {
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

.aur-aitag {
    margin-bottom: 5px !important;
}

div#aur-photos svg {
    width: 30px !important;
    height: 30px !important;
}

.aur-sel select {
    color: rgb(var(--color-foreground)) !important;
}

.aur-revtools {
    display: none;
}

div#aur-revempty {
    display: none !important;
}

p.aur-rec__n {
    margin-bottom: 0px !important;
}

p.aur-rec__c {
    margin-bottom: 0px !important;
}

.aur-rec__r {
    margin-bottom: 0px !important;
}

.aur-btn--line {
    color: rgb(var(--color-foreground)) !important;
}
	p.aur-rev__t {
    margin-bottom: 5px !important;
    margin-top: 0px !important;
}

.aur-btn--line:hover {
    color: rgb(var(--color-button-text)) !important;
}
	@media (max-width: 801px) {
#aur-title {
    font-size: 25px !important;
    font-weight: 500 !important;
}

.aur-si__n {
    margin-bottom: 5px !important;
}

.aur-btn {
    font-size: 14px !important;
    padding: 6px 17px !important;
    line-height: normal !important;
}

.aur-stinner>img {
    display: none !important;
}

.aur-shell.aur-stinner img+div {
    display: none !important;
}

.aur-stinner {
    display: block !important;
}

#aur-stickyadd {
    width: 100% !important;

		}
		#aur-pdp {
    padding-bottom: 20px !important;
}

.aur-sec {
    padding: 20px 5px !important;
}

.aur-sechead p {
    font-size: 15px !important;
}

.aur-sumrow dd {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.aur-detspecs {
    margin-top: 5px !important;
}

#aur-lookbook {
    margin-top: 25px !important;
}
}
	p#aur-sizeerr svg {
    width: 20px !important;
    height: 20px !important;
}

#aur-bag {
    z-index: 999999999999999999999999999999 !important;
}

aside#aur-bag svg {
    width: 15px !important;
    height: 15px !important;
}

p#aur-shiptext {
    margin-bottom: 0px !important;
}

	h1#fsh-h1 {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;

	}
	.bty-stage {
    display: none !important;
}

#bty-h1 {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;
}
	#bty-panel {
    height: 100% !important;
    display: block !important;
}
	div#fnv-promo-top {
    background: rgb(var(--color-background)) !important;
    border-bottom: 1px solid rgb(var(--color-background) / 0.16) !important;
}
	p.tc-fine {
    display: none !important;
}

.tc-mast-t h1 {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;
}

.tc-mast-t p {
    font-size: 15px !important;
}

.tc-index a * {
    font-size: 14px !important;
}

.tc-index {
    border: 0px !important;
}

.tc-dek {
    font-size: 14.5px !important;
}

.tc-fine {
    font-size: 13px !important;
}

.tc-p9 .tc-ttl {
    display: block !important;
    padding: 5px 0px !important;
}

.tc-lab {
    font-size: 13px !important;
}

.tc-state p {
    text-transform: capitalize;
    color: rgb(var(--color-foreground)) !important;
    font-weight: 300 !important;
}

.tc-chip[aria-pressed="true"] {
    color: rgb(var(--color-button-text)) !important;
}

.tc-tbl caption {
    font-size: 12px !important;
}

.tc-tblwrap td, .tc-tblwrap th {
    border: 0px !important;
}

table#tc-tbl {
    border: 0px !important;
}

.tc-tbl tbody tr:hover {
    background: rgb(var(--color-background)) !important;
}

.tc-foot-row {
    display: none !important;
}

.tc-swatch span {
    font-size: 12px !important;
    line-height: normal !important;
}

.tc-swatch em {
    line-height: normal !important;
}

.tc-score {
    border: 0px !important;
}

.tc-score-top h3 {
    font-size: 15px !important;
}

.tc-score li:hover {
    background: rgb(var(--color-background)) !important;
}

.tc-inv {
    background: transparent !important;
    padding: 0px !important;
}

.tc-jargon {
    border: 0px !important;
}

.tc-jrow dd {
    font-size: 13px !important;
}

.tc-method {
    border: 0px !important;
}

.tc-method p {
    font-size: 14px !important;
    font-weight: 300 !important;
}
	.tc-ttl {
    font-family: "Playfair Display", serif !important;
    text-transform: capitalize;
    font-size: 23px !important;
}
	p.bt-fine {
    display: none !important;
}

.bt-mast-t h1 {
    font-weight: 400 !important;
    font-family: "Fraunces", serif !important;
}

.bt-mast-t p {
    font-size: 15px !important;
}

.bt-pick-card h2 a {
    font-family: "Playfair Display", serif !important;
}

span.bt-ttl {
    font-size: 19px !important;
    font-family: "Playfair Display", serif !important;
    text-transform: capitalize;
}

.bt-long {
    padding: 0px !important;
    background: transparent !important;
}

span.bt-verdict {
    width: fit-content;
}

h2#bt-long-h {
    font-family: "Playfair Display", serif !important;
}

.bt-long-t p {
    padding: 6px 0px !important;
}

.bt-state p {
    text-transform: capitalize;
    color: rgb(var(--color-foreground)) !important;
    font-weight: 300 !important;
}

.bt-state h2 {
    font-family: "Playfair Display", serif !important;
}

.bt-step p {
    font-size: 14px !important;
}

.bt-step h4 {
    font-size: 16px !important;
}

.bt-tbl th, .bt-tbl td {
    border: 0px !important;
}

.bt-matrix {
    border: 0px !important;
}

.bt-matrix table.bt-tbl {
    border: 0px !important;
}

.bt-obj {
    width: 100% !important;
}

.bt-shelf {
    background: transparent !important;
}

.bt-test {
    border: 0px !important;
}
	.bt-filter[aria-pressed="true"] {
    background: transparent !important;
}
	.nj-top-meta {
    display: none !important;
}

.nj-top h1 {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;
    font-size: 45px !important;
}

.nj-arow:hover {
    background: transparent !important;
}

.nj-h-s {
    font-family: "Playfair Display", serif !important;
    font-size: 18px !important;
}

.nj-lead .nj-h-xl {
    font-family: "Playfair Display", serif !important;
    font-weight: 500 !important;
}

.nj-band {
    padding: 0px !important;
    background: transparent !important;
}

.nj-a .nj-hd, a.nj-hd {
    font-family: "Playfair Display", serif !important;
    font-size: 19px !important;
}

.nj-promo {
    padding: 0px !important;
    background: transparent !important;
}

.nj-meta {
    display: none !important;
}

.nj-btn {
    background: #a25d30 !important;
    color: rgb(var(--color-button-text)) !important;

	}
	p.fs-fine {
    display: none !important;
}

.fs-mast h1 {
    font-family: "Fraunces", serif !important;
    font-weight: normal !important;
}

.fs-tag[aria-pressed="true"] {
    color: rgb(var(--color-button-text)) !important;
}

.fs-ttl {
    font-family: "Playfair Display", serif !important;
    text-transform: capitalize;
    font-size: 24px !important;
}
	.fs-ttl {
    text-transform: capitalize;
}

.fs-spread {
    padding: 0px !important;
    background: transparent !important;
}

.fs-spread-t h2 a {
    font-family: "Playfair Display", serif !important;
}

p.fs-spread-meta {
    display: none !important;
}

.fs-state p {
    text-transform: capitalize;
    color: beige;
    color: rgb(var(--color-foreground)) !important;
    font-weight: 300 !important;
}

.fs-obj {
    width: 100% !important;
}

.fs-lab {
    text-transform: capitalize;
    font-size: 16px !important;
}

.fs-fit {
    border: 0px !important;
}

.fs-fine {
    text-transform: capitalize;
    font-size: 13px !important;
}

.fs-head h2 {
    font-size: 15px !important;
    text-transform: capitalize;
}

.fs-grow {
    border: 0px !important;
}

.fs-gloss {
    border: 0px !important;

	}
	.lf-open h1 {
    font-family: "Fraunces", serif !important;
    font-weight: normal !important;
}

.lf-open p {
    color: rgb(var(--color-foreground)) !important;
    text-transform: capitalize;
    font-weight: 300 !important;
}
	.lf-entry--feat {
    background: transparent !important;
}

.lf-open p {
    text-transform: capitalize;
}

.lf-ttl {
    font-size: 25px !important;
    font-family: "Playfair Display", serif !important;
    text-transform: capitalize;
}

.lf-rail .lf-ttl {
    font-size: 17px !important;
}

.lf-entry--feat h2 {
    font-family: "Playfair Display", serif !important;
    font-weight: 500 !important;
}

.lf-entry-t h2 {
    font-family: "Playfair Display", serif !important;
    font-weight: 500 !important;
}

.lf-pager {
    display: none !important;
}

.lf-wrap.lf-block {
}

.lf-why {
    border: 0px !important;
}
	.lf-open p {
    text-transform: capitalize !important;
}

.lf-ttl {
    text-transform: capitalize !important;
}
	.lf-quiet {
    border: 0px !important;
}
	.nt-top h1 {
    font-family: "Fraunces", serif !important;
    font-size: 65px !important;
    font-weight: normal !important;
}

.nt-top p {
    font-size: 15px !important;
}

.nt-badge {
    color: rgb(var(--color-button-text)) !important;
}

.nt-a .nt-hd, a.nt-hd {
    font-family: "Playfair Display", serif !important;
    font-weight: normal !important;
}

.nt-num b {font-size: 16px !important;font-weight: normal !important;}
	.nt-top h1 {
    font-family: "Fraunces", serif !important;
    font-size: 65px !important;
    font-weight: normal !important;
}

.nt-top p {
    font-size: 15px !important;
}

.nt-badge {
    color: rgb(var(--color-button-text)) !important;
}

.nt-a .nt-hd, a.nt-hd {
    font-family: "Playfair Display", serif !important;
    font-weight: normal !important;
}

.nt-num b {font-size: 16px !important;font-weight: normal !important;}

a.nt-hd.nt-h-l {
    font-size: 35px !important;
}
	.nt-top h1 {
    font-family: "Fraunces", serif !important;
    font-size: 65px !important;
    font-weight: normal !important;
}

.nt-top p {
    font-size: 15px !important;
}

.nt-badge {
    color: rgb(var(--color-button-text)) !important;
}

.nt-a .nt-hd, a.nt-hd {
    font-family: "Playfair Display", serif !important;
    font-weight: normal !important;
}

.nt-num b {font-size: 16px !important;font-weight: normal !important;}

a.nt-hd.nt-h-l {
    font-size: 35px !important;
}

.nt-promo {
    background: transparent !important;
    padding: 0px !important;
}

.nt-promo-card {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
}

.nt-promo-card span.nt-h-xs.nt-hd {
    font-size: 20px !important;
}

span.nt-h-xs.nt-hd {
    font-size: 20px !important;

	}
	@media (max-width:801px){
.bt-filters {
    display: none !important;
}

.bt-pager {
    display: none !important;
}		
		.nt-top h1 {
    font-size: 42px !important;
}

a.nt-hd.nt-h-l {
    font-size: 23px !important;
}
	}
	.fs-ttl {
    text-transform: capitalize !important;
}

.fs-lab {
    font-size: 12px !important;
}
	div#fnv-promo-top {
    background: #f4eadf !important;
    border-bottom: 0px solid rgb(var(--color-background) / 0.16) !important;
}
	.fnv-promo-code {
    background: rgb(var(--color-base-highlight)) !important;
    border: 0px !important;
    border-radius: 50px !important;
}

.fnv-search-btn {
    background: transparent !important;
}

.fnv-icon-btn:hover {
    background: rgb(var(--color-base-highlight)) !important;
}

.fnv-sub-btn:hover, .fnv-sub-item.fnv-sub-hovered .fnv-sub-btn {
    background:rgb(var(--color-base-highlight)) !important;
}
	#sol-gallery {
    height: fit-content;
}

div#sol-sticky {
    display: none !important;
}

p.sol-svc__s {
    margin-bottom: 0px !important;
}

.sol-info {
    display: none !important;
}

.sol-btn--full {
    color: rgb(var(--color-button-text)) !important;
}

.sol-acc h2 {
    margin: 0px !important;
}

section#sol-reviews {
    background: #e8d4b838;
}

section#sol-press {
    display: none;
}

.sol-btn--line {
    color: rgb(var(--color-foreground)) !important;

	}
	  @media (max-width:860px){nav#sol-crumbs {
    display: none !important;
}

div#sol-pdp {
    padding: 15px !important;
}

.sol-shell {
    display: block !important;
}
	}
	.amb-toast {
    display: none !important;

	}
	.amb-occ__label b {
    font-size: 30px !important;
}

.amb-occ__label span {
    font-size: 14px !important;
}

p.amb-det__n {
    font-size: 20px !important;
}

h3.amb-det__t {
    font-size: 27px !important;
}

.amb-cmp thead th {
    font-size: 15px !important;
}

p.amb-step__num {
    font-size: 20px !important;
}

h3.amb-step__t {
    font-size: 24px !important;
}

.amb-faq__btn {
    font-size: 18px !important;
}

.amb-h2 {
    line-height: 48px !important;
}

.amb-news {
    max-width: 650px !important;
}

.amb-pull blockquote {
    padding: 0px !important;
    border: 0px !important;
}

.amb-pull figcaption {
    margin-top: 10px !important;
}

.amb-pull__seal {
    margin-bottom: 5px !important;
}
	section.othermains--gird.amb-sec.amb-pull {
    padding: 50px 10px !important;
}
	.amb-pull__inner img {
    max-width: 120px !important;
    margin: auto !important;
    transform: rotate(-35deg);
}
	.tc-mast-t h1 {
    font-weight: 300 !important;
}

.tc-pfoot {
    padding-top: 15px !important;
    margin-top: 15px !important;
}

span.tc-lab {
    padding: 5px 0px !important;
}

.tc-root .tc-head::before, .tc-root .tc-srule::before {
    top: -6px !important;
}

.tc-method h3 {
    font-size: 24px !important;
}

.tc-root .tc-bsend {
    text-transform: capitalize;
    letter-spacing: 0px !IMPORTANT;
    font-size: 15px !important;
}

p.tc-bfine {
    padding-top: 20px !important;
}
	 @media (max-width:801px){
		.tc-tools {
    display: none !important;
}
	}
.bt-root .bt-bsend {font-size: 15px !important;16px: !important;16px: !important;16px: !important;16px: !i;16px: !;text-transform: capitalize;letter-spacing: 0px !important;}

p.bt-bfine {
    padding-top: 20px !important;
}

.bt-test h3 {
    font-size: 30px !important;
}
	.bt-root .bt-head::before, .bt-root .bt-srule::before {
    display: none;
}
	.bt-step h4 {
    font-size: 22px !important;
}

.bt-col h3 {
    font-size: 20px !important;
}
	 @media (max-width:801px){
		.bt-test h3 {
    font-size: 25px !important;
}

.bt-bgrid h2 {
    font-size: 26px !important;
}

.bt-root .bt-bsend {
    text-transform: capitalize;
} 
	}
	
	p.fs-bfine {
    padding-top: 10px !important;
}

.fs-fit h3 {
    font-size: 26px !important;
}

.fs-root .fs-head::before, .fs-root .fs-srule::before {
    display: none !important;
}

h2 {}

.fs-root .fs-ttl {
    font-size: 18px !important;
}

button.fs-tag {
    font-size: 14px !important;
}

.fs-mast h1 {
    font-weight: 300 !important;

	}
	p.lf-bfine {
    padding-top: 15px !important;
}

.lf-wrow h3 {
    font-size: 25px !important;
}

.lf-head::before, .lf-srule::before {
    display: none !important;
}

p.lf-entry-foot {
    padding: 10px 0px !important;
}
	.nt-root .nt-head::before, .nt-root .nt-srule::before {
    display: none !important;
}

h2 {}
	p.nt-bfine {
    padding-top: 20px !important;
}
		@media (max-width:801px){
h3.amb-det__t {
    font-size: 18px !important;
}

.amb-video {
    aspect-ratio: 1.1;
}

.amb-newsform input {
    padding: 15px 10px !important;
}			
	}
	div#fnv-promo-top {
    background: rgb(var(--color-background)) !important;
    border-bottom: 1px solid rgb(var(--color-background) / 0.16) !important;
}

.fnv-promo-code {
    background: rgb(var(--color-base-highlight)) !important;
}
	#vrd-newsform button.vrd-btn {
    background: rgb(var(--color-background)) !important;
}

div#vrd-toast {
    display: none !important;
}

section#vrd-news {}

section#vrd-news h2#vrd-news-h {
    color: rgb(var(--color-button-text)) !important;
    padding: 10px 0px !important;
}

button#vrd-top {
    display: none !important;
}
	.vrd-lede {
    padding-top: 20px !important;
}
	#vrd-newsform button.vrd-btn {
    background: rgb(var(--color-background)) !important;
}

div#vrd-toast {
    display: none !important;
}

section#vrd-news {}

section#vrd-news h2#vrd-news-h {
    color: rgb(var(--color-button-text)) !important;
    padding: 10px 0px !important;
}

button#vrd-top {
    display: none !important;
}

.vrd-lede {
    padding-top: 20px !important;
}

p#vrd-score {
    font-weight: 300 !important;
}

span.vrd-stars {
    padding: 10px 0px !important;
}
	div#vrd-offer {
    display: none !important;
}

#vrd-pdp {
    padding: 10px !important;
}

button#vrd-add {
    background: var(--vrd-forest);
    color: var(--vrd-cream);
    border-color: var(--vrd-forest);
}

#vrd-wish {
    border: 2px solid var(--vrd-line) !important;
    border-radius: var(--vrd-r) !important;
    background: var(--vrd-card) !important;
}
	blockquote {
    padding: 0px !important;
    border: 0px !important;
}

.othermains--gird img {
    max-width: 120px !important;
    margin: auto !important;
}
	h3.op1-amb-det__t {
    font-size: 25px !important;
}

p.op1-amb-det__n {
    font-size: 21px !important;
}
	h3.op1-amb-det__t {
    font-size: 25px !important;
}

p.op1-amb-det__n {
    font-size: 21px !important;
}
	body.page.page-id-481 {
    background: rgb(var(--color-base-highlight)) !important;
}

span.lp4-amb-salebadge {
    display: none !important;
}

.lp4-amb-toast {
    display: none !important;
}

.lp4-amb-title {
    font-weight: 400 !important;
    padding-bottom: 15px !important;
}

.lp4-amb-sec--cream {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-sec--ivory {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-giftgrid {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-pull {
    background: rgb(var(--color-background)) !important;
}
	body.page.page-id-481 {
    background: rgb(var(--color-base-highlight)) !important;
}

span.lp4-amb-salebadge {
    display: none !important;
}

.lp4-amb-toast {
    display: none !important;
}

.lp4-amb-title {
    font-weight: 400 !important;
    padding-bottom: 15px !important;
}

.lp4-amb-sec--cream {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-sec--ivory {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-giftgrid {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-pull {
    background: rgb(var(--color-background)) !important;
}

section.lp4-amb-sec[aria-labelledby="lp4-amb-si-h"] {padding-top: 20px !important;}
	div#am-toast {
    display: none !important;
}
	div#am-sticky {
    display: none !important;
}
	.so-sticky {
    display: none !important;
}
	@media (max-width:1180px){
		.so-pdp {
    padding: 10px !important;
}
div#am-sticky {
    display: none !important;
}

.am-pdp {
    padding: 15px !important;
}
	}
	.so-toast {
    display: none !important;
}

.fnv-loc {
  position: relative;
}

.fnv-icon-country {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  background: none;
  border: 0;
  cursor: pointer;
}

.fnv-icon-country .country-flag {
  display: block;
  width: 22px;
  height: auto;
  border-radius: 2px;
}

.fnv-loc-current {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.fnv-loc-popup {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 200;
  width: 300px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 18px;
  background: rgb(var(--color-background));
  border: 1px solid rgb(var(--color-background) / 0.16);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgb(var(--color-shadow) / 0.12);
}

.fnv-loc-popup[hidden] {
  display: none;
}

.fnv-loc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.fnv-loc-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fnv-loc-close {
  display: none;
  padding: 4px;
  background: none;
  border: 0;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-loc-close svg {
  width: 18px;
  height: 18px;
}

.fnv-loc-group + .fnv-loc-group {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgb(var(--color-background) / 0.16);
}

.fnv-loc-label {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
}

.fnv-loc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fnv-loc-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 8px;
  background: none;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-loc-option:hover,
.fnv-loc-option:focus-visible {
  background: rgb(var(--color-base-highlight));
}

.fnv-loc-option.is-active {
  font-weight: 600;
}

.fnv-loc-option .country-flag {
  width: 22px;
  height: auto;
  border-radius: 2px;
  flex: none;
}

.fnv-loc-option em {
  font-style: normal;
  color: rgb(var(--color-foreground));
}

/* Bottom sheet on small screens */
@media screen and (max-width: 749px) {
  .fnv-loc-popup {
    position: fixed;
    inset: auto 0 0 0;
    width: auto;
    max-height: 80vh;
    border-radius: 14px 14px 0 0;
    border-width: 1px 0 0;
    padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  }

  .fnv-loc-close {
    display: block;
  }
}

/* ===== 2. Mobile search ================================================== */

/* The toggle only exists on small screens; the desktop search bar is untouched. */
.fnv-search-toggle {
  display: none;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-search-toggle svg {
  width: 22px;
  height: 22px;
  display: block;
}

.fnv-search-toggle .fnv-search-toggle-close {
  display: none;
}

#fnv-header.fnv-search-open .fnv-search-toggle .fnv-search-toggle-close {
  display: block;
}

#fnv-header.fnv-search-open .fnv-search-toggle .fnv-search-toggle-open {
  display: none;
}

@media screen and (max-width: 999px) {
  .fnv-search-toggle {
    display: inline-flex;
  }

  /* Search drops into its own full width row under the logo row */
  #fnv-header .fnv-search {
    display: none;
    order: 10;
    flex: 0 0 100%;
    width: 100%;
    margin: 10px 0 4px;
  }

  #fnv-header.fnv-search-open .fnv-header-row {
    flex-wrap: wrap;
  }

  #fnv-header.fnv-search-open .fnv-search {
    display: flex;
    align-items: center;
  }

  #fnv-header.fnv-search-open .fnv-search-input {
    width: 100%;
  }
}
/* ---------------------------------------------------------------------------
   FNV header additions — localization popup + mobile search
   Add to layout/theme.liquid:
     {{ 'fnv-menu-additions.css' | asset_url | stylesheet_tag }}
   Or paste into your main stylesheet. Nothing here touches the existing
   mega menu styles.
--------------------------------------------------------------------------- */

/* ===== 1. Flag button and localization popup ============================= */

.fnv-loc {
  position: relative;
}

.fnv-icon-country {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  background: none;
  border: 0;
  cursor: pointer;
}

.fnv-icon-country .country-flag {
  display: block;
  width: 22px;
  height: auto;
  border-radius: 2px;
}

.fnv-loc-current {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.fnv-loc-popup {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 200;
  width: 300px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 18px;
  background: rgb(var(--color-background));
  border: 1px solid rgb(var(--color-background) / 0.16);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgb(var(--color-shadow) / 0.12);
}

.fnv-loc-popup[hidden] {
  display: none;
}

.fnv-loc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.fnv-loc-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fnv-loc-close {
  display: none;
  padding: 4px;
  background: none;
  border: 0;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-loc-close svg {
  width: 18px;
  height: 18px;
}

.fnv-loc-group + .fnv-loc-group {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgb(var(--color-background) / 0.16);
}

.fnv-loc-label {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
}

.fnv-loc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fnv-loc-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 8px;
  background: none;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-loc-option:hover,
.fnv-loc-option:focus-visible {
  background: rgb(var(--color-base-highlight));
}

.fnv-loc-option.is-active {
  font-weight: 600;
}

.fnv-loc-option .country-flag {
  width: 22px;
  height: auto;
  border-radius: 2px;
  flex: none;
}

.fnv-loc-option em {
  font-style: normal;
  color: rgb(var(--color-foreground));
}

/* Bottom sheet on small screens */
@media screen and (max-width: 749px) {
  .fnv-loc-popup {
    position: fixed;
    inset: auto 0 0 0;
    width: auto;
    max-height: 80vh;
    border-radius: 14px 14px 0 0;
    border-width: 1px 0 0;
    padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  }

  .fnv-loc-close {
    display: block;
  }
}

/* ===== 2. Mobile search ================================================== */

/* The toggle only exists on small screens; the desktop search bar is untouched. */
.fnv-search-toggle {
  display: none;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-search-toggle svg {
  width: 22px;
  height: 22px;
  display: block;
}

.fnv-search-toggle .fnv-search-toggle-close {
  display: none;
}

#fnv-header.fnv-search-open .fnv-search-toggle .fnv-search-toggle-close {
  display: block;
}

#fnv-header.fnv-search-open .fnv-search-toggle .fnv-search-toggle-open {
  display: none;
}

@media screen and (max-width: 999px) {
  .fnv-search-toggle {
    display: inline-flex;
  }

  /* Search drops into its own full width row under the logo row */
  #fnv-header .fnv-search {
    display: none;
    order: 10;
    flex: 0 0 100%;
    width: 100%;
    margin: 10px 0 4px;
  }

  #fnv-header.fnv-search-open .fnv-header-row {
    flex-wrap: wrap;
  }

  #fnv-header.fnv-search-open .fnv-search {
    display: flex;
    align-items: center;
  }

  #fnv-header.fnv-search-open .fnv-search-input {
    width: 100%;
  }
}

/* ===== 3. Skeleton while the nav is still empty ==========================
   The rules key off :empty, so the placeholder appears the moment the header
   markup is parsed and disappears by itself as soon as fnv-menu.js fills the
   lists. No extra markup, no flash of nothing.
   ========================================================================= */

:root {
  --fnv-skeleton-color: rgb(var(--color-base-highlight));
  --fnv-skeleton-radius: 7px;
}

@keyframes fnv-skeleton-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

/* If the script never arrives, stop pretending after 10s. */
@keyframes fnv-skeleton-give-up {
  to { opacity: 0; visibility: hidden; }
}

#fnv-topnav:empty,
#fnv-sub-list:empty {
  display: flex;
  align-items: center;
}

#fnv-topnav:empty {
  min-height: 20px;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

#fnv-topnav:empty::before {
  content: '';
  display: block;
  width: 62px;
  height: 13px;
  border-radius: var(--fnv-skeleton-radius);
  background: var(--fnv-skeleton-color);
  box-shadow:
     90px 0 var(--fnv-skeleton-color),
    180px 0 var(--fnv-skeleton-color),
    270px 0 var(--fnv-skeleton-color),
    360px 0 var(--fnv-skeleton-color);
  animation:
    fnv-skeleton-pulse 1.2s ease-in-out infinite,
    fnv-skeleton-give-up 0.4s linear 10s forwards;
}

#fnv-sub-list:empty {
  min-height: 22px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#fnv-sub-list:empty::before {
  content: '';
  display: block;
  width: 74px;
  height: 12px;
  border-radius: var(--fnv-skeleton-radius);
  background: var(--fnv-skeleton-color);
  box-shadow:
     102px 0 var(--fnv-skeleton-color),
     204px 0 var(--fnv-skeleton-color),
     306px 0 var(--fnv-skeleton-color),
     408px 0 var(--fnv-skeleton-color),
     510px 0 var(--fnv-skeleton-color),
     612px 0 var(--fnv-skeleton-color),
     714px 0 var(--fnv-skeleton-color),
     816px 0 var(--fnv-skeleton-color),
     918px 0 var(--fnv-skeleton-color);
  animation:
    fnv-skeleton-pulse 1.2s ease-in-out infinite,
    fnv-skeleton-give-up 0.4s linear 10s forwards;
}

/* Drawer rows */
#fnv-mobile-nav:empty {
  display: block;
  min-height: 260px;
  padding: 16px 0;
}

#fnv-mobile-nav:empty::before {
  content: '';
  display: block;
  height: 14px;
  width: 62%;
  margin: 0 0 26px;
  border-radius: var(--fnv-skeleton-radius);
  background: var(--fnv-skeleton-color);
  box-shadow:
    0 40px  var(--fnv-skeleton-color),
    0 80px  var(--fnv-skeleton-color),
    0 120px var(--fnv-skeleton-color),
    0 160px var(--fnv-skeleton-color),
    0 200px var(--fnv-skeleton-color);
  animation:
    fnv-skeleton-pulse 1.2s ease-in-out infinite,
    fnv-skeleton-give-up 0.4s linear 10s forwards;
}

@media screen and (max-width: 999px) {
  /* fewer pills fit, so trim the tail */
  #fnv-topnav:empty::before {
    box-shadow: 90px 0 var(--fnv-skeleton-color), 180px 0 var(--fnv-skeleton-color);
  }

  #fnv-sub-list:empty::before {
    box-shadow:
      102px 0 var(--fnv-skeleton-color),
      204px 0 var(--fnv-skeleton-color),
      306px 0 var(--fnv-skeleton-color);
  }
}

@media (prefers-reduced-motion: reduce) {
  #fnv-topnav:empty::before,
  #fnv-sub-list:empty::before,
  #fnv-mobile-nav:empty::before {
    animation: fnv-skeleton-give-up 0.4s linear 10s forwards;
  }
}

/* Optional: hide anything you mark up yourself as a placeholder once ready */
#fnv-header.fnv-nav-ready .fnv-skeleton {
  display: none !important;
}
.fnv-logo img {
    max-width: 160px !important;
}
.fnv-logo {
    padding-right: 30px !important;
}
#fnv-sub-list:empty {
    padding: 19px 0px !important;
}

#fnv-topnav:empty {width: 307px !important;}

.fnv-sub-btn {
    color: rgb(var(--color-foreground)) !important;
}
.fnv-loc-label {
    display: none !important;
}
@media screen and (max-width: 999px) {
.fnv-loc {
}

.fnv-icon-btn[aria-label="Recently viewed"] {
    display: none !important;
}

.fnv-icon-btn[aria-label="Wishlist"] {
    display: none !important;
}

.fnv-icon-btn svg {
    width: 20px !important;
    height: 20px !important;
}

.fnv-icon-btn[aria-label="Open account page"] svg {
    width: 24px !important;
    height: 24px !important;
}

.fnv-search-toggle svg {
    width: 23px !important;
    height: 23px !important;
}

.fnv-search-toggle {
    margin-right: 5px !important;
}

.fnv-icons {
    margin-left: 0px !important;
}

.fnv-logo {
    padding-right: 5px !important;
}

.fnv-logo img {
    max-width: 120px !important;
}

#fnv-hamburger-btn {
    margin-right: 0px !important;
}

span.fnv-promo-code {font-size: 8px !important;}

.fnv-promo-shopnow {
    display: none !important;
}

div#fnv-promo-top {
    font-size: 9px !important;
    padding: 5px 5px !important;
}

.fnv-header-row {
    height: unset !important;
    padding: 5px 5px !important;
}
.fnv-drawer-logo img {
    max-width: 120px !important;
}

.a2a_floating_style {
    z-index: 9 !important;
}
.fnv-loc-popup {
    top: 0px !important;
    border-radius: 0px !important;
}
}
.bt-r34 .bt-frame {
    aspect-ratio: unset !important;
}

.bt-slide .bt-frame {
    aspect-ratio: 1/1 !important;
}
.bt-r34 .bt-frame {
    aspect-ratio: unset !important;
}

.bt-slide .bt-frame {
    aspect-ratio: 1/1 !important;
}

.bt-mast-t h1 em {
    color: rgb(var(--color-foreground)) !important;
}
/* Shopify additions */
[hidden]{ display:none !important; }
.lp4-amb-mast, .lp4-amb-foot{ display:none; } /* theme header/footer are used instead */
.lp4-amb-swatch[disabled], .lp4-amb-size[disabled]{ opacity:.4; }
.lp4-amb-size.is-oos{ text-decoration:line-through; border-style:dashed; color:var(--lp4-amb-ink-faint); }
.lp4-amb-qty{ display:flex; align-items:center; border:1px solid var(--lp4-amb-line); border-radius:8px; height:54px; }
.lp4-amb-qty button{ width:44px; height:100%; background:none; border:none; font-size:18px; }
.lp4-amb-qty input{ width:44px; border:none; text-align:center; font:inherit; background:none; }
.lp4-amb-addrow{ align-items:stretch; }

:root {
    --fn-white: oklch(99% 0.003 260);
    --fn-snow: oklch(97.5% 0.003 260);
    --fn-pearl: oklch(95% 0.004 260);
    --fn-silver: oklch(88% 0.004 260);
    --fn-ash: oklch(72% 0.005 260);
    --fn-charcoal: oklch(38% 0.008 260);
    --fn-ink: oklch(18% 0.01 260);
    --fn-midnight: oklch(10% 0.012 260);

    /* New brand colors */
    --fn-navy: rgb(var(--color-foreground));
    --fn-gold: rgb(var(--color-base-highlight));
    --fn-cream: rgb(var(--color-base-highlight));
    --fn-warm-border: rgb(var(--color-base-highlight));

    --fn-space-2: 4px;
    --fn-space-4: 8px;
    --fn-space-6: 12px;
    --fn-space-8: 16px;
    --fn-space-12: 24px;
    --fn-space-16: 32px;
    --fn-space-24: 48px;
    --fn-space-32: 64px;
    --fn-space-48: 96px;
    --fn-space-64: 128px;

    --fn-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --fn-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
}

/* ========== HERO BANNER (updated branding) ========== */
#heroEditorial {
    position: relative;
    height: 85vh;
    min-height: 600px;
    background: var(--fn-navy);          /* #1a1f3a */
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    overflow: hidden;
    border-radius: 12px;                 /* ~12px rounded corners */
}

.hero__media {
    position: relative;
    background: var(--fn-navy);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero__media img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--fn-space-32) var(--fn-space-32);
}

.hero__tag {
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: capitalize;
    color: var(--fn-gold);               /* gold accent */
    margin-bottom: var(--fn-space-12);
}

.hero__title {
    font-size: clamp(2.75rem, 5.5vw, 5rem);
    font-weight: 800 !important;
    color: var(--fn-gold);               /* #c9a84c */
    margin-bottom: var(--fn-space-8);
    letter-spacing: -0.02em;
    max-width: 350px !important;
}

.hero__subtitle {
    font-size: 1.0625rem;
    color: rgb(var(--color-button-text));                      /* white */
    max-width: 38ch;
    margin-bottom: var(--fn-space-24);
    line-height: 1.7;
}

/* Buttons on dark navy */
.btn--primary {
    display: inline-flex;
    align-items: center;
    gap: var(--fn-space-4);
    padding: 14px var(--fn-space-12);
    background: var(--fn-gold);
    color: var(--fn-navy);
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: transform 200ms var(--fn-ease-out), opacity 200ms;
    border-radius: 6px;
}
.btn--primary:hover {
    transform: translateY(-1px);
    opacity: 0.9;
    color: var(--fn-navy) !important;
}
.btn--primary svg {
    width: 20px !important;
    height: 20px !important;
    fill: var(--fn-navy) !important;
}

.btn--outline {
    display: inline-flex;
    align-items: center;
    gap: var(--fn-space-4);
    padding: 14px var(--fn-space-12);
    background: transparent;
    color: rgb(var(--color-button-text));
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    border: 1.5px solid rgb(var(--color-background) / 0.6);
    cursor: pointer;
    transition: background 200ms var(--fn-ease-out), color 200ms, border-color 200ms;
    border-radius: 6px;
}
.btn--outline:hover {
    background: rgb(var(--color-background));
    color: var(--fn-navy);
    border-color: rgb(var(--color-background));
}

/* ========== TABLE OF CONTENTS (ready to use) ========== */
.toc-box {
    background: rgb(var(--color-base-highlight));                 /* cream/beige */
    border: 1px solid #e8dcc8;           /* light warm beige */
    border-radius: 8px;
    padding: 24px 28px;
    max-width: 320px;
}

.toc-box__heading {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #c9a84c;                      /* gold */
    margin: 0 0 16px 0;
}

.toc-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-box li {
    margin-bottom: 10px;
}

.toc-box a {
    color: var(--fn-charcoal);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 200ms;
}
.toc-box a:hover {
    color: #c9a84c;
}

/* ========== Rest of your original styles (kept + minor gold accents) ========== */
#promoTicker {
    background: var(--fn-ink);
    padding: var(--fn-space-4) 0;
    overflow: hidden;
}
.ticker__track {
    display: flex;
    gap: var(--fn-space-24);
    animation: tickerScroll 30s linear infinite;
    width: max-content;
}
.ticker__item {
    font-size: 17px !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--fn-white);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: var(--fn-space-6);
}
.ticker__dot {
    display: none !important;
}
@keyframes tickerScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

#categoryStrip {
    padding: var(--fn-space-16) var(--fn-space-12);
    border-bottom: 1px solid var(--fn-pearl);
}
.catstrip__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: var(--fn-space-16);
    overflow-x: auto;
    scrollbar-width: none;
    justify-content: space-between !important;
}
.catstrip__inner::-webkit-scrollbar { display: none; }
.catstrip__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--fn-space-4);
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 200ms var(--fn-ease-out);
}
.catstrip__link:hover { transform: translateY(-3px); }
.catstrip__link img {
    width: 100% !important;
    max-width: 82px !important;
}
.catstrip__label {
    font-size: 12px !important;
    font-weight: 600;
    color: var(--fn-charcoal);
    text-transform: capitalize;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

#trendingNow {
    padding: 30px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.trending__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--fn-space-16);
}
.trending__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin: 0 !important;
}
.trending__viewall {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--fn-charcoal);
    text-decoration: none;
    border-bottom: 1px solid var(--fn-charcoal);
    padding-bottom: 1px;
    transition: color 200ms, border-color 200ms;
}
.trending__viewall:hover { color: var(--fn-gold); border-color: var(--fn-gold); }
.trending__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fn-space-8);
}
.product-tile {
    position: relative;
    cursor: pointer;
}
.product-tile__image {
    aspect-ratio: 3/4;
    background: var(--fn-pearl);
    margin-bottom: var(--fn-space-6);
    overflow: hidden;
    position: relative;
}
.product-tile__image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url('https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487') !important;
    opacity: 1 !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
}
.product-tile__badge {
    position: absolute;
    top: var(--fn-space-4);
    left: var(--fn-space-4);
    background: var(--fn-navy);
    color: var(--fn-gold);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 3px 8px;
    z-index: 3;
}
.product-tile__name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fn-ink);
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-tile__price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fn-midnight);
}
.product-tile__price-old {
    text-decoration: line-through;
    font-weight: 400;
    color: var(--fn-ash);
    margin-left: var(--fn-space-2);
}

#editorialSplit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
    max-width: 1450px !important;
    margin: auto !important;
}
.editorial__panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 !important;
    background: var(--fn-pearl);
    overflow: hidden;
}
.editorial__panel img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}
.smain--m2in33 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgb(var(--color-background) / 0.90196078);
    padding: 30px !important;
    border-radius: 8px;
}
.editorial__label {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em;
    text-transform: capitalize;
    color: var(--fn-ash);
    margin-bottom: var(--fn-space-4);
}
.editorial__heading {
    font-size: 29px !important;
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
.editorial__link {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--fn-midnight);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--fn-space-2);
    transition: gap 200ms var(--fn-ease-out), color 200ms;
}
.editorial__link:hover {
    gap: var(--fn-space-4);
    color: var(--fn-gold);
}
.editorial__link svg {
    width: 19px !important;
    height: 19px !important;
}

#flashSale {
    padding: var(--fn-space-32) var(--fn-space-12);
    border-top: 1px solid var(--fn-pearl);
    border-bottom: 1px solid var(--fn-pearl);
}
.flashsale__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--fn-space-16);
}
.flashsale__text h2 {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 800;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-2);
}
.flashsale__text p {
    font-size: 0.9375rem;
    color: var(--fn-charcoal);
    margin-bottom: 0 !important;
}
.flashsale__timer {
    display: flex;
    gap: var(--fn-space-6);
}
.timer__block {
    text-align: center;
    min-width: 64px;
}
.timer__value {
    font-size: 2rem;
    font-weight: 800;
    color: var(--fn-navy);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    background: var(--fn-cream);
    padding: var(--fn-space-6) var(--fn-space-4);
    display: block;
    border-radius: 6px;
}
.timer__label {
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--fn-ash);
    margin-top: var(--fn-space-2);
}

#dealsBanner {
    background: var(--fn-snow);
    padding: var(--fn-space-32) var(--fn-space-12);
    text-align: center;
}
.deals__eyebrow {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: var(--fn-gold);
    margin-bottom: var(--fn-space-6);
}
.deals__headline {
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 900;
    color: var(--fn-navy);
    margin-bottom: var(--fn-space-4);
    letter-spacing: -0.03em;
}
.deals__sub {
    font-size: 1rem;
    color: var(--fn-charcoal);
    margin-bottom: var(--fn-space-16);
    max-width: 45ch;
    margin-left: auto;
    margin-right: auto;
}
.deals__tags {
    display: flex;
    justify-content: center;
    gap: var(--fn-space-4);
    flex-wrap: wrap;
}
.deals__tag {
    font-size: 0.75rem;
    font-weight: 600;
    padding: var(--fn-space-4) var(--fn-space-8);
    border: 1px solid var(--fn-silver);
    color: var(--fn-charcoal);
    text-decoration: none;
    border-radius: 50px !important;
    transition: background 200ms, color 200ms, border-color 200ms;
}
.deals__tag:hover {
    background: var(--fn-navy);
    color: var(--fn-gold);
    border-color: var(--fn-navy);
}

#newDrops {
    padding: 30px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.drops__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--fn-space-12);
}
.drops__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: 0 !important;
}
.drops__nav {
    display: flex;
    gap: var(--fn-space-4);
}
.drops__arrow {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--fn-silver);
    background: rgb(var(--color-background)) !important;
    cursor: pointer;
    transition: border-color 200ms, background 200ms;
    font-family: 'Inter', sans-serif;
    padding: 8px !important;
    border-radius: 6px;
}
.drops__arrow:hover {
    border-color: var(--fn-navy);
    background: var(--fn-navy) !important;
    color: var(--fn-gold);
}
.drops__scroll {
    display: flex;
    gap: var(--fn-space-6);
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    padding-bottom: var(--fn-space-4);
}
.drops__scroll::-webkit-scrollbar { display: none; }
.drops__item {
    flex: 0 0 220px;
    scroll-snap-align: start;
}
.drops__item-image {
    aspect-ratio: 3/4;
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
    margin-bottom: var(--fn-space-4);
    position: relative;
    overflow: hidden;
}
.drops__item-tag {
    position: absolute;
    top: var(--fn-space-4);
    right: var(--fn-space-4);
    width: 28px;
    height: 28px;
    background: var(--fn-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px !important;
}
.drops__item-name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fn-ink);
    margin-bottom: 2px;
}
.drops__item-price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fn-midnight);
}

#bestSellers {
    padding: var(--fn-space-48) var(--fn-space-12);
    background: var(--fn-snow);
}
.bestsellers__inner {
    max-width: 1400px;
    margin: 0 auto;
}
.bestsellers__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--fn-space-16);
}
.bestsellers__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
}
.bestsellers__filters {
    display: flex;
    gap: var(--fn-space-4);
}
.bestsellers__filter {
    font-size: 0.75rem;
    font-weight: 600;
    padding: var(--fn-space-2) var(--fn-space-6);
    background: none;
    border: 1px solid var(--fn-silver);
    cursor: pointer;
    color: var(--fn-charcoal);
    font-family: 'Inter', sans-serif;
    border-radius: 6px !important;
    transition: background 200ms, color 200ms, border-color 200ms;
}
.bestsellers__filter:hover,
.bestsellers__filter--active {
    background: var(--fn-navy);
    color: var(--fn-gold);
    border-color: var(--fn-navy);
}
.bestsellers__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--fn-space-8);
}
.bestseller-tile {
    position: relative;
    cursor: pointer;
}
.bestseller-tile__rank {
    position: absolute;
    top: var(--fn-space-4);
    left: var(--fn-space-4);
    width: 28px;
    height: 28px;
    background: var(--fn-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--fn-navy);
    z-index: 1;
    border-radius: 4px;
}
.bestseller-tile__image {
    aspect-ratio: 3/4;
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
    margin-bottom: var(--fn-space-4);
}
.bestseller-tile__name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fn-ink);
    margin-bottom: 2px;
}
.bestseller-tile__price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fn-midnight);
}

#influencerPicks {
    padding: 35px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.influencer__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-16);
}
.influencer__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fn-space-8);
}
.influencer__card {
    cursor: pointer;
    transition: transform 200ms var(--fn-ease-out);
}
.influencer__card:hover { transform: translateY(-4px); }
.influencer__card-image {
    aspect-ratio: 4/5;
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
    margin-bottom: var(--fn-space-6);
    position: relative;
    overflow: hidden;
}
.influencer__card-avatar {
    position: absolute;
    bottom: var(--fn-space-4);
    left: var(--fn-space-4);
    display: flex;
    align-items: center;
    gap: var(--fn-space-4);
    background: var(--fn-white);
    padding: 4px 10px 4px 4px;
    border-radius: 100px;
}
.influencer__card-avatar-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--fn-silver);
}
.influencer__card-avatar-name {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--fn-midnight);
}
.influencer__card-name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fn-ink);
    margin-bottom: 2px;
}
.influencer__card-price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fn-midnight);
}

#socialProof {
    padding: 35px 20px !important;
    background: var(--fn-snow);
}
.proof__inner {
    max-width: 1400px;
    margin: 0 auto;
}
.proof__header {
    text-align: center;
    margin-bottom: var(--fn-space-24);
}
.proof__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-2);
}
.proof__stars svg {
    width: 25px !important;
    height: 25px !important;
    padding: 0 3px !important;
    fill: var(--fn-gold);
}
.proof__count {
    font-size: 0.8125rem;
    color: var(--fn-ash);
    font-weight: 500;
}
.proof__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--fn-space-8);
    margin: auto !important;
    max-width: 1220px !important;
}
.review__card {
    background: var(--fn-white);
    padding: var(--fn-space-12);
    border-radius: 8px;
}
.review__stars svg {
    height: 15px !important;
    width: 15px !important;
    margin-right: 2px !important;
    fill: var(--fn-gold);
}
.review__text {
    font-size: 0.875rem;
    color: var(--fn-charcoal);
    line-height: 1.6;
    margin-bottom: var(--fn-space-6);
    max-width: 45ch;
}
.review__author {
    display: flex;
    align-items: center;
    gap: var(--fn-space-4);
}
.review__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--fn-pearl);
}
.review__name {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--fn-midnight);
    margin-bottom: 0 !important;
}
.review__verified {
    font-size: 0.625rem;
    color: var(--fn-ash);
    font-weight: 500;
    margin: 0 !important;
}

#completeLook {
    padding: 40px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.completelook__header {
    text-align: center;
    margin-bottom: var(--fn-space-24);
}
.completelook__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-2);
}
.completelook__desc {
    font-size: 0.9375rem;
    color: var(--fn-charcoal);
}
.completelook__layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: var(--fn-space-16);
    align-items: center;
}
.completelook__main-image {
    aspect-ratio: 1/0.7 !important;
    background: url('/wp-content/uploads/2026/07/Gemini_Generated_Image_blhpqublhpqublhp-1.png');
    background-size: cover !important;
    position: relative;
    border-radius: 12px;
}
.completelook__main-image::after {
    display: none !important;
}
.beautycollections .completelook__main-image {
    background: url('/wp-content/uploads/2026/07/m323-scaled.jpg') !important;
    background-size: cover !important;
}
.completelook__items {
    display: flex;
    flex-direction: column;
    gap: var(--fn-space-6);
}
.completelook__item {
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: var(--fn-space-6);
    align-items: center;
    padding: var(--fn-space-6);
    border: 1px solid var(--fn-pearl);
    cursor: pointer;
    transition: border-color 200ms;
    border-radius: 8px;
}
.completelook__item:hover { border-color: var(--fn-gold); }
.completelook__item-img {
    aspect-ratio: 1;
    background: var(--fn-pearl);
    border-radius: 6px;
}
.completelook__item-name {
    margin-bottom: 0 !important;
    font-size: 17px !important;
    font-weight: 500;
    color: var(--fn-ink);
}
.completelook__item-cat {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    color: var(--fn-ash);
    font-weight: 500;
}
.completelook__item-price {
    font-size: 20px !important;
    font-weight: 700;
    color: var(--fn-midnight);
}

#rewardsProgram {
    padding: var(--fn-space-32) var(--fn-space-12);
    background: var(--fn-cream);
}
.rewards__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--fn-space-16);
    text-align: center;
}
.rewards__perk {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px !important;
}
.rewards__perk-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--fn-white);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px !important;
}
.rewards__perk-title {
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    font-size: 16px !important;
    font-weight: 700;
    color: var(--fn-midnight);
}
.rewards__perk-desc {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    color: var(--fn-charcoal);
    max-width: 20ch;
}

#styleQuiz {
    padding: 35px 20px !important;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.quiz__icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--fn-cream);
    margin: 0 auto var(--fn-space-12);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px !important;
}
.quiz__heading {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-4);
}
.quiz__desc {
    font-size: 1rem;
    color: var(--fn-charcoal);
    max-width: 50ch;
    margin: 0 auto var(--fn-space-16);
}

#trendingSearches {
    padding: var(--fn-space-24) var(--fn-space-12);
    border-top: 1px solid var(--fn-pearl);
}
.searches__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: var(--fn-space-8);
    flex-wrap: wrap;
}
.searches__label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--fn-navy);
}
.searches__pill {
    font-size: 0.75rem;
    font-weight: 500;
    padding: var(--fn-space-2) var(--fn-space-6);
    border: 1px solid var(--fn-silver);
    color: var(--fn-charcoal);
    text-decoration: none;
    border-radius: 100px;
    transition: background 200ms, color 200ms, border-color 200ms;
}
.searches__pill:hover {
    background: var(--fn-navy);
    color: var(--fn-gold);
    border-color: var(--fn-navy);
}

#ugcSection {
    padding: 35px 20px !important;
    background: var(--fn-snow);
}
.ugc__inner {
    max-width: 1400px;
    margin: 0 auto;
}
.ugc__header {
    text-align: center;
    margin-bottom: var(--fn-space-16);
}
.ugc__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-2);
}
.ugc__handle {
    font-size: 0.875rem;
    color: var(--fn-ash);
    font-weight: 500;
}
.ugc__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--fn-space-2);
}
.ugc__item {
    aspect-ratio: 1;
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
    cursor: pointer;
    transition: opacity 200ms;
    border-radius: 6px;
}
.ugc__item:hover { opacity: 0.85; }

#brandValues {
    padding: 35px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.brandvalues__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    text-align: center;
    margin-bottom: 5px !important;
}
.brandvalues__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--fn-space-16);
}
.brandvalue__item {
    text-align: center;
    padding: 20px !important;
}
.brandvalue__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto var(--fn-space-8);
    background: var(--fn-cream);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px !important;
}
.brandvalue__name {
    font-size: 1rem;
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-4);
}
.brandvalue__desc {
    font-size: 0.8125rem;
    color: var(--fn-charcoal);
    line-height: 1.6;
    max-width: 30ch;
    margin: 0 auto;
}

#emailSignup {
    padding: 35px 20px !important;
    text-align: center;
    border-top: 1px solid var(--fn-pearl);
}
.signup__inner {
    max-width: 520px;
    margin: 0 auto;
}
.signup__title {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-4);
}
.signup__desc {
    font-size: 0.9375rem;
    color: var(--fn-charcoal);
    margin-bottom: var(--fn-space-16);
}
.signup__form {
    display: flex;
    align-items: center !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    border-radius: 50px !important;
    overflow: hidden !important;
}
.signup__input {
    flex: 1;
    padding: 14px var(--fn-space-8);
    border: 0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    outline: none;
    color: var(--fn-ink);
    background: var(--fn-white);
}
.signup__input::placeholder { color: var(--fn-ash); }
.signup__btn {
    padding: 14px var(--fn-space-12);
    background: var(--fn-navy);
    color: var(--fn-gold);
    border: 0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 200ms;
}
.signup__btn:hover { opacity: 0.9; }
.signup__terms {
    font-size: 0.6875rem;
    color: var(--fn-ash);
    margin-top: var(--fn-space-6);
}

#finalCta {
    padding: 35px 20px !important;
    text-align: center;
    background: var(--fn-snow);
}
.finalcta__heading {
    font-size: 40px !important;
    font-weight: 800;
    color: var(--fn-navy);
    letter-spacing: -0.02em;
    margin-bottom: var(--fn-space-4);
}
.finalcta__sub {
    font-size: 1rem;
    color: var(--fn-charcoal);
    margin-bottom: var(--fn-space-16);
}
.finalcta__actions {
    display: flex;
    justify-content: center;
    gap: var(--fn-space-4);
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 1024px) {
    #heroEditorial { grid-template-columns: 1fr; height: auto; border-radius: 0; }
    .hero__media { min-height: 50vh; }
    .trending__grid { grid-template-columns: repeat(3, 1fr); }
    .ugc__grid { grid-template-columns: repeat(4, 1fr); }
    .bestsellers__grid { grid-template-columns: repeat(3, 1fr); }
    .influencer__grid { grid-template-columns: repeat(2, 1fr); }
    .proof__grid { grid-template-columns: repeat(2, 1fr); }
    .completelook__layout { grid-template-columns: 1fr; }
    .rewards__inner { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
    .hero__title { font-size: 30px !important; }
    .hero__subtitle { font-size: 15px !important; }
    .hero__tag { margin-bottom: 10px !important; }
    .hero__content { padding: 20px !important; }
    #categoryStrip { padding: 15px !important; }
    .editorial__heading { font-size: 24px !important; }
    #influencerPicks { padding: 30px 24px !important; }
    .brandvalue__item { padding: 20px !important; }
    section#emailSignup { display: none !important; }
}
@media (max-width: 768px) {
    #heroEditorial { grid-template-columns: 1fr; }
    .hero__content { padding: var(--fn-space-24) var(--fn-space-8); }
    .hero__media { min-height: 40vh; }
    #editorialSplit { grid-template-columns: 1fr; }
    .editorial__panel { min-height: 320px; }
    .trending__grid { grid-template-columns: repeat(2, 1fr); }
    .ugc__grid { grid-template-columns: repeat(3, 1fr); }
    .signup__form { flex-direction: column; }
    .drops__item { flex: 0 0 180px; }
    .flashsale__inner { grid-template-columns: 1fr; text-align: center; }
    .flashsale__timer { justify-content: center; }
    .bestsellers__grid { grid-template-columns: repeat(2, 1fr); }
    .bestsellers__header { flex-direction: column; gap: var(--fn-space-6); }
    .influencer__grid { grid-template-columns: repeat(2, 1fr); }
    .proof__grid { grid-template-columns: 1fr; }
    .brandvalues__grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .trending__grid { grid-template-columns: 1fr 1fr; gap: var(--fn-space-4); }
    .ugc__grid { grid-template-columns: repeat(2, 1fr); }
    .hero__actions { flex-direction: column; }
    .btn--primary, .btn--outline { width: 100%; justify-content: center; }
    .rewards__inner { grid-template-columns: 1fr; }
}
#heroEditorial {
    border-radius: 0px !important;
    height: unset !important;
}

.hero__title {
    font-size: 55px !important;
    line-height: 60px !important;
}

.hero__tag {
    margin-bottom: 10px !important;
}

.btn--primary, .btn--outline {
    font-size: 15px !important;
}
#heroEditorial {
    border-radius: 0px !important;
    height: unset !important;
}

.hero__title {
    font-size: 55px !important;
    line-height: 60px !important;
}

.hero__tag {
    margin-bottom: 10px !important;
}

.btn--primary, .btn--outline {
    font-size: 15px !important;
}

section#finalCta .btn--outline {
    border: 1px solid grey !important;
    color: rgb(var(--color-foreground)) !important;
}

.signup__btn {
    font-size: 16px !important;
    color: rgb(var(--color-button-text)) !important;
}

.signup__inner {
    max-width: 600px !important;
}

.brandvalue__icon {
    background: transparent !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
}

.btn--primary {
    color: rgb(var(--color-button-text)) !important;
}

.btn--primary:hover {
    color: rgb(var(--color-button-text)) !important;
}

.btn--primary svg {
    fill: rgb(var(--color-button-text)) !important;
}

.rewards__perk-icon {
    background: rgb(var(--color-background)) !important;
}

p.review__stars {
    display: flex !important;
}

.proof__stars {
    display: flex !important;
    justify-content: center !important;
    padding-bottom: 25px !important;
}

.bestseller-tile__image {
    aspect-ratio: 1/1 !important;
}

.bestsellers__filter, a.bestsellers__filter.bestsellers__filter--active {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
    padding: 7px 20px !important;
    border-color: rgb(var(--color-background) / 0.16) !important;
}

.drops__item-image {
    aspect-ratio: 1/1 !important;
}

.drops__item-tag {
    font-size: 18px !important;
}

.deals__tag {}

.deals__tag:hover {
    color: rgb(var(--color-button-text)) !important;
}

.product-tile__image {
    aspect-ratio: 1/1 !important;
    width: 100% !important;
}

.trending__grid {
    display: flex !important;
    flex-wrap: wrap;
}

.trending__grid .product-tile {
    width: 25%;
}
.drops__arrow svg {
    width: 100% !important;
    height: 100% !important;
}

.drops__arrow:hover {
    background: rgb(var(--color-background)) !important;
}
.drops__item-tag svg {
    width: 100% !important;
    height: 100% !important;
}
.influencer__card-image img {
    height: 100% !important;
    object-fit: cover !important;
}

.influencer__card-avatar {
    padding: 5px 10px !important;
}

.influencer__card-avatar-name {
    font-weight: 600 !important;
}
.influencer__card-image img {
    height: 100% !important;
    object-fit: cover !important;
}

.influencer__card-avatar {
    padding: 5px 10px !important;
}

.influencer__card-avatar-name {
    font-weight: 600 !important;
}

.review__avatar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 500 !important;
}
.tc-mast-t h1 {
    font-weight: 300 !important;
}

.tc-index a span {
    font-family: 'Poppins' !important;
}

.tc-mast-t .tc-intro {
    font-weight: 500 !important;
    font-family: 'Poppins' !important;
}

.tc-dek {
    font-family: 'Poppins' !important;
}

.tc-c2 small {
    font-family: 'Poppins' !important;
}

td.tc-c2 a {
    font-family: 'Poppins' !important;
}
.fs-mast h1 {
}

.fs-s7 p {
    max-width: 100% !important;
    padding-top: 10px !important;
}

.fs-tag {
    font-size: 14px !important;
    text-transform: capitalize;
    letter-spacing: 0px !important;
    font-family: 'Poppins';
}
.fs-mast h1 {}

.fs-s7 h1 {
    font-family: "Cormorant Garamond","Iowan Old Style",Georgia,serif !important;
    font-weight: 300 !important;
    padding-bottom: 20px !important;
}

.fs-tag {
    text-transform: capitalize;
}

.fs-prod .fs-ttl {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Poppins' !important;
    font-size: 15px !important;
}
.fs-tag {
    text-transform: capitalize !important;
}
@media (max-width: 801px) {
.fs-s7 p {
    padding-top: 0px !important;
}
}
.lf-rail-c .lf-ttl {
    font-family: 'Poppins' !important;
    font-size: 13px !important;
}

.lf-open h1 {
    font-family: 'Cormorant Garamond' !important;
}

.lf-ttl {
    font-family: 'Poppins' !important;
    font-size: 20px !important;
    padding-bottom: 10px !important;
}
.nt-top-in {
    padding-bottom: 40px !important;
}

.nt-a span.nt-h-xs {
    font-family: 'Poppins' !important;
}

.nt-srule {
    padding-bottom: 10px !important;
}

.nt-tab {
    text-transform: capitalize !important;
}

.nt-fr--tall {
    aspect-ratio: 1/1;
}

.nt-num b {
    text-transform: capitalize;
    color: rgb(var(--color-foreground)) !important;
    font-family: 'Poppins';
    font-weight: 300 !important;
}
span.nj-bdesk-c {
    display: none !important;
}

.nj-bdesk-n {
    font-family: 'Poppins';
}

.nj-a .nj-hd {
    font-family: 'Poppins' !important;
}
h2.nj-h-xl.nj-hd {
    font-size: 30px !important;
}

.nj-top h1 {
    font-family: 'Cormorant Garamond' !important;
}

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@400;500;600&display=swap');

:root{
    --bg:        #161211;
    --bg-raised: #1c1817;
    --ink:       #F3EEE6;
    --ink-soft:  #C9C0B4;
    --muted:     #8A8078;
    --line:      #322C29;
    --accent:    #8B2E3D;
    --accent-soft: #A8465570;
    --serif: 'Fraunces', Georgia, serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
  .kl-footer{ background:var(--bg); }

  /* ---------- Perks strip ---------- */
  .kl-perks{
    border-bottom:1px solid var(--line);
  }
  .kl-perks__inner{
    max-width:1180px; margin:0 auto; padding:38px 32px;
    display:grid; grid-template-columns:repeat(4,1fr); gap:32px;
  }
  .kl-perk{ display:flex; gap:14px; align-items:flex-start; }
  .kl-perk svg{ flex:none; width:22px; height:22px; color:var(--accent); margin-top:2px; }
  .kl-perk__title{ font-size:14.5px; font-weight:600; letter-spacing:.01em; margin:0 0 3px; }
  .kl-perk__sub{ font-size:13px; color:var(--muted); margin:0; line-height:1.45; }

  /* ---------- Main grid ---------- */
  .kl-main{
    max-width:1180px; margin:0 auto; padding:64px 32px 48px;
    display:grid; grid-template-columns:1.5fr 1fr 1fr 1.3fr; gap:56px;
  }
  .kl-brand__name{
    font-family:var(--serif); font-weight:500; font-style:italic;
    font-size:28px; letter-spacing:.01em; margin:0 0 18px;
  }
  .kl-brand__copy{
    font-size:14px; line-height:1.7; color:var(--ink-soft); margin:0 0 22px;
    max-width:38ch;
  }
  .kl-brand__copy a{ color:var(--ink); text-decoration-color:var(--muted); }
  .kl-brand__links{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
  .kl-brand__links a{
    font-size:13px; color:var(--ink-soft); text-decoration:none; border-bottom:1px solid transparent;
    transition:color .15s ease, border-color .15s ease;
  }
  .kl-brand__links a:hover{ color:var(--ink); border-color:var(--muted); }

  .kl-col h4{
    font-family:var(--serif); font-weight:400; font-style:italic; font-size:17px;
    margin:0 0 20px; color:var(--ink);
  }
  .kl-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
  .kl-col a{
    font-size:13.5px; color:var(--ink-soft); text-decoration:none;
    transition:color .15s ease;
  }
  .kl-col a:hover{ color:var(--ink); }

  .kl-news h4{
    font-family:var(--serif); font-weight:400; font-style:italic; font-size:17px;
    margin:0 0 12px;
  }
  .kl-news p{ font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin:0 0 20px; max-width:34ch; }
  .kl-news__form{ display:flex; align-items:flex-end; gap:12px; border-bottom:1px solid var(--muted); padding-bottom:10px; }
  .kl-news__form input{
    flex:1; background:none; border:none; outline:none; color:var(--ink);
    font-family:var(--sans); font-size:14px; padding:4px 0;
  }
  .kl-news__form input::placeholder{ color:var(--muted); }
  .kl-news__form button{
    background:none; border:none; color:var(--ink); font-size:13px; font-weight:500;
    cursor:pointer; padding:4px 0; letter-spacing:.02em; display:flex; align-items:center; gap:6px;
  }
  .kl-news__form button svg{ width:14px; height:14px; transition:transform .15s ease; }
  .kl-news__form button:hover svg{ transform:translateX(3px); }

  .kl-apps{ display:flex; gap:10px; margin-top:26px; }
  .kl-apps a{
    display:flex; align-items:center; gap:0; border:1px solid var(--line); border-radius:8px;
    padding:8px 12px; text-decoration:none; color:var(--ink-soft); font-size:11.5px;
  }

  /* ---------- Social row ---------- */
  .kl-social{
    max-width:1180px; margin:0 auto; padding:0 32px 40px;
    display:flex; gap:18px;
  }
  .kl-social a{
    width:34px; height:34px; border-radius:50%; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; color:var(--ink-soft);
    text-decoration:none; transition:border-color .15s ease, color .15s ease;
  }
  .kl-social a:hover{ border-color:var(--accent); color:var(--ink); }
  .kl-social svg{ width:15px; height:15px; }

  /* ---------- Bottom bar ---------- */
  .kl-bottom{ border-top:1px solid var(--line); }
  .kl-bottom__inner{
    max-width:1180px; margin:0 auto; padding:24px 32px;
    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  }
  .kl-bottom__copy{ font-size:12px; color:var(--muted); margin:0; }
  .kl-bottom__copy a{ color:var(--muted); }

  .kl-locale{
    display:flex; align-items:center; gap:8px; background:none; border:1px solid var(--line);
    border-radius:999px; padding:6px 14px 6px 8px; color:var(--ink-soft); font-size:12.5px;
    cursor:pointer; font-family:var(--sans);
  }
  .kl-locale img{ width:18px; height:13px; border-radius:2px; object-fit:cover; }

  .kl-pay{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; opacity:.85; }
  .kl-pay svg{ width:30px; height:auto; }

  /* ---------- Responsive ---------- */
  @media (max-width: 900px){
    .kl-perks__inner{ grid-template-columns:repeat(2,1fr); gap:26px 20px; }
    .kl-main{ grid-template-columns:1fr 1fr; gap:40px 28px; }
    .kl-brand{ grid-column:1 / -1; }
  }
  @media (max-width: 560px){
    .kl-perks__inner{ grid-template-columns:1fr; padding:28px 20px; }
    .kl-main{ grid-template-columns:1fr; padding:48px 20px 32px; gap:36px; }
    .kl-social{ padding:0 20px 32px; }
    .kl-bottom__inner{ padding:20px; flex-direction:column; align-items:flex-start; }
    .kl-pay{ order:3; }
  }

  /* accessibility: visible focus */
  a:focus-visible, button:focus-visible, input:focus-visible{
    outline:2px solid var(--accent); outline-offset:2px;
  }
  @media (prefers-reduced-motion: reduce){
    *{ transition:none !important; }
  }

/* form utility + newsletter feedback states */
.visually-hidden{
  position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);
}
.kl-news__error{ color:#E7A3A3; font-size:12px; margin:8px 0 0; }
.kl-news__success{ color:#B7D9BE; font-size:12px; margin:8px 0 0; }
.kl-pay__icon{ height:20px; width:auto; opacity:.85; }
.signup__form {
    display: block !important;
    border: 0px !important;
}
.signup__form {
    display: block !important;
    border: 0px !important;
    border-radius: 0px !important;
}

p.signup__message.signup__success {
    padding-top: 20px !important;
}

.sidemains__commsin2333 {
    display: flex !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    border-radius: 50px !important;
    overflow: hidden;
}

.sidemains__commsin2333 input {
    background: transparent !important;
}
.ugc__item img {
    width: 100% !important;
}

.ugc__grid {
    display: flex !important;
}

  @media (max-width: 801px){
.hero__title {
    font-size: 32px !important;
    line-height: 40px !important;
}

.deals__headline {
    font-size: 30px !important;
}

.ugc__grid {
    flex-wrap: wrap;
    gap: 0px !important;
}

.ugc__item {
    width: 50% !important;
    padding: 5px !important;
}

.finalcta__heading {
    font-size: 26px !important;
}

.countdown {
    display: block !important;
}

.countdown__timer {
    padding-top: 20px !important;
}
  }
  a.catstrip__link img {
    max-width: 120px !important;
}
.influencer__card-image img {
    width: 100% !important;
}
@media (min-width: 960px) {
#fnv-topnav>li>button {
    font-size: 15px !important;
    text-transform: capitalize !important;
}

.fnv-sub-btn {
    font-size: 14.5px !important;
}
}
@media (min-width: 960px) {
#fnv-topnav>li>button {
    font-size: 15px !important;
    text-transform: capitalize !important;
}

.fnv-sub-btn {
    font-size: 14.5px !important;
}
}

div#fnv-promo-top {
    font-size: 15px !important;
    line-height: normal !important;
}

.fnv-promo-shopnow {
    font-size: 14.5px !important;
}

.fnv-promo-code {
    font-size: 14.5px !important;
}
.fnv-header-row {
    max-width: 1800px !important;
}

#fnv-subnav-scroll {
    max-width: 1785px !important;
}

#fnv-header {
    margin-bottom: 30px !important;
}
.fnv-header-row {
    max-width: 1800px !important;
}

#fnv-subnav-scroll {
    max-width: 1785px !important;
}

#fnv-header {
    margin-bottom: 30px !important;
}

#fnv-topnav>li>button {
    font-family: 'Montserrat' !important;
}

.fnv-sub-btn {
    font-family: 'Montserrat' !important;
}

div#fnv-promo-top {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}
.shopify-policy__body {
    overflow-wrap: anywhere !important;
}

.shopify-policy__body .sr-only:first-child + *,
.shopify-policy__body :first-child {
    margin-block-start: 0 !important;
}

.shopify-policy__body :last-child {
    margin-block-end: 0 !important;
}

.shopify-policy__body :where(:not(meta, span) + *) {
    margin-block-start: 1rem !important;
}

.shopify-policy__body :is(.link, img),
.shopify-policy__body :where(* + span:not(:empty)) {
    display: inline-block !important;
}

.shopify-policy__body :is(.link + .link) {
    margin-inline-start: 0.75rem !important;
}

.shopify-policy__body :is(.button, .button-group:has(.button)) {
    margin-block-start: 1.5rem !important;
}

.shopify-policy__body :is(p img:not([style*=float]):only-child,
           div img:not([style*=float]):only-child,
           figure,
           video,
           object,
           blockquote,
           table) {
    margin-block: 1.6rem !important;
}

.shopify-policy__body :is(iframe[src*=youtube],
           iframe[src*="youtu.be"],
           iframe[src*=vimeo]) {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    height: auto !important;
}

.shopify-policy__body .play-button {
    margin: 2rem auto !important;
    display: block !important;
}

.shopify-policy__body :is(ol, ul) :is(ol, ul) {
    margin-block-start: 0 !important;
}

.shopify-policy__body :is(ol, ul) {
    row-gap: 0.4em !important;
    display: grid !important;
}

.shopify-policy__body figcaption {
    font-style: italic !important;
    font-size: var(--text-sm) !important;
    color: rgb(var(--text-color) / 0.65) !important;
    margin-block-start: 0.5em !important;
}

.shopify-policy__body blockquote {
    border-inline-start-width: 3px !important;
    padding: 0.375rem 0 0.375rem 1rem !important;
    font-size: 1.15rem !important;
    line-height: 1.75 !important;
}

@media screen and (min-width: 1000px) {
    .shopify-policy__body:not(.shopify-policy__body--tight) :where(:not(meta, span) + *) {
        margin-block-start: 1.25rem !important;
    }

    .shopify-policy__body:not(.shopify-policy__body--tight) :is(.button, .button-group:has(.button)) {
        margin-block-start: 2rem !important;
    }

    .shopify-policy__body:not(.shopify-policy__body--tight) .play-button {
        margin-block: 2.5rem !important;
    }

    .shopify-policy__body:not(.shopify-policy__body--tight) blockquote {
        margin-inline-start: 2rem !important;
        padding-inline-start: 2rem !important;
    }
}

/* Link styles that target .shopify-policy__body */
.shopify-policy__body a:not(.h1, .h2, .h3, .h4, .h5, .h6, .button, .link-faded, .link-faded-reverse) {
    text-underline: none !important;
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat !important;
    transition: background-size 0.3s ease-in-out !important;
}

@media screen and (pointer: fine) {
    .shopify-policy__body a:not(.h1, .h2, .h3, .h4, .h5, .h6, .button, .link-faded, .link-faded-reverse):hover {
        background-size: 0 1px !important;
    }
}

/* Heading styles that target .shopify-policy__body */
.shopify-policy__body :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--heading-font-family) !important;
    font-weight: var(--heading-font-weight) !important;
    font-style: var(--heading-font-style) !important;
    letter-spacing: var(--heading-letter-spacing) !important;
    text-transform: var(--heading-text-transform) !important;
    overflow-wrap: anywhere !important;
}

.shopify-policy__body h1 {
    font-size: var(--text-h1) !important;
    line-height: 1.5 !important;
}

.shopify-policy__body h2 {
    font-size: var(--text-h2) !important;
    line-height: 1.5 !important;
}

.shopify-policy__body h3 {
    font-size: var(--text-h3) !important;
    line-height: 1.6 !important;
}

.shopify-policy__body h4 {
    font-size: var(--text-h4) !important;
    line-height: 1.6 !important;
}

.shopify-policy__body h5 {
    font-size: var(--text-h5) !important;
    line-height: 1.7 !important;
}

.shopify-policy__body h6 {
    font-size: var(--text-h6) !important;
    line-height: 1.7 !important;
}

@media screen and (min-width: 1150px) {
    .shopify-policy__body h1 {
        line-height: 1.3 !important;
    }

    .shopify-policy__body h2 {
        line-height: 1.4 !important;
    }

    .shopify-policy__body h3 {
        line-height: 1.5 !important;
    }
}

.shopify-policy__body blockquote * {
font-size: var(--text-base);
    line-height: 1.6;
}

blockquote::before {display:none !important;}
blockquote
{
    text-align:left !important;
}


@media screen and (max-width: 801px) {
.celebrate-dresses__heading {
    font-size: 26px !important;
}

.celebrate-dresses__body {
    font-size: 15px !important;
}

.dress-cat__label {
    font-size: 17px !important;
}

div#fnv-promo-top {
    font-size: 9px !important;
}

.kl-grid-content h3 {
    font-size: 25px !important;
}

.kl-btn {
    font-size: 14px !important;
}

.kl-split-heading {
    font-size: 24px !important;
}

.kl-brand-heading {
    font-size: 29px !important;
}

.kl-brand-text {
    font-size: 15px !important;
}

.kl-strip-item {
    font-size: 14.5px !important;
}

.kl-lookbook-header {
    margin-bottom: 25px !important;
}

.kl-lookbook-title {
    font-size: 26px !important;
}

.kl-lookbook-info h3 {
    font-size: 22px !important;
    padding-bottom: 5px !important;
}

.kl-lookbook-info span {
    font-size: 14px !important;
}

.article-card__content {
    padding-top: 15px !important;
}
}

.fnv-mega-col a {
    font-size: 16px !important;
    font-family: 'Montserrat';
}
.mp-root{
  /* ---- colour: forest ink (v1) + brand gold (v2) on warm paper ---- */
  --mp-ink:        #16281F;
  --mp-ink-2:      #35543F;
  --mp-gold:       #C9A84C;
  --mp-brass:      #7A5C10;
  --mp-paper:      #F5F2EC;
  --mp-linen:      #EDE8DF;
  --mp-sand:       #E3DCC9;
  --mp-card:       #FFFFFF;
  --mp-deep:       #16281F;
  --mp-cream:      #F1EEE3;
  --mp-gold-lt:    #E8C489;
  --mp-line:       rgba(22,40,31,.16);
  --mp-line-2:     rgba(22,40,31,.09);
  --mp-tint:       rgba(201,168,76,.18);
  --mp-good:       #3F6B4C;
  --mp-bad:        #8C2F1E;

  --mp-shadow-sm: 0 1px 2px rgba(22,40,31,.07);
  --mp-shadow-md: 0 10px 28px rgba(22,40,31,.10);
  --mp-shadow-lg: 0 24px 64px rgba(22,40,31,.16);


  /* ---- space ---- */
  --mp-s1:6px; --mp-s2:10px; --mp-s3:16px; --mp-s4:22px;
  --mp-s5:30px; --mp-s6:40px; --mp-s7:56px; --mp-s8:72px;
  --mp-band: clamp(56px,7vw,104px);
  --mp-gut:  clamp(18px,4.5vw,56px);
  --mp-max:  1320px;
  --mp-r:    4px;

  background:var(--mp-paper);
  color:var(--mp-ink);
  font-family:var(--mp-body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

/* ---- local reset ---- */
.mp-root *,.mp-root *::before,.mp-root *::after{ box-sizing:border-box; }
.mp-root img{ max-width:100%; display:block; }
.mp-root a{ color:inherit; text-decoration:none; }
.mp-root button{ font-family:inherit; font-size:inherit; cursor:pointer; border:none; background:none; color:inherit; padding:0; }
.mp-root ul,.mp-root ol{ margin:0; padding:0; list-style:none; }
.mp-root p,.mp-root h1,.mp-root h2,.mp-root h3,.mp-root h4,.mp-root figure,.mp-root dl,.mp-root dd,.mp-root blockquote{ margin:0; }
.mp-root table{ border-collapse:collapse; width:100%; }
.mp-root input,.mp-root select,.mp-root textarea{ font-family:inherit; font-size:inherit; color:inherit; }
.mp-root h1,.mp-root h2,.mp-root h3,.mp-root h4{
  font-family:var(--mp-display); font-weight:400; color:var(--mp-ink);
  line-height:1.12; letter-spacing:-.01em;
}
.mp-root :focus-visible{ outline:2px solid var(--mp-brass); outline-offset:3px; border-radius:2px; }
.mp-sr{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.mp-hidden{ display:none!important; }

/* ---- shared bits ---- */
.mp-shell{ max-width:var(--mp-max); margin:0 auto; padding-inline:var(--mp-gut); }
.mp-band{ padding-block:var(--mp-band); }
.mp-band--linen{ background:var(--mp-linen); }
.mp-band--sand{ background:var(--mp-sand); }
.mp-band--deep{ background:var(--mp-deep); color:var(--mp-cream); }
.mp-band--deep h2,.mp-band--deep h3{ color:var(--mp-cream); }

.mp-eyebrow{
  font-family:var(--mp-util); font-size:12px; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase; color:var(--mp-brass);
}
.mp-band--deep .mp-eyebrow{ color:var(--mp-gold-lt); }

/* signature motif: the woven stripe (shared by both source designs) */
.mp-weave{
  height:6px; width:100%; border-radius:2px;
  background:repeating-linear-gradient(115deg,
    var(--mp-gold) 0 7px, transparent 7px 14px,
    var(--mp-ink-2) 14px 17px, transparent 17px 26px);
  opacity:.85;
}
.mp-weave--short{ width:76px; }
.mp-band--deep .mp-weave{
  background:repeating-linear-gradient(115deg,
    var(--mp-gold-lt) 0 7px, transparent 7px 14px,
    var(--mp-cream) 14px 17px, transparent 17px 26px);
  opacity:.7;
}

.mp-secmark{ display:flex; flex-direction:column; gap:var(--mp-s3); margin-bottom:var(--mp-s6); max-width:62ch; }
.mp-secmark h2{ font-size:clamp(28px,3.4vw,44px); }
.mp-secmark p{ color:var(--mp-ink-2); font-size:17px; }
.mp-band--deep .mp-secmark p{ color:var(--mp-cream); opacity:.86; }
.mp-secmark--center{ margin-inline:auto; text-align:center; align-items:center; }

.mp-link{
  font-family:var(--mp-util); font-size:14px; font-weight:500; color:var(--mp-brass);
  border-bottom:1px solid var(--mp-tint); padding-bottom:2px; transition:border-color .2s;
}
.mp-link:hover{ border-color:var(--mp-brass); }

.mp-btn{
  font-family:var(--mp-util); font-weight:500; font-size:15px; letter-spacing:.02em;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:54px; padding:0 26px; border-radius:var(--mp-r);
  transition:background-color .2s, color .2s, border-color .2s, transform .12s;
}
.mp-btn:active{ transform:translateY(1px); }
.mp-btn--fill{ background:var(--mp-ink); color:var(--mp-cream); }
.mp-btn--fill:hover{ background:var(--color-button-gradient); background-color:rgb(var(--color-button-background)); }
.mp-btn--fill[disabled]{ background:var(--mp-sand); color:var(--mp-ink-2); cursor:not-allowed; }
.mp-btn--line{ border:1px solid var(--mp-ink); color:var(--mp-ink); background:transparent; }
.mp-btn--line:hover{ background:var(--mp-ink); color:var(--mp-cream); }
.mp-btn--gold{ background:var(--mp-gold); color:var(--mp-ink); }
.mp-btn--gold:hover{ background:#BC9A3D; }
.mp-btn--sm{ min-height:42px; padding:0 16px; font-size:14px; }
.mp-btn--full{ width:100%; }

.mp-card{ background:var(--mp-card); border:1px solid var(--mp-line-2); border-radius:var(--mp-r); }

.mp-scroller{ display:flex; gap:var(--mp-s3); overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:4px; }
.mp-scroller::-webkit-scrollbar{ display:none; }
.mp-scroller > *{ scroll-snap-align:start; }

/* =====================================================================
   PDP HERO
   ===================================================================== */
.mp-pdp{
  display:grid; gap:clamp(24px,3.4vw,56px);
  padding-top:var(--mp-s6); padding-bottom:var(--mp-band);
  align-items:start;
}
@media(min-width:1000px){
  .mp-pdp{ grid-template-columns:minmax(0,1fr) minmax(380px,var(--mp-buycol,440px)); }
}

/* ---- gallery ---- */
.mp-gal{ display:grid; gap:var(--mp-s3); }
@media(min-width:768px){
  .mp-gal{ grid-template-columns:88px minmax(0,1fr); align-items:start; }
  .mp-gal--below{ grid-template-columns:minmax(0,1fr); }
}
.mp-rail{
  display:flex; gap:10px; overflow:auto; scrollbar-width:none;
  order:2;
}
.mp-rail::-webkit-scrollbar{ display:none; }
@media(min-width:768px){
  .mp-rail{ order:0; flex-direction:column; max-height:min(78vh,860px); padding-right:2px; }
  .mp-gal--below .mp-rail{ flex-direction:row; order:2; }
}
.mp-thumb{
  flex:0 0 66px; width:66px; aspect-ratio:4/5; overflow:hidden;
  border:1px solid var(--mp-line-2); border-radius:var(--mp-r);
  background:var(--mp-linen); position:relative; transition:border-color .2s;
}
@media(min-width:768px){ .mp-thumb{ flex:0 0 auto; width:100%; } }
.mp-thumb img{ width:100%; height:100%; object-fit:cover; }
.mp-thumb[aria-selected="true"]{ border-color:var(--mp-ink); }
.mp-thumb[aria-selected="true"]::after{
  content:""; position:absolute; inset:auto 0 0 0; height:3px; background:var(--mp-gold);
}
.mp-thumb__play{
  position:absolute; inset:0; display:grid; place-items:center;
  background:rgba(22,40,31,.32); color:rgb(var(--color-button-text));
}
.mp-thumb__play svg{ width:20px; height:20px; }

.mp-stage{ position:relative; border-radius:var(--mp-r); overflow:hidden; background:var(--mp-linen); }
.mp-frames{
  display:flex; overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.mp-frames::-webkit-scrollbar{ display:none; }
.mp-frame{
  flex:0 0 100%; scroll-snap-align:center; position:relative;
  aspect-ratio:var(--mp-ratio,4/5); background:var(--mp-linen);
}
.mp-frame img,.mp-frame video,.mp-frame iframe{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:var(--mp-fit,cover); border:0;
}
.mp-frame--zoom img{ cursor:zoom-in; }

.mp-flags{ position:absolute; top:14px; left:14px; z-index:3; display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.mp-flag{
  font-family:var(--mp-util); font-size:11px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; padding:6px 11px; border-radius:2px;
}
.mp-flag--sale{ background:var(--mp-ink); color:var(--mp-gold-lt); }
.mp-flag--new{ background:var(--mp-gold); color:var(--mp-ink); }
.mp-flag--out{ background:var(--mp-sand); color:var(--mp-ink); }

.mp-zoomhint{
  position:absolute; top:14px; right:14px; z-index:3;
  display:none; align-items:center; gap:6px;
  font-family:var(--mp-util); font-size:12px; color:var(--mp-ink);
  background:rgb(var(--color-background) / .88); padding:6px 10px; border-radius:2px;
}
.mp-zoomhint svg{ width:14px; height:14px; }
@media(min-width:768px){ .mp-stage--zoom .mp-zoomhint{ display:flex; } }

.mp-gnav{
  position:absolute; top:50%; translate:0 -50%; z-index:3;
  width:44px; height:44px; display:grid; place-items:center;
  background:rgb(var(--color-background) / .92); color:var(--mp-ink);
  border-radius:50%; box-shadow:var(--mp-shadow-sm); opacity:0; transition:opacity .2s;
}
.mp-gnav svg{ width:20px; height:20px; }
.mp-gnav--prev{ left:12px; } .mp-gnav--next{ right:12px; }
.mp-stage:hover .mp-gnav,.mp-gnav:focus-visible{ opacity:1; }
.mp-gnav[disabled]{ opacity:0!important; pointer-events:none; }
@media(hover:none){ .mp-gnav{ display:none; } }

.mp-dots{ position:absolute; bottom:12px; left:50%; translate:-50% 0; z-index:3; display:flex; gap:7px; }
.mp-dot{ width:7px; height:7px; border-radius:50%; background:rgba(22,40,31,.28); transition:background .2s,width .2s; }
.mp-dot[aria-selected="true"]{ background:var(--mp-ink); width:20px; border-radius:4px; }
@media(min-width:768px){ .mp-dots{ display:none; } }

/* lightbox */
.mp-lightbox{
  position:fixed; inset:0; z-index:9999; background:rgb(var(--color-foreground) / .94);
  display:none; place-items:center; padding:24px;
}
.mp-lightbox[open],.mp-lightbox.is-open{ display:grid; }
.mp-lightbox img{ max-width:min(1100px,92vw); max-height:88vh; width:auto; object-fit:contain; }
.mp-lightbox__close,.mp-lightbox__nav{
  position:absolute; width:48px; height:48px; display:grid; place-items:center;
  color:var(--mp-cream); background:rgb(var(--color-background) / .10); border-radius:50%;
}
.mp-lightbox__close{ top:20px; right:20px; }
.mp-lightbox__nav--prev{ left:20px; top:50%; translate:0 -50%; }
.mp-lightbox__nav--next{ right:20px; top:50%; translate:0 -50%; }
.mp-lightbox svg{ width:22px; height:22px; }

/* =====================================================================
   BUY BOX
   ===================================================================== */
.mp-buy{ display:flex; flex-direction:column; gap:var(--mp-s4); }
@media(min-width:1000px){
  .mp-buy--sticky{ position:sticky; top:var(--mp-sticky-top,24px); }
}
.mp-kicker{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.mp-kicker hr{ flex:1; border:0; border-top:1px solid var(--mp-line); }
.mp-title{ font-size:clamp(30px,3.6vw,46px); line-height:1.05; }
.mp-buy__head .mp-weave{ margin-top:16px; }

.mp-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; font-size:14px; color:var(--mp-ink-2); }
.mp-rate{ display:inline-flex; align-items:center; gap:8px; }
.mp-stars{ display:inline-flex; gap:2px; color:var(--mp-gold); }
.mp-stars svg{ width:15px; height:15px; }
.mp-stars .is-off{ color:var(--mp-line); }
.mp-rate u{ text-decoration-color:var(--mp-tint); text-underline-offset:3px; }

.mp-pricerow{ display:flex; flex-wrap:wrap; align-items:baseline; gap:10px 14px; }
.mp-price{ font-family:var(--mp-display); font-size:clamp(26px,2.6vw,34px); }
.mp-price--sale{ color:var(--mp-bad); }
.mp-was{ color:var(--mp-ink-2); font-size:18px; text-decoration:line-through; text-decoration-color:var(--mp-line); }
.mp-save{
  font-family:var(--mp-util); font-size:12px; font-weight:600; letter-spacing:.08em;
  text-transform:uppercase; background:var(--mp-tint); color:var(--mp-brass);
  padding:5px 10px; border-radius:2px;
}
.mp-unit,.mp-taxnote{ font-size:13px; color:var(--mp-ink-2); }
.mp-payline{ font-size:14px; color:var(--mp-ink-2); margin-top:6px; }

/* ---- options ---- */
.mp-opt{ display:flex; flex-direction:column; gap:12px; }
.mp-opt__head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.mp-opt__lbl{ font-family:var(--mp-util); font-size:14px; font-weight:500; letter-spacing:.02em; }
.mp-opt__lbl b{ font-weight:600; }
.mp-opt__aside{ font-size:13px; color:var(--mp-ink-2); }
.mp-opt__values{ display:flex; flex-wrap:wrap; gap:10px; }
.mp-opt__values input{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }

.mp-swatch{
  position:relative; width:44px; height:44px; border-radius:50%;
  border:1px solid var(--mp-line); background-color:var(--mp-linen);
  background-size:cover; background-position:center;
  cursor:pointer; display:block; transition:box-shadow .18s,border-color .18s;
}
.mp-swatch::after{
  content:""; position:absolute; inset:-5px; border-radius:50%;
  border:1px solid transparent; transition:border-color .18s;
}
input:checked + .mp-swatch::after{ border-color:var(--mp-ink); }
input:focus-visible + .mp-swatch::after{ border-color:var(--mp-brass); }
.mp-swatch.is-out{ opacity:.45; }
.mp-swatch.is-out::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  background:linear-gradient(to top left,transparent calc(50% - 1px),var(--mp-ink) 50%,transparent calc(50% + 1px));
}

.mp-pill{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:56px; min-height:46px; padding:0 16px;
  font-family:var(--mp-util); font-size:14px; font-weight:500;
  border:1px solid var(--mp-line); border-radius:var(--mp-r);
  background:var(--mp-card); cursor:pointer; transition:border-color .18s,background .18s,color .18s;
}
.mp-pill:hover{ border-color:var(--mp-ink-2); }
input:checked + .mp-pill{ background:var(--mp-ink); border-color:var(--mp-ink); color:var(--mp-cream); }
input:focus-visible + .mp-pill{ outline:2px solid var(--mp-brass); outline-offset:2px; }
.mp-pill.is-out{
  color:var(--mp-ink-2); opacity:.5;
  background-image:linear-gradient(to top left,transparent calc(50% - .5px),var(--mp-line) 50%,transparent calc(50% + .5px));
}
input:checked + .mp-pill.is-out{ background-color:var(--mp-sand); color:var(--mp-ink); border-color:var(--mp-ink-2); opacity:.9; }

.mp-select{
  appearance:none; width:100%; min-height:50px; padding:0 40px 0 14px;
  border:1px solid var(--mp-line); border-radius:var(--mp-r); background:var(--mp-card);
  font-family:var(--mp-util); font-size:15px;
}
.mp-selectwrap{ position:relative; }
.mp-selectwrap svg{ position:absolute; right:14px; top:50%; translate:0 -50%; width:16px; height:16px; pointer-events:none; }

.mp-note{ display:flex; align-items:center; gap:8px; font-size:13.5px; }
.mp-note svg{ width:16px; height:16px; flex:0 0 16px; }
.mp-note--warn{ color:var(--mp-bad); }
.mp-note--good{ color:var(--mp-good); }
.mp-note--quiet{ color:var(--mp-ink-2); }

/* ---- quantity + add ---- */
.mp-addwrap{ display:flex; flex-direction:column; gap:12px; }
.mp-addrow{ display:flex; gap:10px; align-items:stretch; }
.mp-qty{ display:inline-flex; align-items:center; border:1px solid var(--mp-line); border-radius:var(--mp-r); background:var(--mp-card); }
.mp-qty button{ width:44px; height:54px; display:grid; place-items:center; color:var(--mp-ink); }
.mp-qty button svg{ width:14px; height:14px; }
.mp-qty input{
  width:44px; height:54px; text-align:center; border:0; background:transparent;
  font-family:var(--mp-util); font-weight:500; -moz-appearance:textfield;
}
.mp-qty input::-webkit-outer-spin-button,.mp-qty input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.mp-wish{
  width:54px; flex:0 0 54px; display:grid; place-items:center;
  border:1px solid var(--mp-line); border-radius:var(--mp-r); background:var(--mp-card);
  color:var(--mp-ink); transition:color .2s,border-color .2s;
}
.mp-wish svg{ width:20px; height:20px; }
.mp-wish[aria-pressed="true"]{ color:var(--mp-bad); border-color:var(--mp-bad); }
.mp-wish[aria-pressed="true"] svg{ fill:currentColor; }

.mp-payment-buttons{ display:grid; gap:10px; }
.mp-payment-buttons [data-shopify-buttoncontainer]{ justify-content:stretch; }
.mp-formerr{
  display:none; gap:8px; align-items:flex-start; font-size:13.5px; color:var(--mp-bad);
  background:rgba(140,47,30,.07); border:1px solid rgba(140,47,30,.2);
  border-radius:var(--mp-r); padding:10px 12px;
}
.mp-formerr.is-on{ display:flex; }

.mp-props{ display:flex; flex-direction:column; gap:10px; }
.mp-check{ display:flex; align-items:flex-start; gap:10px; font-size:14px; cursor:pointer; }
.mp-check input{ width:18px; height:18px; margin-top:3px; accent-color:var(--mp-ink); }
.mp-check__sub{ display:block; font-size:12.5px; color:var(--mp-ink-2); }
.mp-textarea{
  width:100%; min-height:74px; padding:10px 12px; resize:vertical;
  border:1px solid var(--mp-line); border-radius:var(--mp-r); background:var(--mp-card); font-size:14px;
}

/* ---- service rows ---- */
.mp-svc{ display:grid; gap:2px; border:1px solid var(--mp-line-2); border-radius:var(--mp-r); background:var(--mp-card); overflow:hidden; }
.mp-svc__row{ display:flex; gap:12px; padding:14px 16px; }
.mp-svc__row + .mp-svc__row{ border-top:1px solid var(--mp-line-2); }
.mp-svc__row > svg{ width:20px; height:20px; flex:0 0 20px; margin-top:2px; color:var(--mp-brass); }
.mp-svc__t{ font-family:var(--mp-util); font-size:14px; font-weight:500; }
.mp-svc__s{ font-size:13px; color:var(--mp-ink-2); line-height:1.5; }

.mp-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.mp-chip{
  font-family:var(--mp-util); font-size:11px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mp-brass);
  border:1px solid var(--mp-tint); border-radius:2px; padding:5px 9px;
}

/* ---- accordions ---- */
.mp-accs{ border-top:1px solid var(--mp-line-2); }
.mp-acc{ border-bottom:1px solid var(--mp-line-2); }
.mp-acc__btn{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:18px 2px; text-align:left; font-family:var(--mp-util); font-size:16px; font-weight:500;
}
.mp-acc__btn svg{ width:16px; height:16px; flex:0 0 16px; color:var(--mp-brass); transition:transform .25s; }
.mp-acc__btn[aria-expanded="true"] svg{ transform:rotate(180deg); }
.mp-acc__panel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .28s ease; }
.mp-acc__panel[data-open]{ grid-template-rows:1fr; }
.mp-acc__clip{ overflow:hidden; }
.mp-acc__body{ padding:0 2px 20px; color:var(--mp-ink-2); font-size:15px; }
.mp-acc__body > * + *{ margin-top:12px; }
.mp-acc__body a{ color:var(--mp-brass); text-decoration:underline; text-underline-offset:2px; }
.mp-acc__body ul{ display:grid; gap:8px; }
.mp-acc__body ul li{ position:relative; padding-left:20px; }
.mp-acc__body ul li::before{ content:""; position:absolute; left:2px; top:9px; width:7px; height:7px; border-radius:50%; background:var(--mp-gold); }
.mp-acc__body ol{ display:grid; gap:8px; padding-left:20px; list-style:decimal; }

.mp-spec{ display:grid; grid-template-columns:auto 1fr; gap:8px 18px; font-size:14.5px; }
.mp-spec dt{ font-family:var(--mp-util); font-weight:500; color:var(--mp-ink); }
.mp-spec dd{ color:var(--mp-ink-2); }

/* ---- sticky mobile bar ---- */
.mp-stickybar{
  position:fixed; left:0; right:0; bottom:0; z-index:40;
  background:var(--mp-card); border-top:1px solid var(--mp-line);
  box-shadow:0 -6px 24px rgba(22,40,31,.10);
  padding:10px var(--mp-gut) calc(10px + env(safe-area-inset-bottom));
  display:flex; align-items:center; gap:12px;
  transform:translateY(120%); transition:transform .28s ease; pointer-events:none;
}
.mp-stickybar.is-on{ transform:none; pointer-events:auto; }
.mp-stickybar__img{ width:48px; height:56px; flex:0 0 48px; border-radius:2px; overflow:hidden; background:var(--mp-linen); }
.mp-stickybar__img img{ width:100%; height:100%; object-fit:cover; }
.mp-stickybar__txt{ flex:1; min-width:0; }
.mp-stickybar__t{ font-family:var(--mp-util); font-size:14px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mp-stickybar__p{ font-size:13.5px; color:var(--mp-ink-2); }
.mp-stickybar .mp-btn{ min-height:46px; flex:0 0 auto; }
@media(min-width:1000px){ .mp-stickybar{ display:none; } }

/* =====================================================================
   ASSURANCE STRIP
   ===================================================================== */
.mp-assure{ border-block:1px solid var(--mp-line-2); background:var(--mp-card); }
.mp-assure__grid{ display:grid; gap:var(--mp-s4); padding-block:var(--mp-s5); }
@media(min-width:640px){ .mp-assure__grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1000px){ .mp-assure__grid{ grid-template-columns:repeat(var(--mp-assure-cols,4),1fr); } }
.mp-assure__item{ display:flex; gap:12px; align-items:flex-start; }
.mp-assure__item svg{ width:26px; height:26px; flex:0 0 26px; color:var(--mp-brass); }
.mp-assure__t{ font-family:var(--mp-util); font-size:15px; font-weight:500; }
.mp-assure__s{ font-size:13.5px; color:var(--mp-ink-2); line-height:1.5; }

/* =====================================================================
   BUNDLE
   ===================================================================== */
.mp-bundle{ display:grid; gap:var(--mp-s5); }
@media(min-width:900px){ .mp-bundle{ grid-template-columns:minmax(0,1fr) 320px; align-items:start; } }
.mp-bundle__list{ display:grid; gap:12px; }
.mp-bundle__item{ cursor:pointer; display:flex; align-items:center; gap:16px; padding:14px; background:var(--mp-card); border:1px solid var(--mp-line-2); border-radius:var(--mp-r); }
.mp-bundle__item.is-on{ border-color:var(--mp-ink); }
.mp-bundle__item input{ width:18px; height:18px; flex:0 0 18px; accent-color:var(--mp-ink); }
.mp-bundle__item img{ width:64px; height:80px; flex:0 0 64px; object-fit:cover; border-radius:2px; background:var(--mp-linen); }
.mp-bundle__info{ flex:1; min-width:0; display:block; }
.mp-bundle__t{ display:block; font-family:var(--mp-util); font-size:15px; font-weight:500; }
.mp-bundle__v{ display:block; font-size:13px; color:var(--mp-ink-2); }
.mp-bundle__price{ font-family:var(--mp-display); font-size:16px; white-space:nowrap; }
.mp-bundle__sum{ background:var(--mp-card); border:1px solid var(--mp-line-2); border-radius:var(--mp-r); padding:var(--mp-s4); display:grid; gap:12px; }
.mp-bundle__line{ display:flex; justify-content:space-between; gap:12px; font-size:14.5px; }
.mp-bundle__line--total{ font-family:var(--mp-display); font-size:20px; border-top:1px solid var(--mp-line-2); padding-top:12px; }
.mp-bundle__save{ color:var(--mp-good); }

/* =====================================================================
   DETAIL SHOTS
   ===================================================================== */
.mp-shots{ display:grid; gap:var(--mp-s4); }
@media(min-width:700px){ .mp-shots{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .mp-shots{ grid-template-columns:repeat(4,1fr); } }
.mp-shot img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:var(--mp-r); background:var(--mp-linen); }
.mp-shot h3{ font-size:20px; margin-top:14px; }
.mp-shot p{ font-size:14.5px; color:var(--mp-ink-2); margin-top:6px; }

/* =====================================================================
   FABRIC / MATERIALS
   ===================================================================== */
.mp-fabric{ display:grid; gap:var(--mp-s6); align-items:center; }
@media(min-width:900px){ .mp-fabric{ grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); } }
.mp-fabric__img img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--mp-r); }
.mp-comp{ display:grid; gap:16px; }
.mp-comp__row{ display:grid; gap:6px; }
.mp-comp__top{ display:flex; justify-content:space-between; font-size:14.5px; }
.mp-comp__top b{ font-family:var(--mp-util); font-weight:500; }
.mp-comp__bar{ height:8px; border-radius:4px; background:var(--mp-sand); overflow:hidden; }
.mp-comp__fill{ height:100%; background:var(--mp-ink); border-radius:4px; }
.mp-badges{ display:grid; gap:12px; margin-top:var(--mp-s4); }
@media(min-width:600px){ .mp-badges{ grid-template-columns:repeat(2,1fr); } }
.mp-badge{ display:flex; gap:10px; align-items:flex-start; padding:12px 14px; background:var(--mp-card); border:1px solid var(--mp-line-2); border-radius:var(--mp-r); }
.mp-badge svg{ width:18px; height:18px; flex:0 0 18px; color:var(--mp-brass); margin-top:2px; }
.mp-badge__t{ font-family:var(--mp-util); font-size:14px; font-weight:500; }
.mp-badge__s{ font-size:13px; color:var(--mp-ink-2); }
.mp-care{ display:flex; flex-wrap:wrap; gap:10px; margin-top:var(--mp-s4); }
.mp-care__item{ display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--mp-ink-2); border:1px solid var(--mp-line-2); border-radius:20px; padding:6px 14px; background:var(--mp-card); }
.mp-care__item svg{ width:16px; height:16px; color:var(--mp-brass); }

/* =====================================================================
   FIT + SIZE CHART
   ===================================================================== */
.mp-fit{ display:grid; gap:var(--mp-s6); align-items:start; }
@media(min-width:900px){ .mp-fit{ grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); } }
.mp-fitmeter{ display:grid; gap:var(--mp-s4); }
.mp-fitmeter__row{ display:grid; gap:8px; }
.mp-fitmeter__lbl{ font-family:var(--mp-util); font-size:14px; font-weight:500; }
.mp-fitmeter__track{ position:relative; height:6px; border-radius:3px; background:var(--mp-sand); }
.mp-fitmeter__pin{ position:absolute; top:50%; translate:-50% -50%; width:16px; height:16px; border-radius:50%; background:var(--mp-ink); border:3px solid var(--mp-paper); }
.mp-fitmeter__ends{ display:flex; justify-content:space-between; font-size:12.5px; color:var(--mp-ink-2); }
.mp-sizetable{ overflow-x:auto; border:1px solid var(--mp-line-2); border-radius:var(--mp-r); background:var(--mp-card); }
.mp-sizetable table{ min-width:420px; font-size:14px; }
.mp-sizetable th,.mp-sizetable td{ padding:11px 14px; text-align:left; border-bottom:1px solid var(--mp-line-2); white-space:nowrap; }
.mp-sizetable th{ font-family:var(--mp-util); font-weight:500; background:var(--mp-linen); }
.mp-sizetable tr:last-child td{ border-bottom:0; }
.mp-sizetable tbody tr:hover td{ background:var(--mp-linen); }
.mp-model{ display:grid; grid-template-columns:auto 1fr; gap:8px 18px; font-size:14.5px; margin-top:var(--mp-s4); }
.mp-model dt{ font-family:var(--mp-util); font-weight:500; }
.mp-model dd{ color:var(--mp-ink-2); }

/* =====================================================================
   COMPARE
   ===================================================================== */
.mp-compare{ overflow-x:auto; border:1px solid var(--mp-line-2); border-radius:var(--mp-r); background:var(--mp-card); }
.mp-compare table{ min-width:640px; font-size:14.5px; }
.mp-compare th,.mp-compare td{ padding:14px 16px; text-align:left; border-bottom:1px solid var(--mp-line-2); vertical-align:top; }
.mp-compare thead th{ background:var(--mp-linen); }
.mp-compare tbody th{ font-family:var(--mp-util); font-weight:500; width:180px; color:var(--mp-ink); }
.mp-compare td{ color:var(--mp-ink-2); }
.mp-compare tr:last-child th,.mp-compare tr:last-child td{ border-bottom:0; }
.mp-compare__head{ display:grid; gap:10px; min-width:150px; }
.mp-compare__head img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:2px; background:var(--mp-linen); }
.mp-compare__name{ font-family:var(--mp-util); font-size:14px; font-weight:500; color:var(--mp-ink); }
.mp-compare__price{ font-size:14px; color:var(--mp-ink-2); }
.mp-compare__this{ display:inline-block; font-family:var(--mp-util); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--mp-brass); background:var(--mp-tint); padding:3px 8px; border-radius:2px; }

/* =====================================================================
   REVIEWS
   ===================================================================== */
.mp-rev{ display:grid; gap:var(--mp-s6); align-items:start; }
@media(min-width:900px){ .mp-rev{ grid-template-columns:320px minmax(0,1fr); } }
.mp-rev__score{ display:grid; gap:10px; }
.mp-rev__big{ font-family:var(--mp-display); font-size:60px; line-height:1; }
.mp-meters{ display:grid; gap:14px; }
.mp-meter__top{ display:flex; justify-content:space-between; font-size:14px; }
.mp-meter__track{ height:6px; border-radius:3px; background:var(--mp-sand); overflow:hidden; }
.mp-band--deep .mp-meter__track{ background:rgb(var(--color-base-highlight) / .2); }
.mp-meter__fill{ height:100%; background:var(--mp-gold); border-radius:3px; }
.mp-topics{ display:flex; flex-wrap:wrap; gap:10px; }
.mp-topic{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; border:1px solid var(--mp-line); border-radius:20px; padding:7px 14px; }
.mp-band--deep .mp-topic{ border-color:rgb(var(--color-background) / .28); }
.mp-topic b{ font-family:var(--mp-util); font-weight:600; color:var(--mp-brass); }
.mp-band--deep .mp-topic b{ color:var(--mp-gold-lt); }

/* =====================================================================
   LOOKBOOK / UGC / PRESS / VIDEO
   ===================================================================== */
.mp-look{ display:grid; gap:var(--mp-s4); }
@media(min-width:800px){ .mp-look{ grid-template-columns:repeat(3,1fr); } }
.mp-look__item img{ width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:var(--mp-r); background:var(--mp-linen); }
.mp-look__item h3{ font-size:22px; margin-top:16px; }
.mp-look__item p{ font-size:14.5px; color:var(--mp-ink-2); margin-top:6px; }
.mp-band--deep .mp-look__item p{ color:var(--mp-cream); opacity:.85; }

.mp-ugc{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(min-width:700px){ .mp-ugc{ grid-template-columns:repeat(4,1fr); } }
@media(min-width:1100px){ .mp-ugc{ grid-template-columns:repeat(6,1fr); } }
.mp-ugc__item{ position:relative; border-radius:var(--mp-r); overflow:hidden; background:var(--mp-linen); }
.mp-ugc__item img{ width:100%; aspect-ratio:1/1; object-fit:cover; }
.mp-ugc__tag{ position:absolute; left:8px; bottom:8px; font-family:var(--mp-util); font-size:11.5px; color:rgb(var(--color-button-text)); background:rgba(22,40,31,.6); padding:3px 8px; border-radius:2px; }

.mp-press{ display:grid; gap:var(--mp-s4); }
@media(min-width:700px){ .mp-press{ grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); } }
.mp-press__item{ font-family:var(--mp-display); font-size:19px; line-height:1.35; padding-left:18px; border-left:2px solid var(--mp-gold); }
.mp-awards{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:var(--mp-s5); }
.mp-award{ display:inline-flex; align-items:center; gap:8px; font-family:var(--mp-util); font-size:13px; border:1px solid var(--mp-line); border-radius:2px; padding:8px 14px; }
.mp-award svg{ width:16px; height:16px; color:var(--mp-brass); }

.mp-video{ position:relative; border-radius:var(--mp-r); overflow:hidden; background:var(--mp-deep); aspect-ratio:16/9; }
.mp-video iframe,.mp-video video{ position:absolute; inset:0; width:100%; height:100%; border:0; object-fit:cover; }

/* =====================================================================
   FAQ + NEWSLETTER + RELATED
   ===================================================================== */
.mp-faq{ max-width:860px; margin-inline:auto; border-top:1px solid var(--mp-line-2); }
.mp-faq .mp-acc__btn{ font-size:17px; padding:20px 2px; }
.mp-faq .mp-acc__body{ font-size:15px; max-width:70ch; }

.mp-news{ display:grid; gap:var(--mp-s4); max-width:640px; }
.mp-news__form{ display:flex; gap:10px; flex-wrap:wrap; }
.mp-news__form input{
  flex:1; min-width:220px; min-height:54px; padding:0 16px;
  border:1px solid rgb(var(--color-background) / .34); border-radius:var(--mp-r);
  background:transparent; color:var(--mp-cream);
}
.mp-news__form input::placeholder{ color:rgb(var(--color-button-text) / .6); }
.mp-band--deep .mp-btn--gold:hover{ background:var(--mp-gold-lt); }

.mp-grid{ display:grid; gap:var(--mp-s4); grid-template-columns:repeat(2,1fr); }
@media(min-width:900px){ .mp-grid{ grid-template-columns:repeat(4,1fr); } }
.mp-pcard img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--mp-r); background:var(--mp-linen); }
.mp-pcard__t{ font-family:var(--mp-util); font-size:14.5px; font-weight:500; margin-top:12px; }
.mp-pcard__p{ font-size:14px; color:var(--mp-ink-2); margin-top:4px; }
.mp-pcard__was{ text-decoration:line-through; color:var(--mp-ink-2); opacity:.7; margin-left:6px; }

/* toast */
.mp-toast{
  position:fixed; z-index:9998; left:50%; bottom:24px; translate:-50% 0;
  background:var(--mp-ink); color:var(--mp-cream); font-family:var(--mp-util); font-size:14px;
  padding:13px 20px; border-radius:var(--mp-r); box-shadow:var(--mp-shadow-md);
  opacity:0; pointer-events:none; transition:opacity .25s, translate .25s;
}
.mp-toast.is-on{ opacity:1; translate:-50% -8px; }

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

#kimlud-footer-2026 {
  --kf-ink:        rgb(var(--color-foreground));
  --kf-body:       rgb(var(--color-foreground));
  --kf-muted:      rgb(var(--color-foreground) / 0.65);
  --kf-line:       rgb(var(--color-foreground) / 0.16);
  --kf-line-soft:  rgb(var(--color-foreground) / 0.16);
  --kf-bg:         rgb(var(--color-background));
  --kf-bar:        rgb(var(--color-button-background));
  --kf-bar-ink:    rgb(var(--color-button-text));
  --kf-bar-muted:  rgb(var(--color-button-text) / 0.65);
  --kf-focus:      rgb(var(--color-keyboard-focus));

  /* Swap in your own lifestyle shot:
     --kf-promo-image: url("https://cdn.shopify.com/.../new-arrivals.jpg"); */
  --kf-promo-image: none;

  --kf-gutter: clamp(20px, 4vw, 56px);
  --kf-max:    1440px;

  background: var(--kf-bg);
  color: var(--kf-body);
  font-size: 15px;
  line-height: 1.55;
  border-top: 1px solid var(--kf-line);
  -webkit-font-smoothing: antialiased;
}

#kimlud-footer-2026 *,
#kimlud-footer-2026 *::before,
#kimlud-footer-2026 *::after { box-sizing: border-box; }

#kimlud-footer-2026 p,
#kimlud-footer-2026 h2,
#kimlud-footer-2026 h3,
#kimlud-footer-2026 ul { margin: 0; padding: 0; }

#kimlud-footer-2026 ul { list-style: none; }

#kimlud-footer-2026 a {
  color: inherit;
  text-decoration: none;
  transition: color .18s ease, opacity .18s ease;
}

#kimlud-footer-2026 svg { display: block; }

#kimlud-footer-2026 a:focus-visible,
#kimlud-footer-2026 button:focus-visible,
#kimlud-footer-2026 input:focus-visible {
  outline: 2px solid var(--kf-focus);
  outline-offset: 3px;
  border-radius: 2px;
}

.kimlud-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.kimlud-footer__container {
  max-width: var(--kf-max);
  margin: 0 auto;
  padding-inline: var(--kf-gutter);
}

/* ---------- shared heading ---------- */
#kimlud-footer-2026 .kimlud-heading {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--kf-ink);
  margin-bottom: 14px;
}

/* ---------- wordmark ---------- */
#kimlud-footer-2026 .kimlud-wordmark {
  display: inline-block;
  color: var(--kf-ink);
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1;
  letter-spacing: -.01em;
}
#kimlud-footer-2026 .kimlud-wordmark--sm { font-size: clamp(24px, 2vw, 30px); }
#kimlud-footer-2026 .kimlud-wordmark__light { font-weight: 300; }
#kimlud-footer-2026 .kimlud-wordmark__bold  { font-weight: 800; }

#kimlud-footer-2026 .kimlud-tagline {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--kf-ink);
}

/* ============================================================
   BAND 1 — brand / newsletter / social
   ============================================================ */
#kimlud-footer-2026 .kimlud-band {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, .92fr);
  gap: clamp(32px, 4.5vw, 72px);
  padding-block: clamp(40px, 5vw, 64px);
}

#kimlud-footer-2026 .kimlud-band__newsletter,
#kimlud-footer-2026 .kimlud-band__connect {
  padding-left: clamp(24px, 3.5vw, 56px);
  border-left: 1px solid var(--kf-line-soft);
}

#kimlud-footer-2026 .kimlud-band__copy {
  max-width: 42ch;
  color: var(--kf-body);
  font-size: 15px;
}

#kimlud-footer-2026 .kimlud-band__brand .kimlud-band__copy { margin-top: 22px; }

/* assurance strip */
#kimlud-footer-2026 .kimlud-assurance {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px 8px;
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid var(--kf-line-soft);
}

#kimlud-footer-2026 .kimlud-assurance__item {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
#kimlud-footer-2026 .kimlud-assurance__item + .kimlud-assurance__item::before {
  content: "";
  position: absolute;
  left: -8px; top: 8%;
  height: 84%;
  border-left: 1px solid var(--kf-line-soft);
}
#kimlud-footer-2026 .kimlud-assurance__item svg {
  width: 24px; height: 24px;
  flex: 0 0 24px;
  color: var(--kf-ink);
}
#kimlud-footer-2026 .kimlud-assurance__item span {
  display: flex;
  flex-direction: column;
  font-size: 11px;
  line-height: 1.35;
  color: var(--kf-muted);
}
#kimlud-footer-2026 .kimlud-assurance__item strong {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--kf-ink);
}

/* ---------- newsletter form ---------- */
#kimlud-footer-2026 .kimlud-newsletter { margin-top: 20px; }

#kimlud-footer-2026 .kimlud-newsletter__field {
  display: flex;
  align-items: stretch;
  max-width: 440px;
  background: var(--kf-bg);
  border: 1px solid var(--kf-ink);
  border-radius: 999px;
  overflow: hidden;
  transition: box-shadow .18s ease;
}
#kimlud-footer-2026 .kimlud-newsletter__field:focus-within {
  box-shadow: 0 0 0 3px rgb(var(--color-shadow) / .12);
}

#kimlud-footer-2026 .kimlud-newsletter__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 15px 8px 15px 20px;
  font: inherit;
  font-size: 15px;
  color: var(--kf-ink);
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
#kimlud-footer-2026 .kimlud-newsletter__input::placeholder { color: var(--kf-muted); }
#kimlud-footer-2026 .kimlud-newsletter__input:focus-visible { outline: none; }

#kimlud-footer-2026 .kimlud-newsletter__button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 0;
  margin: 4px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--kf-ink);
  color: rgb(var(--color-button-text));
  font: inherit;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}
#kimlud-footer-2026 .kimlud-newsletter__button svg { width: 16px; height: 16px; }
#kimlud-footer-2026 .kimlud-newsletter__button:hover { background: var(--color-button-gradient); background-color:rgb(var(--color-button-background)); }
#kimlud-footer-2026 .kimlud-newsletter__button:active { transform: scale(.985); }
#kimlud-footer-2026 .kimlud-newsletter__button[disabled] { opacity: .55; cursor: not-allowed; }

#kimlud-footer-2026 .kimlud-newsletter__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 16px;
  font-size: 13px;
  color: var(--kf-muted);
}
#kimlud-footer-2026 .kimlud-newsletter__checkbox {
  width: 16px; height: 16px;
  margin: 2px 0 0;
  accent-color: var(--kf-ink);
  flex: 0 0 16px;
  cursor: pointer;
}
#kimlud-footer-2026 .kimlud-newsletter__consent a {
  color: var(--kf-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

#kimlud-footer-2026 .kimlud-newsletter__message {
  margin-top: 14px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--kf-ink);
}
#kimlud-footer-2026 .kimlud-newsletter__message[hidden] { display: none; }
#kimlud-footer-2026 .kimlud-newsletter__message--error { color: #b3261e; }

/* ---------- social + app ---------- */
#kimlud-footer-2026 .kimlud-social {
  display: grid;
  grid-template-columns: repeat(5, 36px);
  gap: 8px;
  margin-bottom: 18px;
}
#kimlud-footer-2026 .kimlud-social a {
  display: grid;
  place-items: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  color: var(--kf-ink);
  transition: background .18s ease, color .18s ease;
}
#kimlud-footer-2026 .kimlud-social svg { width: 20px; height: 20px; }
#kimlud-footer-2026 .kimlud-social a:hover { background: var(--kf-ink); color: rgb(var(--color-button-text)); }

#kimlud-footer-2026 .kimlud-hashtag {
  font-size: 14px;
  font-weight: 500;
  color: var(--kf-ink);
  padding-bottom: 22px;
  border-bottom: 1px solid var(--kf-line-soft);
}

#kimlud-footer-2026 .kimlud-app {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  column-gap: 14px;
  row-gap: 14px;
  padding-top: 22px;
}
#kimlud-footer-2026 .kimlud-app__phone {
  width: 26px; height: 26px;
  color: var(--kf-ink);
  margin-top: 2px;
}
#kimlud-footer-2026 .kimlud-app__text { display: flex; flex-direction: column; gap: 3px; }
#kimlud-footer-2026 .kimlud-app__text strong {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--kf-ink);
}
#kimlud-footer-2026 .kimlud-app__text span {
  font-size: 13px;
  color: var(--kf-muted);
  max-width: 30ch;
}
#kimlud-footer-2026 .kimlud-app__badges {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#kimlud-footer-2026 .kimlud-app__badges img {
  height: 38px;
  width: auto;
  border-radius: 5px;
  transition: opacity .18s ease;
}
#kimlud-footer-2026 .kimlud-app__badges a:hover img { opacity: .78; }

/* ============================================================
   BAND 2 — link columns
   ============================================================ */
#kimlud-footer-2026 .kimlud-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3.3fr);
  gap: clamp(32px, 4vw, 64px);
  padding-block: clamp(40px, 4.5vw, 60px);
  border-top: 1px solid var(--kf-line);
}

#kimlud-footer-2026 .kimlud-columns__blurb {
  margin-top: 18px;
  font-size: 14.5px;
  color: var(--kf-body);
  max-width: 34ch;
}

#kimlud-footer-2026 .kimlud-promo {
  display: block;
  position: relative;
  margin-top: 26px;
  padding: 22px;
  min-height: 150px;
  color: var(--kf-ink);
  background-color: rgb(var(--color-base-highlight));
  background-image: var(--kf-promo-image, none);
  background-size: cover;
  background-position: center right;
  overflow: hidden;
}
#kimlud-footer-2026 .kimlud-promo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgb(var(--color-background)) 0%, rgb(var(--color-background) / .92) 42%, rgba(255,255,255,0) 78%);
}
#kimlud-footer-2026 .kimlud-promo__label {
  position: relative; z-index: 1;
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
#kimlud-footer-2026 .kimlud-promo__sub {
  position: relative; z-index: 1;
  display: block;
  margin-top: 7px;
  font-size: 13px;
  color: var(--kf-body);
  max-width: 15ch;
}
#kimlud-footer-2026 .kimlud-promo__cta {
  position: relative; z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 20px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
}
#kimlud-footer-2026 .kimlud-promo__cta svg {
  width: 14px; height: 14px;
  transition: transform .2s ease;
}
#kimlud-footer-2026 .kimlud-promo:hover .kimlud-promo__cta svg { transform: translateX(4px); }

#kimlud-footer-2026 .kimlud-columns__nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 40px);
}

#kimlud-footer-2026 .kimlud-col__title {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--kf-ink);
  margin-bottom: 18px;
}
#kimlud-footer-2026 .kimlud-col__list { display: grid; gap: 11px; }
#kimlud-footer-2026 .kimlud-col__list a {
  font-size: 14.5px;
  color: var(--kf-body);
}
#kimlud-footer-2026 .kimlud-col__list a:hover {
  color: var(--kf-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ============================================================
   BAND 3 — value props
   ============================================================ */
#kimlud-footer-2026 .kimlud-values {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 28px 0;
  padding-block: clamp(30px, 3.5vw, 44px);
  border-top: 1px solid var(--kf-line);
}
#kimlud-footer-2026 .kimlud-value {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-inline: clamp(0px, 2vw, 32px);
}
#kimlud-footer-2026 .kimlud-value + .kimlud-value {
  border-left: 1px solid var(--kf-line-soft);
}
#kimlud-footer-2026 .kimlud-value svg {
  width: 34px; height: 34px;
  flex: 0 0 34px;
  color: var(--kf-ink);
}
#kimlud-footer-2026 .kimlud-value strong {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--kf-ink);
  margin-bottom: 6px;
}
#kimlud-footer-2026 .kimlud-value p {
  font-size: 13.5px;
  color: var(--kf-muted);
  max-width: 30ch;
}

/* ============================================================
   BAND 4 — black utility bar
   ============================================================ */
#kimlud-footer-2026 .kimlud-utility {
  background: var(--kf-bar);
  color: var(--kf-bar-muted);
  padding-block: 22px;
}

#kimlud-footer-2026 .kimlud-utility__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 28px;
}
#kimlud-footer-2026 .kimlud-utility__row--pay {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgb(var(--color-background) / .14);
}

#kimlud-footer-2026 .kimlud-utility__copy { font-size: 13px; }
#kimlud-footer-2026 .kimlud-utility__copy a { color: var(--kf-bar-ink); }
#kimlud-footer-2026 .kimlud-utility__copy a:hover { text-decoration: underline; }

#kimlud-footer-2026 .kimlud-utility__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
  font-size: 13px;
}
#kimlud-footer-2026 .kimlud-utility__links a { color: var(--kf-bar-muted); }
#kimlud-footer-2026 .kimlud-utility__links a:hover {
  color: var(--kf-bar-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#kimlud-footer-2026 .kimlud-utility__selectors {
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 13px;
}
#kimlud-footer-2026 .kimlud-selector {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--kf-bar-ink);
}
#kimlud-footer-2026 .kimlud-selector svg { width: 15px; height: 15px; }

/* payment icons */
#kimlud-footer-2026 .kimlud-payments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
#kimlud-footer-2026 .kimlud-payments li { display: flex; }
#kimlud-footer-2026 .kimlud-payments svg {
  width: 38px;
  height: 24px;
  border-radius: 3px;
  background: rgb(var(--color-background));
}

#kimlud-footer-2026 .kimlud-seals {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}
#kimlud-footer-2026 .kimlud-seals li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--kf-bar-ink);
}
#kimlud-footer-2026 .kimlud-seals svg { width: 17px; height: 17px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1180px) {
  #kimlud-footer-2026 .kimlud-columns {
    grid-template-columns: minmax(0, 1fr);
  }
  #kimlud-footer-2026 .kimlud-columns__intro { max-width: 640px; }
  #kimlud-footer-2026 .kimlud-columns__blurb,
  #kimlud-footer-2026 .kimlud-promo { max-width: none; }
  #kimlud-footer-2026 .kimlud-promo { max-width: 380px; }
}

@media (max-width: 1024px) {
  #kimlud-footer-2026 .kimlud-band {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  #kimlud-footer-2026 .kimlud-band__brand { grid-column: 1 / -1; }
  #kimlud-footer-2026 .kimlud-band__newsletter { padding-left: 0; border-left: 0; }
  #kimlud-footer-2026 .kimlud-value + .kimlud-value { border-left: 0; }
  #kimlud-footer-2026 .kimlud-value { padding-inline: 0; }
}

@media (max-width: 860px) {
  #kimlud-footer-2026 .kimlud-columns__nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px 20px;
  }
}

@media (max-width: 720px) {
  #kimlud-footer-2026 .kimlud-band {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  #kimlud-footer-2026 .kimlud-band__connect { padding-left: 0; border-left: 0; }
  #kimlud-footer-2026 .kimlud-assurance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  #kimlud-footer-2026 .kimlud-assurance__item + .kimlud-assurance__item::before { display: none; }
  #kimlud-footer-2026 .kimlud-columns__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  #kimlud-footer-2026 .kimlud-utility__row {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  #kimlud-footer-2026 .kimlud-utility__row--pay { gap: 20px; }
}

@media (max-width: 520px) {
  #kimlud-footer-2026 .kimlud-newsletter__field {
    flex-direction: column;
    border-radius: 12px;
    align-items: stretch;
  }
  #kimlud-footer-2026 .kimlud-newsletter__input {
    padding: 14px 16px;
    border-bottom: 1px solid var(--kf-line);
  }
  #kimlud-footer-2026 .kimlud-newsletter__button {
    justify-content: center;
    margin: 6px;
    padding: 14px 20px;
    border-radius: 8px;
  }
  #kimlud-footer-2026 .kimlud-payments svg { width: 34px; height: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  #kimlud-footer-2026 *,
  #kimlud-footer-2026 *::before,
  #kimlud-footer-2026 *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}
.kimlud-footer__container {
    max-width: 100% !important;
}

#kimlud-footer-2026 .kimlud-value p {
    font-size: 15px !important;
}
a.kimlud-wordmark img {
    max-width: 250px !important;
}

#kimlud-footer-2026 .kimlud-heading {
    font-size: 15px !important;
}

#kimlud-footer-2026 a {
    font-size: 14px !important;
    font-weight: 400 !important;
}

#kimlud-footer-2026 .kimlud-col__list a {
    font-family: 'Montserrat';
}

#kimlud-footer-2026 .kimlud-col__title {
    font-family: 'Montserrat';
}

#kimlud-footer-2026 .kimlud-value strong {
    font-size: 14px !important;
    margin-bottom: 0px !important;
}

#kimlud-footer-2026 .kimlud-columns__blurb {
    margin-top: 0px !important;
    font-size: 15px !important;
}

#kimlud-footer-2026 .kimlud-promo {
    padding: 0px !important;
    background: transparent !important;
}

input#kimlud-newsletter-consent:after {
    inset: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    margin-top: 2px;
    margin-left: 4px;
}

#kimlud-footer-2026 .kimlud-social a {
    background: transparent !important;
}

#kimlud-footer-2026 .kimlud-social svg {
    fill: rgb(var(--color-foreground)) !important;
    width: 27px !important;
    height: 27px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item span {
    font-size: 14px !important;
}

#kimlud-footer-2026 .kimlud-assurance {
    display: block !important;
    column-count: 2;
    gap: 20px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item + .kimlud-assurance__item::before {
    display: none;
}

#kimlud-footer-2026 .kimlud-assurance__item {
    padding-bottom: 15px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item strong {
    font-size: 12px !important;
}

#kimlud-footer-2026 .kimlud-band__copy {
    font-size: 15px !important;
    margin-top: 10px !important;
}

#kimlud-footer-2026 .kimlud-app__text strong {
    font-size: 14px !important;
}

#kimlud-footer-2026 .kimlud-app__text span {
    font-size: 14px;
    font-weight: 400 !important;
}

.kimlud-app__badges a {
    width: 100% !important;
}

#kimlud-footer-2026 .kimlud-app__badges {
    flex-wrap: unset !important;
}

#kimlud-footer-2026 .kimlud-app__badges img {
    height: unset !important;
}
#kmd-page{
  --kmd-white:rgb(var(--color-background));
  --kmd-black:rgb(var(--color-foreground));
  --kmd-ink:rgb(var(--color-foreground));
  --kmd-surface:rgb(var(--color-base-highlight));
  --kmd-line:rgb(var(--color-foreground) / 0.16);
  --kmd-line-dark:rgb(var(--color-foreground) / 0.16);
  --kmd-muted:rgb(var(--color-foreground) / 0.65);
  --kmd-muted-dark:rgb(var(--color-button-text) / 0.65);

  --kmd-display:clamp(2.6rem, 6.6vw, 6.2rem);
  --kmd-h2:clamp(1.9rem, 4vw, 3.4rem);
  --kmd-h3:clamp(1rem, 1.4vw, 1.3rem);
  --kmd-body:clamp(0.95rem, 1.05vw, 1.05rem);
  --kmd-micro:0.78rem;

  --kmd-pad:clamp(18px, 4.5vw, 64px);
  --kmd-block:clamp(56px, 7.5vw, 120px);

  font-family:"Outfit","Helvetica Neue",Arial,sans-serif;
  font-weight:300;
  font-size:var(--kmd-body);
  line-height:1.7;
  color:var(--kmd-black);
  background:var(--kmd-white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
#kmd-page *,#kmd-page *::before,#kmd-page *::after{box-sizing:border-box;}
#kmd-page img{display:block;width:100%;height:100%;object-fit:cover;}
#kmd-page a{color:inherit;text-decoration:none;}
#kmd-page ul{margin:0;padding:0;list-style:none;}
#kmd-page p{margin:0;}
#kmd-page h1,#kmd-page h2,#kmd-page h3{
  font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;
  font-weight:700;letter-spacing:-0.035em;line-height:1.02;margin:0;
}
#kmd-page :focus-visible{outline:2px solid currentColor;outline-offset:3px;}

.kmd-hold{width:min(1600px,100%);margin-inline:auto;padding-inline:var(--kmd-pad);}
.kmd-block{padding-block:var(--kmd-block);}
.kmd-note{font-size:var(--kmd-micro);letter-spacing:0.14em;color:var(--kmd-muted);margin-bottom:18px;}
.kmd-lede{max-width:54ch;color:var(--kmd-muted);}

.kmd-btn{
  display:inline-block;font-family:"Outfit",sans-serif;font-size:0.85rem;font-weight:400;
  letter-spacing:0.06em;padding:16px 38px;border:1px solid rgb(var(--color-button-background));
  background:var(--color-button-gradient); background-color:rgb(var(--color-button-background));color:rgb(var(--color-button-text));
  transition:background .25s ease,color .25s ease;
}
.kmd-btn:hover{background:transparent;color:var(--kmd-black);}
.kmd-btn--light{background:var(--kmd-white);border-color:var(--kmd-white);color:var(--kmd-black);}
.kmd-btn--light:hover{background:transparent;color:var(--kmd-white);}
.kmd-link{display:inline-block;font-size:0.85rem;letter-spacing:0.04em;border-bottom:1px solid currentColor;padding-bottom:3px;}
.kmd-link:hover{border-bottom-width:2px;}

/* ==================================================================
   1. HERO — 4 sliding banners
   ================================================================== */
#kmd-hero{position:relative;background:var(--kmd-black);overflow:hidden;}
.kmd-hero__viewport{position:relative;height:min(92vh,940px);min-height:480px;overflow:hidden;}
.kmd-hero__track{display:flex;height:100%;width:100%;transition:transform .8s cubic-bezier(.65,.02,.24,1);}
.kmd-hero__slide{position:relative;flex:0 0 100%;height:100%;}
.kmd-hero__slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgb(var(--color-foreground) / .30) 0%,rgba(0,0,0,0) 34%,rgb(var(--color-foreground) / .70) 100%);
}
.kmd-hero__caption{
  position:absolute;z-index:2;left:0;bottom:clamp(72px,9vw,132px);
  width:100%;padding-inline:var(--kmd-pad);color:var(--kmd-white);
}
.kmd-hero__eyebrow{font-size:var(--kmd-micro);letter-spacing:0.2em;color:rgb(var(--color-button-text) / .75);margin-bottom:16px;}
.kmd-hero__title{font-size:var(--kmd-display);color:var(--kmd-white);font-weight:800;max-width:13ch;}
.kmd-hero__text{margin-top:18px;max-width:40ch;color:rgb(var(--color-button-text) / .82);}
.kmd-hero__cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;}

.kmd-hero__bar{
  position:absolute;z-index:3;left:0;bottom:0;width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 var(--kmd-pad) clamp(24px,3vw,44px);
}
.kmd-hero__dots{display:flex;gap:10px;}
.kmd-hero__dot{
  appearance:none;border:0;padding:0;cursor:pointer;background:rgb(var(--color-background) / .35);
  width:48px;height:3px;transition:background .3s ease,transform .3s ease;
}
.kmd-hero__dot[aria-current="true"]{background:var(--kmd-white);}
.kmd-hero__arrows{display:flex;gap:10px;}
.kmd-hero__arrow{
  appearance:none;cursor:pointer;width:52px;height:52px;border:1px solid rgb(var(--color-background) / .5);
  background:transparent;color:var(--kmd-white);display:grid;place-items:center;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.kmd-hero__arrow:hover{background:var(--kmd-white);color:var(--kmd-black);border-color:var(--kmd-white);}
.kmd-hero__arrow svg{width:20px;height:20px;}

/* ==================================================================
   2. PROMISE BAND
   ================================================================== */
#kmd-promise{background:var(--kmd-black);color:var(--kmd-white);}
.kmd-promise__row{display:grid;grid-template-columns:repeat(4,1fr);}
.kmd-promise__cell{
  padding:22px 18px;text-align:center;border-right:1px solid var(--kmd-line-dark);
  font-size:0.85rem;letter-spacing:0.05em;color:rgb(var(--color-button-text) / .85);
}
.kmd-promise__cell:last-child{border-right:0;}

/* ==================================================================
   3. DRESS GRID — zero gap, edge to edge
   ================================================================== */
#kmd-dresses{padding-top:var(--kmd-block);}
.kmd-dresses__head{padding:0 var(--kmd-pad) clamp(28px,3.4vw,50px);max-width:1600px;margin-inline:auto;}
.kmd-dresses__title{font-size:var(--kmd-h2);max-width:18ch;}
.kmd-dresses__text{margin-top:18px;}

.kmd-tilegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.kmd-tile{position:relative;display:block;overflow:hidden;background:var(--kmd-black);}
.kmd-tile__media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;}
.kmd-tile__media img{transition:transform .9s cubic-bezier(.2,.7,.3,1);}
.kmd-tile__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgb(var(--color-placeholder) / .68) 100%);
  transition:background .3s ease;
}
.kmd-tile:hover .kmd-tile__media img{transform:scale(1.06);}
.kmd-tile:hover .kmd-tile__media::after{background:linear-gradient(180deg,rgb(var(--color-placeholder) / .1) 30%,rgb(var(--color-placeholder) / .78) 100%);}
.kmd-tile__name{
  position:absolute;z-index:2;left:0;right:0;bottom:clamp(18px,2vw,30px);
  color:var(--kmd-white);text-align:center;
  font-family:"Montserrat",sans-serif;font-weight:600;letter-spacing:-0.015em;
  font-size:clamp(1rem,1.35vw,1.35rem);padding-inline:10px;
}
.kmd-tile__name::after{
  content:"";display:block;width:26px;height:1px;margin:10px auto 0;
  background:var(--kmd-white);transition:width .35s cubic-bezier(.2,.7,.3,1);
}
.kmd-tile:hover .kmd-tile__name::after{width:64px;}

/* ==================================================================
   4. CATEGORY MOSAIC — zero gap, big images
   ================================================================== */
#kmd-shop{margin-top:var(--kmd-block);}
.kmd-shop__head{padding:0 var(--kmd-pad) clamp(28px,3.4vw,50px);max-width:1600px;margin-inline:auto;
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;}
.kmd-shop__title{font-size:var(--kmd-h2);}
.kmd-mosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:0;}
.kmd-card{position:relative;display:block;overflow:hidden;background:var(--kmd-black);}
.kmd-card img{transition:transform 1s cubic-bezier(.2,.7,.3,1);}
.kmd-card:hover img{transform:scale(1.05);}
.kmd-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgb(var(--color-foreground) / .72) 100%);}
.kmd-card__body{
  position:absolute;z-index:2;left:0;bottom:0;width:100%;
  padding:clamp(20px,2.2vw,36px);color:var(--kmd-white);
}
.kmd-card__name{font-family:"Montserrat",sans-serif;font-weight:600;letter-spacing:-0.025em;
  font-size:clamp(1.15rem,2vw,2rem);}
.kmd-card__go{display:inline-block;margin-top:12px;font-size:0.82rem;letter-spacing:0.05em;
  border-bottom:1px solid rgb(var(--color-background) / .6);padding-bottom:2px;color:rgb(var(--color-button-text) / .85);}
.kmd-card:hover .kmd-card__go{color:var(--kmd-white);border-color:var(--kmd-white);}

.kmd-card--third{grid-column:span 2;aspect-ratio:3/4;}
.kmd-card--half{grid-column:span 3;aspect-ratio:16/10;}
.kmd-card--full{grid-column:span 6;aspect-ratio:21/8;}

/* ==================================================================
   5. COATS SPLIT
   ================================================================== */
#kmd-coats{background:var(--kmd-black);color:var(--kmd-white);margin-top:var(--kmd-block);}
.kmd-coats__grid{display:grid;grid-template-columns:58% 42%;}
.kmd-coats__media{position:relative;min-height:min(92vh,900px);overflow:hidden;}
.kmd-coats__panel{display:flex;align-items:center;padding:clamp(48px,6vw,110px) clamp(26px,5vw,92px);}
.kmd-coats__inner{max-width:32ch;}
.kmd-coats__title{font-size:clamp(2.2rem,4.4vw,4rem);color:var(--kmd-white);}
.kmd-coats__text{margin-top:24px;color:var(--kmd-muted-dark);}
.kmd-coats__panel .kmd-btn{margin-top:36px;}

/* ==================================================================
   6. SEASON TRIO
   ================================================================== */
#kmd-season{border-bottom:1px solid var(--kmd-line);}
.kmd-season__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:clamp(26px,3.2vw,48px);}
.kmd-season__title{font-size:var(--kmd-h2);max-width:16ch;}
.kmd-season__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.kmd-season__item{position:relative;}
.kmd-season__item > a{position:relative;display:block;overflow:hidden;background:var(--kmd-black);}
.kmd-season__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--kmd-surface);}
.kmd-season__media img{transition:transform .9s cubic-bezier(.2,.7,.3,1);}
.kmd-season__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgb(var(--color-placeholder) / .76) 100%);
}
.kmd-season__item:hover .kmd-season__media img{transform:scale(1.05);}
.kmd-season__copy{
  position:absolute;z-index:2;left:0;bottom:0;width:100%;
  padding:clamp(22px,2.4vw,38px);color:var(--kmd-white);
}
.kmd-season__name{font-family:"Montserrat",sans-serif;font-size:clamp(1.15rem,1.7vw,1.6rem);font-weight:600;letter-spacing:-0.025em;}
.kmd-season__text{color:rgb(var(--color-button-text) / .8);margin-top:8px;font-size:0.94rem;max-width:32ch;}
.kmd-season__copy .kmd-link{margin-top:16px;color:var(--kmd-white);}

/* ==================================================================
   7. STORY
   ================================================================== */
#kmd-story{background:var(--kmd-black);color:var(--kmd-white);}
.kmd-story__figure{aspect-ratio:21/8;overflow:hidden;}
.kmd-story__figure img{filter:grayscale(1);opacity:.85;}
.kmd-story__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--kmd-line-dark);}
.kmd-story__panel{padding:clamp(44px,5.5vw,96px) clamp(26px,4.5vw,76px);border-right:1px solid var(--kmd-line-dark);}
.kmd-story__panel:last-child{border-right:0;}
.kmd-story__title{font-size:clamp(1.9rem,3.2vw,3rem);color:var(--kmd-white);max-width:12ch;}
.kmd-story__text{margin-top:22px;color:var(--kmd-muted-dark);max-width:44ch;}
.kmd-story__panel .kmd-note{color:var(--kmd-muted-dark);}

/* ==================================================================
   8. LOOKBOOK — zero gap trio
   ================================================================== */
#kmd-look{padding-top:var(--kmd-block);}
.kmd-look__head{padding:0 var(--kmd-pad) clamp(26px,3.2vw,48px);max-width:1600px;margin-inline:auto;}
.kmd-look__title{font-size:var(--kmd-h2);max-width:18ch;}
.kmd-look__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.kmd-look__item{position:relative;display:block;overflow:hidden;background:var(--kmd-black);}
.kmd-look__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--kmd-surface);}
.kmd-look__media img{transition:transform .9s cubic-bezier(.2,.7,.3,1);}
.kmd-look__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgb(var(--color-placeholder) / .74) 100%);}
.kmd-look__item:hover .kmd-look__media img{transform:scale(1.05);}
.kmd-look__bar{
  position:absolute;z-index:2;left:0;bottom:0;width:100%;
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:clamp(20px,2.2vw,34px);color:var(--kmd-white);
}
.kmd-look__name{font-family:"Montserrat",sans-serif;font-weight:600;font-size:clamp(1.1rem,1.6vw,1.5rem);letter-spacing:-0.025em;}
.kmd-look__go{font-size:0.8rem;letter-spacing:0.05em;color:rgb(var(--color-button-text) / .8);border-bottom:1px solid rgb(var(--color-background) / .55);padding-bottom:2px;}
.kmd-look__item:hover .kmd-look__go{color:var(--kmd-white);border-color:var(--kmd-white);}

/* ==================================================================
   9. OCCASION
   ================================================================== */
#kmd-occasion{position:relative;min-height:min(84vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:var(--kmd-black);margin-top:var(--kmd-block);}
.kmd-occasion__media{position:absolute;inset:0;}
.kmd-occasion__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--color-placeholder) / .15),rgb(var(--color-placeholder) / .75));}
.kmd-occasion__body{position:relative;z-index:2;width:100%;padding:clamp(40px,6vw,96px) var(--kmd-pad);color:var(--kmd-white);}
.kmd-occasion__title{font-size:clamp(2.2rem,5vw,4.4rem);color:var(--kmd-white);max-width:15ch;}
.kmd-occasion__text{margin-top:20px;max-width:44ch;color:rgb(var(--color-button-text) / .8);}
.kmd-occasion__body .kmd-btn{margin-top:32px;}

/* ==================================================================
   10. SERVICE
   ================================================================== */
#kmd-service{padding-block:clamp(48px,6vw,92px);}
.kmd-service__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--kmd-black);}
.kmd-service__item{padding:clamp(22px,2.4vw,36px) clamp(16px,2vw,30px) clamp(22px,2.4vw,36px) 0;
  border-bottom:1px solid var(--kmd-line);border-right:1px solid var(--kmd-line);}
.kmd-service__item:nth-child(4n){border-right:0;padding-right:0;}
.kmd-service__icon{display:block;width:34px;height:34px;margin-bottom:18px;color:var(--kmd-black);}
.kmd-service__icon svg{width:100%;height:100%;display:block;}
.kmd-service__name{font-family:"Montserrat",sans-serif;font-weight:600;font-size:0.96rem;letter-spacing:-0.01em;}
.kmd-service__text{margin-top:8px;color:var(--kmd-muted);font-size:0.88rem;line-height:1.6;}

/* ==================================================================
   RESPONSIVE
   ================================================================== */
@media (max-width:1180px){
  .kmd-tilegrid{grid-template-columns:repeat(4,1fr);}
  .kmd-coats__grid{grid-template-columns:1fr;}
  .kmd-coats__media{min-height:0;aspect-ratio:4/3;}
  .kmd-story__grid{grid-template-columns:1fr;}
  .kmd-story__panel{border-right:0;border-bottom:1px solid var(--kmd-line-dark);}
  .kmd-service__grid{grid-template-columns:repeat(2,1fr);}
  .kmd-service__item:nth-child(4n){border-right:1px solid var(--kmd-line);padding-right:clamp(16px,2vw,30px);}
  .kmd-service__item:nth-child(2n){border-right:0;padding-right:0;}
}
@media (max-width:860px){
  .kmd-tilegrid{grid-template-columns:repeat(2,1fr);}
  .kmd-mosaic{grid-template-columns:1fr;}
  .kmd-card--third,.kmd-card--half,.kmd-card--full{grid-column:span 1;aspect-ratio:4/5;}
  .kmd-card--full{aspect-ratio:16/10;}
  .kmd-season__grid,.kmd-look__grid{grid-template-columns:1fr;}
  .kmd-season__item{border-right:0;border-bottom:1px solid var(--kmd-line);}
  .kmd-promise__row{grid-template-columns:repeat(2,1fr);}
  .kmd-promise__cell:nth-child(2n){border-right:0;}
  .kmd-promise__cell:nth-child(-n+2){border-bottom:1px solid var(--kmd-line-dark);}
  .kmd-hero__viewport{height:min(78vh,720px);}
  .kmd-hero__arrows{display:none;}
  .kmd-hero__dot{width:34px;}
  .kmd-story__figure{aspect-ratio:4/3;}
}
@media (max-width:560px){
  .kmd-service__grid{grid-template-columns:1fr;}
  .kmd-service__item{border-right:0 !important;padding-right:0 !important;}
  .kmd-hero__caption{bottom:clamp(84px,16vw,120px);}
}
@media (prefers-reduced-motion:reduce){
  #kmd-page *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
}
.kmd-dresses__head {
    padding-left: 0px !important;
}

#kmd-page h1, #kmd-page h2, #kmd-page h3 {
    font-weight: 500 !important;
}

p.kmd-note {
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

p.kmd-lede.kmd-dresses__text {
    margin-top: 15px !important;
    font-size: 18px !important;
}

.kmd-tilegrid {
    grid-template-columns: repeat(3, 1fr);
}

.kmd-tile__name {font-size: 46px !important;font-weight: 300 !important;}

.kmd-shop__head {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.kmd-link {
    font-size: 16px !important;
    text-transform: capitalize;
}

.kmd-card__go {
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-top: 0px !important;
}

span.kmd-card__name {
    letter-spacing: 0px !important;
    text-transform: capitalize;
    font-size: 38px !important;
    font-weight: 300 !important;
}

.kmd-card--third {
    aspect-ratio: 1/2 !important;
}

.kmd-card--half {
    aspect-ratio: 16/12;
}

.kmd-card--full {
    aspect-ratio: unset !important;
}

p.kmd-coats__text {
    font-size: 18px !important;
    max-width: 100% !important;
    color: rgb(var(--color-button-text)) !important;
    padding-top: 10px !important;
}

.kmd-btn {
    font-size: 15px !important;
    background: transparent !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.kmd-coats__inner {
    max-width: 100% !important;
}

.kmd-coats__inner p.kmd-note {
    color: rgb(var(--color-button-text)) !important;
    padding-bottom: 10px !important;
}

.kmd-season__head {
    padding: 0px !important;
}

.kmd-link {
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.kmd-season__text {
    font-size: 16px !important;
    max-width: 250px !important;
}

.kmd-season__name {
    line-height: normal !important;
    font-weight: 400 !important;
    font-size: 30px !important;
}

.kmd-story__figure {}

.kmd-story__figure img {
    filter: unset;
}

.kmd-story__text {
    font-size: 16px !important;
    color: rgb(var(--color-button-text)) !important;
    padding-top: 15px !important;
}

.kmd-story__panel .kmd-note {
    color: rgb(var(--color-button-text)) !important;
    padding-bottom: 15px !important;
}

.kmd-look__head {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.kmd-look__name {
    font-weight: 400 !important;
}

.kmd-look__go {
    text-transform: uppercase !important;
}

.kmd-service__item {
    padding: 25px !important;
}

.kmd-service__grid {
    border: 0px !important;
}

p.kmd-service__text {
    font-size: 16px !important;
    padding-top: 10px !important;
    line-height: 20px !important;
}

h3.kmd-service__name {
    font-size: 18px !important;
}

.kmd-hold {
    padding: 0px !important;
}
@media (max-width:801px){
h2#kmd-dresses-title {}

p.kmd-lede, p.kmd-lede.kmd-dresses__text {
    font-size: 14px !important;
    margin-top: 10px !important;
}

p.kmd-note {
    padding-bottom: 10px !important;
    font-size: 10px !important;
}

.kmd-tilegrid {
    grid-template-columns: repeat(2, 1fr);
}

.kmd-tile__name {
    font-size: 20px !important;
}

a.kmd-tile:last-child {
    display: none;
}

a.kmd-link {
    font-size: 14px !important;
}

.kmd-card__body {
}

span.kmd-card__name {
    font-size: 25px !important;
}

.kmd-card__go {
    font-size: 14px !important;
}

.kmd-card--third {
    aspect-ratio: 1/1.5 !important;
}

h2#kmd-coats-title {
    font-size: 28px !important;
}

p.kmd-coats__text {
    font-size: 16px !important;
}

.kmd-btn {
    font-size: 14px !important;
    padding: 10px 20px !important;
}

.kmd-coats__inner a {
    margin-top: 10px !important;
}

.kmd-season__name {
    font-size: 26px !important;
}

.kmd-season__text {
    font-size: 14px !important;
}

.kmd-season__copy .kmd-link {
    font-size: 14px !important;
}

.kmd-service__item {
    padding: 30px 0px !important;
}

.section.section--padding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

  }
  h2#kmd-dresses-title {}

p.kmd-lede, p.kmd-lede.kmd-dresses__text {
    font-size: 14px !important;
    margin-top: 10px !important;
}

p.kmd-note {
    padding-bottom: 10px !important;
    font-size: 10px !important;
}

.kmd-tilegrid {
    grid-template-columns: repeat(2, 1fr);
}

.kmd-tile__name {
    font-size: 20px !important;
}

a.kmd-tile:last-child {
    display: none;
}

a.kmd-link {
    font-size: 14px !important;
}

.kmd-card__body {
}

span.kmd-card__name {
    font-size: 25px !important;
}

.kmd-card__go {
    font-size: 14px !important;
}

.kmd-card--third {
    aspect-ratio: 1/1.5 !important;
}

h2#kmd-coats-title {
    font-size: 28px !important;
}

p.kmd-coats__text {
    font-size: 16px !important;
}

.kmd-btn {
    font-size: 14px !important;
    padding: 10px 20px !important;
}

.kmd-coats__inner a {
    margin-top: 10px !important;
}

.kmd-season__name {
    font-size: 26px !important;
}

.kmd-season__text {
    font-size: 14px !important;
}

.kmd-season__copy .kmd-link {
    font-size: 14px !important;
}

.kmd-service__item {
    padding: 30px 0px !important;
}

.section.section--padding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

li.kimlud-assurance__item {
    break-inside: avoid;
    page-break-inside: avoid;
}

a.kimlud-wordmark img {
    max-width: 150px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item strong {
    font-size: 10px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item span {
    font-size: 11px !important;
}

.kimlud-utility {
    padding-bottom: 200px !important;
}
}
.lp4-amb-rail {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #b8b8b8 transparent;
  -webkit-overflow-scrolling: touch;
}

/* Chrome, Safari, Edge */
.lp4-amb-rail::-webkit-scrollbar {
  height: 6px;
}

.lp4-amb-rail::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}

.lp4-amb-rail::-webkit-scrollbar-thumb {
  background: rgb(var(--color-foreground));
  border-radius: 999px;
}

.lp4-amb-rail::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--color-foreground));
}

/* Hide scrollbar on very small screens if desired */
@media (max-width: 749px) {
  .lp4-amb-rail {
    scrollbar-width: thin;
  }

  .lp4-amb-rail::-webkit-scrollbar {
    height: 4px;
  }

  .lp4-amb-rail::-webkit-scrollbar-thumb {
    background: rgb(var(--color-foreground));
  }
}

.lp4-amb-railbtn img {}

.lp4-amb-railbtn[aria-selected="true"] {
    border-color: rgb(var(--color-foreground)) !important;
}

button#lp4-amb-add {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
    border-color: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-button-text)) !important;
}

.lp4-amb-extrarow__label svg {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-paychip {
    padding: 10px 20px !important;
}

.lp4-amb-paychips {
    margin-bottom: 20px !important;
}

.lp4-amb-opthead {}

.lp4-amb-swatch[aria-pressed="true"] {
    box-shadow: unset !important;
    border-color: black !important;
}

.lp4-amb-metarow {
    display: none !important;
}

.lp4-amb-brandline {
    display: none !important;
}

h1.lp4-amb-title {
    font-size: 27px !important;
    font-weight: 600 !important;
    padding-bottom: 0px !important;
}

.lp4-amb-price {
    font-size: 28px !important;
}

.lp4-amb-svc svg {
    color: rgb(var(--color-foreground)) !important;
    width: 30px !important;
    height: 30px !important;
}

.lp4-amb-body p {font-weight: normal !important;}

p.lp4-amb-svc__s {
    font-weight: 500 !important;
}

.lp4-amb-body :is(p,li,dd,dt,label,input,textarea,select,button) {
    font-weight: normal !important;
}

.lp4-amb-body button {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

p.lp4-amb-svc__t {
    font-weight: 700 !important;
}

body.template-product {
    background: rgb(var(--color-base-highlight)) !important;
}
.lp4-amb-rail {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #b8b8b8 transparent;
  -webkit-overflow-scrolling: touch;
}

/* Chrome, Safari, Edge */
.lp4-amb-rail::-webkit-scrollbar {
  height: 6px;
}

.lp4-amb-rail::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}

.lp4-amb-rail::-webkit-scrollbar-thumb {
  background: rgb(var(--color-foreground));
  border-radius: 999px;
}

.lp4-amb-rail::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--color-foreground));
}

/* Hide scrollbar on very small screens if desired */
@media (max-width: 749px) {
  .lp4-amb-rail {
    scrollbar-width: thin;
  }

  .lp4-amb-rail::-webkit-scrollbar {
    height: 4px;
  }

  .lp4-amb-rail::-webkit-scrollbar-thumb {
    background: rgb(var(--color-foreground));
  }
}

.lp4-amb-railbtn img {}

.lp4-amb-railbtn[aria-selected="true"] {
    border-color: rgb(var(--color-foreground)) !important;
}

button#lp4-amb-add {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
    border-color: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-button-text)) !important;
}

.lp4-amb-extrarow__label svg {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-paychip {
    padding: 10px 20px !important;
}

.lp4-amb-paychips {
    margin-bottom: 20px !important;
}

.lp4-amb-opthead {}

.lp4-amb-swatch[aria-pressed="true"] {
    box-shadow: unset !important;
    border-color: black !important;
}

.lp4-amb-metarow {
    display: none !important;
}

.lp4-amb-brandline {
    display: none !important;
}

h1.lp4-amb-title {
    font-size: 27px !important;
    font-weight: 600 !important;
    padding-bottom: 0px !important;
}

.lp4-amb-price {
    font-size: 28px !important;
}

.lp4-amb-svc svg {
    color: rgb(var(--color-foreground)) !important;
    width: 30px !important;
    height: 30px !important;
}

.lp4-amb-body p {font-weight: normal !important;}

p.lp4-amb-svc__s {
    font-weight: 500 !important;
}

.lp4-amb-body :is(p,li,dd,dt,label,input,textarea,select,button) {
    font-weight: normal !important;
}

.lp4-amb-body button {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

p.lp4-amb-svc__t {
    font-weight: 700 !important;
}

body.template-product {
    background: rgb(var(--color-base-highlight)) !important;
}

p.lp4-amb-pcard__name {
    font-weight: 700 !important;
    padding-top: 20px !important;
}

p.lp4-amb-pcard__sub {
    display: none !important;
}

p.lp4-amb-pcard__price {
    font-size: 18px !important;
}

.lp4-amb-trustitem svg {
    color: rgb(var(--color-foreground)) !important;
    width: 31px !important;
    height: 31px !important;
}

section.lp4-amb-sec[aria-label="Why shop with us"] {
    padding-top: 60px !important;
    padding-bottom: 0px !important;
}

.lp4-amb-trustitem p {
    font-weight: 600 !important;
    font-size: 16px !important;
}

.lp4-amb-trust {}

section.lp4-amb-sec[aria-labelledby="lp4-amb-si-h"] {
    padding-bottom: 10px !important;
}

.lp4-amb-body h1, .lp4-amb-body h2, .lp4-amb-body h3, .lp4-amb-body h4 {
    text-transform: capitalize;
    font-weight: 500 !important;
}

.lp4-amb-sec {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
}

p.lp4-amb-det__d {
    font-size: 15px !important;
    line-height: 20px !important;
}

h3.lp4-amb-det__t {
    font-size: 21px !important;
    padding: 7px 0px !important;
}

p.lp4-amb-det__n {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-video__cap b {
    font-size: 39px !important;
}

.lp4-amb-cmp th, .lp4-amb-cmp td {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.lp4-amb-cmp svg {
    margin: auto !important;
}

label.lp4-amb-bundlerow input:after {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-body {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.lp4-amb-btn--gold {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
    color: rgb(var(--color-button-text)) !important;
    border: 0px !important;
}

p.lp4-amb-step__d {
    font-size: 15px !important;
}

h3.lp4-amb-step__t {
    font-size: 25px !important;
    padding: 10px 0px !important;
}

p.lp4-amb-step__num {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-sechead {
    gap: 5px !important;
}

.lp4-amb-table th, .lp4-amb-table td {
    font-size: 14px !important;
    font-weight: normal;
}

.lp4-amb-fitlbl span {
    font-weight: 600 !important;
}

.lp4-amb-fitbar span[data-on] {
    background: rgb(var(--color-foreground)) !important;
}

p.lp4-amb-optlbl {
    font-weight: 600 !important;
}

p.lp4-amb-optlbl {}
.kimlud-footer__container {
    max-width: 1800px !important;
}
@media (max-width: 801px) {
.kimlud-footer__container {
    max-width: 1800px !important;
}

nav.lp4-amb-crumbs {
    display: none !important;
}

.lp4-amb-body {
    padding-top: 0px !important;
}

h1.lp4-amb-title {
    font-size: 19px !important;
}

.lp4-amb-price {
    font-size: 18px !important;
}

.lp4-amb-paychip {
    font-size: 10px !important;
    padding: 5px 10px !important;
}

p.lp4-amb-optlbl {
    font-size: 12px !important;
}

.lp4-amb-body button {font-size: 12px !important;}

.lp4-amb-qty button {
    font-size: 20px !important;
}

.lp4-amb-promorow input {
    min-width: unset !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

.lp4-amb-pdp {
    padding: 10px !important;
}

.lp4-amb-promorow {
    display: block !important;
}

button#lp4-amb-promoapply {
    width: 100% !important;
}

section.lp4-amb-sec[aria-label="Why shop with us"] {
    display: none !important;
}

.lp4-amb-seclink {
    font-size: 10px !important;
}

.lp4-amb-sechead h2 {
    font-size: 25px !important;
}

.lp4-amb-eyebrow {
    font-size: 9px !important;
}

p.lp4-amb-det__d {
    font-size: 12px !important;
}

h3.lp4-amb-det__t {
    font-size: 18px !important;
}

.lp4-amb-sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.lp4-amb-video__cap b {
    font-size: 20px !important;
}

.lp4-amb-cmp th, .lp4-amb-cmp td {
    font-size: 12px !important;
}

.related-products {
    margin-top: 50px !important;
}

.lp4-amb-pcard {
}

div#lp4-amb-sticky {
    display: none !important;
}
}
.lp4-amb-railbtn img {
    border-radius: 10px !important;
}
div#fnv-promo-top {
    background: rgb(var(--color-base-highlight)) !important;
}

.fnv-promo-code {border: 1px solid rgb(var(--color-foreground)) !important;}
#kimludTopBar {
  --kmld-tbar-bg:        rgb(var(--color-base-highlight));   /* warm paper cream        */
  --kmld-tbar-text:      rgb(var(--color-foreground));   /* muted stone for labels  */
  --kmld-tbar-accent:    rgb(var(--color-foreground));   /* olive green for values  */
  --kmld-tbar-rule:      rgb(var(--color-foreground) / 0.16);   /* hairline divider        */
  --kmld-tbar-size:      12px;
  --kmld-tbar-pad:       11px;

  background: var(--kmld-tbar-bg);
  color: var(--kmld-tbar-text);
  font-size: var(--kmld-tbar-size);
  letter-spacing: .06em;
  line-height: 1.2;
  width: 100%;
  position: relative;
  z-index: 60;
  overflow: hidden;
}

#kimludTopBar .kmld-tbar__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: var(--kmld-tbar-pad) 20px;
}

#kimludTopBar .kmld-tbar__track {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* --- single perk ------------------------------------------------------- */
#kimludTopBar .kmld-tbar__item {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  position: relative;
}

/* hairline divider between perks (desktop only) */
#kimludTopBar .kmld-tbar__item + .kmld-tbar__item::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: var(--kmld-tbar-rule);
}

#kimludTopBar .kmld-tbar__icon {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  color: var(--kmld-tbar-accent);
  display: block;
}

#kimludTopBar .kmld-tbar__label {
  text-transform: uppercase;
  font-weight: 500;
}

#kimludTopBar .kmld-tbar__value {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--kmld-tbar-accent);
}

/* code pill: keeps the code copy-able and obviously actionable */
#kimludTopBar .kmld-tbar__code {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--kmld-tbar-accent);
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: .06em;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 2px;
  transition: background-color .15s ease;
}
#kimludTopBar .kmld-tbar__code:hover,
#kimludTopBar .kmld-tbar__code:focus-visible {
  background: rgba(143, 174, 27, .14);
}
#kimludTopBar .kmld-tbar__code:focus-visible {
  outline: 2px solid var(--kmld-tbar-accent);
  outline-offset: 1px;
}
#kimludTopBar .kmld-tbar__code[data-copied="true"]::after {
  content: " ✓";
}

/* the duplicated marquee half is hidden on desktop */
#kimludTopBar .kmld-tbar__clone { display: none; }

/* --- tablet ------------------------------------------------------------ */
@media (max-width: 1024px) {
  #kimludTopBar { --kmld-tbar-size: 11px; }
  #kimludTopBar .kmld-tbar__track { gap: 8px 22px; }
  #kimludTopBar .kmld-tbar__item + .kmld-tbar__item::before { left: -11px; }
}

/* --- mobile: marquee --------------------------------------------------- */
@media (max-width: 767px) {
  #kimludTopBar {
    --kmld-tbar-size: 11px;
    --kmld-tbar-pad: 9px;
  }
  #kimludTopBar .kmld-tbar__inner {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
          mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
  }
  #kimludTopBar .kmld-tbar__track {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
    gap: 0;
    animation: kmldTbarScroll 22s linear infinite;
  }
  #kimludTopBar .kmld-tbar__item {
    padding: 0 16px;
  }
  #kimludTopBar .kmld-tbar__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: var(--kmld-tbar-rule);
  }
  #kimludTopBar .kmld-tbar__clone { display: inline-flex; }
  #kimludTopBar:hover .kmld-tbar__track,
  #kimludTopBar:focus-within .kmld-tbar__track { animation-play-state: paused; }
}

@keyframes kmldTbarScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* no motion: let people swipe through the perks instead */
@media (prefers-reduced-motion: reduce) {
  #kimludTopBar .kmld-tbar__track { animation: none !important; }
  @media (max-width: 767px) {
    #kimludTopBar .kmld-tbar__inner {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    #kimludTopBar .kmld-tbar__inner::-webkit-scrollbar { display: none; }
    #kimludTopBar .kmld-tbar__clone { display: none; }
  }
}
#kimludTopBar .kmld-tbar__icon {
    color: rgb(var(--color-foreground)) !important;
}

#kimludTopBar .kmld-tbar__value {
    color: rgb(var(--color-foreground)) !important;
}

#kimludTopBar .kmld-tbar__code {
    color: rgb(var(--color-foreground)) !important;
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-acc__in {
    max-height: 400px !important;
    overflow-y: auto !important;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}

/* Chrome, Edge, Safari */
.lp4-amb-acc__in::-webkit-scrollbar {
    width: 6px;
}

.lp4-amb-acc__in::-webkit-scrollbar-track {
    background: transparent;
}

.lp4-amb-acc__in::-webkit-scrollbar-thumb {
    background: rgb(var(--color-foreground) / 0.25);
    border-radius: 10px;
}

.lp4-amb-acc__in::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--color-foreground) / 0.4);
}

.shopify-section-group-header-group .page-width {
    padding: 0px 20px !important;
}
.fnv-header-row {
    max-width: 100% !important;
}

#fnv-subnav-scroll {
    max-width: 100% !important;
}

.fnv-header-row {
    justify-content: unset !important;
}

.fnv-logo {
    margin-right: 10px !important;
    padding-right: 10px !important;
}


.mains__flipss {
    display: flex;
    align-items: center !important;
}

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

.fnv-header-row {
    justify-content: space-between !important;
}

#fnv-topnav>li>button {
    padding: 6px 0px !important;
    margin: 0px 17px !important;
    border-width: 4px !important;
}

.mains__flipss {
    width: 100% !important;
}
.mains__flipss {
    display: flex;
    align-items: center !important;
}

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

.fnv-header-row {
    justify-content: space-between !important;
}

#fnv-topnav>li>button {
    padding: 6px 0px !important;
    margin: 0px 17px !important;
    border-width: 4px !important;
}

.mains__flipss {
    width: 100% !important;
}

#fnv-topnav>li>button {
    font-weight: 800 !important;
}
.fnv-logo img {
    width: 100% !important;
    max-width: 60px !important;
}

.fnv-header-row {
    height: unset !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.dropdown {
    z-index: 9999999999999999999999999 !important;
}

.shopify-section-group-header-group .page-width {
    padding: 0px 30px !important;
}
.multicolumn-card.with-border {
    display: block !important;
}
.testimonial blockquote {
    text-align: center !important;
}
.lp4-amb-railbtn img {
    border-radius: 0px !important;
}

.lp4-amb-galrail {
    max-height: 600px !important;
}

p#lp4-amb-stocknote {
    color: rgb(var(--color-foreground)) !important;
    padding-top: 10px !important;
}

button.lp4-amb-szclink {
    color: rgb(var(--color-foreground)) !important;
    border-color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-szclink svg {
    color: rgb(var(--color-foreground)) !important;
}

footer.lp4-amb-szc__foot button {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
    border: 1px solid rgb(var(--color-foreground)) !important;
}

.lp4-amb-szc__table th, .lp4-amb-szc__table td {
    font-size: 14px !important;
}

.lp4-amb-szc__x:hover {
    background: rgb(var(--color-background)) !important;
    border-color: rgb(var(--color-foreground)) !important;
}
.lp4-amb-qty button {
    font-size: 27px !important;
    font-weight: 400 !important;
}

.lp4-amb-optblock {
    margin-top: 15px !important;
}

h1.lp4-amb-title {
    font-weight: 700 !important;
}
.fnv-mega-col a {
    font-weight: 400 !important;
}

.fnv-mega-col h4 a {
    font-weight: 700 !important;
}
.footer__newsletter a {
    text-decoration: underline !important;
}
.footer__newsletter a {
    text-decoration: underline !important;
}
.footer__newsletter a:hover {
    color: #39FF14 !important;
}

@media (max-width: 767px) {
#fnv-hamburger-btn {
    margin-right: 15px !important;
}

.sidemains__consmin233 {
}

#fnv-header.fnv-search-open .fnv-search {
    position: absolute;
    top: 78px !important;
}

#fnv-header.fnv-search-open .fnv-header-row {
    flex-wrap: unset !important;
}
}
.kmd-story__figure {
    aspect-ratio: unset !important;
}
  .kimlud-image-text-unique {
    background: rgb(var(--color-foreground));
    color: rgb(var(--color-button-text));
    padding: 100px 40px;
  }

  .kimlud-container {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }

  .kimlud-image-side {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }

  .kimlud-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .kimlud-text-side {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .kimlud-label {
    font-size: 12px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    opacity: 0.65;
    font-weight: 500;
  }

  .kimlud-heading {
    font-size: 42px;
    font-weight: 500;
    line-height: 1.15;
    margin: 0;
    letter-spacing: -0.6px;
  }

  .kimlud-desc {
    font-size: 16px;
    line-height: 1.65;
    opacity: 0.85;
    max-width: 420px;
    margin: 0;
  }

  .kimlud-divider {
    width: 40px;
    height: 1px;
    background: rgb(var(--color-background) / 0.3);
    margin: 20px 0;
  }

  .kimlud-link {
    display: inline-block;
    margin-top: 12px;
    font-size: 13px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgb(var(--color-button-text));
    text-decoration: none;
    border-bottom: 1px solid rgb(var(--color-background));
    padding-bottom: 3px;
    width: fit-content;
    transition: opacity 0.25s ease;
  }

  .kimlud-link:hover {
    opacity: 0.65;
  }

  /* Responsive */
  @media (max-width: 900px) {
    .kimlud-container {
      grid-template-columns: 1fr;
      gap: 50px;
    }

    .kimlud-heading {
      font-size: 34px;
    }
  }
  h2.kimlud-heading {
    color: rgb(var(--color-button-text)) !important;
}

.kimlud-container {
    max-width: 100% !important;
}

section#kimlud-image-text-section {
    padding: 0px !important;
}

.kimlud-desc {
    max-width: 100% !important;
    font-size: 21px !important;
    max-width: 650px !important;
}

.kimlud-text-side {}

.kimlud-label {
    margin-top: 30px !important;
}
.bigmains__consmin233 img {
    max-width: 150px !important;
    margin-top: 20px !important;
    border-radius: 10px !important;
}
.kmd-tilegrid {
    gap: 15px !important;
}

.kmd-mosaic {
    gap: 15px !important;
}

.kmd-season__grid {
    gap: 15px !important;
}

.kimlud-image-side {
    aspect-ratio: 1/1.2;
}

section#kmd-look {
    gap: 15px !important;
}

.kmd-look__grid {
    gap: 15px !important;
    margin-bottom: 15px !important;
}
section#kimlud-image-text-section {margin-top: 15px !important;}

section#kmd-story {
    background: transparent !important;
}

  @media (min-width: 900px) {
li.fnv-sub-item [data-section="home"] {}

.fnv-mega-inner {
    max-width: 100% !important;
}

li.fnv-sub-item[data-section="home"] .fnv-mega-inner {
    width: 100% !important;
    display: block !important;
}
}
.fnv-mega-promo img {
    aspect-ratio: unset !important;
}
newsletter-modal#NewsletterModal {
    z-index: 9999999999999999999999999999999999 !important;
}
#fs-blog-fashion {
    background: transparent !important;
}

.fs-root .fs-pill:hover {
    background: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-button-text)) !important;
}

.fs-bdark {
    display: none !important;
}

.fs-mast h1 em {
    color: rgb(var(--color-foreground)) !important;
}

.fs-mast h1 {
    padding-bottom: 0px !important;
}
/* =========================================
   ARTICLE TAGS
   Unique ID: #anw-article-tags-7f21
========================================= */

#anw-article-tags-7f21.anw-article-tags-7f21 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0;
}

#anw-article-tags-7f21 .anw-article-tags-7f21__label {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
}

#anw-article-tags-7f21 .anw-article-tags-7f21__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

#anw-article-tags-7f21 .anw-article-tags-7f21__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 36px;
  padding: 9px 15px;

  border: 1.5px solid rgb(var(--color-foreground));
  border-radius: 100px;

  background: transparent;
  color: rgb(var(--color-foreground));

  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

#anw-article-tags-7f21 .anw-article-tags-7f21__tag:hover {
  background: rgb(var(--color-foreground));
  color: rgb(var(--color-button-text));
  transform: translateY(-1px);
}

#anw-article-tags-7f21 .anw-article-tags-7f21__tag:focus-visible {
  outline: 2px solid rgb(var(--color-keyboard-focus));
  outline-offset: 3px;
}

/* Mobile */
@media screen and (max-width: 749px) {
  #anw-article-tags-7f21.anw-article-tags-7f21 {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin: 22px 0;
  }

  #anw-article-tags-7f21 .anw-article-tags-7f21__list {
    gap: 6px;
  }

  #anw-article-tags-7f21 .anw-article-tags-7f21__tag {
    min-height: 33px;
    padding: 8px 12px;
    font-size: 11px;
  }
}
#nj-blog-journal {
    background: transparent !important;
}

.nj-titem:hover {
    background: rgb(var(--color-background)) !important;
}

.nj-srule {
    display: none !important;
}

.nj-bdesk-n {
    font-family: 'Montserrat' !important;
    font-weight: 600 !important;
    color: rgb(var(--color-foreground)) !important;
    border: 0px !important;
}

.nj-bdesk a {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    padding: 10px !important;
    border-radius: 10px !important;
    text-align: center !important;
}
#bt-desk-beauty-blog {
    background: transparent !important;
}

.bt-mast-t .bt-intro {
    font-size: 15px !important;
}

.bt-bdark {
    display: none !important;
}
#tc-beauty-ai {
    background: transparent !important;
}

.tc-index a:hover {
    background: rgb(var(--color-background)) !important;
}

.tc-dek {
    font-size: 15px !important;
}

div#tc-log-beauty-ai {
    display: none !important;
}

.tc-bdark {
    display: none !important;
}
#tc-beauty-ai {
    background: transparent !important;
}

.tc-index a:hover {
    background: rgb(var(--color-background)) !important;
}

.tc-dek {
    font-size: 15px !important;
}

div#tc-log-beauty-ai {
    display: none !important;
}

.tc-bdark {
    display: none !important;
}
#nt-blog-travel {
    background: transparent !important;
}

.nt-top p {
    font-size: 15px !important;
}

.nt-lrow:hover {
    background: rgb(var(--color-background)) !important;
}

.nt-bdark {
    display: none !important;
}
a.fnv-top-direct-link {
    padding: 6px 0px !important;
    margin: 0px 17px !important;
    border-width: 4px !important;
    font-weight: 800 !important;
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
}
.fnv-mega-promo img {
    aspect-ratio: 1/1 !important;
}
.footer__right {
    display: block !important;
}

.footer__socials {
    padding: 30px 0px !important;
}
.ambx-sticky-atc {
    right: 120px !important;
}

div#st-1.sharethis-sticky-share-buttons.st-sticky-share-buttons {
    top: 30% !important;
}

 @media screen and (max-width: 768px) {
.ambx-sticky-atc {
    right: 120px !important;
}
 }
 .nj-bdark {
    display: none !important;
}
.image-with-text__item .rich-text {
    padding: 25px !important;
    background: rgb(var(--color-base-highlight));
    border-radius: 15px !important;
}

.rich-text {}

.image-with-text {
    gap: 40px !important;
}


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

#smile-ui-lite-launcher-frame-container {
    bottom: 71px !important;
}

 }

 .nj-aside .nj-bdesk a {
    border: 0px !important;
    padding: 20px 0px !important;
}

.nj-aside .nj-bdesk {
    padding-top: 20px !important;
}
.sidemains__consmin233 {
    width: 70% !important;
}
.fnv-mega.fnv-mega--dropdown .fnv-mega-inner {
    padding: 5px !important;
}

.fnv-mega.fnv-mega--dropdown {
    border-radius: 10px !important;
    border: 0px !important;
    padding: 15px !important;
}

.fnv-mega-col a {
    font-size: 18px !important;
}

.fnv-mega.fnv-mega--dropdown {
    border-radius: 5px !important;
    padding: 5px !important;
    border: 0px !important;
}

 @media screen and (max-width: 768px) {
div#st-1.sharethis-sticky-share-buttons.st-sticky-share-buttons {
    display: none !important;
}
div#st-1.sharethis-sticky-share-buttons.st-sticky-share-buttons {
    display: none !important;
}

[data-rounded-block=round] .footer__accordions .details {
    padding: 0px !important;
    border: 0px !important;
}

.footer__accordions, #shopify-section-sections--31714719793477__footer .footer__accordions {
    gap: 10px !important;
}
 }
 .kmd-hold {
    width: 100% !important;
}
.kmd-hold {
    width: 100% !important;
}

.image-with-text__item .media:not(.media--rounded) {
    border-radius: 0px !important;
}

.image-with-text__item .rich-text {
    border-radius: 0px !important;
}
.kmd-hold {
    width: 100% !important;
}

.image-with-text__item .media:not(.media--rounded) {
    border-radius: 0px !important;
}

.image-with-text__item .rich-text {
    border-radius: 0px !important;
}

.page-width lookbook-element {
    border-radius: 0px !important;
}
.kmd-hold {
    width: 100% !important;
}

.image-with-text__item .media:not(.media--rounded) {
    border-radius: 0px !important;
}

.image-with-text__item .rich-text {
    border-radius: 0px !important;
}

.page-width lookbook-element {
    border-radius: 0px !important;
}

.multicolumn .media {
    border-radius: 0px !important;
}

.multicolumn-card.with-border {
    border-radius: 0px !important;
}
.newsletter-form .alert {
    font-size: 14px !important;
    border: 2px dotted green !important;
}
#anw-subscribe-save-10 .anw-subscribe-save-10__inner {
    max-width: 100% !important;
}

#anw-subscribe-save-10 {
    padding: 50px !important;
    border-radius: 15px !important;
    margin-top: 20px !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__description {
    font-size: 17px !important;
}

#anw-subscribe-save-10 .anw-subscribe-form-7x91__input {
    font-size: 16px !important;
}

#anw-subscribe-save-10 .anw-subscribe-form-7x91__button {
    font-size: 16px !important;
    text-transform: capitalize !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__privacy {
    font-size: 14px !important;
}

.kmd-shop__head {
    max-width: 100% !important;
}

.kmd-dresses__head {
    max-width: 100% !important;
}

p.kmd-note {
    margin-bottom: 15px !important;
}
#anw-subscribe-save-10 .anw-subscribe-save-10__inner {
    max-width: 100% !important;
}

#anw-subscribe-save-10 {
    padding: 50px !important;
    border-radius: 15px !important;
    margin-top: 20px !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__description {
    font-size: 17px !important;
}

#anw-subscribe-save-10 .anw-subscribe-form-7x91__input {
    font-size: 16px !important;
}

#anw-subscribe-save-10 .anw-subscribe-form-7x91__button {
    font-size: 16px !important;
    text-transform: capitalize !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__privacy {
    font-size: 14px !important;
}

.kmd-shop__head {
    max-width: 100% !important;
}

.kmd-dresses__head {
    max-width: 100% !important;
}

p.kmd-note {
    margin-bottom: 15px !important;
}

@media screen and (max-width: 768px) {
body div#st-1.sharethis-sticky-share-buttons.st-sticky-share-buttons {
    display: none !important;
}
#fnv-header {
    margin-bottom: 0px !important;
}

#anw-subscribe-save-10 {
    padding: 25px !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__heading {
    font-size: 30px !important;
}
#fnv-header {
    margin-bottom: 0px !important;
}

#anw-subscribe-save-10 {
    padding: 25px !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__heading {
    font-size: 30px !important;
}
}
button.shopify-payment-button__button--unbranded::after {
    display: none !important;
}
button.shopify-payment-button__button--unbranded::after {
    display: none !important;
}
#klbd-blog-journal {
    background: transparent !important;
    padding-top: 10px !important;
}

#klbd-blog-journal .klbd-intro {
    font-size: 16px !important;
}

#klbd-blog-journal .klbd-rule {
    display: none !important;
}

#klbd-blog-journal .klbd-grid {
    margin-top: 60px !important;
}

#klbd-blog-journal .klbd-index {
    background: rgb(var(--color-background)) !important;
}

.klbd-foot {
    display: none !important;
}

#klbd-blog-journal .klbd-description {
    font-size: 16px !important;
}

#klbd-blog-journal .klbd-endnote {
    display: none !important;
}
#klbd-blog-journal .klbd-image-label {
    font-size: 15px !important;
    background: rgb(var(--color-background)) !important;
}


/* ==========================================================================
   KIMLUD — ADAPTIVE TOP NAV SEARCH
   - No top-nav arrows.
   - Full search bar remains visible while the complete top menu fits.
   - Only when the menu needs more room does the search become an icon.
   - Clicking the icon opens a floating search box.
   - Existing hamburger/mobile layout remains at <= 960px.
   ========================================================================== */

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

  .fnv-header-row {
    position: relative !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: visible !important;
  }

  /* Undo the conflicting 100% widths in the existing stylesheet. */
  .mains__flipss {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .sidemains__consmin233 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 10px !important;
  }

  .fnv-logo {
    flex: 0 0 auto !important;
  }

  /* The top nav gets the remaining space and is used by JS to detect overflow. */
  #fnv-topnav {
    display: flex !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
  }

  #fnv-topnav::-webkit-scrollbar {
    display: none !important;
  }

  #fnv-topnav > li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  /* NORMAL STATE:
     Keep the real search field while the navigation fits. */
  #fnv-header:not(.fnv-search-compact) .fnv-search {
    display: block !important;
    flex: 1 1 240px !important;
    width: clamp(180px, 15vw, 280px) !important;
    min-width: 180px !important;
    max-width: 280px !important;
    margin: 0 12px !important;
    position: relative !important;
  }

  #fnv-header:not(.fnv-search-compact) .fnv-search-toggle {
    display: none !important;
  }

  /* COMPACT STATE:
     This class is added by JS only when the full menu would not fit. */
  #fnv-header.fnv-search-compact .fnv-search {
    display: none !important;
  }

  #fnv-header.fnv-search-compact .fnv-search-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
    cursor: pointer !important;
    flex: 0 0 38px !important;
  }

  #fnv-header.fnv-search-compact .fnv-search-toggle:hover {
    background: rgb(var(--color-base-highlight)) !important;
  }

  /* Clicking the compact search icon opens a floating search box.
     It does not consume navigation width. */
  #fnv-header.fnv-search-compact.fnv-search-open .fnv-search {
    display: flex !important;
    align-items: center !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 18px !important;
    left: auto !important;
    width: min(410px, calc(100vw - 36px)) !important;
    min-width: 0 !important;
    max-width: 410px !important;
    margin: 0 !important;
    padding: 8px !important;
    background: rgb(var(--color-background)) !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    border-radius: 25px !important;
    box-shadow: 0 14px 42px rgb(var(--color-shadow) / .14) !important;
    z-index: 1000 !important;
  }

  #fnv-header.fnv-search-compact.fnv-search-open .fnv-search-input {
    width: 100% !important;
  }

  /* Override the older <=999px mobile-search rule for the tiny
     961–999 desktop range. The real mobile header still starts at <=960px. */
  #fnv-header.fnv-search-compact.fnv-search-open .fnv-header-row {
    flex-wrap: nowrap !important;
  }

  /* Safety fallback: if a very narrow non-mobile viewport still cannot fit
     after the search collapses, the menu remains horizontally accessible,
     but there are deliberately NO arrow controls. */
  #fnv-header.fnv-search-compact #fnv-topnav {
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-inline: contain;
  }

  .fnv-icons {
    flex: 0 0 auto !important;
  }
}

/* Mobile remains controlled by the existing KIMLUD hamburger rules. */
@media screen and (max-width: 960px) {
  #fnv-header {
    --fnv-adaptive-search-disabled: 1;
  }
}


/* Large desktop: preserve the complete roomy KIMLUD search box. */
@media screen and (min-width: 1600px) {
  #fnv-header:not(.fnv-search-compact) .fnv-search {
    flex: 1 1 380px !important;
    width: clamp(300px, 22vw, 480px) !important;
    min-width: 300px !important;
    max-width: 480px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
.footer__left {
    padding-right: 31px !important;
}

.footer__right {
    padding-left: 50px !important;
}
.footer__accordions .details {
    padding-bottom: 0px !important;
}
.footer__right {
    border-color: 1px solid rgb(var(--color-background)) !important;
}

.footer__left {
    border-color: rgb(var(--color-background) / 0.41960784) !important;
}

.kimlud-footer-row-divider {
    background: rgb(var(--color-foreground)) !important;
}
}
#klbd-blog-journal .klbd-media {
    border-radius: 20px !important;
}
#anw-subscribe-save-10 .anw-subscribe-save-10__heading, #anw-subscribe-save-10 .anw-subscribe-save-10__discount {
    font-size: 53px !important;
}

#anw-subscribe-save-10 {
    border-radius: 20px !important;
}

.kmd-tile__media {
    border-radius: 0px !important;
}

.kmd-tile {
    border-radius: 20px !important;
    background: transparent !important;
}

.kmd-card {
    border-radius: 20px !important;
    background: transparent !important;
}

.kmd-coats__grid {
    border-radius: 20px !important;
    overflow: hidden !important;
}

#kmd-coats {
    border-radius: 20px !important;
}

.kmd-season__media {
}

.kmd-season__item > a {
    border-radius: 20px !important;
}

#kmd-story {
}

.kmd-story__figure {
    border-radius: 20px !important;
}

#kmd-season {
    border: 0px !important;
}

section#kimlud-image-text-section {border-radius: 20px !important;overflow: hidden !important;}

section#kimlud-image-text-section .kimlud-container {
}

.kmd-look__head {
    max-width: 100% !important;
}

.kmd-look__item {
    border-radius: 20px !important;
    background: transparent !important;
}

.mains__imagemainss {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.image-with-text__item .media:not(.media--rounded) {
    border-radius: 20px !important;
}

.image-with-text__item .rich-text {
    border-radius: 20px !important;
}

.page-width lookbook-element {
    border-radius: 20px !important;
}

.multicolumn .media {
    border-radius: 20px !important;
}

.multicolumn-card.with-border {
    border-radius: 20px !important;
}

.article-card__media {
    border-radius: 20px !important;
}
.product-card--standard .product-card__media :is(.media, .flickity-viewport), .product-card__media .media {
    border-radius: 20px !important;
}
.slideshow:not(.slideshow--hero) .banner[aria-hidden="true"] {
    opacity: 0 !important;
}
.bigmains__grids ul {
    column-count: 3;
    margin-top: 20px !important;
}

.bigmains__grids ul img {
    width: 100% !important;
    border-radius: 20px !important;
}

.smallgrid__content {
    margin-top: 20px !important;
}

.smallgrid__content img {
    border-radius: 20px !important;
}

.bigmains__grids ul img {
    aspect-ratio: 1/1.5 !important;
    object-fit: cover !important;
}

@media screen and (max-width: 768px) {
.bigmains__grids ul {
    column-count: 3;
    margin-top: 20px !important;
}

.bigmains__grids ul img {
    width: 100% !important;
    border-radius: 20px !important;
}

.smallgrid__content {
    margin-top: 20px !important;
}

.smallgrid__content img {
    border-radius: 20px !important;
}

.bigmains__grids ul img {
    aspect-ratio: 1/1.5 !important;
    object-fit: cover !important;
}

.kimlud-text-side .kimlud-label {
    margin-top: 5px !important;
}

.kimlud-text-side {
    padding: 0px 20px !important;
    padding-bottom: 30px !important;
}

.kimlud-desc {
    font-size: 15px !important;
}
.bigmains__grids ul {
    column-count: 3;
    margin-top: 20px !important;
}

.bigmains__grids ul img {
    width: 100% !important;
    border-radius: 20px !important;
}

.smallgrid__content {
    margin-top: 20px !important;
}

.smallgrid__content img {
    border-radius: 20px !important;
}

.bigmains__grids ul img {
    aspect-ratio: 1/1.5 !important;
    object-fit: cover !important;
}

.kimlud-text-side .kimlud-label {
    margin-top: 5px !important;
}

.kimlud-text-side {
    padding: 0px 20px !important;
    padding-bottom: 30px !important;
}

.kimlud-desc {
    font-size: 15px !important;
}

h2.kimlud-heading {
    font-size: 26px !important;
}
}
article.article #anw-subscribe-save-10 {
    margin-bottom: 30px !important;
}
.kimlud-article-breadcrumb-x71__current {}

#kimlud-article-breadcrumb-x71 * {
    font-size: 16px !important;
}

.kimlud-article-breadcrumb-x71__inner {
    justify-content: center !important;
}

.kimlud-related-collections-r82__eyebrow {
    font-size: 16px !important;
}

.kimlud-related-collections-r82__meta {
    font-size: 14px !important;
}

.kimlud-next-edit-n63__eyebrow {
    font-size: 16px !important;
}

.kimlud-next-edit-n63__category {
    font-size: 15px !important;
}

.kimlud-next-edit-n63__content h3 a {
    font-size: 46px !important;
    line-height: 50px !important;
    display: block !important;
}

.kimlud-explore-edit-e72__eyebrow {
    font-size: 15px !important;
}
input.fnv-search-input {
    box-shadow: 0px 0px 5px rgb(var(--color-shadow) / 0.058823529) !important;
    border: 1px solid rgb(var(--color-foreground) / 0.16) !important;
    padding: 13px 20px !important;
}
#klbd-blog-journal .klbd-heading {
    letter-spacing: 0px !important;
}
.fnv-search-btn {
    background: rgb(var(--color-base-highlight)) !important;
    right: 8px !important;
}
.footer-copyright {
    display: block !important;
    text-align: center !important;
}

.footer-copyright .credits {
    text-align: center !important;
    padding-top: 30px !important;
}


.footer-copyright {
    display: block !important;
    text-align: center !important;
}

.footer-copyright .credits {
    text-align: center !important;
    padding-top: 30px !important;
}
@media screen and (min-width: 768px) {

#smile-ui-lite-launcher-frame-container {
    bottom: 66px !important;
}
}
.ikw-shell {
    max-width: 100% !important;
}

.ikw-shell {}

body.template-blog {}

body.template-blog header#fnv-header {
    margin-bottom: 0px !important;
}
a.ikw-link.ikw-active {
    font-size: 14px !important;
}
.topbar .announcement-bar {
    width: 100% !important;
}

nav.topbar.topbar--center.topbar--inverted {
    display: block !important;
}

.marquee__group {
    gap: 10px !important;
    min-width: unset !important;
    padding: 0px 30px !important;
}

.announcement__slide {
    padding: 0px 10px !important;
}
ul#HeaderNavMega-sections--15636384120896__header-13-start {}

ul#HeaderNavMega-sections--15636384120896__header-13-start ul.mega-menu__nav {
    display: grid !important;
}
#HeaderNavMega-sections--15636384120896__header-5-start .mega-menu__nav {
    display: flex !important;
}
ul#HeaderNavMega-sections--15636384120896__header-4-start .mega-menu__nav {
    display: flex !important;
}
}
div#pe-announcement-bar {
    display: none !important;
}

.footer-copyright {
    border: 0px !important;
}

.shopify-section-group-footer-group {}

.shopify-section-group-footer-group .section.section--divider:after {
    border: 0px !important;
}

div#shopify-section-sections--15636384055360__custom_liquid_jTJa7G {
    display: none !important;
}

  @media screen and (max-width: 768px) {
.sharethis-sticky-share-buttons {
    display: none !important;
}
div#trustedsite-tm-image {
    display: none !important;
}
div#trustedsite-tm-image {
    display: none !important;
}

menu-drawer#MenuDrawer {
    z-index: 9999999999999999999999999 !important;
}

inbox-online-store-chat#ShopifyChat {
    bottom: 70px !important;
}
  }
  @media screen and (min-width: 768px) {
  ul#HeaderNavMega-sections--15636384120896__header-3-start {}

ul#HeaderNavMega-sections--15636384120896__header-3-start ul.mega-menu__nav {
    flex-wrap: unset !important;
}

ul#HeaderNavMega-sections--15636384120896__header-5-start .mega-menu__nav {
    flex-wrap: unset !important;
}
ul#HeaderNavMega-sections--15636384120896__header-2-start ul.mega-menu__nav {
    flex-wrap: unset !important;
}
  }
   :root {
      --clr-black: rgb(var(--color-foreground));
      --clr-white: rgb(var(--color-background));
      --clr-grey-light: rgb(var(--color-base-highlight));
      --clr-grey-mid: rgb(var(--color-foreground) / 0.65);
      --clr-grey-dark: rgb(var(--color-foreground));
      --transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #celebrate-versatile-dresses.section-celebrate-dresses {
      width: 100%;
      padding: 80px 5vw 100px;
      background: var(--clr-white);
      overflow: hidden;
    }

    .celebrate-dresses__inner {
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 64px;
    }

    /* ============================================================
       TOP: Text Block (centered)
    ============================================================ */
    .celebrate-dresses__text {
      text-align: center;
      max-width: 760px;
      width: 100%;
    }

    .celebrate-dresses__eyebrow {
      display: inline-block;
      font-family: var(--font-sans);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.22em;
      color: var(--clr-grey-mid);
      text-transform: uppercase;
      margin-bottom: 18px;
    }

    .celebrate-dresses__heading {
      font-family: var(--font-serif);
      font-size: clamp(2.2rem, 4vw, 3.6rem);
      font-weight: 400;
      line-height: 1.1;
      color: var(--clr-black);
      margin-bottom: 10px;
    }

    .celebrate-dresses__heading em {
      font-style: italic;
    }

    .celebrate-dresses__subheading {
      font-family: var(--font-sans);
      font-size: 0.78rem;
      font-weight: 500;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      color: var(--clr-grey-mid);
      margin-bottom: 28px;
    }

    .celebrate-dresses__divider {
      width: 40px;
      height: 1px;
      background: var(--clr-black);
      margin: 0 auto 28px;
    }

    .celebrate-dresses__body {
      font-family: var(--font-sans);
      font-size: clamp(0.88rem, 1.05vw, 1rem);
      font-weight: 300;
      line-height: 1.85;
      color: var(--clr-grey-dark);
    }

    /* ============================================================
       BOTTOM: Category Grid
    ============================================================ */
    .celebrate-dresses__grid {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 14px;
      list-style: none;
    }

    /* Each category card */
    .dress-cat {
      position: relative;
      overflow: hidden;
      background: var(--clr-grey-light);
      aspect-ratio: 3 / 4;
      cursor: pointer;
      text-decoration: none;
      display: block;
    }

    .dress-cat__img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .dress-cat:hover .dress-cat__img {
      transform: scale(1.06);
    }

    /* Always-visible gradient + label at bottom */
    .dress-cat__footer {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: flex-end;
      background: linear-gradient(
        to top,
        rgb(var(--color-foreground) / 0.62) 0%,
        rgb(var(--color-foreground) / 0.18) 45%,
        rgba(0, 0, 0, 0) 100%
      );
      padding: 18px 14px;
      transition: background var(--transition);
    }

    .dress-cat:hover .dress-cat__footer {
      background: linear-gradient(
        to top,
        rgb(var(--color-foreground) / 0.78) 0%,
        rgb(var(--color-foreground) / 0.3) 50%,
        rgb(var(--color-foreground) / 0.05) 100%
      );
    }

    .dress-cat__label {
      font-family: var(--font-sans);
      font-size: clamp(0.65rem, 0.85vw, 0.78rem);
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--clr-white);
      line-height: 1.3;
      transition: letter-spacing var(--transition);
    }

    .dress-cat:hover .dress-cat__label {
      letter-spacing: 0.24em;
    }

    /* ============================================================
       RESPONSIVE BREAKPOINTS
    ============================================================ */

    /* 4 columns on mid tablet */
    @media (max-width: 1100px) {
      .celebrate-dresses__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
      }
    }

    /* 3 columns on small tablet */
    @media (max-width: 768px) {
      #celebrate-versatile-dresses.section-celebrate-dresses {
        padding: 60px 5vw 80px;
      }

      .celebrate-dresses__inner {
        gap: 48px;
      }

      .celebrate-dresses__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      }
    }

    /* 2 columns on mobile */
    @media (max-width: 520px) {
      #celebrate-versatile-dresses.section-celebrate-dresses {
        padding: 48px 4vw 64px;
      }

      .celebrate-dresses__inner {
        gap: 36px;
      }

      .celebrate-dresses__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }

      .celebrate-dresses__heading {
        font-size: 2rem;
      }

      .dress-cat__label {
        font-size: 0.62rem;
        letter-spacing: 0.12em;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .dress-cat__img,
      .dress-cat__footer,
      .dress-cat__label {
        transition: none;
      }
    }
    .celebrate-dresses__inner {
    max-width: 100% !important;
}

#celebrate-versatile-dresses.section-celebrate-dresses {
    padding: 0px !important;
}

.celebrate-dresses__heading em {
}

.celebrate-dresses__text {
    max-width: 900px !important;
}

.celebrate-dresses__heading {
    font-family: Montserrat, sans-serif;
    font-size: 55px !important;
    font-weight: 600 !important;
}

p.celebrate-dresses__subheading {
    display: none !important;
}

.celebrate-dresses__body {
    font-size: 18px !important;
}

.dress-cat__label {
    font-size: 23px !important;
    text-transform: capitalize;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
}

.dress-cat {border-radius: 15px !important;}
.kl-container {
  width: min(1400px, 92%);
  margin-inline: auto;
}

.kl-eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 0.75rem;
  opacity: 0.7;
}

/* ========== 1. SEASON FEATURED ========== */
.kl-season-featured {
  padding: 4rem 0 5rem;
}

.kl-season-header {
  margin-bottom: 2.5rem;
}

.kl-featured-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.kl-featured-card {
  position: relative;
}

.kl-featured-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.kl-featured-media {
  overflow: hidden;
  aspect-ratio: 2/3;
  background: rgb(var(--color-placeholder));
}

.kl-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.kl-featured-card:hover .kl-featured-media img {
  transform: scale(1.06);
}

.kl-featured-content {
  padding: 1.25rem 0 0;
}

.kl-featured-title {
  font-size: 1.35rem;
  font-weight: 500;
  margin: 0 0 0.35rem;
  letter-spacing: -0.01em;
}

.kl-featured-text {
  font-size: 0.95rem;
  opacity: 0.7;
  margin: 0 0 0.85rem;
  line-height: 1.45;
}

.kl-featured-cta {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}

/* ========== 2. COLLECTION GRID ========== */
.kl-collection-grid {
  padding: 3rem 0 5rem;
}

.kl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}

.kl-grid-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  overflow: hidden;
  aspect-ratio: 3/4;
}

.kl-grid-card--tall {
  grid-row: span 2;
  aspect-ratio: auto;
}

.kl-grid-card--wide {
  grid-column: span 1;
}

.kl-grid-media {
  position: absolute;
  inset: 0;
}

.kl-grid-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.kl-grid-card:hover .kl-grid-media img {
  transform: scale(1.07);
}

.kl-grid-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgb(var(--color-foreground) / 0.55) 0%, transparent 55%);
}

.kl-grid-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.75rem 1.5rem;
  z-index: 2;
}

.kl-grid-content--center {
  text-align: center;
}

.kl-grid-content h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 0.75rem;
  letter-spacing: -0.01em;
}

.kl-btn {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.65rem 1.25rem;
  border: 1px solid rgb(var(--color-background) / 0.8);
  transition: all 0.3s ease;
}

.kl-grid-card:hover .kl-btn {
  background: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  border-color: rgb(var(--color-background));
}

/* ========== 3. SPLIT HERO ========== */
.kl-split-hero {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  min-height: 70vh;
}

.kl-split-media {
  position: relative;
  overflow: hidden;
}

.kl-split-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}

.kl-split-media-link:hover img {
  transform: scale(1.04);
}

.kl-split-content {
  display: flex;
  align-items: center;
  padding: 4rem;
  background: rgb(var(--color-base-highlight));
}

.kl-split-heading {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 1.25rem;
  letter-spacing: -0.02em;
}

.kl-split-text {
  font-size: 1.05rem;
  line-height: 1.6;
  opacity: 0.75;
  margin: 0 0 2rem;
  max-width: 36ch;
}

.kl-btn--solid {
  background: var(--color-button-gradient); background-color:rgb(var(--color-button-background));
  color: rgb(var(--color-button-text));
  border-color: rgb(var(--color-foreground));
  padding: 0.9rem 1.75rem;
}

.kl-btn--solid:hover {
  background: var(--color-button-gradient); background-color:rgb(var(--color-button-background));
}

/* ========== 4. BRAND STORY ========== */
.kl-brand-story {
  position: relative;
  min-height: 65vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: rgb(var(--color-button-text));
  text-align: center;
}

.kl-brand-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.kl-brand-bg {
  position: absolute;
  inset: 0;
  background: rgb(var(--color-foreground) / 0.45);
  z-index: 1;
}

.kl-brand-content {
  position: relative;
  z-index: 2;
  max-width: 640px;
  padding: 3rem 1.5rem;
}

.kl-brand-heading {
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  font-weight: 500;
  margin: 0 0 1.25rem;
  letter-spacing: -0.02em;
}

.kl-brand-text {
  font-size: 1.1rem;
  line-height: 1.65;
  opacity: 0.9;
  margin: 0 0 2rem;
}

.kl-brand-rule {
  width: 48px;
  height: 1px;
  background: currentColor;
  margin: 0 auto;
  opacity: 0.6;
}

/* ========== 5. CATEGORY STRIP ========== */
.kl-category-strip {
  padding: 2.5rem 0;
  border-top: 1px solid rgb(var(--color-background) / 0.16);
  border-bottom: 1px solid rgb(var(--color-background) / 0.16);
}

.kl-strip-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem 1.5rem;
}

.kl-strip-item {
  text-decoration: none;
  color: inherit;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.5rem 0;
  position: relative;
}

.kl-strip-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.kl-strip-item:hover::after {
  transform: scaleX(1);
}

/* ========== 6. LOOKBOOK ========== */
.kl-lookbook {
  padding: 5rem 0;
}

.kl-lookbook-header {
  text-align: center;
  margin-bottom: 3rem;
}

.kl-lookbook-title {
  font-size: clamp(1.8rem, 3.5vw, 2.5rem);
  font-weight: 500;
  margin: 0;
  letter-spacing: -0.02em;
}

.kl-lookbook-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.kl-lookbook-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  overflow: hidden;
  aspect-ratio: 3/4;
}

.kl-lookbook-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.kl-lookbook-card:hover img {
  transform: scale(1.05);
}

.kl-lookbook-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: linear-gradient(to top, rgb(var(--color-foreground) / 0.6), transparent);
}

.kl-lookbook-info h3 {
  font-size: 1.2rem;
  margin: 0 0 0.35rem;
  font-weight: 500;
}

.kl-lookbook-info span {
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.9;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
  .kl-featured-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  
  .kl-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .kl-grid-card--tall {
    grid-row: span 1;
  }
  
  .kl-split-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  
  .kl-split-media {
    min-height: 50vh;
  }
  
  .kl-split-content {
    padding: 3.5rem 2rem;
  }
  
  .kl-lookbook-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 699px) {
  .kl-season-featured,
  .kl-collection-grid,
  .kl-lookbook {
    padding: 3rem 0;
  }
  
  .kl-featured-row {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .kl-featured-media {
    aspect-ratio: 3/4;
  }
  
  .kl-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .kl-grid-card {
    aspect-ratio: 3/4;
  }
  
  .kl-split-content {
    padding: 2.5rem 1.5rem;
  }
  
  .kl-lookbook-grid {
    grid-template-columns: 1fr;
  }
  
  .kl-brand-story {
    min-height: 55vh;
  }
}
header.kl-season-header {
    display: none !important;
}

.kl-container {
    width: 100% !important;
}

section#kl-season-featured {
    padding-top: 0px !important;
}

.kl-featured-title {
    font-size: 27px !important;
    line-height: normal !important;
    margin-bottom: 10px !important;
}

.kl-featured-text {
    font-size: 17px !important;
}

.kl-featured-cta {
    font-size: 17px !important;
}

.kl-grid-content h3 {
    font-size: 40px !important;
    color: rgb(var(--color-button-text)) !important;
}

.kl-btn {
    font-size: 15px !important;
    margin-top: 10px !important;
}

.kl-brand-story {
    min-height: 500px !important;
}

.kl-brand-heading {
    color: rgb(var(--color-button-text)) !important;
}

.kl-strip-item {
    text-transform: capitalize;
    font-family: 'Montserrat';
    font-size: 16px !important;
}

.kl-lookbook-info svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.kl-lookbook-info span {
    font-size: 16px !important;
    display: flex;
    align-items: center;
}

.kl-lookbook-info h3 {
    font-size: 30px !important;
    color: rgb(var(--color-button-text)) !important;
    padding-bottom: 15px !important;
}
 .kimlud-features-section {
    background-color: rgb(var(--color-background));
    padding: 60px 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  }

  .kimlud-features-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
  }

  .kimlud-feature-item {
    text-align: center;
    padding: 10px;
  }

  .kimlud-feature-icon {
    color: rgb(var(--color-foreground));
    margin-bottom: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
  }

  .kimlud-feature-icon svg {
    width: 36px;
    height: 36px;
  }

  .kimlud-feature-title {
    color: rgb(var(--color-foreground));
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 8px 0;
    text-transform: uppercase;
  }

  .kimlud-feature-text {
    color: rgb(var(--color-foreground));
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Responsive */
  @media (max-width: 992px) {
    .kimlud-features-container {
      grid-template-columns: repeat(2, 1fr);
      gap: 35px 20px;
    }
  }

  @media (max-width: 576px) {
    .kimlud-features-container {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    
    .kimlud-features-section {
      padding: 40px 16px;
    }
  }
  #fnv-promo-top{background:rgb(var(--color-foreground));color:rgb(var(--color-button-text));text-align:center;font-size:13px;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
#fnv-promo-top strong{font-weight:800;text-transform:uppercase}
.fnv-promo-code{border:1.5px solid rgb(var(--color-background));padding:2px 9px;font-weight:800;font-size:13px;letter-spacing:.5px}
#fnv-countdown{font-weight:800;font-size:15px;margin:0 4px}
.fnv-promo-shopnow{color:rgb(var(--color-button-text));text-decoration:underline;font-weight:700;font-size:13px;margin-left:4px;cursor:pointer}
#fnv-header{background:rgb(var(--color-background));border-bottom:1px solid rgb(var(--color-background) / 0.16);position:sticky;top:0;z-index:500}
.fnv-header-row{display:flex;align-items:center;padding:0 20px;height:66px;max-width:1600px;margin:0 auto;justify-content:space-between}
#fnv-hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;margin-right:10px;flex-shrink:0;align-items:center;justify-content:center}
#fnv-hamburger-btn svg{width:22px;height:22px;display:block}
.fnv-logo{font-size:22px;font-weight:900;letter-spacing:-1.2px;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;flex-shrink:0;margin-right:28px;text-transform:uppercase;line-height:1}
.fnv-logo img{max-width:120px}
#fnv-topnav{display:flex;align-items:stretch;list-style:none;height:100%;flex-shrink:0;margin:0;padding:0}
#fnv-topnav>li{height:100%;display:flex;align-items:center}
#fnv-topnav>li>button{display:flex;align-items:center;height:100%;padding:0 16px;color:rgb(var(--color-foreground));font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2.5px solid transparent;transition:border-color .15s;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:inherit}
#fnv-topnav>li>button:hover,#fnv-topnav>li.fnv-tnav-active>button{border-bottom-color:rgb(var(--color-foreground))}
.fnv-search{flex:1;max-width:480px;min-width:120px;margin:0 16px;position:relative}
.fnv-search-input{width:100%;height:40px;padding:0 46px 0 18px;border:1.5px solid rgb(var(--color-foreground) / 0.16);border-radius:22px;font-size:13.5px;color:rgb(var(--color-foreground));outline:none;background:rgb(var(--color-background));transition:border-color .2s;box-sizing:border-box}
.fnv-search-input::placeholder{color:rgb(var(--color-foreground))}
.fnv-search-input:focus{border-color:rgb(var(--color-foreground) / 0.16)}
.fnv-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.fnv-search-btn:hover{background:rgb(var(--color-base-highlight))}
.fnv-search-btn svg{width:17px;height:17px;display:block}
.fnv-icons{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:8px}
.fnv-icon-btn{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));text-decoration:none;width:38px;height:38px;border-radius:50%;transition:background .15s;background:none;border:none;cursor:pointer}
.fnv-icon-btn:hover{background:rgb(var(--color-base-highlight))}
.fnv-icon-btn svg{width:22px;height:22px;display:block}
.fnv-icon-country{font-size:12.5px;font-weight:700;width:auto!important;padding:0 10px;border-radius:6px!important}
#fnv-subnav-wrap{border-top:1px solid rgb(var(--color-background) / 0.16);background:rgb(var(--color-background));position:relative}
#fnv-subnav-scroll{overflow-x:hidden;scroll-behavior:smooth;max-width:1500px;margin:auto}
#fnv-sub-list{display:flex;list-style:none;align-items:stretch;margin:0;padding:0}
.fnv-sub-item{position:static;height:100%;flex-shrink:0}
.fnv-sub-btn{display:inline-flex;align-items:center;padding:10px 14px;color:rgb(var(--color-foreground));font-size:12px;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin:5px 2px;transition:background .15s,color .15s;cursor:pointer;border:none;background:none;font-family:inherit;line-height:1}
.fnv-sub-btn:hover,.fnv-sub-item.fnv-sub-hovered .fnv-sub-btn{background:rgb(var(--color-base-highlight))!important;color:rgb(var(--color-foreground))!important}
.fnv-sub-btn.fnv-sub-active{color:#0099ff}
.fnv-scroll-arrow{position:absolute;top:0;bottom:0;width:36px;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border:none;cursor:pointer;z-index:20;color:rgb(var(--color-foreground));transition:opacity .2s;padding:0}
.fnv-scroll-arrow:hover{color:rgb(var(--color-foreground))}
.fnv-scroll-arrow.fnv-arr-left{left:0;box-shadow:8px 0 14px rgb(var(--color-shadow) / .95)}
.fnv-scroll-arrow.fnv-arr-right{right:0;box-shadow:-8px 0 14px rgb(var(--color-shadow) / .95)}
.fnv-scroll-arrow.fnv-arr-hidden{opacity:0;pointer-events:none}
.fnv-scroll-arrow svg{width:18px;height:18px;display:block}
.fnv-mega{position:absolute;left:0;right:0;top:100%;background:rgb(var(--color-background));border-top:2px solid rgb(var(--color-background) / 0.16);box-shadow:0 24px 60px rgb(var(--color-shadow) / .13);z-index:400;padding:28px 40px 36px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .2s ease,visibility 0s linear .18s;pointer-events:none}
.fnv-mega.fnv-mega-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .18s ease,transform .2s ease,visibility 0s linear 0s}
.fnv-mega-inner{display:grid;gap:0 32px;max-width:1300px;margin:0 auto}
.fnv-mega-col h4{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:rgb(var(--color-foreground));margin-bottom:14px;padding-bottom:8px;border-bottom:1.5px solid rgb(var(--color-background) / 0.16)}
.fnv-mega-col a{display:block;text-decoration:none;color:rgb(var(--color-foreground));font-size:13px;padding:4px 0;line-height:1.5;transition:color .12s,padding-left .12s}
.fnv-mega-col a:hover{color:rgb(var(--color-foreground));padding-left:3px}
.fnv-mega-col a.fnv-link-sale{color:#e00}
.fnv-mega-col a.fnv-link-sale:hover{color:#c00}
.fnv-mega-col a.fnv-link-bold{font-weight:700;color:rgb(var(--color-foreground))}
.fnv-mega-promo{padding-top:0}
.fnv-mega-promo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;display:block;background:rgb(var(--color-base-highlight));transition:transform .25s ease}
.fnv-mega-promo a:hover img{transform:scale(1.02)}
.fnv-mega-promo-wrap{overflow:hidden;border-radius:6px}
.fnv-mega-promo-cta{display:block;margin-top:10px;font-size:13px;font-weight:800;color:rgb(var(--color-foreground));text-decoration:none}
.fnv-mega-promo-cta:hover{text-decoration:underline}
#fnv-backdrop{position:fixed;inset:0;background:rgb(var(--color-drawer-overlay) / .45);z-index:300;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;pointer-events:none}
#fnv-backdrop.fnv-bd-on{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear 0s;pointer-events:auto}
#fnv-promo-bottom{background:rgb(var(--color-foreground));color:rgb(var(--color-button-text))}
.fnv-promo-bottom-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1600px;margin:0 auto}
.fnv-pb-text{font-size:17px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.fnv-pb-light{font-weight:400;color:rgb(var(--color-foreground));font-size:14px}
.fnv-pb-cta{color:rgb(var(--color-button-text));text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.8px;text-transform:uppercase}
.fnv-pb-cta:hover{text-decoration:underline}
#fnv-overlay{display:none;position:fixed;inset:0;background:rgb(var(--color-drawer-overlay) / .55);z-index:700;opacity:0;transition:opacity .3s;pointer-events:none}
#fnv-overlay.fnv-drawer-open{opacity:1;pointer-events:auto}
#fnv-drawer{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:360px;background:rgb(var(--color-drawer-background));z-index:800;transform:translateX(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
#fnv-drawer.fnv-drawer-open{transform:translateX(0)}
.fnv-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgb(var(--color-drawer-background) / 0.16);flex-shrink:0}
.fnv-drawer-logo{font-size:20px;font-weight:900;color:rgb(var(--color-drawer-text));text-transform:uppercase}
#fnv-drawer-close-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;border-radius:50%;transition:background .15s}
#fnv-drawer-close-btn:hover{background:rgb(var(--color-base-highlight))}
#fnv-drawer-close-btn svg{width:22px;height:22px;display:block}
.fnv-drawer-search-wrap{padding:14px 18px;border-bottom:1px solid rgb(var(--color-drawer-background) / 0.16);flex-shrink:0}
.fnv-drawer-search-input{width:100%;height:40px;padding:0 16px;border:1.5px solid rgb(var(--color-drawer-text) / 0.16);border-radius:22px;font-size:14px;outline:none;font-family:inherit;box-sizing:border-box}
.fnv-drawer-search-input:focus{border-color:rgb(var(--color-drawer-text) / 0.16)}
.fnv-acc-item{border-bottom:1px solid rgb(var(--color-background) / 0.16)}
.fnv-acc-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:15px 18px;font-size:13.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;color:rgb(var(--color-foreground));text-align:left;font-family:inherit;transition:background .15s}
.fnv-acc-trigger:hover{background:rgb(var(--color-background))}
.fnv-acc-chevron{width:17px;height:17px;flex-shrink:0;stroke:rgb(var(--color-foreground));fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease;display:block}
.fnv-acc-trigger.fnv-acc-expanded .fnv-acc-chevron{transform:rotate(180deg)}
.fnv-acc-panel{max-height:0;overflow:hidden;transition:max-height .32s ease;background:rgb(var(--color-background))}
.fnv-acc-panel a{display:block;padding:10px 26px;text-decoration:none;color:rgb(var(--color-foreground));font-size:13.5px;border-bottom:1px solid rgb(var(--color-background) / 0.16);transition:color .12s,background .12s}
.fnv-acc-panel a:last-child{border-bottom:none}
.fnv-acc-panel a:hover{color:rgb(var(--color-foreground));background:rgb(var(--color-base-highlight))}
.fnv-mob-section-label{padding:10px 18px 4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgb(var(--color-drawer-text));background:rgb(var(--color-base-highlight));border-bottom:1px solid rgb(var(--color-drawer-background) / 0.16)}
@media(max-width:960px){#fnv-topnav{display:none}#fnv-hamburger-btn{display:flex}#fnv-overlay{display:block}.fnv-search{display:none}.fnv-logo{margin-right:auto}#fnv-subnav-wrap{display:none}}
a.fnv-pb-cta svg {
    width: 18px !important;
    height: 18px !important;
    fill: rgb(var(--color-button-text)) !important;
    margin-left: 10px !important;
}

a.fnv-pb-cta {
    display: flex !important;
    align-items: center !important;
}

.shopify-section-group-header-group .page-width {
    padding: 0px !important;
}
:root {

  --mc-bg: rgb(var(--color-background));
  --mc-bg-alt: rgb(var(--color-base-highlight));
  --mc-ink: rgb(var(--color-foreground));
  --mc-ink-soft: rgb(var(--color-foreground) / 0.65);
  --mc-ink-faint: rgb(var(--color-foreground) / 0.65);
  --mc-line: rgb(var(--color-foreground) / 0.16);
  --mc-line-strong: rgb(var(--color-foreground) / 0.16);
  --mc-white: rgb(var(--color-background));

  --mc-radius-card: 6px;
  --mc-radius-md: 10px;
  --mc-radius-lg: 16px;
  --mc-radius-pill: 999px;

  --mc-transition: .22s cubic-bezier(.4,0,.2,1);

  --mc-wrap: 1480px;
  --mc-gutter: 32px;
  --mc-nav-h: 60px;
}

.mc-wrap { max-width: var(--mc-wrap); margin: 0 auto; padding: 0 var(--mc-gutter); }
.mc-page { background: var(--mc-bg); }

/* ==========================================
   MC — INDEX NAV (sticky in-page department index, NOT a site header)
   ========================================== */
#mc-indexnav {
  position: sticky; top: 0; z-index: 60;
  background: rgb(var(--color-background) / .9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--mc-line);
}
.mc-indexnav__inner {
  max-width: var(--mc-wrap); margin: 0 auto;
  display: flex; align-items: center; gap: 8px;
  padding: 12px var(--mc-gutter);
  overflow-x: auto; scrollbar-width: none;
  height: var(--mc-nav-h);
}
.mc-indexnav__inner::-webkit-scrollbar { display: none; }
.mc-indexlink {
  flex: none;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 15px;
  border: 1px solid var(--mc-line-strong);
  border-radius: var(--mc-radius-pill);
  font-size: 12px; font-weight: 700; letter-spacing: .01em;
  white-space: nowrap;
  transition: background var(--mc-transition), color var(--mc-transition);
}
.mc-indexlink__n { opacity: .4; font-weight: 700; }
.mc-indexlink:hover, .mc-indexlink.is-active { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-color: var(--mc-ink); }
.mc-indexlink:hover .mc-indexlink__n, .mc-indexlink.is-active .mc-indexlink__n { opacity: .65; }

/* ==========================================
   MC — HERO (inverted black, bookend #1)
   ========================================== */
#mc-hero {
  background: var(--mc-ink);
  color: rgb(var(--color-button-text));
  padding: 88px 0 56px;
}
.mc-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: rgb(var(--color-button-text) / .5);
  margin-bottom: 22px;
}
.mc-hero__eyebrow::before { content: ''; width: 26px; height: 1.5px; background: rgb(var(--color-background)); }
.mc-hero__title {
  font-family: var(--ff-display);
  font-weight: 800;
  font-size: clamp(38px, 6vw, 84px);
  line-height: .96;
  letter-spacing: -.03em;
  max-width: 880px;
}
.mc-hero__title .mc-outline { -webkit-text-stroke: 1.5px #fff; color: transparent; }
.mc-hero__sub {
  margin-top: 22px; font-size: 16px; line-height: 1.65;
  color: rgb(var(--color-button-text) / .55); max-width: 460px;
}
.mc-hero__cta { margin-top: 32px; display: flex; gap: 12px; flex-wrap: wrap; }
.mc-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 28px; border-radius: var(--mc-radius-pill);
  font-size: 13px; font-weight: 700;
  transition: background var(--mc-transition), color var(--mc-transition), transform var(--mc-transition);
}
.mc-btn:active { transform: scale(.97); }
.mc-btn--white { background: rgb(var(--color-background)); color: var(--mc-ink); }
.mc-btn--white:hover { background: rgb(var(--color-background) / .82); }
.mc-btn--outline-light { border: 1.5px solid rgb(var(--color-background) / .4); color: rgb(var(--color-button-text)); }
.mc-btn--outline-light:hover { background: rgb(var(--color-background) / .1); }
.mc-btn--outline-dark { border: 1.5px solid var(--mc-ink); color: var(--mc-ink); }
.mc-btn--outline-dark:hover { background: var(--mc-ink); color: rgb(var(--color-button-text)); }

.mc-hero__stats {
  display: flex; flex-wrap: wrap;
  margin-top: 52px; padding-top: 26px;
  border-top: 1px solid rgb(var(--color-background) / .16);
}
.mc-stat { padding: 0 32px 0 0; margin-right: 32px; border-right: 1px solid rgb(var(--color-background) / .16); }
.mc-stat:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.mc-stat__num { font-family: var(--ff-display); font-weight: 800; font-size: 28px; }
.mc-stat__label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .09em; color: rgb(var(--color-button-text) / .45); margin-top: 5px; }

/* ==========================================
   MC — TRUST BAR (new — value props strip)
   ========================================== */
#mc-trustbar { background: var(--mc-bg-alt); border-bottom: 1px solid var(--mc-line); }
.mc-trustbar__inner {
  max-width: var(--mc-wrap); margin: 0 auto; padding: 22px var(--mc-gutter);
  display: flex; flex-wrap: wrap; gap: 20px 28px; justify-content: space-between;
}
.mc-trustitem { display: flex; align-items: center; gap: 12px; flex: 1 1 210px; }
.mc-trustitem__icon {
  flex: none; width: 38px; height: 38px; border-radius: 50%;
  border: 1.5px solid var(--mc-line-strong);
  display: flex; align-items: center; justify-content: center; font-size: 16px;
}
.mc-trustitem__copy strong { display: block; font-size: 12.5px; font-weight: 700; }
.mc-trustitem__copy span { display: block; font-size: 11px; color: var(--mc-ink-soft); margin-top: 1px; }

/* ==========================================
   MC — DEPARTMENT SECTION SHELL
   ========================================== */
.mc-dept {
  padding: 60px 0;
  border-bottom: 1px solid var(--mc-line);
  scroll-margin-top: calc(var(--mc-nav-h) + 12px);
}
.mc-dept--alt { background: var(--mc-bg-alt); }
.mc-dept--dark { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-bottom: none; }

.mc-dept__head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px; margin-bottom: 26px; flex-wrap: wrap;
}
.mc-dept__head-left { display: flex; align-items: flex-end; gap: 18px; }
.mc-dept__num {
  font-family: var(--ff-display); font-weight: 800;
  font-size: clamp(40px, 4.4vw, 58px); line-height: .85;
  -webkit-text-stroke: 1px var(--mc-ink); color: transparent;
}
.mc-dept--dark .mc-dept__num { -webkit-text-stroke: 1px #fff; }
.mc-dept__title { font-family: var(--ff-display); font-weight: 800; font-size: clamp(20px, 2.2vw, 28px); letter-spacing: -.01em; }
.mc-dept__sub { font-size: 12.5px; color: var(--mc-ink-soft); margin-top: 5px; }
.mc-dept--dark .mc-dept__sub { color: rgb(var(--color-button-text) / .5); }

.mc-dept__head-right { display: flex; align-items: center; gap: 16px; }
.mc-viewall {
  font-size: 12.5px; font-weight: 700;
  display: inline-flex; align-items: center; gap: 5px;
  border-bottom: 1.5px solid var(--mc-ink); padding-bottom: 2px;
  transition: opacity var(--mc-transition);
}
.mc-dept--dark .mc-viewall { color: rgb(var(--color-button-text)); border-color: rgb(var(--color-background)); }
.mc-viewall::after { content: '→'; transition: transform var(--mc-transition); }
.mc-viewall:hover::after { transform: translateX(3px); }

.mc-slidernav { display: flex; gap: 8px; }
.mc-slidernav button {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid var(--mc-ink);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
  transition: background var(--mc-transition), color var(--mc-transition);
}
.mc-slidernav button:hover { background: var(--mc-ink); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-slidernav button { border-color: rgb(var(--color-background)); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-slidernav button:hover { background: rgb(var(--color-background)); color: var(--mc-ink); }

/* ==========================================
   MC — PILLS (subcategory filters)
   ========================================== */
.mc-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
.mc-pill {
  padding: 8px 16px; border-radius: var(--mc-radius-pill);
  font-size: 12.5px; font-weight: 600;
  border: 1px solid var(--mc-line-strong);
  white-space: nowrap;
  transition: background var(--mc-transition), color var(--mc-transition), border-color var(--mc-transition);
}
.mc-pill:hover, .mc-pill.is-active { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-color: var(--mc-ink); }
.mc-dept--dark .mc-pill { border-color: rgb(var(--color-background) / .4); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-pill:hover, .mc-dept--dark .mc-pill.is-active { background: rgb(var(--color-background)); color: var(--mc-ink); border-color: rgb(var(--color-background)); }

/* ==========================================
   MC — SLIDER
   ========================================== */
.mc-slider {
  display: flex; gap: 18px;
  overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; padding-bottom: 6px;
}
.mc-slider::-webkit-scrollbar { display: none; }

/* ==========================================
   MC — PRODUCT CARD
   ========================================== */
.mc-card { flex: 0 0 240px; scroll-snap-align: start; transition: transform var(--mc-transition); }
.mc-card:hover { transform: translateY(-4px); }
.mc-card--lg { flex: 0 0 296px; }
.mc-card--sm { flex: 0 0 204px; }

.mc-card__media {
  position: relative; aspect-ratio: 3 / 4;
  border-radius: var(--mc-radius-card); overflow: hidden;
  background: var(--mc-bg-alt); margin-bottom: 14px;
  transition: box-shadow var(--mc-transition);
}
.mc-card:hover .mc-card__media { box-shadow: 0 16px 32px rgb(var(--color-shadow) / .14); }
.mc-dept--dark .mc-card__media { background: rgb(var(--color-placeholder) / .06); }

.mc-card__img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: opacity .38s, transform .6s;
}
.mc-card__img--alt { opacity: 0; }

.mc-card__badges { position: absolute; top: 10px; left: 10px; z-index: 3; display: flex; flex-direction: column; gap: 6px; }
.mc-badge {
  font-size: 9.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  padding: 5px 9px; border-radius: 3px;
}
.mc-badge--new { background: var(--mc-ink); color: rgb(var(--color-button-text)); }
.mc-badge--best { background: rgb(var(--color-background)); color: var(--mc-ink); border: 1px solid var(--mc-ink); }
.mc-badge--sale { background: var(--mc-ink); color: rgb(var(--color-button-text)); }
.mc-badge--sold { background: var(--mc-ink-faint); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-badge--new,
.mc-dept--dark .mc-badge--sale { background: rgb(var(--color-background)); color: var(--mc-ink); }
.mc-dept--dark .mc-badge--best { background: transparent; color: rgb(var(--color-button-text)); border-color: rgb(var(--color-background)); }

.mc-card__wish {
  position: absolute; top: 10px; right: 10px; z-index: 3;
  width: 34px; height: 34px; border-radius: 50%;
  background: rgb(var(--color-background)); border: 1px solid var(--mc-line);
  display: flex; align-items: center; justify-content: center; font-size: 15px;
  transition: background var(--mc-transition), color var(--mc-transition), transform var(--mc-transition), border-color var(--mc-transition);
}
.mc-card__wish:hover { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-color: var(--mc-ink); transform: scale(1.08); }
.mc-card__wish.is-active { background: var(--mc-ink); color: rgb(var(--color-button-text)); border-color: var(--mc-ink); }
.mc-dept--dark .mc-card__wish { background: rgb(var(--color-background) / .1); border-color: rgb(var(--color-background) / .3); color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-card__wish:hover,
.mc-dept--dark .mc-card__wish.is-active { background: rgb(var(--color-background)); color: var(--mc-ink); }

.mc-card__quick {
  position: absolute; inset-inline: 10px; bottom: 10px; z-index: 3;
  background: var(--mc-ink); color: rgb(var(--color-button-text)); text-align: center;
  padding: 12px 14px; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  border-radius: var(--mc-radius-pill);
  opacity: 0; transform: translateY(8px);
  transition: opacity var(--mc-transition), transform var(--mc-transition), background var(--mc-transition);
}
.mc-card:hover .mc-card__quick { opacity: 1; transform: translateY(0); }
.mc-card__quick:hover { background: rgb(var(--color-foreground)); }
.mc-dept--dark .mc-card__quick { background: rgb(var(--color-background)); color: var(--mc-ink); }
.mc-dept--dark .mc-card__quick:hover { background: rgb(var(--color-base-highlight)); }

.mc-card__brand { font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--mc-ink-faint); margin-bottom: 4px; }
.mc-card__name { font-size: 13.5px; font-weight: 500; line-height: 1.35; margin-bottom: 6px; }
.mc-dept--dark .mc-card__name { color: rgb(var(--color-button-text)); }
.mc-dept--dark .mc-card__brand { color: rgb(var(--color-button-text) / .4); }

.mc-card__rating { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--mc-ink-soft); margin-bottom: 6px; }
.mc-card__stars { color: var(--mc-ink); letter-spacing: -1px; }
.mc-dept--dark .mc-card__rating { color: rgb(var(--color-rating) / .5); }
.mc-dept--dark .mc-card__stars { color: rgb(var(--color-button-text)); }

.mc-card__price { font-size: 14px; font-weight: 700; }
.mc-card__price del { color: var(--mc-ink-faint); font-weight: 400; font-size: 12.5px; margin-right: 6px; }
.mc-dept--dark .mc-card__price { color: rgb(var(--color-price)); }
.mc-dept--dark .mc-card__price del { color: rgb(var(--color-price) / .35); }

.mc-card__swatches { display: flex; gap: 5px; margin-top: 9px; flex-wrap: wrap; }
.mc-swatch {
  width: 16px; height: 16px; border-radius: 50%;
  border: 1px solid rgba(0,0,0,.12);
  transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-swatch:hover, .mc-swatch.is-active { transform: scale(1.18); box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--mc-ink); }
.mc-dept--dark .mc-swatch.is-active { box-shadow: 0 0 0 2px var(--mc-ink), 0 0 0 3.5px #fff; }

/* ==========================================
   MC — EDITORIAL BANNER (grayscale break)
   ========================================== */
.mc-editorial-wrap { padding: 60px 0; }
.mc-editorial {
  position: relative; min-height: 420px;
  border-radius: var(--mc-radius-lg); overflow: hidden;
  background: rgb(var(--color-foreground));
}
.image__rightcontent {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(1) contrast(1.06); opacity: .58;
}
.mc-editorial__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgb(var(--color-foreground) / .05) 30%, rgb(var(--color-foreground) / .78) 100%); }
.mc-editorial__content { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 56px; }
.mc-editorial__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: rgb(var(--color-button-text) / .6); margin-bottom: 14px; }
.mc-editorial__title { font-family: var(--ff-display); font-weight: 800; font-size: clamp(28px, 4vw, 50px); color: rgb(var(--color-button-text)); line-height: 1.02; letter-spacing: -.02em; max-width: 620px; }
.mc-editorial__body { margin-top: 14px; color: rgb(var(--color-button-text) / .6); font-size: 14.5px; line-height: 1.6; max-width: 420px; }
.mc-editorial__cta { margin-top: 28px; }

/* ==========================================
   MC — BRAND STRIP (new — "Shop by Brand", Etsy shop-tile style)
   ========================================== */
.mc-brandcard {
  flex: 0 0 196px; scroll-snap-align: start;
  border: 1px solid var(--mc-line); border-radius: var(--mc-radius-md);
  padding: 26px 20px; text-align: center;
  transition: transform var(--mc-transition), border-color var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-brandcard:hover { transform: translateY(-4px); border-color: var(--mc-ink); box-shadow: 0 12px 26px rgb(var(--color-shadow) / .1); }
.mc-brandcard__mark {
  width: 52px; height: 52px; margin: 0 auto 14px;
  border-radius: 50%; background: var(--mc-ink); color: rgb(var(--color-button-text));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-display); font-weight: 800; font-size: 17px;
}
.mc-brandcard__name { font-size: 13.5px; font-weight: 700; margin-bottom: 3px; }
.mc-brandcard__count { font-size: 11px; color: var(--mc-ink-soft); }

/* ==========================================
   MC — LOOKBOOK GRID (new — "Style Edit", shop.app curated-tile style)
   ========================================== */
.mc-lookgrid {
  display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 230px; gap: 14px;
}
.mc-looktile {
  position: relative; border-radius: var(--mc-radius-card); overflow: hidden;
  background: var(--mc-bg-alt);
}
.mc-looktile--big { grid-column: span 2; grid-row: span 2; }
.mc-looktile img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s;
}
.mc-looktile:hover img { transform: scale(1.05); }
.mc-looktile__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgb(var(--color-foreground) / .7) 100%);
}
.mc-looktile__copy { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 2; color: rgb(var(--color-button-text)); }
.mc-looktile__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: rgb(var(--color-button-text) / .7); margin-bottom: 4px; }
.mc-looktile__title { font-family: var(--ff-display); font-weight: 800; font-size: 17px; }
.mc-looktile--big .mc-looktile__title { font-size: 24px; }
.mc-looktile__shop {
  margin-top: 8px; display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px; font-weight: 700;
  border-bottom: 1.5px solid rgb(var(--color-background)); padding-bottom: 1px;
}

/* ==========================================
   MC — REVIEWS (new — "What He's Saying", testimonial cards)
   ========================================== */
.mc-revcard {
  flex: 0 0 320px; scroll-snap-align: start;
  background: var(--mc-bg-alt); border: 1px solid var(--mc-line); border-radius: var(--mc-radius-md);
  padding: 26px;
}
.mc-revcard__stars { color: var(--mc-ink); font-size: 14px; letter-spacing: -1px; margin-bottom: 14px; }
.mc-revcard__text { font-size: 13.5px; line-height: 1.65; color: var(--mc-ink); margin-bottom: 20px; }
.mc-revcard__foot { display: flex; align-items: center; gap: 10px; }
.mc-revcard__avatar {
  width: 36px; height: 36px; border-radius: 50%; flex: none;
  background: var(--mc-ink); color: rgb(var(--color-button-text));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-display); font-weight: 800; font-size: 13px;
}
.mc-revcard__name { font-size: 12.5px; font-weight: 700; }
.mc-revcard__meta { font-size: 11px; color: var(--mc-ink-soft); margin-top: 1px; }

/* ==========================================
   MC — NEWSLETTER BAND (new — inverted, bookend before closing)
   ========================================== */
#mc-nlband { background: var(--mc-ink); color: rgb(var(--color-button-text)); padding: 72px 0; text-align: center; }
.mc-nlband__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgb(var(--color-button-text) / .5); margin-bottom: 16px; }
.mc-nlband__title { font-family: var(--ff-display); font-weight: 800; font-size: clamp(24px, 3.2vw, 40px); letter-spacing: -.02em; max-width: 640px; margin: 0 auto; }
.mc-nlband__sub { margin-top: 14px; font-size: 14px; color: rgb(var(--color-button-text) / .55); max-width: 440px; margin-left: auto; margin-right: auto; }
.mc-nlform { margin-top: 30px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.mc-nlinput {
  min-width: 280px; padding: 14px 20px; border-radius: var(--mc-radius-pill);
  border: 1.5px solid rgb(var(--color-background) / .3); background: transparent; color: rgb(var(--color-button-text)); font-size: 13px;
}
.mc-nlinput::placeholder { color: rgb(var(--color-button-text) / .45); }
.mc-nlinput:focus { border-color: rgb(var(--color-background)); }
.mc-nlband__fine { margin-top: 16px; font-size: 11px; color: rgb(var(--color-button-text) / .4); }

/* ==========================================
   MC — CLOSING BAND
   ========================================== */
#mc-closing { padding: 64px 0 80px; text-align: center; }
.mc-closing__title { font-family: var(--ff-display); font-weight: 800; font-size: clamp(20px, 2.4vw, 28px); }
.mc-closing__sub { font-size: 13px; color: var(--mc-ink-soft); margin-top: 10px; }
.mc-backtotop { display: inline-flex; align-items: center; gap: 6px; margin-top: 24px; font-size: 12.5px; font-weight: 700; border-bottom: 1.5px solid var(--mc-ink); padding-bottom: 2px; }

/* ==========================================
   MC — FLOATING BACK-TO-TOP
   ========================================== */
#mc-fab-top {
  position: fixed; right: 24px; bottom: 24px; z-index: 70;
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--mc-ink); color: rgb(var(--color-button-text));
  display: flex; align-items: center; justify-content: center;
  font-size: 17px;
  opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: opacity var(--mc-transition), transform var(--mc-transition), visibility var(--mc-transition);
  box-shadow: 0 8px 24px rgb(var(--color-shadow) / .22);
}
#mc-fab-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
#mc-fab-top:hover { background: rgb(var(--color-foreground)); }

/* ==========================================
   MC — RESPONSIVE
   ========================================== */
@media (max-width: 960px) {
  :root { --mc-gutter: 20px; }
  .mc-hero__stats { gap: 18px 0; }
  .mc-stat { padding-right: 18px; margin-right: 18px; }
  .mc-editorial { min-height: 320px; }
  .mc-editorial__content { padding: 36px; }
  .mc-trustbar__inner { gap: 16px 22px; }
  .mc-lookgrid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; }
  .mc-looktile--big { grid-column: span 2; grid-row: span 1; }
  .mc-nlinput { min-width: 220px; }
}
@media (max-width: 680px) {
  :root { --mc-gutter: 16px; }
  .mc-card { flex: 0 0 178px; }
  .mc-card--lg { flex: 0 0 208px; }
  .mc-card--sm { flex: 0 0 158px; }
  .mc-dept { padding: 44px 0; }
  .mc-dept__num { font-size: 36px; }
  #mc-hero { padding: 64px 0 40px; }
  .mc-hero__stats { padding-top: 20px; }
  .mc-stat { padding-right: 14px; margin-right: 14px; }
  .mc-stat__num { font-size: 22px; }
  .mc-editorial__title { max-width: 100%; }
  #mc-fab-top { right: 16px; bottom: 16px; width: 42px; height: 42px; }
  .mc-trustitem { flex: 1 1 100%; }
  .mc-brandcard { flex: 0 0 156px; padding: 20px 14px; }
  .mc-lookgrid { grid-template-columns: 1fr 1fr; grid-auto-rows: 170px; gap: 10px; }
  .mc-looktile--big { grid-column: span 2; grid-row: span 1; }
  .mc-revcard { flex: 0 0 270px; padding: 20px; }
  #mc-nlband { padding: 52px 0; }
  .mc-nlform { flex-direction: column; align-items: center; }
  .mc-nlinput { width: 100%; min-width: 0; }
}
.mc-pill {
    background: rgb(var(--color-background));
    border-color: rgb(var(--color-background) / 0.16);
}
.mc-swatch {
    margin-right: 6px !important;
}
  :root{
    --se-ink:        #0b0b0c;
    --se-paper:       #f6f4ef;
    --se-mute:        #8c8a85;
    --se-amber:       #cba135;
    --se-line:        rgba(246,244,239,0.14);
    --se-line-strong: rgba(246,244,239,0.28);
    --se-max:         1180px;
    --se-pad:         clamp(20px, 5vw, 64px);
  }

  .se-section{
    margin:0;
    background:var(--se-ink);
    color:var(--se-paper);
    font-family:var(--se-display);
    -webkit-font-smoothing:antialiased;
    overflow:hidden;
    isolation:isolate;
  }

  /* ===== Utility bar ===== */
  #se-utility-bar{
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid var(--se-line);
    max-width:var(--se-max);
    margin:0 auto;
  }
  .se-utility-item{
    flex:1 1 0;
    min-width:160px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 16px;
    border-left:1px solid var(--se-line);
    font-size:11px;
    font-weight:600;
    letter-spacing:0.12em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .se-utility-item:first-child{ border-left:none; }
  .se-utility-icon{
    width:14px;
    height:14px;
    flex-shrink:0;
    stroke:var(--se-amber);
  }
  .se-utility-item--timer{ font-family:var(--se-mono); letter-spacing:0.04em; }
  .se-timer-digits{ color:var(--se-paper); font-variant-numeric:tabular-nums; }
  .se-timer-digits em{ color:var(--se-amber); font-style:normal; }

  /* ===== Hero ===== */
  #se-hero{
    max-width:var(--se-max);
    margin:0 auto;
    padding:clamp(56px, 10vw, 112px) var(--se-pad) clamp(48px, 8vw, 88px);
    text-align:center;
    position:relative;
  }

  .se-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-size:11px;
    font-weight:600;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--se-mute);
    margin-bottom:22px;
  }
  .se-eyebrow-mark{
    width:6px; height:6px;
    background:var(--se-amber);
    border-radius:1px;
    transform:rotate(45deg);
    flex-shrink:0;
  }

  .se-headline{
    font-size:clamp(34px, 6.6vw, 76px);
    line-height:1.04;
    font-weight:900;
    letter-spacing:-0.02em;
    margin:0 0 22px;
  }
  .se-headline-accent{
    position:relative;
    display:inline-block;
    color:var(--se-amber);
  }
  /* signature: subtle RGB-split flicker, periodic & restrained */
  .se-headline-accent::before,
  .se-headline-accent::after{
    content:attr(data-text);
    position:absolute;
    left:0; top:0;
    width:100%;
    opacity:0;
  }
  .se-headline-accent::before{ color:#59c6ff; }
  .se-headline-accent::after{  color:#ff5c7a; }
  .se-headline-accent{ animation:se-flicker-base 7s ease-in-out infinite; }
  .se-headline-accent::before{ animation:se-flicker-cyan 7s ease-in-out infinite; }
  .se-headline-accent::after{  animation:se-flicker-mag 7s ease-in-out infinite; }

  @keyframes se-flicker-base{
    0%, 91%, 100%{ transform:translate(0,0); }
    92%{ transform:translate(-1px,0); }
    94%{ transform:translate(1px,0); }
    96%{ transform:translate(0,0); }
  }
  @keyframes se-flicker-cyan{
    0%, 91%, 100%{ opacity:0; transform:translate(0,0); }
    92%{ opacity:0.7; transform:translate(-2px,-1px); }
    94%{ opacity:0.5; transform:translate(-1px,1px); }
    96%{ opacity:0; transform:translate(0,0); }
  }
  @keyframes se-flicker-mag{
    0%, 91%, 100%{ opacity:0; transform:translate(0,0); }
    92%{ opacity:0.7; transform:translate(2px,1px); }
    94%{ opacity:0.5; transform:translate(1px,-1px); }
    96%{ opacity:0; transform:translate(0,0); }
  }
  @media (prefers-reduced-motion: reduce){
    .se-headline-accent,
    .se-headline-accent::before,
    .se-headline-accent::after{ animation:none !important; }
    .se-headline-accent::before,
    .se-headline-accent::after{ display:none; }
  }

  .se-subtext{
    font-size:clamp(14px, 1.6vw, 16px);
    color:var(--se-mute);
    max-width:440px;
    margin:0 auto 36px;
    line-height:1.6;
  }

  .se-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:none;
    border:none;
    color:var(--se-paper);
    font-family:var(--se-display);
    font-size:13px;
    font-weight:700;
    letter-spacing:0.1em;
    text-transform:uppercase;
    padding-bottom:6px;
    border-bottom:1px solid var(--se-paper);
    cursor:pointer;
    transition:gap 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  }
  .se-cta:hover{
    gap:16px;
    color:var(--se-amber);
    border-color:var(--se-amber);
  }
  .se-cta-icon{
    width:16px; height:16px;
    flex-shrink:0;
  }

  /* ===== Trust / feature row ===== */
  #se-feature-row{
    max-width:var(--se-max);
    margin:0 auto;
    border-top:1px solid var(--se-line);
    display:grid;
    grid-template-columns:repeat(4, 1fr);
  }
  .se-feature{
    padding:26px 20px;
    border-left:1px solid var(--se-line);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
  }
  .se-feature:first-child{ border-left:none; }
  .se-feature-icon{
    width:22px;
    height:22px;
    stroke:var(--se-paper);
    fill:none;
    stroke-width:1.4;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .se-feature-label{
    font-size:11px;
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--se-paper);
  }
  .se-feature-sub{
    font-size:11px;
    color:var(--se-mute);
  }

  /* ===== Responsive ===== */
  @media (max-width:760px){
    #se-utility-bar{ display:none; }
    #se-feature-row{ grid-template-columns:repeat(2, 1fr); }
    .se-feature:nth-child(2){ border-left:1px solid var(--se-line); }
    .se-feature:nth-child(3){ border-left:none; border-top:1px solid var(--se-line); }
    .se-feature:nth-child(4){ border-top:1px solid var(--se-line); }
  }
  @media (max-width:420px){
    .se-feature-sub{ display:none; }
  }
  :root {
  --pod-navy:      #00152e;
  --pod-navy-90:   rgba(0,21,46,0.9);
  --pod-navy-70:   rgba(0,21,46,0.7);
  --pod-navy-mid:  #002244;
  --pod-deep:      #000d1a;
  --pod-coral:     #ff7360;
  --pod-coral-lt:  #fff1f1;
  --pod-coral-md:  #fbe9e7;
  --pod-teal:      #1cb5a0;
  --pod-teal-lt:   #e8fbf6;
  --pod-cyan:      #4dd0e1;
  --pod-sky:       #4fc3f7;
  --pod-yellow:    #ffb74d;
  --pod-yellow-lt: #fff8e1;
  --pod-purple:    #9c27b0;
  --pod-purple-lt: #f3e5f5;
  --pod-blue:      #277eff;
  --pod-blue-lt:   #e1f5fe;
  --pod-green:     #4caf50;
  --pod-green-lt:  #e8f5e9;
  --pod-indigo-lt: #e8eaf6;
  --border:        #e2e8f0;
  --muted:         #64748b;
  --surface:       #f8fafc;
  --white:         #ffffff;
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-lg:     12px;
  --radius-xl:     24px;
  --radius-full:   9999px;
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg:     0 10px 30px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-coral:  0 8px 24px rgba(255,115,96,0.22);
}

/* ===== TOP ANNOUNCEMENT BAR ===== */
#pod-topbar {
  background: var(--pod-navy);
  color: var(--white);
  font-size: 11.5px;
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 8px 0;
  border-bottom: 1px solid rgb(var(--color-background) / 0.07);
}
#pod-topbar .pod-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.pod-topbar-item {
  display: flex;
  align-items: center;
  gap: 6px;
  opacity: 0.88;
  white-space: nowrap;
}
.pod-topbar-item iconify-icon { font-size: 13px; }
@media (max-width: 900px) {
  #pod-topbar .pod-topbar-inner { justify-content: center; gap: 12px; }
  .pod-topbar-item:nth-child(3), .pod-topbar-item:nth-child(4) { display: none; }
}
@media (max-width: 560px) {
  .pod-topbar-item:nth-child(2) { display: none; }
}

/* ===== MAIN HEADER ===== */
#pod-header {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 1px 0 rgb(var(--color-shadow) / 0.04);
}
#pod-header .pod-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-top: 14px;
  padding-bottom: 14px;
}
/* LOGO */
#pod-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.pod-logo-letters {
  display: flex;
  align-items: center;
  gap: 3px;
}
.pod-logo-letter {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 22px;
  color: var(--white);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.pod-logo-letter--p { background: var(--pod-cyan); border-radius: var(--radius-sm); }
.pod-logo-letter--o { background: var(--pod-coral); border-radius: var(--radius-full); }
.pod-logo-letter--d { background: var(--pod-sky); border-radius: var(--radius-md); }
.pod-logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.pod-logo-name {
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pod-navy);
}
/* SEARCH BAR */
#pod-search-wrap {
  flex: 1;
  max-width: 460px;
}
.pod-search-box {
  display: flex;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 0 14px;
  height: 40px;
  gap: 10px;
  cursor: text;
  transition: border-color 0.2s;
}
.pod-search-box:hover { border-color: #c5d0dc; }
.pod-search-box span {
  font-size: 13.5px;
  color: var(--muted);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pod-search-box iconify-icon { font-size: 18px; color: var(--pod-navy); flex-shrink: 0; }
/* HEADER ACTIONS */
#pod-header-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
}
.pod-header-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--pod-navy);
  transition: opacity 0.2s;
  position: relative;
}
.pod-header-btn:hover { opacity: 0.72; }
.pod-header-btn iconify-icon { font-size: 20px; }
.pod-cart-badge {
  position: absolute;
  top: -7px;
  right: -10px;
  background: var(--pod-yellow);
  color: var(--pod-navy);
  font-size: 9.5px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: var(--radius-full);
  line-height: 1;
}
@media (max-width: 1024px) {
  #pod-search-wrap { max-width: 320px; }
  .pod-header-btn span { display: none; }
  #pod-header-actions { gap: 16px; }
}
@media (max-width: 640px) {
  #pod-search-wrap { display: none; }
  #pod-header-actions { gap: 12px; }
}

/* ===== CATEGORY NAV ===== */
#pod-catnav {
  background: var(--white);
  border-bottom: 1px solid var(--border);
}
#pod-catnav .pod-catnav-inner {
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#pod-catnav .pod-catnav-inner::-webkit-scrollbar { display: none; }
.pod-catbtn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0,21,46,0.75);
  padding: 10px 14px;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color 0.18s, border-color 0.18s;
}
.pod-catbtn:hover { color: var(--pod-navy); border-bottom-color: var(--pod-coral); }
.pod-catbtn iconify-icon { font-size: 15px; }
@media (max-width: 900px) { .pod-catbtn { padding: 10px 10px; font-size: 12.5px; } }

/* ===== HERO ===== */
#pod-hero {
  position: relative;
  height: clamp(360px, 55vw, 500px);
  overflow: hidden;
  display: flex;
  align-items: center;
}
#pod-hero-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(0,21,46,0.92) 32%, rgba(0,21,46,0.48) 65%, rgba(0,21,46,0.10) 100%),
    url('https://storage.googleapis.com/banani-generated-images/generated-images/d27c405c-1205-42d9-815d-47c039f0ad0a.jpg');
  background-size: cover;
  background-position: center;
}
#pod-hero-content {
  position: relative;
  z-index: 2;
  color: var(--white);
  max-width: 520px;
  padding: 3rem 0;
}
.pod-hero-eyebrow {
  font-family: var(--font-display);
  font-size: clamp(36px, 6vw, 68px);
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin: 0;
}
.pod-hero-sub {
  font-size: 13px;
  letter-spacing: 0.28em;
  font-weight: 300;
  text-transform: uppercase;
  opacity: 0.82;
  margin-top: 6px;
}
.pod-hero-desc {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  opacity: 0.88;
  margin-top: 18px;
  max-width: 400px;
}
.pod-hero-cta {
  margin-top: 26px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.pod-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--pod-coral);
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14.5px;
  padding: 13px 26px;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-coral);
  transition: transform 0.18s, box-shadow 0.18s;
  letter-spacing: 0.01em;
}
.pod-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(255,115,96,0.30); }
.pod-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(var(--color-background) / 0.12);
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  padding: 12px 22px;
  border-radius: var(--radius-lg);
  border: 1px solid rgb(var(--color-background) / 0.22);
  backdrop-filter: blur(4px);
  transition: background 0.18s;
}
.pod-btn-ghost:hover { background: rgb(var(--color-background) / 0.2); }
.pod-hero-dots {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 3;
}
.pod-dot { width: 9px; height: 9px; border-radius: var(--radius-full); background: var(--white); }
.pod-dot--active { background: var(--white); }
.pod-dot--inactive { background: rgb(var(--color-background) / 0.35); }
@media (max-width: 640px) {
  .pod-hero-desc { font-size: 14px; }
  .pod-btn-ghost { display: none; }
}

/* ===== TRUST BADGES ===== */
#pod-trust {
  background: var(--pod-navy-mid);
  color: var(--white);
  border-bottom: 1px solid rgb(var(--color-background) / 0.07);
}
#pod-trust .pod-trust-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
.pod-trust-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 22px 24px;
}
.pod-trust-icon {
  background: rgb(var(--color-background) / 0.08);
  padding: 10px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pod-trust-icon iconify-icon { font-size: 22px; color: var(--white); }
.pod-trust-label {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: var(--white);
  margin-bottom: 3px;
}
.pod-trust-desc { font-size: 11.5px; color: rgb(var(--color-button-text) / 0.62); line-height: 1.5; }
@media (max-width: 900px) {
  #pod-trust .pod-trust-inner { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  #pod-trust .pod-trust-inner { grid-template-columns: 1fr; }
}

/* ===== SECTION LABELS ===== */
.pod-section-label {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 9.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pod-coral);
  margin-bottom: 8px;
}
.pod-section-title {
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  color: var(--pod-navy);
  letter-spacing: -0.02em;
}
.pod-section-head { text-align: center; margin-bottom: 2.5rem; }

/* ===== POPULAR COLLECTIONS ===== */
#pod-collections { padding: 60px 0; background: var(--white); }
.pod-collections-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px;
}
.pod-col-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.pod-col-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.pod-col-img-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 148px;
  padding: 14px;
}
.pod-col-img-wrap img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,0.12));
}
.pod-col-badge {
  position: absolute;
  bottom: -13px;
  left: 12px;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-full);
  border: 2px solid var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-sm);
}
.pod-col-badge iconify-icon { font-size: 13px; }
.pod-col-body {
  padding: 18px 12px 12px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 90px;
}
.pod-col-name {
  font-family: var(--font-display);
  font-size: 12.5px;
  font-weight: 700;
  color: var(--pod-navy);
  line-height: 1.2;
}
.pod-col-desc {
  font-size: 10.5px;
  color: var(--muted);
  line-height: 1.4;
  margin-top: 4px;
}
.pod-col-arrow {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.pod-col-arrow iconify-icon { font-size: 13px; }
@media (max-width: 1024px) {
  .pod-collections-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 600px) {
  .pod-collections-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== POPULAR PRODUCTS ===== */
#pod-products {
  padding: 48px 0;
  background: var(--white);
  border-top: 1px solid rgb(var(--color-background) / 0.16);
}
.pod-products-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.pod-view-all {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--pod-blue);
}
.pod-products-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 16px;
}
.pod-prod-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.pod-prod-thumb {
  background: var(--surface);
  width: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
  border: 1px solid rgb(var(--color-background) / 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.pod-prod-thumb:hover { border-color: rgb(var(--color-background) / 0.16); box-shadow: var(--shadow-sm); }
.pod-prod-thumb img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}
.pod-prod-name {
  font-family: var(--font-display);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--pod-navy);
  text-align: center;
}
@media (max-width: 1024px) {
  .pod-products-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 560px) {
  .pod-products-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== PROMO CARDS ===== */
#pod-promo { padding: 48px 0; background: var(--white); }
.pod-promo-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.pod-promo-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgb(var(--color-background) / 0.06);
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  position: relative;
  box-shadow: var(--shadow-sm);
}
.pod-promo-card-img {
  position: relative;
  width: calc(100% + 48px);
  margin: auto -24px -24px;
  height: 190px;
  overflow: hidden;
  border-radius: 0;
}
.pod-promo-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pod-promo-card-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 16.5px;
  line-height: 1.2;
  margin-bottom: 8px;
}
.pod-promo-card-desc { font-size: 11.5px; line-height: 1.6; }
.pod-promo-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 11px;
  padding: 9px 14px;
  border-radius: var(--radius-md);
  margin-top: 12px;
  transition: opacity 0.18s;
  letter-spacing: 0.01em;
}
.pod-promo-btn:hover { opacity: 0.82; }
/* card variants */
.pod-promo-card--dark  { background: var(--pod-navy-mid); color: var(--white); }
.pod-promo-card--teal  { background: var(--pod-teal-lt); color: var(--pod-navy); }
.pod-promo-card--coral { background: var(--pod-coral-lt); color: var(--pod-navy); }
.pod-promo-card--cream { background: rgb(var(--color-base-highlight)); color: var(--pod-navy); }
.pod-promo-card--slate { background: rgb(var(--color-base-highlight)); color: var(--pod-navy); }
.pod-promo-card--dark .pod-promo-card-desc  { color: rgb(var(--color-button-text) / 0.72); }
.pod-promo-card--teal .pod-promo-card-desc,
.pod-promo-card--coral .pod-promo-card-desc,
.pod-promo-card--cream .pod-promo-card-desc,
.pod-promo-card--slate .pod-promo-card-desc { color: #64748b; }
.pod-promo-btn--white  { background: var(--white); color: var(--pod-navy); }
.pod-promo-btn--teal   { background: var(--pod-teal); color: var(--white); }
.pod-promo-btn--border { background: var(--white); color: var(--pod-navy); border: 1px solid var(--border); }
.pod-promo-btn--navy   { background: var(--pod-navy); color: var(--white); }
@media (max-width: 1024px) {
  .pod-promo-grid { grid-template-columns: repeat(3, 1fr); }
  .pod-promo-card--cream { display: none; }
}
@media (max-width: 700px) {
  .pod-promo-grid { grid-template-columns: repeat(2, 1fr); }
  .pod-promo-card--slate { display: none; }
}
@media (max-width: 480px) {
  .pod-promo-grid { grid-template-columns: 1fr; }
  .pod-promo-card { height: auto; min-height: 280px; }
}

/* ===== HOW IT WORKS ===== */
#pod-howto {
  padding: 64px 0;
  background: rgb(var(--color-base-highlight));
  border-top: 1px solid rgb(var(--color-background) / 0.16);
  border-bottom: 1px solid rgb(var(--color-background) / 0.16);
}
.pod-steps-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin-top: 3rem;
  gap: 12px;
}
.pod-steps-line {
  position: absolute;
  top: 27px;
  left: 80px;
  right: 80px;
  height: 1px;
  border-top: 2px dashed #d9e2ee;
  z-index: 0;
}
.pod-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 140px;
  flex: 1;
}
.pod-step-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(var(--color-foreground) / 0.06);
  box-shadow: var(--shadow-sm);
  margin-bottom: 14px;
  background: var(--white);
}
.pod-step-icon iconify-icon { font-size: 22px; }
.pod-step-num {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 800;
  color: var(--pod-navy);
}
.pod-step-name {
  font-family: var(--font-display);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--pod-navy);
  margin-bottom: 5px;
}
.pod-step-desc { font-size: 10.5px; color: var(--muted); line-height: 1.5; }
@media (max-width: 900px) {
  .pod-steps-row { flex-wrap: wrap; justify-content: center; }
  .pod-steps-line { display: none; }
  .pod-step { min-width: 120px; max-width: 160px; }
}

/* ===== TESTIMONIALS ===== */
#pod-reviews {
  padding: 60px 0;
  background: var(--white);
}
.pod-reviews-row {
  display: flex;
  align-items: center;
  gap: 18px;
}
.pod-reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  flex: 1;
}
.pod-review-card {
  background: var(--surface);
  border: 1px solid rgb(var(--color-background) / 0.16);
  border-radius: 14px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 160px;
}
.pod-stars { display: flex; gap: 3px; color: var(--pod-green); margin-bottom: 10px; }
.pod-stars iconify-icon { font-size: 13px; }
.pod-review-text {
  font-size: 12.5px;
  color: var(--pod-navy-90);
  line-height: 1.6;
  font-style: italic;
  flex: 1;
}
.pod-reviewer {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--muted);
  margin-top: 14px;
}
.pod-nav-btn {
  background: rgb(var(--color-base-highlight));
  color: var(--pod-navy);
  border-radius: var(--radius-full);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.18s;
}
.pod-nav-btn:hover { background: rgb(var(--color-base-highlight)); }
.pod-nav-btn iconify-icon { font-size: 18px; }
@media (max-width: 900px) {
  .pod-reviews-grid { grid-template-columns: repeat(2, 1fr); }
  .pod-nav-btn { display: none; }
}
@media (max-width: 480px) {
  .pod-reviews-grid { grid-template-columns: 1fr; }
}

/* ===== NEWSLETTER ===== */
#pod-newsletter { padding: 0 0 60px; background: var(--white); }
.pod-newsletter-inner {
  background: var(--pod-navy);
  border-radius: 20px;
  padding: 36px 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  border: 1px solid rgb(var(--color-background) / 0.04);
}
.pod-newsletter-left { display: flex; align-items: center; gap: 20px; }
.pod-nl-icon {
  background: rgb(var(--color-background) / 0.08);
  padding: 16px;
  border-radius: 14px;
  color: var(--white);
  flex-shrink: 0;
}
.pod-nl-icon iconify-icon { font-size: 30px; }
.pod-nl-title {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 5px;
}
.pod-nl-desc { font-size: 12px; color: rgb(var(--color-button-text) / 0.62); max-width: 340px; line-height: 1.5; }
.pod-newsletter-form { display: flex; align-items: center; gap: 10px; }
.pod-nl-input {
  background: var(--white);
  color: var(--pod-navy);
  border-radius: var(--radius-lg);
  padding: 12px 18px;
  font-size: 13px;
  width: 270px;
  font-family: var(--font-body);
}
.pod-nl-input::placeholder { color: #94a3b8; }
.pod-btn-coral {
  background: var(--pod-coral);
  color: var(--white);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  padding: 12px 22px;
  border-radius: var(--radius-lg);
  transition: opacity 0.18s;
}
.pod-btn-coral:hover { opacity: 0.88; }
@media (max-width: 1024px) {
  .pod-newsletter-inner { flex-direction: column; align-items: flex-start; padding: 28px 32px; }
}
@media (max-width: 560px) {
  .pod-newsletter-inner { padding: 24px 20px; }
  .pod-newsletter-form { flex-direction: column; width: 100%; }
  .pod-nl-input { width: 100%; }
  .pod-btn-coral { width: 100%; text-align: center; }
}
.image__rightcontent {
    display: flex;
}

.otherbars-- {
    height: 100% !important;
    width: 50% !important;
}

.mc-editorial img {
    filter: unset !important;
    position: unset !important;
}
.mc-editorial img {
    object-fit: cover !important;
    width: 50% !important;
      -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
}

.mc-editorial__overlay {
    display: none !important;
}

.image__rightcontent {
    opacity: 1;
    filter: unset !important;
}
.mc-looktile img {
    transform: scale(1.5);
    object-fit: cover !important;
    object-position: top !important;
}
.top__container {
    margin: auto !important;
    width: 100%;
    display: flex;
    max-width: 1450px !important;
}

.short__patern {
    width: 50%;
}

.rightside__grid {
    width: 50%;
    height: auto;
}

section#mc-hero {
    padding: 0px !important;
}

.short__patern {
    padding: 40px 40px !important;
}

.rightside__grid img {
    height:100% !important;
    object-fit:cover;
      -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
}

.mc-hero__title {
    margin: 0px !important;
    font-size: 80px !important;
}
.short__patern {
    padding:45px 0px !important;
}
button.mc-card__quick svg {
    height: 13px !important;
    width: 13px !important;
    fill: rgb(var(--color-button-text)) !important;
    margin-left: 10px !important;
}

.mc-card__quick {
    justify-content: center;
    display: flex;
    align-items: center;
}

button.mc-card__wish svg {
    padding: 3px !important;
    width: 100% !important;
    height: 100%;
}

.mc-card__wish:hover path 
{
fill:rgb(var(--color-button-text));    
}
.mc-trustitem__icon svg
{
    padding:10px !important;
}

.mc-trustitem {
    justify-content:center;
}

.mc-trustitem__icon 
{
    width:42px;
    height:42px;
}

.pod-col-img-wrap {
    background: rgb(var(--color-base-highlight)) !important;
}

.pod-col-img-wrap img {
    width:120px;
    height:120px;
}
.pod-col-card {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
}

.pod-col-badge svg {
    padding: 6px !important;
    height: 100%;
    width: 100%;
}

.pod-col-badge {
    width: 35px !important;
    height: 35px !important;
    background:rgb(var(--color-background)) !important;
}
.pod-container {
    max-width: 1250px !important;
    margin: auto !important;
}

.pod-col-name {
    font-size: 15px !important;
}

.pod-col-desc {
    font-size: 12px !important;
}

.pod-col-arrow svg {
    width:20px;
    height:20px;
}
.pod-view-all {
    color: rgb(var(--color-foreground)) !important;
}

.pod-view-all svg 
{
    width:20px;
    height:20px;
}
.pod-col-img-wrap img {
    filter: unset !important;
}
.pod-col-img-wrap img {
    filter: unset !important;
}

.pod-prod-thumb {
    background: rgb(var(--color-base-highlight))!important;
    border:1px solid rgb(var(--color-background) / 0.16)!important
}
span.mc-card__stars svg 
{
    width:16px;
    height:16px;
  margin-right:2px;
}
span.mc-card__stars 
{
  display:flex;
  align-items:center;
}

.mc-card__rating {
    line-height: normal !important;
}

.mc-slidernav button {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(var(--color-shadow) / 0.05);
    border: 1px solid rgb(var(--color-foreground) / 0.18) !important;
    height: 35px !important;
    border-radius: 50px !important;
    padding: 5px !important;
    background:rgb(var(--color-background)) !important;
}

h2.mc-dept__title {
    font-size: 30px !important;
    margin-bottom:10px;
}

.mc-dept__sub {
    font-size:15px;
}
.mc-revcard__stars svg {
        width:16px;
    height:16px;
  margin-right:2px;
}

.mc-revcard__stars {
    display: flex;
}

.mc-revcard {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(var(--color-shadow) / 0.05);
    border: 1px solid rgb(var(--color-foreground) / 0.18) !important;
    background: rgb(var(--color-background)) !important;
}

.mc-slidernav button {
    cursor: pointer !important;
}

.mc-slidernav button:hover 
{
    border-color:rgb(var(--color-foreground) / 0.16) !important;
}
.pod-container {
        max-width: 1480px !important;
    margin: 0 auto;
    padding: 0 32px;
}

section#pod-howto {
    background:rgb(var(--color-base-highlight)) !important;
    padding:60px 0px !important;
}

.pod-step {
    max-width:200px;
}
.pod-step-icon
{
    background:rgb(var(--color-background)) !important;
}
.pod-step-icon svg {
    width:100% !important;
    height:100% !important;
    padding:15px !important;
}
.pod-steps-row {
    max-width:1200px;
    margin:auto;
}
.pod-steps-row {
    max-width:1200px;
    margin:auto;
}

.pod-step-name {
    font-size:14px !important;
}

.pod-step-desc {
    font-size:13px;
}
.se-headline {
    color:rgb(var(--color-button-text) / 0.56078431);
}

.se-headline-accent {
    animation:unset !important;
    color:rgb(var(--color-button-text)) !important;
}
.mc-editorial__title {
    margin: 0px !important;
}

.mc-dept--alt .mc-card__media {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    overflow:hidden !important;
}
.mc-dept--dark .mc-pill {
    background: transparent;
}

.mc-dept--dark img.mc-card__img {
    filter: invert(1);
}

.mc-dept--dark .mc-card__wish {
    background: transparent !important;
    border-color: rgb(var(--color-background) / 0.54901961) !important;
}

.mc-dept--dark .mc-card__wish svg {
    fill: rgb(var(--color-button-text)) !important;
}
.mc-dept--dark button.mc-card__quick svg {
    fill:rgb(var(--color-foreground)) !important;
}
.background099 {
    background-size: cover!important;
    background: url("https://cdn11.bigcommerce.com/s-khwfwarmug/images/stencil/original/image-manager/bannern1.png?t=1780513703")!important;
    background-size: cover!important
}

.othamin23 {
    text-align: center!important
}

.othamin23 h4 {
    background: #04294e;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto!important;
    color: rgb(var(--color-button-text))!important;
    font-size: 16px!important;
    padding: 7px 20px!important;
    border-radius: 50px!important
}

div#pod-hero-content .top_amins .othamin23 h3 {
    color: #04294e!important;
    font-size: 160px!important;
    line-height: 159px!important;
    font-weight: 700!important;
    margin-bottom: 0!important
}

div#pod-hero-content .top_amins .othamin23 h3 h2 {
    font-family: Allura,cursive!important
}

.othamin23 h2 {
    font-family: Allura,cursive!important;
    font-size: 200px!important;
    font-weight: 300!important;
    color: #ff7360
}

.othamin23 h2 span {
    font-size: 30px!important
}

.othamin23 h2 span {
    background: #10b5b3;
    color: rgb(var(--color-button-text))!important;
    font-weight: 600!important;
    padding: 7px 15px!important;
    font-size: 23px!important;
    border-radius: 50px!important
}

.othamin23 p {
    max-width: 400px!important;
    font-size: 16px!important;
    color: #04294e!important;
    margin: auto!important;
    padding: 15px 0
}

.othamin23 .button {
    background: #bdcfc7;
    color: #04294e!important;
    font-size: 16px!important;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    height: unset!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto!important;
    border: 0!important;
    padding: 0 40px!important;
    border-radius: 20px!important
}

.othamin23 .button svg {
    width: 21px!important;
    height: 21px!important;
    fill: currentColor;
    margin-left: 10px!important
}

.othamin23 h6 {
    font-size: 10px!important;
    margin: 0!important;
    margin-top: 10px!important
}

div#pod-hero-content .top_amins .othamin23 h3 {
    font-size: 110px!important;
    line-height: 110px!important
}

.othamin23 h2 {
    font-size: 154px!important;
    margin-top: 25px!important
}

.countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: Arial,sans-serif
}

.countdown-item {
    min-width: 80px
}

.countdown-number {
    font-size: 40px;
    font-weight: 700;
    line-height: 1
}

.countdown-label {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 5px
}

.countdown-label {
    font-size: 10px!important;
    line-height: normal!important;
    color: #04294e!important
}

.countdown-number {
    font-size: 21px!important;
    color: #04294e!important
}

.countdown {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto!important;
    padding: 10px 20px!important;
    border-radius: 15px!important
}

@media (max-width: 1010px) {
    .othamin23 h2 {
        font-size:77px!important
    }

    .othamin23 h2 span {
        font-size: 17px!important
    }

    .othamin23 p {
        font-size: 13px!important;
        line-height: normal!important
    }

    .othamin23 .button {
        font-size: 14px!important
    }

    .background099+.pod-container div#pod-hero-content .top_amins .othamin23 h3 {
        font-size: 61px!important;
        line-height: 46px!important
    }

    .background099+.pod-container div#pod-hero-content {
        padding: 0!important;
        width: 100%!important
    }

    .background099+.pod-container {
        padding: 0!important
    }

    .countdown-number {
        font-size: 20px!important
    }

    .countdown {
        gap: 1px!important
    }

    .othamin23 {
        padding: 10px 15px!important;
        width: 100%
    }

    .top_amins {
        width: 100%!important
    }
}

#pod-hero-bg {
    background-position: center!important
}


.othamin23 p {
    max-width: 400px!important;
    font-size: 16px!important;
    color: #04294e!important;
    margin: auto!important;
    padding: 15px 0
}

.othamin23 .button {
    background: #bdcfc7;
    color: #04294e!important;
    font-size: 16px!important;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    height: unset!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto!important;
    border: 0!important;
    padding: 0 40px!important;
    border-radius: 20px!important
}

.othamin23 .button svg {
    width: 21px!important;
    height: 21px!important;
    fill: currentColor;
    margin-left: 10px!important
}
.othamin23 h2 {
    margin-bottom: 0px !important;
}

#pod-hero {
    height: 700px !important;
}

.pod-container {
    width: 100%;
}

.othamin23 h6 {
    color: rgb(var(--color-foreground)) !important;
    padding: 10px 0px;
    font-size: 12px !important;
}

.othamin23 .button {
    padding: 7px 40px !important;
    background: rgb(var(--color-background)) !important;
}
.othamin23 h2 span {
    background: rgb(var(--color-background) / 0.52156863) !important;
    font-family: 'Inter';
    color: rgb(var(--color-foreground)) !important;
    font-size: 17px !important;
}

.othamin23 p {
    color: rgb(var(--color-foreground)) !important;
    font-size: 15px !important;
    padding-top: 0px !important;
}

div#pod-hero-content .top_amins .othamin23 h3 {
    font-weight: 900 !important;
    color: rgb(var(--color-foreground)) !important;
    font-size: 95px !important;
    margin-bottom: -60px !important;
}

.othamin23 h2 {
    margin-top: 0px !important;
}
#pod-hero-bg {
    display: flex;
}

.bar__content {width: 50%;}
#pod-hero-bg img
{
width:50%;
    height:100%;
  height: auto;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 30%
  );
  object-fit:cover !important;
}

#pod-hero {
    background: rgb(var(--color-foreground)) !important;
}

div#pod-hero-bg {
    background: rgb(var(--color-foreground)) !important;
}
#pod-hero-bg img {
    object-position: right !important;
}
div#pod-hero-content .top_amins .othamin23 h3 {
    color: rgb(var(--color-button-text)) !important;
}

.othamin23 h2 span {
    background: rgb(var(--color-background) / 0.23137255) !important;
    color: rgb(var(--color-button-text) / 0.58039216) !important;
}

.othamin23 p {
    color: rgb(var(--color-button-text)) !important;
}

.othamin23 h6 {
    color: rgb(var(--color-button-text)) !important;
}

.countdown-number {
    color: rgb(var(--color-button-text)) !important;
}

.countdown-label {
    color: rgb(var(--color-button-text)) !important;
}

.big__container {
            max-width: 1480px !important;
    margin: 0 auto;
    padding: 0 32px;
}
section#pod-hero {
    height:600px !important;
    margin-top:45px !important;
    border-radius:15px !important;
}
.se-headline {
    color: rgb(var(--color-button-text)) !important;
}

.se-headline-accent {
    color:#ff7360 !important;
}
.se-cta {
    color: rgb(var(--color-button-text)) !important;
    border-color: rgb(var(--color-background)) !important;
}

.se-feature {
    gap: 4px !important;
}

span.se-feature-sub {
    font-size: 12px !important;
    line-height: normal !important;
}

span.se-feature-label {
    font-size: 13px !important;
    padding-top: 15px !important;
}
.rightside__grid img {
    aspect-ratio: 1/0.85 !important;
    object-position: top !important;
}
@media (max-width: 1010px) {
.top__container {
    display: block !important;
}

.short__patern {
    width: 100% !important;
}

.mc-hero__title {
    font-size: 40px !important;
}

.mc-hero__sub {
    font-size: 14px !important;
}

.mc-btn {
    font-size: 13px !important;
    padding: 10px 20px !important;
}

.mc-stat__num {
    font-size: 18px !important;
}

.mc-stat__label {
    font-size: 9px !important;
}

.rightside__grid {
    width: 100% !important;
}

.rightside__grid img {
    aspect-ratio: 1/1 !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
}
.mc-trustbar__inner {
    flex-wrap: unset !important;
    overflow: auto;
    white-space: nowrap;
    display: flex;
    max-width: 1400px;
}

.pod-section-title {
    font-size: 22px !important;
}

.pod-section-head {
    margin-bottom: 20px !important;
}

.pod-container {
    padding: 0px 15px !important;
}

section#pod-collections {
    padding: 30px 0px !important;
}
.pod-section-title {
    margin-bottom: 0px !important;
}

#pod-products {
    padding: 30px 0px !important;
}

.pod-view-all {
    font-size: 12px !important;
}

.pod-view-all {
    font-size: 14px !important;
}

.pod-col-name {
    font-size: 14px !important;
    padding-top: 10px !important;

 
  }
  .pod-prod-name {
    font-size: 14px !important;
}

.mc-wrap {
    padding: 0px 15px !important;
}

h2.mc-dept__title {
    font-size: 22px !important;
}

.mc-dept__sub {
    font-size: 13px !important;
}

.mc-slidernav button {
    height: 30px !important;
    width: 30px !important;
}

.mc-viewall {
    display: none;
}

.mc-dept__head {
    flex-wrap: unset !important;
    align-items: unset !important;
}

.mc-dept__head-left {
    max-width: 200px !important;
}

.mc-dept {
    padding: 30px 0px !important;

  }
  .mc-pill {
    font-size: 12px !important;
}

.mc-pills {
            overflow: auto;
        white-space: nowrap;
        display: flex;
        max-width: 1400px;
    flex-wrap:unset !important;
}

span.mc-card__stars svg {
    width: 14px !important;
    height: 14px !important;
}
.mc-editorial-wrap {
    padding: 30px 0px !important;
}

.mc-editorial__cta {
    margin-top: 10px !important;
}

.mc-editorial__content {
    padding: 25px !important;
}
.big__container {
    padding: 0px 15px !important;
}

section#pod-hero {
    margin-top: 20px !important;
}
.bar__content {
    display: none !important;
}

img {}

#pod-hero-bg img {
    width: 100% !important;
    -webkit-mask-image: linear-gradient(
    to top,
    transparent 0%,
    black 30%
  );
    mask-image: linear-gradient(
    to top,
    transparent 0%,
    black 30%
  );
}

#pod-hero-bg {
    position: unset !important;
}

section#pod-hero {
    display: block !important;
    height: unset !important;
}

div#pod-hero-content .top_amins .othamin23 h3 {
    margin-bottom: -20px !important;
}

.othamin23 h2 {}

.othamin23 h2 {}

.othamin23 p {
    font-size: 14px !important;
    line-height: 23px !important;
}

.othamin23 h2 span {
    font-size: 13px !important;
}

.othamin23 .button {
    font-size: 14px !important;
}

.countdown {
    padding: 0px !important;
    padding-bottom: 30px !important;
    padding-top: 20px !important;
}

.countdown-number {
    font-size: 15px !important;
}

.countdown-label {
    font-size: 8px !important;
}
.se-headline {
    font-size: 45px !important;
    margin-bottom: 10px !important;
}
}
.pod-col-badge {
    display: none !important;
}
.womendress_main img {
    aspect-ratio:1/1;
}
.womendress_main img {
    aspect-ratio:1/1;
}
.mc-looktile img {
    transform: unset !important;
}
@media (min-width: 960px) {
.fnv-sub-btn {
    margin: 9px 2px !important;
}

.fnv-header-row {
    height: 74px !important;
}

#fnv-topnav>li>button
{
    font-size:14px;
}
}
.fnv-search-btn {
    padding:10px;
}
  #hb-blog-root {
    --hb-ink: rgb(var(--color-foreground));
    --hb-sub: rgb(var(--color-foreground) / 0.65);
    --hb-line: rgb(var(--color-foreground) / 0.16);
    --hb-accent: #d4232c;
    --hb-flame: #f5a623;
    --hb-bg: rgb(var(--color-background));
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    color: var(--hb-ink);
    background: var(--hb-bg);
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px 20px 64px;
  }
  #hb-blog-root a { color: inherit; text-decoration: none; }
  #hb-blog-root img { display: block; width: 100%; height: 100%; object-fit: cover; }
  #hb-blog-root button { font-family: inherit; }

  .hb-icon { width: 15px; height: 15px; display: block; }
  .hb-meta-flame .hb-icon { color: var(--hb-flame); }
  .hb-meta-comment .hb-icon { color: var(--hb-sub); }
  .hb-meta-save .hb-icon { color: var(--hb-sub); }

  .hb-card-meta { display: flex; align-items: center; gap: 16px; margin-top: 12px; }
  .hb-meta-stat { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--hb-sub); font-weight: 500; }
  .hb-meta-save { margin-left: auto; background: none; border: none; padding: 0; cursor: pointer; display: inline-flex; line-height: 0; }
  .hb-meta-save:hover .hb-icon, .hb-meta-save.is-saved .hb-icon { color: var(--hb-ink); }
  .hb-meta-save.is-saved .hb-icon { fill: var(--hb-ink); }

  /* HERO — 2 articles: (text + big image) as one unit, plus a right image-top card */
  .hb-hero { display: grid; grid-template-columns: 2.6fr 0.85fr; gap: 32px; padding-bottom: 28px; border-bottom: 1px solid var(--hb-line); margin-bottom: 28px; }
  .hb-hero-col { display: flex; flex-direction: column; }

  /* article 1: text (left) + image (center) live inside this shared grid */
  .hb-hero-primary { display: grid; grid-template-columns: 0.85fr 1.75fr; gap: 32px; }

  .hb-hero-left-title { font-size: 26px; font-weight: 700; line-height: 1.18; margin: 0 0 14px; letter-spacing: -0.01em; }
  .hb-hero-left-excerpt { font-size: 14px; color: var(--hb-sub); line-height: 1.6; }

  .hb-hero-center { display: block; }
  .hb-hero-center-media { position: relative; width: 100%; aspect-ratio: 10/7; overflow: hidden; background: rgb(var(--color-placeholder)); }

  .hb-hero-right-media { aspect-ratio: 16/10; background: rgb(var(--color-placeholder)); overflow: hidden; margin-bottom: 14px; }
  .hb-hero-right-title { font-size: 17px; font-weight: 700; line-height: 1.3; margin: 0 0 8px; }
  .hb-hero-right-excerpt { font-size: 13px; color: var(--hb-sub); line-height: 1.55; }

  /* MINI GRID */
  .hb-minigrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 40px; padding-bottom: 28px; border-bottom: 1px solid var(--hb-line); }
  .hb-minigrid-media { aspect-ratio: 4/3; background: rgb(var(--color-placeholder)); overflow: hidden; margin-bottom: 12px; }
  .hb-minigrid-title { font-size: 14px; font-weight: 600; line-height: 1.35; margin: 0; }

  /* CONTENT ROW */
  .hb-content-row { display: grid; grid-template-columns: 1fr 260px; gap: 40px; align-items: start; }

  /* TABS */
  .hb-tabs { display: flex; flex-wrap: wrap; gap: 28px; border-bottom: 2px solid var(--hb-ink); margin-bottom: 24px; }
  .hb-tab { background: none; border: none; padding: 10px 2px; font-size: 14px; font-weight: 600; color: var(--hb-sub); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; text-transform: capitalize; }
  .hb-tab.is-active { color: var(--hb-ink); border-bottom-color: var(--hb-ink); }

  /* ARTICLE ROWS */
  .hb-article-list { display: flex; flex-direction: column; }
  .hb-article-row { border-bottom: 1px solid var(--hb-line); padding: 28px 0; }
  .hb-article-row:first-child { padding-top: 0; }
  .hb-article-row-link { display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px; align-items: center; }
  .hb-article-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--hb-accent); }
  .hb-article-row-title { font-size: 20px; font-weight: 700; line-height: 1.25; margin: 8px 0; }
  .hb-article-row-excerpt { font-size: 14px; color: var(--hb-sub); line-height: 1.5; margin-bottom: 10px; }
  .hb-article-row-byline { font-size: 12px; color: var(--hb-sub); }
  .hb-article-row-media { aspect-ratio: 16/10; background: rgb(var(--color-placeholder)); overflow: hidden; }
  .hb-article-row.hb-hidden { display: none; }

  .hb-pagination { display: flex; gap: 10px; justify-content: center; margin-top: 32px; }
  .hb-page-link { padding: 6px 12px; border: 1px solid var(--hb-line); font-size: 13px; }
  .hb-page-link.is-current { background: var(--hb-ink); color: rgb(var(--color-button-text)); }

  /* SIDEBAR */
  .hb-sidebar-inner { border: 1px solid var(--hb-line); padding: 18px; position: sticky; top: 20px; }
  .hb-sidebar-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 14px; }
  .hb-cat-list { list-style: none; margin: 0; padding: 0; }
  .hb-cat-item { border-top: 1px solid var(--hb-line); }
  .hb-cat-item:first-child { border-top: none; }
  .hb-cat-link { display: flex; align-items: center; gap: 12px; padding: 10px 0; font-size: 13px; font-weight: 600; }
  .hb-cat-link:hover { color: var(--hb-accent); }
  .hb-cat-rank { font-size: 12px; color: var(--hb-sub); width: 16px; }

  /* SIDEBAR — TOP POSTS */
  .hb-sidebar-top { margin-top: 20px; }
  .hb-top-list { list-style: none; margin: 0; padding: 0; }
  .hb-top-item { border-top: 1px solid var(--hb-line); }
  .hb-top-item:first-child { border-top: none; }
  .hb-top-link { display: grid; grid-template-columns: 16px 68px 1fr; gap: 10px; align-items: start; padding: 12px 0; }
  .hb-top-rank { font-size: 12px; color: var(--hb-sub); font-weight: 700; padding-top: 2px; }
  .hb-top-media { aspect-ratio: 4/3; background: rgb(var(--color-placeholder)); overflow: hidden; }
  .hb-top-title { font-size: 13px; font-weight: 600; line-height: 1.35; margin: 0 0 8px; }
  .hb-top-meta { margin-top: 0; gap: 12px; }
  .hb-top-meta .hb-meta-stat { font-size: 11.5px; }

  .hb-empty { color: var(--hb-sub); font-size: 14px; padding: 40px 0; text-align: center; }

  /* RESPONSIVE */
  @media (max-width: 1000px) {
    .hb-hero { grid-template-columns: 1fr; }
    .hb-hero-primary { grid-template-columns: 1fr; }
    .hb-hero-right { display: grid; grid-template-columns: 1fr 1.3fr; gap: 16px; align-items: start; }
    .hb-hero-right-media { margin-bottom: 0; }
    .hb-minigrid { grid-template-columns: repeat(2, 1fr); }
    .hb-content-row { grid-template-columns: 1fr; }
    .hb-article-row-link { grid-template-columns: 1fr; }
    .hb-article-row-media { order: -1; aspect-ratio: 16/9; }
    .hb-sidebar-inner { position: static; }
  }
  @media (max-width: 520px) {
    .hb-minigrid { grid-template-columns: 1fr; }
    .hb-hero-right { grid-template-columns: 1fr; }
  }
.hb-icon-bookmark {
    fill: transparent !important;
}

button.hb-meta-save.is-saved svg {
    fill: rgb(var(--color-foreground)) !important;
}

.hb-icon {
    height: 20px !important;
    width: 20px !important;
}

span.hb-meta-stat.hb-meta-flame svg {
    width: 16px !important;
    height: 20px !important;
}

svg.hb-icon.hb-icon-bookmark {
    width: 16px !important;
    height: 16px !important;
}
.hb-sidebar-inner {
    border: 0px !important;
}

span.hb-cat-name {
    text-transform: capitalize !important;
}
.hb-sidebar-inner {
    border: 0px !important;
}

span.hb-cat-name {
    text-transform: capitalize !important;
}

#hb-blog-root {
    max-width: 1400px !important;
}

.hb-hero-left-title {
    letter-spacing: 0px !important;
    font-size: 33px !important;
    font-weight: 500 !important;
}

.hb-hero-left-excerpt {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.hb-hero-right-title {
    font-size: 19px !important;
    font-weight: 500 !important;
}

p.hb-hero-right-excerpt {
    font-size: 15px !important;
}

h4.hb-minigrid-title {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.hb-tabs {
    border-bottom: 1px solid rgb(var(--color-background) / 0.16) !important;
}

div#hb-tabs {
    overflow: auto;
    white-space: nowrap;
    display: flex;
    max-width: 1400px;
    flex-wrap: unset !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
}

div#hb-main-col {
    width: 70% !important;
}

aside#hb-sidebar {
    width: 30%;
}

section#hb-content-row {
    display: flex !important;
}

.hb-sidebar-inner {
    position: unset !important;
}
/* Apple-like minimal scrollbar for hb-tabs */
#hb-tabs {
  overflow-y: auto;
  scrollbar-width: thin;              /* Firefox */
  scrollbar-color: rgba(0,0,0,0.25) transparent;
}

/* Chrome, Edge, Safari */
#hb-tabs::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#hb-tabs::-webkit-scrollbar-track {
  background: transparent;
}

#hb-tabs::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground) / 0.25);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
  transition: background-color 0.2s ease;
}

#hb-tabs::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--color-foreground) / 0.45);
}

.hb-tab {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(var(--color-foreground)) !important;
}

.hb-tab.is-active {
    font-weight: 700 !important;
}
h3.hb-sidebar-title {
    margin-top: 0px !important;
    font-size: 20px !important;
    letter-spacing: 0px !important;
    text-transform: capitalize;
}

.hb-sidebar-inner {
    padding-top: 9px !important;
}

span.hb-cat-rank {
    font-size: 18px !important;
    font-weight: 300 !important;
    opacity: 0.5;
    width: unset !important;
}

span.hb-cat-name {
    font-size: 17px !important;
    font-weight: 400 !important;
}

a.hb-cat-link {}

.hb-top-link {
    grid-template-columns: 100px 1fr;
}
.main__goodcontent {
    top: 0px;
}

aside#hb-sidebar {
    position: sticky;
    top: 10px;
}

.hb-article-eyebrow {
    font-weight: 400 !important;
    font-size: 14.5px !important;
    text-transform: capitalize !important;
}

.hb-article-row-title {
    font-size: 30px !important;
    font-weight: 400 !important;
}

p.hb-article-row-excerpt {
    font-size: 16px !important;
}
.hb-icon.hb-icon-flame {
    opacity: 0.3;
}
.hb-hero-center-media {
    padding-right: 30px !important;
    border-right: 1px solid rgb(var(--color-background) / 0.38039216) !important;
    background: transparent !important;
}


  @media (max-width: 801px) {
.hb-hero-left-title {
    font-size: 22px !important;
}

.hb-hero-left-excerpt {
    font-size: 15px !important;
}

.hb-hero-center-media {
    border-bottom: 1px solid rgb(var(--color-background) / 0.38039216)!important;
    padding-right: 0px !important;
    border: 0px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgb(var(--color-background) / 0.38039216)!important;
}

section#hb-hero {
    width: 100%;
    gap: 5px !important;
}

.hb-hero-right-title {
    margin-top: 25px !important;
    font-size: 22px !important;
}

h4.hb-minigrid-title {
    font-size: 18px !important;
}

section#hb-content-row {
    display: block !important;
}

div#hb-main-col {
    width: 100% !important;
}

.hb-minigrid {
    margin-bottom: 20px !important;
}

div#hb-tabs {
    gap: 20px !important;
    font-weight: 300 !important;
}

.hb-tab {
    font-weight: 400 !important;
}

.hb-article-row-title {
    font-size: 22px !important;
}

p.hb-article-row-excerpt {
    font-size: 14px !important;
}
.hb-hero-left-title {
    font-size: 22px !important;
}

.hb-hero-left-excerpt {
    font-size: 15px !important;
}

.hb-hero-center-media {
    border-bottom: 1px solid rgb(var(--color-background) / 0.38039216)!important;
    padding-right: 0px !important;
    border: 0px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgb(var(--color-background) / 0.38039216)!important;
}

section#hb-hero {
    width: 100%;
    gap: 5px !important;
}

.hb-hero-right-title {
    margin-top: 25px !important;
    font-size: 22px !important;
}

h4.hb-minigrid-title {
    font-size: 18px !important;
}

section#hb-content-row {
    display: block !important;
}

div#hb-main-col {
    width: 100% !important;
}

.hb-minigrid {
    margin-bottom: 20px !important;
}

div#hb-tabs {
    gap: 20px !important;
    font-weight: 300 !important;
}

.hb-tab {
    font-weight: 400 !important;
}

.hb-article-row-title {
    font-size: 22px !important;
}

p.hb-article-row-excerpt {
    font-size: 14px !important;
}

h3.hb-sidebar-title {
    font-size: 19px !important;
}

aside#hb-sidebar {
    width: 100% !important;
}

.hb-sidebar-inner {
    padding: 0px !important;
    padding-top: 10px !important;
}

.hb-sidebar-inner {}

aside#hb-sidebar {
    padding-top: 30px !important;
}
  }
    #edl-root{
    --edl-paper:rgb(var(--color-background));
    --edl-surface:rgb(var(--color-background));
    --edl-ink:rgb(var(--color-foreground));
    --edl-rule:rgb(var(--color-foreground) / 0.16);
    --edl-accent:rgb(var(--color-foreground));
    --edl-steel:rgb(var(--color-foreground) / 0.65);
    --edl-tint:rgb(var(--color-base-highlight));
    --edl-max:1320px;
    --edl-gap:24px;
    --edl-ease:cubic-bezier(0.22,1,0.36,1);
    color:var(--edl-ink);
    background:var(--edl-paper);
    -webkit-font-smoothing:antialiased;
  }
  #edl-root *{box-sizing:border-box;}
  #edl-root a{color:inherit;text-decoration:none;}
  #edl-root img{display:block;width:100%;height:100%;object-fit:cover;}
  #edl-root h1,#edl-root h2,#edl-root h3,#edl-root h4{text-wrap:balance;}
  #edl-root :focus-visible{outline:2px solid var(--edl-accent);outline-offset:3px;}

  .edl-root{max-width:var(--edl-max);margin:0 auto;padding:0 24px 64px;}

  /* ---------- Live ticker ---------- */
  .edl-ticker{display:flex;align-items:stretch;border-bottom:1px solid var(--edl-rule);height:40px;overflow:hidden;}
  .edl-ticker__badge{
    display:flex;align-items:center;gap:7px;flex:0 0 auto;
    background:var(--edl-accent);color:rgb(var(--color-button-text));padding:0 16px;
    font-size:11px;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;
  }
  .edl-ticker__pulse{width:7px;height:7px;border-radius:50%;background:rgb(var(--color-background));animation:edl-pulse 1.4s var(--edl-ease) infinite;}
  @keyframes edl-pulse{0%,100%{opacity:1;}50%{opacity:.25;}}
  .edl-ticker__viewport{flex:1;overflow:hidden;position:relative;}
  .edl-ticker__track{display:flex;align-items:center;gap:40px;white-space:nowrap;height:100%;width:max-content;animation:edl-marquee 40s linear infinite;}
  .edl-ticker:hover .edl-ticker__track{animation-play-state:paused;}
  .edl-ticker__item{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;padding:0 4px;}
  .edl-ticker__item:hover{color:var(--edl-accent);}
  .edl-ticker__time{font-size:11px;color:var(--edl-steel);}
  @keyframes edl-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ---------- Masthead ---------- */
  .edl-masthead{border-bottom:3px solid var(--edl-ink);padding:28px 0 16px;}
  .edl-masthead__inner{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  .edl-masthead__edition,
  .edl-masthead__meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--edl-steel);}
  .edl-masthead__title{
    font-weight:700;font-size:clamp(30px,5vw,52px);
    letter-spacing:-0.01em;line-height:1;margin:0;
  }

  /* ---------- Meta row ---------- */
  .edl-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--edl-steel);flex-wrap:wrap;}
  .edl-meta--sm{font-size:11px;}
  .edl-meta__stats{display:flex;gap:10px;margin-left:auto;}
  .edl-meta__dot{opacity:.5;}

  /* ---------- Hero — BBC top-stories grid ---------- */
  .edl-hero{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    grid-auto-flow:row dense;
    gap:var(--edl-gap);
    padding:32px 0;
    border-bottom:1px solid var(--edl-rule);
  }
  .edl-hero__lead{ grid-column:1 / 8; grid-row:1 / 3; position:relative; }
  .edl-hero__feature{ grid-column:8 / 13; grid-row:1 / 2; }
  .edl-hero__list-item{ grid-column:8 / 13; border-top:1px solid var(--edl-rule); }

  .edl-hero__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--edl-tint);}
  .edl-hero__media img{transition:transform .5s var(--edl-ease);}
  .edl-hero__link:hover .edl-hero__media img{transform:scale(1.03);}
  .edl-hero__media--feat{aspect-ratio:16/10;margin-bottom:12px;}
  .edl-hero__headline{font-weight:700;
    font-size:clamp(26px,2.8vw,40px);line-height:1.06;letter-spacing:-.01em;margin:16px 0 10px;
  }
  .edl-hero__link:hover .edl-hero__headline{color:var(--edl-accent);}
  .edl-hero__headline--md{font-size:21px;margin:0 0 8px;line-height:1.15;}
  .edl-hero__headline--xs{font-size:15px;font-weight:600;margin:0;padding:12px 0;line-height:1.25;}
  .edl-hero__excerpt{font-size:15px;line-height:1.5;color:rgb(var(--color-foreground));margin:0 0 12px;max-width:60ch;}
  .edl-hero__link--row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .edl-hero__list-item + .edl-hero__list-item .edl-hero__headline--xs{border-top:0;}

  .edl-tag{
    position:absolute;top:12px;left:12px;
    background:var(--edl-accent);color:rgb(var(--color-button-text));
    font-size:10px;font-weight:600;
    letter-spacing:.08em;text-transform:uppercase;
    padding:4px 8px;
  }
  .edl-tag--lead{font-size:11px;}

  .edl-bookmark{
    position:absolute;top:12px;right:12px;z-index:2;
    display:flex;align-items:center;gap:5px;
    background:rgb(var(--color-background) / .94);border:1px solid var(--edl-rule);
    padding:6px 9px;cursor:pointer;color:var(--edl-ink);
    font-size:11px;
    transition:background .15s var(--edl-ease),color .15s var(--edl-ease);
  }
  .edl-bookmark:hover{background:var(--edl-ink);color:rgb(var(--color-button-text));}
  .edl-bookmark[aria-pressed="true"] svg path{fill:var(--edl-accent);stroke:var(--edl-accent);}
  .edl-bookmark--card{position:absolute;top:10px;right:10px;padding:5px 7px;}

  /* ---------- Watch / Listen rail ---------- */
  .edl-watch{padding:36px 0;border-bottom:1px solid var(--edl-rule);}
  .edl-watch__track{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--edl-gap);}
  .edl-watch__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--edl-ink);margin-bottom:10px;}
  .edl-watch__media img{opacity:.92;transition:opacity .3s var(--edl-ease),transform .5s var(--edl-ease);}
  .edl-watch__item:hover .edl-watch__media img{opacity:1;transform:scale(1.04);}
  .edl-watch__play{
    position:absolute;left:12px;bottom:12px;z-index:2;
    width:38px;height:38px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--edl-accent);color:rgb(var(--color-button-text));padding-left:2px;
    transition:transform .2s var(--edl-ease);
  }
  .edl-watch__item:hover .edl-watch__play{transform:scale(1.1);}
  .edl-watch__len{
    position:absolute;right:10px;bottom:12px;z-index:2;
    background:rgb(var(--color-foreground) / .85);color:rgb(var(--color-button-text));
    font-size:11px;padding:2px 6px;
  }
  .edl-watch__title{font-weight:600;font-size:15px;line-height:1.22;margin:0;}
  .edl-watch__item:hover .edl-watch__title{color:var(--edl-accent);}

  /* ---------- Tag tabs ---------- */
  .edl-tabs{position:sticky;top:0;background:var(--edl-paper);z-index:10;border-bottom:1px solid var(--edl-rule);padding:14px 0;}
  .edl-tabs__track{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;}
  .edl-tabs__track::-webkit-scrollbar{display:none;}
  .edl-tab{
    flex:0 0 auto;background:transparent;border:none;cursor:pointer;
    font-size:12px;text-transform:uppercase;letter-spacing:.06em;
    color:var(--edl-steel);padding:8px 14px;border-bottom:2px solid transparent;
    transition:color .15s var(--edl-ease),border-color .15s var(--edl-ease);
  }
  .edl-tab:hover{color:var(--edl-ink);}
  .edl-tab.is-active{color:var(--edl-ink);border-bottom-color:var(--edl-accent);font-weight:600;}

  /* ---------- Main columns: grid + most read ---------- */
  .edl-columns{display:grid;grid-template-columns:1fr 300px;gap:48px;padding:36px 0;align-items:start;}

  /* ---------- Article masonry grid (JS-measured row spans) ---------- */
  .edl-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:8px;              /* small unit; JS sets each card's span */
    gap:var(--edl-gap);
    position:relative;
    align-items:start;
  }
  .edl-card{ grid-row:span 40; }      /* fallback before JS runs */
  .edl-card--wide{grid-column:span 2;}
  .edl-card__inner{
    position:relative;height:100%;
    background:var(--edl-surface);border:1px solid var(--edl-rule);
    transition:transform .18s var(--edl-ease),box-shadow .18s var(--edl-ease);
  }
  .edl-card:hover .edl-card__inner{transform:translateY(-3px);box-shadow:0 10px 24px rgb(var(--color-shadow) / .08);}
  .edl-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--edl-tint);}
  .edl-card--wide .edl-card__media{aspect-ratio:16/7;}
  .edl-card__media img{transition:transform .5s var(--edl-ease);}
  .edl-card:hover .edl-card__media img{transform:scale(1.03);}
  .edl-card__body{padding:14px 16px 16px;}
  .edl-card__headline{font-weight:700;font-size:17px;line-height:1.22;margin:0 0 8px;}
  .edl-card--wide .edl-card__headline{font-size:22px;}
  .edl-card__excerpt{font-size:13px;line-height:1.5;color:rgb(var(--color-foreground));margin:0 0 10px;text-wrap:pretty;}
  .edl-card.edl-hidden{display:none;}

  .edl-empty{grid-column:1/-1;text-align:center;color:var(--edl-steel);padding:60px 0;}

  /* ---------- Most Read rail ---------- */
  .edl-mostread{position:sticky;top:64px;}
  .edl-section-head--rail{margin-bottom:12px;border-bottom:3px solid var(--edl-ink);padding-bottom:8px;}
  .edl-mostread__list{list-style:none;margin:0;padding:0;counter-reset:none;}
  .edl-mostread__item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--edl-rule);}
  .edl-mostread__rank{font-weight:700;font-size:26px;line-height:1;color:var(--edl-rule);flex:0 0 auto;width:28px;transition:color .15s var(--edl-ease);}
  .edl-mostread__item:hover .edl-mostread__rank{color:var(--edl-accent);}
  .edl-mostread__title{display:block;font-weight:600;font-size:15px;line-height:1.25;margin-bottom:4px;}
  .edl-mostread__item:hover .edl-mostread__title{color:var(--edl-accent);}
  .edl-mostread__meta{font-size:11px;color:var(--edl-steel);}

  /* ---------- Section head (shared) ---------- */
  .edl-section-head{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
  .edl-section-title{font-weight:700;font-size:24px;margin:0;white-space:nowrap;}
  .edl-section-title--sm{font-size:18px;}
  .edl-section-rule{flex:1;height:1px;background:var(--edl-rule);}
  .edl-section-more{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--edl-accent);white-space:nowrap;}
  .edl-section-more:hover{text-decoration:underline;}

  /* ---------- By Section — category blocks ---------- */
  .edl-section{padding:40px 0;border-top:1px solid var(--edl-rule);}
  .edl-section__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--edl-gap);align-items:start;}
  .edl-section__card{background:var(--edl-surface);}
  .edl-section__card--lead{grid-row:span 3;}
  .edl-section__media{aspect-ratio:16/10;overflow:hidden;background:var(--edl-tint);margin-bottom:10px;}
  .edl-section__card:not(.edl-section__card--lead) .edl-section__media{aspect-ratio:16/9;}
  .edl-section__media img{transition:transform .5s var(--edl-ease);}
  .edl-section__card:hover .edl-section__media img{transform:scale(1.03);}
  .edl-section__headline{font-weight:700;font-size:16px;line-height:1.2;margin:0 0 6px;}
  .edl-section__card--lead .edl-section__headline{font-size:24px;}
  .edl-section__card:hover .edl-section__headline{color:var(--edl-accent);}

  .edl-pagination{display:flex;justify-content:center;gap:16px;padding:20px 0;}
  .edl-pagination a, .edl-pagination span{padding:8px 12px;border:1px solid var(--edl-rule);}
  .edl-pagination .current{background:var(--edl-ink);color:rgb(var(--color-button-text));}

  /* ---------- Trending strip ---------- */
  .edl-trending{padding:40px 0;border-top:1px solid var(--edl-rule);}
  .edl-trending__track{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;}
  .edl-trending__item{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--edl-rule);}
  .edl-trending__item:hover .edl-trending__title{color:var(--edl-accent);}
  .edl-trending__rank{color:var(--edl-accent);font-weight:700;font-size:13px;}
  .edl-trending__title{font-weight:600;font-size:15px;flex:1;}

  /* ---------- Editor's picks ---------- */
  .edl-picks{padding:40px 0;border-top:1px solid var(--edl-rule);}
  .edl-picks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--edl-gap);}
  .edl-picks__card{position:relative;background:var(--edl-surface);border:1px solid var(--edl-rule);}
  .edl-picks__media{aspect-ratio:4/3;overflow:hidden;background:var(--edl-tint);}
  .edl-picks__media img{transition:transform .5s var(--edl-ease);}
  .edl-picks__card:hover .edl-picks__media img{transform:scale(1.03);}
  .edl-picks__num{
    position:absolute;top:-14px;left:14px;background:var(--edl-ink);color:rgb(var(--color-button-text));
    font-size:12px;width:28px;height:28px;
    display:flex;align-items:center;justify-content:center;
  }
  .edl-picks__card .edl-card__headline,
  .edl-picks__card .edl-card__excerpt{padding:0 16px;}
  .edl-picks__card .edl-card__headline{margin-top:20px;}
  .edl-picks__card .edl-card__excerpt{padding-bottom:16px;}

  /* ---------- Newsletter ---------- */
  .edl-newsletter{margin-top:40px;padding:48px 40px;background:var(--edl-ink);color:rgb(var(--color-button-text));}
  .edl-newsletter__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
  .edl-newsletter__title{font-size:26px;margin:0 0 6px;}
  .edl-newsletter__copy{font-size:14px;color:rgb(var(--color-foreground));margin:0;}
  .edl-newsletter__form{display:flex;gap:10px;flex-wrap:wrap;}
  .edl-newsletter__input{
    background:transparent;border:1px solid rgb(var(--color-foreground));color:rgb(var(--color-button-text));padding:11px 14px;
    font-size:13px;min-width:220px;
  }
  .edl-newsletter__input::placeholder{color:rgb(var(--color-foreground));}
  .edl-newsletter__btn{
    background:var(--edl-accent);color:rgb(var(--color-button-text));border:none;padding:11px 20px;
    font-size:12px;text-transform:uppercase;letter-spacing:.06em;
    cursor:pointer;transition:background .15s var(--edl-ease);
  }
  .edl-newsletter__btn:hover{background:#a11919;}

  /* ---------- Responsive ---------- */
  @media (max-width: 1080px){
    .edl-columns{grid-template-columns:1fr;gap:40px;}
    .edl-mostread{position:static;}
    .edl-mostread__list{columns:2;column-gap:40px;}
    .edl-mostread__item{break-inside:avoid;}
  }
  @media (max-width: 980px){
    .edl-hero{grid-template-columns:repeat(6,1fr);}
    .edl-hero__lead{grid-column:1/7;grid-row:auto;}
    .edl-hero__feature{grid-column:1/4;grid-row:auto;}
    .edl-hero__list-item{grid-column:4/7;}
    .edl-grid{grid-template-columns:repeat(2,1fr);}
    .edl-card--wide{grid-column:span 2;}
    .edl-watch__track{grid-template-columns:repeat(3,1fr);}
    .edl-section__grid{grid-template-columns:1fr 1fr;}
    .edl-section__card--lead{grid-column:1/-1;grid-row:auto;}
    .edl-trending__track{grid-template-columns:1fr;}
    .edl-picks__grid{grid-template-columns:1fr 1fr;}
    .edl-picks__grid .edl-picks__card:last-child{grid-column:1/-1;}
  }
  @media (max-width: 620px){
    .edl-root{padding:0 16px 48px;}
    .edl-hero{grid-template-columns:1fr;gap:20px;padding:20px 0;}
    .edl-hero__lead,.edl-hero__feature,.edl-hero__list-item{grid-column:1/-1;}
    .edl-grid{grid-template-columns:1fr;}
    .edl-card--wide{grid-column:1/-1;}
    .edl-watch__track{grid-template-columns:1fr 1fr;}
    .edl-mostread__list{columns:1;}
    .edl-section__grid{grid-template-columns:1fr;}
    .edl-masthead__title{font-size:30px;}
    .edl-picks__grid{grid-template-columns:1fr;}
    .edl-newsletter{padding:36px 20px;}
    .edl-newsletter__inner{flex-direction:column;align-items:flex-start;}
  }

  @media (prefers-reduced-motion: reduce){
    .edl-ticker__track{animation:none;}
    .edl-ticker__pulse{animation:none;}
    #edl-root *{transition-duration:.01ms !important;}
  }

  .edl-tag {
    line-height: normal !important;
    padding: 5px 10px !important;
    background: grey !important;
}
.edl-hero__media {
    margin-bottom: 24px !important;
}

h2.edl-hero__headline {
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 40px !important;
}

.edl-hero__excerpt {
    font-size: 16px !important;
    max-width: 100% !important;
}

.edl-hero__headline--xs {
    font-weight: 500 !important;
}

.edl-hero__list-item span.edl-meta__time {width: 100px !important;text-align: right !important;}

article.edl-hero__list-item {
    aspect-ratio: unset !important;
}

.edl-hero__headline--md {
    font-weight: 500 !important;
}
.edl-watch__title {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.edl-tab {
    letter-spacing: 0px !important;
    text-transform: capitalize;
    font-size:15px;
}
.edl-watch__title {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.edl-tab {
    letter-spacing: 0px !important;
    text-transform: capitalize;
    font-size:15px;
}

.edl-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

.edl-card {
    width: 33.3333%;
}
.edl-card {
    padding: 10px !important;
}

.edl-grid {
    margin: 0px -10px !important;
}

.edl-card__headline {
    font-weight: 500 !important;
    font-size: 17px !important;
}

.edl-card--wide .edl-card__media {
    aspect-ratio: 4/3 !important;
}

p.edl-card__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

span.edl-mostread__title {
    font-weight: 500 !important;
}

.edl-card__excerpt {
    font-size: 14px !important;
}

.edl-section__headline {
    font-weight: 500 !important;
}

.edl-section-title {
    font-weight: 500 !important;
}

.edl-picks__num {
    top: 14px !important;
    border-radius: 50px !important;
}

  .vog-root{
    --vog-ink:rgb(var(--color-foreground)); --vog-ink-soft:#555; --vog-line:#e4e0d8; --vog-bg:#fbfaf7;
    --vog-serif:'Playfair Display', Georgia, serif;
    --vog-sans:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --vog-maxw:1200px;
    color:var(--vog-ink); background:var(--vog-bg);
    -webkit-font-smoothing:antialiased; line-height:1.5;
  }
  .vog-root *{box-sizing:border-box;}
  .vog-root a{color:inherit;text-decoration:none;}

  .vog-masthead{max-width:var(--vog-maxw);margin:0 auto;padding:64px 24px 40px;text-align:center;border-bottom:1px solid var(--vog-line);}
  .vog-masthead__kicker{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--vog-ink-soft);margin:0 0 14px;font-weight:600;}
  .vog-masthead__title{font-weight:900;font-size:clamp(48px,9vw,104px);line-height:.92;margin:0;letter-spacing:-.01em;text-transform:uppercase;}
  .vog-masthead__tagline{font-style:italic;font-size:clamp(15px,2vw,19px);color:var(--vog-ink-soft);margin:18px 0 0;}

  .vog-layout{max-width:var(--vog-maxw);margin:0 auto;padding:48px 24px 96px;display:grid;grid-template-columns:210px 1fr;gap:40px;align-items:start;}

  /* --- overflow fixes: grid/flex children must be allowed to shrink --- */
  .vog-feed{min-width:0;}
  .vog-hero__big,.vog-hero__small,.vog-hero__link--row,.vog-card{min-width:0;}
  .vog-hero__headline,.vog-hero__small-headline,.vog-card__headline,
  .vog-card__excerpt,.vog-hero__excerpt{overflow-wrap:break-word;word-break:break-word;}
  .vog-hero__media img,.vog-hero__media--sm img,.vog-card__media img{max-width:100%;}

  /* Sidebar */
  .vog-sidebar__inner{position:sticky;top:24px;}
  .vog-sidebar__label{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--vog-ink-soft);font-weight:600;margin:0 0 16px;}
  .vog-cats{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;}
  .vog-cat{appearance:none;border:0;background:none;cursor:pointer;text-align:left;padding:9px 0;width:100%;font-size:20px;color:var(--vog-ink-soft);transition:color .2s ease;}
  .vog-cat:hover{color:var(--vog-ink);}
  .vog-cat.is-active{color:var(--vog-ink);font-weight:700;}
  .vog-cat.is-active .vog-cat__name{border-bottom:2px solid var(--vog-ink);padding-bottom:3px;}
  .vog-cat:focus-visible{outline:2px solid var(--vog-ink);outline-offset:3px;}
  .vog-sidebar__rule{height:1px;background:var(--vog-line);margin:28px 0;}
  .vog-sidebar__latest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
  .vog-sidebar__latest-title{display:block;font-size:15px;line-height:1.3;transition:opacity .2s ease;}
  .vog-sidebar__latest-link:hover .vog-sidebar__latest-title{opacity:.55;}
  .vog-sidebar__latest-date{display:block;margin-top:5px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--vog-ink-soft);}

  /* Chips / meta / stats */
  .vog-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
  .vog-chip{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:4px 9px;border:1px solid var(--vog-ink);border-radius:100px;color:var(--vog-ink);}
  .vog-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--vog-ink-soft);}
  .vog-meta__author{font-weight:600;color:var(--vog-ink);}
  .vog-meta__dot{opacity:.5;}
  .vog-stats{display:inline-flex;align-items:center;gap:14px;}
  .vog-stat{display:inline-flex;align-items:center;gap:5px;}
  .vog-ic{flex:none;}

  /* Bookmark button */
  .vog-bm{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:rgb(var(--color-base-highlight) / .9);border:1px solid var(--vog-line);color:var(--vog-ink);border-radius:100px;padding:7px 12px;font-size:12px;font-weight:600;transition:.18s ease;}
  .vog-bm:hover{border-color:var(--vog-ink);}
  .vog-bm[aria-pressed="true"]{background:var(--vog-ink);border-color:var(--vog-ink);color:rgb(var(--color-button-text));}
  .vog-bm[aria-pressed="true"] .vog-ic path{fill:currentColor;}
  .vog-bm:focus-visible{outline:2px solid var(--vog-ink);outline-offset:2px;}
  .vog-hero__big{position:relative;}
  .vog-hero__big .vog-bm{position:absolute;top:12px;right:12px;}
  .vog-card__inner{position:relative;height:100%;}
  .vog-bm--card{position:absolute;top:10px;right:10px;padding:8px;border-radius:100px;}

  /* HERO: 1 big + 3 small */
  .vog-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:40px;margin-bottom:48px;align-items:start;}
  .vog-hero__media{overflow:hidden;background:rgb(var(--color-placeholder));margin-bottom:20px;}
  .vog-hero__media img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  .vog-hero__link:hover .vog-hero__media img{ }
  .vog-hero__headline{font-weight:700;font-size:clamp(28px,3.6vw,44px);line-height:1.05;letter-spacing:-.01em;margin:0 0 14px;}
  .vog-hero__excerpt{font-size:16px;line-height:1.6;color:var(--vog-ink-soft);margin:0 0 16px;max-width:52ch;}
  .vog-hero__small{display:flex;flex-direction:column;padding-bottom:20px;border-bottom:1px solid var(--vog-line);}
  .vog-hero__small:last-child{border-bottom:0;padding-bottom:0;}
  .vog-hero__link--row{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;}
  .vog-hero__media--sm{margin:0;}
  .vog-hero__media--sm img{aspect-ratio:1/1;}
  .vog-hero__small-headline{font-weight:700;font-size:17px;line-height:1.2;margin:0 0 8px;}
  .vog-hero__small-body .vog-chips{margin-bottom:8px;}
  .vog-hero__small-body .vog-chip{font-size:9px;padding:3px 7px;}

  /* Tabs */
  .vog-tabs{border-top:1px solid var(--vog-line);border-bottom:1px solid var(--vog-line);margin-bottom:32px;}
  .vog-tabs__track{display:flex;gap:6px;overflow-x:auto;padding:14px 0;scrollbar-width:none;}
  .vog-tabs__track::-webkit-scrollbar{display:none;}
  .vog-tab{appearance:none;border:1px solid var(--vog-line);background:none;cursor:pointer;white-space:nowrap;padding:7px 16px;border-radius:100px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--vog-ink-soft);transition:.18s ease;}
  .vog-tab:hover{border-color:var(--vog-ink);color:var(--vog-ink);}
  .vog-tab.is-active{background:var(--vog-ink);border-color:var(--vog-ink);color:rgb(var(--color-button-text));}
  .vog-tab:focus-visible{outline:2px solid var(--vog-ink);outline-offset:2px;}

  /* Feed head + grid */
  .vog-feed__head{display:flex;align-items:center;gap:20px;margin:0 0 32px;}
  .vog-feed__title{font-weight:700;font-size:22px;letter-spacing:.02em;margin:0;white-space:nowrap;}
  .vog-feed__rule{flex:1;height:1px;background:var(--vog-line);}
  .vog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 40px;}
  .vog-card__media{overflow:hidden;margin-bottom:18px;background:rgb(var(--color-placeholder));}
  .vog-card__media img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  .vog-card__link:hover .vog-card__media img{ }
  .vog-card__headline{font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.12;margin:0 0 10px;letter-spacing:-.005em;}
  .vog-card__excerpt{font-size:14.5px;line-height:1.55;color:var(--vog-ink-soft);margin:0 0 14px;}
  .vog-card.vog-hidden,.vog-hero__big.vog-hidden,.vog-hero__small.vog-hidden{display:none;}
  .vog-empty{font-style:italic;font-size:18px;color:var(--vog-ink-soft);text-align:center;padding:56px 0;}

  .vog-pagination{margin-top:64px;display:flex;justify-content:center;gap:8px;font-size:14px;letter-spacing:.05em;}
  .vog-pagination a,.vog-pagination span{padding:8px 14px;border:1px solid var(--vog-line);}
  .vog-pagination a:hover{border-color:var(--vog-ink);}

  @media (max-width:900px){
    .vog-layout{grid-template-columns:1fr;gap:8px;}
    .vog-sidebar__inner{position:static;}
    .vog-cats{flex-direction:row;flex-wrap:wrap;gap:8px 18px;margin-bottom:24px;}
    .vog-cat{width:auto;padding:6px 0;font-size:17px;}
    .vog-sidebar__latest,.vog-sidebar__rule{display:none;}
    .vog-sidebar__label:not(:first-child){display:none;}
    .vog-hero{grid-template-columns:1fr;gap:32px;}
  }
  @media (max-width:560px){
    .vog-grid{grid-template-columns:1fr;gap:40px;}
    .vog-masthead{padding:44px 20px 32px;}
    .vog-layout{padding:32px 20px 72px;}
  }
  @media (prefers-reduced-motion:reduce){ .vog-root *{transition:none !important;} }


























.vog-layout {
    max-width: 1250px !important;
}

.vog-hero__small {
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}

.vog-hero__small-headline {
    font-weight: 500 !important;
}

.vog-hero__headline {
    font-size: 40px !important;
    font-weight: 500 !important;
}

.vog-hero__excerpt {
    max-width: 100% !important;
    font-weight: 400 !important;
}

.vog-meta__author {
    font-size: 14px !important;
    letter-spacing: 0px !important;
    text-transform: capitalize;
    font-weight: 400 !important;
}

.vog-feed__title {
    font-weight: 500 !important;
}

.vog-card__headline {
    font-weight: 400 !important;
}
.vog-layout {
    max-width: 1600px !important;
}
.vog-layout {
    max-width: 1600px !important;
}

.vog-sidebar__inner {
    position: unset !important;
}

aside.vog-sidebar {
    position: sticky !important;
    top: 30px !important;
}
div#vog-root {
    background: rgb(var(--color-background)) !important;
}
  /* ============ TOKENS ============ */
  #lx-blog{
    --lx-paper:rgb(var(--color-background));
    --lx-ink:rgb(var(--color-foreground));
    --lx-ink-soft:rgb(var(--color-foreground) / 0.65);
    --lx-line:rgb(var(--color-foreground) / 0.16);
    --lx-line-strong:rgb(var(--color-foreground) / 0.16);
    --lx-accent:rgb(var(--color-foreground));      /* single restrained accent — worn brick red */
    --lx-panel:rgb(var(--color-base-highlight));
    --lx-white:rgb(var(--color-background));
    --lx-max:1360px;
    --lx-gap-col:24px;   /* horizontal gap between cards */
    --lx-gap-row:40px;   /* vertical gap between rows */
    background:var(--lx-paper);
    color:var(--lx-ink);
    -webkit-font-smoothing:antialiased;
  }
  #lx-blog *{ box-sizing:border-box; }
  #lx-blog a{ color:inherit; text-decoration:none; }
  #lx-blog img{ display:block; max-width:100%; height:auto; }
  #lx-blog .lx-wrap{ max-width:var(--lx-max); margin:0 auto; padding:0 32px; }

  /* ============ MASTHEAD ============ */
  #lx-blog .lx-masthead{
    border-bottom:1px solid var(--lx-line-strong);
    padding:22px 0 18px;
  }
  #lx-blog .lx-masthead-row{
    display:flex; align-items:baseline; justify-content:space-between; gap:24px;
  }
  #lx-blog .lx-kicker{
    font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--lx-ink-soft);
  }
  #lx-blog .lx-mast-title{
    font-weight:600; font-size:clamp(30px,4vw,46px);
    letter-spacing:-.01em; text-align:center; margin:6px 0 0;
  }
  #lx-blog .lx-mast-date{ font-size:11px; color:var(--lx-ink-soft); letter-spacing:.04em; }

  /* ============ CATEGORY NAV ============ */
  #lx-blog .lx-catnav{
    border-bottom:1px solid var(--lx-line);
    background:var(--lx-paper);
  }
  #lx-blog .lx-catnav-list{
    display:flex; gap:28px; list-style:none; margin:0; padding:12px 0;
    overflow-x:auto; scrollbar-width:none;
  }
  #lx-blog .lx-catnav-list::-webkit-scrollbar{ display:none; }
  #lx-blog .lx-catnav-list li{ flex:0 0 auto; }
  #lx-blog .lx-catnav-list a{
    font-size:12px; letter-spacing:.09em; text-transform:uppercase; font-weight:600;
    color:var(--lx-ink-soft); white-space:nowrap; padding-bottom:4px; border-bottom:2px solid transparent;
    transition:color .15s ease, border-color .15s ease;
  }
  #lx-blog .lx-catnav-list a:hover,
  #lx-blog .lx-catnav-list a.is-active{ color:var(--lx-ink); border-color:var(--lx-accent); }

  /* ============ SHARED SECTION HEADER ============ */
  #lx-blog .lx-shead{
    display:flex; align-items:baseline; justify-content:space-between; gap:16px;
    border-bottom:1px solid var(--lx-line-strong); padding-bottom:10px; margin-bottom:26px;
  }
  #lx-blog .lx-shead-title{
   font-size:22px; font-weight:600; letter-spacing:-.01em;
  }
  #lx-blog .lx-shead-kicker{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--lx-accent); font-weight:700; }
  #lx-blog .lx-shead-link{ font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:600; color:var(--lx-ink-soft); white-space:nowrap; }
  #lx-blog .lx-shead-link:hover{ color:var(--lx-accent); }

  /* ============ HERO ============ */
  #lx-blog .lx-hero{ padding:40px 0 8px; }
  #lx-blog .lx-hero-grid{
    display:flex; gap:36px; align-items:flex-start;
  }
  #lx-blog .lx-hero-main{ flex:1 1 62%; min-width:0; position:relative; }
  #lx-blog .lx-hero-side{ flex:1 1 38%; min-width:0; display:flex; flex-direction:column; gap:28px; }
  #lx-blog .lx-hero-side .lx-hero-item + .lx-hero-item{
    padding-top:28px; border-top:1px solid var(--lx-line);
  }
  #lx-blog .lx-hero-figure{ overflow:hidden; background:var(--lx-panel); margin-bottom:16px; }
  #lx-blog .lx-hero-main .lx-hero-figure{ aspect-ratio:16/10.5; }
  #lx-blog .lx-hero-side .lx-hero-figure{ aspect-ratio:16/10; margin-bottom:12px; }
  #lx-blog .lx-hero-figure img{
    width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1);
  }
  #lx-blog .lx-hero-item:hover .lx-hero-figure img{ }
  #lx-blog .lx-tag-pill{
    display:inline-block; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
    font-weight:700; color:var(--lx-accent); margin-bottom:10px;
  }
  #lx-blog .lx-hero-main .lx-headline{
    font-weight:600; font-size:clamp(26px,3.1vw,42px);
    line-height:1.08; letter-spacing:-.01em; margin:0 0 12px;
  }
  #lx-blog .lx-hero-side .lx-headline{
    font-weight:600; font-size:20px;
    line-height:1.2; margin:0 0 10px;
  }
  #lx-blog .lx-dek{ font-size:15px; color:var(--lx-ink-soft); line-height:1.55; margin:0 0 14px; max-width:52ch; }
  #lx-blog .lx-meta{
    display:flex; align-items:center; gap:16px; font-size:12px; color:var(--lx-ink-soft);
  }
  #lx-blog .lx-meta-stat{ display:inline-flex; align-items:center; gap:5px; }
  #lx-blog .lx-meta-stat svg{ width:15px; height:15px; stroke:var(--lx-ink-soft); flex:0 0 auto; }
  #lx-blog .lx-bookmark-btn{
    margin-left:auto; background:none; border:none; padding:2px; cursor:pointer; line-height:0;
  }
  #lx-blog .lx-bookmark-btn svg{ width:17px; height:17px; stroke:var(--lx-ink); fill:none; transition:fill .15s ease, stroke .15s ease; }
  #lx-blog .lx-bookmark-btn.is-bookmarked svg{ fill:var(--lx-accent); stroke:var(--lx-accent); }

  /* ============ SECTION :: TRENDING STRIP (horizontal scroll of compact cards) ============ */
  #lx-blog .lx-trending{ padding:48px 0 8px; }
  #lx-blog .lx-trend-track{
    display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; padding-bottom:6px;
  }
  #lx-blog .lx-trend-track::-webkit-scrollbar{ display:none; }
  #lx-blog .lx-trend-card{
    flex:0 0 clamp(220px, 24%, 280px); scroll-snap-align:start; min-width:0;
    display:flex; flex-direction:column;
  }
  #lx-blog .lx-trend-figure{ position:relative; overflow:hidden; background:var(--lx-panel); aspect-ratio:5/6; margin-bottom:12px; }
  #lx-blog .lx-trend-figure img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
  #lx-blog .lx-trend-card:hover .lx-trend-figure img{ }
  #lx-blog .lx-trend-rank{
    position:absolute; top:10px; left:10px; width:28px; height:28px; border-radius:50%;
    background:var(--lx-white); color:var(--lx-ink); font-weight:600;
    font-size:13px; display:flex; align-items:center; justify-content:center;
  }
  #lx-blog .lx-trend-title{ font-weight:600; font-size:16px; line-height:1.2; margin:0 0 6px; }
  #lx-blog .lx-trend-meta{ display:flex; gap:12px; font-size:11px; color:var(--lx-ink-soft); }
  #lx-blog .lx-trend-meta svg{ width:12px; height:12px; stroke:var(--lx-ink-soft); vertical-align:-2px; margin-right:3px; }

  /* ============ SECTION :: SPOTLIGHT (big split feature, image + text) ============ */
  #lx-blog .lx-spotlight{ padding:56px 0 8px; }
  #lx-blog .lx-spot{
    display:flex; gap:44px; align-items:stretch; background:var(--lx-panel);
  }
  #lx-blog .lx-spot-figure{ flex:1 1 56%; min-width:0; overflow:hidden; background:var(--lx-line); }
  #lx-blog .lx-spot-figure img{ width:100%; height:100%; object-fit:cover; min-height:340px; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
  #lx-blog .lx-spot:hover .lx-spot-figure img{  }
  #lx-blog .lx-spot-body{ flex:1 1 44%; min-width:0; display:flex; flex-direction:column; justify-content:center; padding:44px 48px 44px 0; }
  #lx-blog .lx-spot-kicker{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--lx-accent); font-weight:700; margin-bottom:16px; }
  #lx-blog .lx-spot-title{ font-weight:600; font-size:clamp(24px,2.6vw,34px); line-height:1.1; letter-spacing:-.01em; margin:0 0 16px; }
  #lx-blog .lx-spot-dek{ font-size:15px; color:var(--lx-ink-soft); line-height:1.6; margin:0 0 22px; max-width:48ch; }
  #lx-blog .lx-spot-cta{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--lx-ink); border-bottom:1px solid var(--lx-ink); padding-bottom:3px; align-self:flex-start; transition:color .15s, border-color .15s; }
  #lx-blog .lx-spot-cta:hover{ color:var(--lx-accent); border-color:var(--lx-accent); }

  /* ============ SECTION :: CATEGORY TILES (asymmetric quick links) ============ */
  #lx-blog .lx-cattiles{ padding:56px 0 8px; }
  #lx-blog .lx-cattiles-row{ display:flex; flex-wrap:wrap; gap:20px; }
  #lx-blog .lx-cattile{
    position:relative; flex:1 1 calc((100% - 4 * 20px) / 5); min-width:150px; overflow:hidden;
    aspect-ratio:3/4; background:var(--lx-ink); display:flex; align-items:flex-end; padding:18px;
  }
  #lx-blog .lx-cattile img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; transition:transform .6s cubic-bezier(.2,.7,.2,1), opacity .3s; }
  #lx-blog .lx-cattile:hover img{ opacity:.6; }
  #lx-blog .lx-cattile-label{ position:relative; color:var(--lx-white); font-weight:600; font-size:19px; letter-spacing:-.01em; }

  /* ============ LAYOUT: SIDEBAR + GRID ============ */
  #lx-blog .lx-body{
    display:grid; grid-template-columns:1fr 300px; gap:56px; padding:52px 0 80px; align-items:start;
  }
  #lx-blog .lx-main{ min-width:0; }

  /* Section label */
  #lx-blog .lx-section-head{
    display:flex; align-items:baseline; justify-content:space-between;
    border-bottom:1px solid var(--lx-line-strong); padding-bottom:10px; margin-bottom:26px;
  }
  #lx-blog .lx-section-title{
    font-size:22px; font-weight:600; letter-spacing:-.01em; text-transform:capitalize;
  }

  /* Tag tabs (built in JS from the tags actually on the cards) */
  #lx-blog .lx-tabs{
    display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px;
  }
  #lx-blog .lx-tabs:empty{ display:none; }
  #lx-blog .lx-tab{
   font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:600;
    padding:7px 14px; border:1px solid var(--lx-line); color:var(--lx-ink-soft);
    background:none; border-radius:100px; cursor:pointer; transition:all .15s ease;
  }
  #lx-blog .lx-tab:hover{ border-color:var(--lx-ink); color:var(--lx-ink); }
  #lx-blog .lx-tab.is-active{ background:var(--lx-ink); border-color:var(--lx-ink); color:var(--lx-white); }

  /* ============ EDITORIAL LAYOUT — FLEXBOX ============ */
  #lx-blog .lx-grid{
    display:flex; flex-wrap:wrap;
    column-gap:var(--lx-gap-col); row-gap:var(--lx-gap-row);
    align-items:flex-start;
  }
  #lx-blog .lx-card{
    position:relative; display:flex; flex-direction:column; min-width:0;
    flex:0 0 calc((100% - (2 * var(--lx-gap-col))) / 3);
    max-width:calc((100% - (2 * var(--lx-gap-col))) / 3);
  }
  #lx-blog .lx-card[hidden]{ display:none; }
  #lx-blog .lx-card-figure{ overflow:hidden; background:var(--lx-panel); margin-bottom:14px; aspect-ratio:4/3; }
  #lx-blog .lx-card-figure img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
  #lx-blog .lx-card:hover .lx-card-figure img{ }
  #lx-blog .lx-card-title{
    font-weight:600; font-size:16px; line-height:1.18; letter-spacing:-.005em; margin:0 0 8px;
  }
  #lx-blog .lx-card-dek{ font-size:13.5px; color:var(--lx-ink-soft); line-height:1.5; margin:0 0 10px; }

  /* two lead cards — half width */
  #lx-blog .lx-card[data-pos="0"],
  #lx-blog .lx-card[data-pos="1"]{
    flex:0 0 calc((100% - var(--lx-gap-col)) / 2);
    max-width:calc((100% - var(--lx-gap-col)) / 2);
  }
  #lx-blog .lx-card[data-pos="0"] .lx-card-figure,
  #lx-blog .lx-card[data-pos="1"] .lx-card-figure{ aspect-ratio:16/10; }
  #lx-blog .lx-card[data-pos="0"] .lx-card-title,
  #lx-blog .lx-card[data-pos="1"] .lx-card-title{ font-size:23px; }

  /* filtered view = uniform thirds */
  #lx-blog .lx-grid.is-filtered .lx-card,
  #lx-blog .lx-grid.is-filtered .lx-card[data-pos="0"],
  #lx-blog .lx-grid.is-filtered .lx-card[data-pos="1"]{
    flex:0 0 calc((100% - (2 * var(--lx-gap-col))) / 3) !important;
    max-width:calc((100% - (2 * var(--lx-gap-col))) / 3) !important;
  }
  #lx-blog .lx-grid.is-filtered .lx-card .lx-card-figure{ aspect-ratio:4/3 !important; }
  #lx-blog .lx-grid.is-filtered .lx-card .lx-card-title{ font-size:16px !important; }
  #lx-blog .lx-grid.is-filtered .lx-card .lx-card-dek{ display:none; }

  #lx-blog .lx-card-meta{
    display:flex; align-items:center; gap:14px; font-size:11.5px; color:var(--lx-ink-soft); margin-top:auto;
  }
  #lx-blog .lx-card-meta svg{ width:13px; height:13px; stroke:var(--lx-ink-soft); }
  #lx-blog .lx-card-stat{ display:inline-flex; align-items:center; gap:4px; }
  #lx-blog .lx-card-bookmark{ margin-left:auto; background:none; border:none; padding:0; cursor:pointer; line-height:0; }
  #lx-blog .lx-card-bookmark svg{ width:14px; height:14px; stroke:var(--lx-ink-soft); fill:none; }
  #lx-blog .lx-card-bookmark.is-bookmarked svg{ fill:var(--lx-accent); stroke:var(--lx-accent); }

  /* pagination */
  #lx-blog .lx-pagination{ display:flex; justify-content:center; gap:10px; margin-top:56px; padding-top:28px; border-top:1px solid var(--lx-line); }
  #lx-blog .lx-pagination a, #lx-blog .lx-pagination span{
    font-size:12px; min-width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid var(--lx-line); color:var(--lx-ink-soft);
  }
  #lx-blog .lx-pagination a:hover{ border-color:var(--lx-ink); color:var(--lx-ink); }
  #lx-blog .lx-pagination .lx-page-current{ background:var(--lx-ink); color:var(--lx-white); border-color:var(--lx-ink); }

  /* ============ SIDEBAR ============ */
  #lx-blog .lx-sidebar{ display:flex; flex-direction:column; gap:44px; position:sticky; top:24px; }
  #lx-blog .lx-side-block-title{
    font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:700;
    border-bottom:1px solid var(--lx-line-strong); padding-bottom:10px; margin-bottom:18px;
  }
  #lx-blog .lx-side-cats{ list-style:none; margin:0; padding:0; }
  #lx-blog .lx-side-cats li + li{ border-top:1px solid var(--lx-line); }
  #lx-blog .lx-side-cats a{
    display:flex; align-items:center; justify-content:space-between; padding:12px 0;
    font-size:16px; font-weight:600; transition:color .15s ease;
  }
  #lx-blog .lx-side-cats a:hover{ color:var(--lx-accent); }
  #lx-blog .lx-side-cats a span.lx-cat-arrow{ font-size:13px; color:var(--lx-ink-soft); transition:transform .15s ease; }
  #lx-blog .lx-side-cats a:hover span.lx-cat-arrow{ transform:translateX(3px); color:var(--lx-accent); }

  #lx-blog .lx-side-popular{ list-style:none; margin:0; padding:0; counter-reset:pop; }
  #lx-blog .lx-side-popular li{ counter-increment:pop; display:flex; gap:14px; padding:14px 0; }
  #lx-blog .lx-side-popular li + li{ border-top:1px solid var(--lx-line); }
  #lx-blog .lx-side-popular li::before{
    content:counter(pop,decimal-leading-zero);
    font-size:13px; color:var(--lx-ink-soft); flex:0 0 auto; padding-top:2px;
  }
  #lx-blog .lx-side-pop-title{ font-size:14px; line-height:1.35; font-weight:600; margin-bottom:6px; }
  #lx-blog .lx-side-pop-meta{ display:flex; gap:12px; font-size:11px; color:var(--lx-ink-soft); }
  #lx-blog .lx-side-pop-meta svg{ width:12px; height:12px; stroke:var(--lx-ink-soft); vertical-align:-2px; margin-right:3px; }

  #lx-blog .lx-side-tags{ display:flex; flex-wrap:wrap; gap:8px; }
  #lx-blog .lx-side-tags a{
    font-size:11px; letter-spacing:.03em; padding:6px 12px; border:1px solid var(--lx-line); color:var(--lx-ink-soft);
  }
  #lx-blog .lx-side-tags a:hover{ border-color:var(--lx-ink); color:var(--lx-ink); }

  #lx-blog .lx-side-news{ background:var(--lx-panel); padding:24px; }
  #lx-blog .lx-side-news p{ font-size:13px; color:var(--lx-ink-soft); line-height:1.5; margin:0 0 14px; }
  #lx-blog .lx-side-news form{ display:flex; flex-direction:column; gap:10px; }
  #lx-blog .lx-side-news input[type="email"]{
    border:none; border-bottom:1px solid var(--lx-ink); background:transparent; padding:8px 0; font-size:13px; outline:none;
  }
  #lx-blog .lx-side-news button{
    background:var(--lx-ink); color:var(--lx-white); border:none; padding:10px 16px; font-size:11.5px;
    letter-spacing:.08em; text-transform:uppercase; cursor:pointer; font-weight:600;
  }
  #lx-blog .lx-side-news button:hover{ background:var(--lx-accent); }

  #lx-blog .lx-empty{ padding:60px 0; text-align:center; color:var(--lx-ink-soft); font-size:14px; width:100%; }

  /* ============ RESPONSIVE ============ */
  @media (max-width:1000px){
    #lx-blog .lx-body{ grid-template-columns:1fr; gap:48px; }
    #lx-blog .lx-sidebar{ position:static; display:grid; grid-template-columns:1fr 1fr; gap:32px; }
    #lx-blog .lx-side-news{ grid-column:1/-1; }
    #lx-blog .lx-spot{ flex-direction:column; }
    #lx-blog .lx-spot-figure img{ min-height:260px; }
    #lx-blog .lx-spot-body{ padding:32px; flex:1 1 auto; }
  }
  @media (max-width:800px){
    #lx-blog .lx-wrap{ padding:0 20px; }
    #lx-blog .lx-hero-grid{ flex-direction:column; gap:28px; }
    #lx-blog .lx-hero-main, #lx-blog .lx-hero-side{ flex:1 1 auto; width:100%; }
    #lx-blog .lx-hero-side{ flex-direction:row; overflow-x:auto; gap:20px; }
    #lx-blog .lx-hero-side .lx-hero-item{ min-width:78%; flex:0 0 auto; }
    #lx-blog .lx-hero-side .lx-hero-item + .lx-hero-item{ border-top:none; padding-top:0; }

    #lx-blog .lx-grid{ --lx-gap-col:18px; --lx-gap-row:28px; }
    #lx-blog .lx-card,
    #lx-blog .lx-card[data-pos="0"],
    #lx-blog .lx-card[data-pos="1"],
    #lx-blog .lx-grid.is-filtered .lx-card{
      flex:0 0 calc((100% - var(--lx-gap-col)) / 2) !important;
      max-width:calc((100% - var(--lx-gap-col)) / 2) !important;
    }
    #lx-blog .lx-card .lx-card-figure{ aspect-ratio:4/3 !important; }
    #lx-blog .lx-card[data-pos="0"] .lx-card-title,
    #lx-blog .lx-card[data-pos="1"] .lx-card-title{ font-size:18px; }
    #lx-blog .lx-sidebar{ grid-template-columns:1fr; }
    #lx-blog .lx-cattile{ flex:1 1 calc((100% - 20px) / 2); }
  }
  @media (max-width:480px){
    #lx-blog .lx-catnav-list{ gap:20px; }
    #lx-blog .lx-mast-title{ font-size:26px; }
    #lx-blog .lx-card,
    #lx-blog .lx-card[data-pos="0"],
    #lx-blog .lx-card[data-pos="1"],
    #lx-blog .lx-grid.is-filtered .lx-card{
      flex:0 0 100% !important; max-width:100% !important;
    }
    #lx-blog .lx-cattile{ flex:1 1 100%; aspect-ratio:16/9; }
  }
  @media (prefers-reduced-motion:reduce){
    #lx-blog .lx-hero-figure img, #lx-blog .lx-card-figure img,
    #lx-blog .lx-trend-figure img, #lx-blog .lx-spot-figure img, #lx-blog .lx-cattile img{ transition:none; }
  }
  #lx-blog .lx-hero-side .lx-hero-figure {
    aspect-ratio: 4/2 !important;
}

#lx-blog .lx-hero-side {
    flex: 1 1 25%;
}
span.lx-tag-pill {}

#lx-blog .lx-tag-pill {
    font-weight: 400 !important;
    text-transform: capitalize;
    letter-spacing: 0px !important;
    font-size: 14px !important;
    color: rgb(var(--color-foreground)) !important;
    margin-bottom: 0px !important;
}

#lx-blog .lx-side-pop-meta {
    width: 100% !important;
}

#lx-blog .lx-side-pop-meta span {
    display: flex;
    align-items: center;
}

#lx-blog .lx-card-title {
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 21px !important;
}

#lx-blog .lx-side-pop-title {
    font-weight: 400 !important;
}

#lx-blog .lx-section-title {
    font-size: 26px !important;
}

#lx-blog .lx-spot-title {
    font-weight: 500 !important;
}

#lx-blog .lx-spot-dek {
    max-width: 100% !important;
}

#lx-blog .lx-shead-title {
    font-size: 26px !important;
}

#lx-blog .lx-wrap {
    padding: 40px 20px !important;
    max-width: 1600px !important;
}
#lx-blog .lx-hero-main .lx-headline {
    font-size: 38px !important;
    line-height:45px !important;
}
#lx-blog .lx-hero-main .lx-headline {
    padding-top: 17px !important;
}

#lx-blog .lx-dek {
    max-width: 100% !important;
    font-size: 16px !important;
}

#lx-blog .lx-hero-side .lx-headline {
    margin-top: 15px !important;
}
#lx-blog .lx-trend-title {
    line-height: 24px !important;
}

#lx-blog .lx-trend-meta span {
    display: flex;
    align-items: center;
}

#lx-blog .lx-spot-figure {
        flex: 1 1 10%;
}
#lx-blog .lx-side-cats a span.lx-cat-arrow svg {
    width: 25px !important;
    height: 25px !important;
}
div#hb-blog-root {
    max-width: 1600px !important;
}
  @media (max-width:800px){
div#fnv-promo-bottom {
    display: none !important;
}
  }

  #dfjArchive{
  --dfj-paper:rgb(var(--color-background));
  --dfj-ink:rgb(var(--color-foreground));
  --dfj-ink-soft:rgb(var(--color-foreground) / 0.65);
  --dfj-rule:rgb(var(--color-foreground) / 0.16);
  --dfj-wine:rgb(var(--color-foreground));
  --dfj-gold:rgb(var(--color-base-highlight));
  --dfj-white:rgb(var(--color-background));
  --dfj-radius:2px;
  --dfj-max:1600px;
  background:var(--dfj-paper);
  color:var(--dfj-ink);
  padding:0 0 64px;
}
#dfjArchive *{box-sizing:border-box;}
#dfjArchive a{color:inherit;text-decoration:none;}
#dfjArchive img{display:block;width:100%;height:100%;object-fit:cover;}
#dfjArchive .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ---------- Masthead ---------- */
.dfj-masthead{max-width:var(--dfj-max);margin:0 auto;padding:56px 24px 28px;border-bottom:1px solid var(--dfj-rule);}
.dfj-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dfj-wine);margin:0 0 10px;}
.dfj-masthead__title{font-weight:600;font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.02em;margin:0 0 14px;}
.dfj-masthead__desc{font-size:16px;color:var(--dfj-ink-soft);max-width:560px;margin:0;}

/* ---------- Ticker ---------- */
.dfj-ticker{max-width:var(--dfj-max);margin:0 auto;display:flex;align-items:center;gap:18px;padding:14px 24px;border-bottom:1px solid var(--dfj-rule);overflow:hidden;}
.dfj-ticker__label{flex:0 0 auto;font-size:11px;text-transform:uppercase;letter-spacing:.14em;background:var(--dfj-wine);color:var(--dfj-white);padding:6px 10px;border-radius:var(--dfj-radius);}
.dfj-ticker__track{overflow:hidden;flex:1;display:flex;}
.dfj-ticker__list{display:flex;gap:36px;list-style:none;margin:0;padding:0;white-space:nowrap;animation:dfj-scroll 28s linear infinite;}
.dfj-ticker__list li{font-size:14px;}
.dfj-ticker__list a:hover{color:var(--dfj-wine);}
@keyframes dfj-scroll{from{transform:translateX(0);}to{transform:translateX(-100%);}}
@media (prefers-reduced-motion:reduce){.dfj-ticker__list{animation:none;}}

/* ---------- Hero: masonry + sidebar ---------- */
.dfj-hero{max-width:var(--dfj-max);margin:0 auto;display:grid;grid-template-columns:2.4fr 1fr;gap:28px;padding:32px 24px 0;align-items:start;}
.dfj-masonry{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:120px;
  gap:14px;
}
.dfj-tile{position:relative;background:var(--dfj-white);border:1px solid var(--dfj-rule);overflow:hidden;display:flex;flex-direction:column;}
.dfj-tile--feature{grid-column:span 2;grid-row:span 4;}
.dfj-tile--med{grid-column:span 2;grid-row:span 2;}
.dfj-tile--sm{grid-column:span 2;grid-row:span 2;}
.dfj-tile--med:nth-of-type(2){grid-column:3 / span 2;}
.dfj-tile__link{display:flex;flex-direction:column;flex:1;min-height:0;}
.dfj-tile__media{position:relative;flex:1;min-height:0;background:rgb(var(--color-placeholder));}
.dfj-tile--feature .dfj-tile__media{flex:1 1 62%;}
.dfj-tile__placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgb(var(--color-base-highlight)),rgb(var(--color-base-highlight)));}
.dfj-tile__tag{position:absolute;left:10px;bottom:10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:rgb(var(--color-foreground) / .72);color:var(--dfj-white);padding:4px 8px;border-radius:var(--dfj-radius);}
.dfj-ribbon{position:absolute;top:10px;left:10px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;background:var(--dfj-wine);color:var(--dfj-white);padding:5px 9px;border-radius:var(--dfj-radius);z-index:2;}
.dfj-ribbon--ghost{background:var(--dfj-ink);}
.dfj-ribbon--sm{padding:4px 7px;font-size:9px;}
.dfj-tile__body{padding:12px 14px 6px;}
.dfj-tile__meta{font-size:11px;color:var(--dfj-ink-soft);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;}
.dfj-tile__title{font-weight:600;font-size:17px;line-height:1.2;margin:0;}
.dfj-tile--feature .dfj-tile__title{font-size:clamp(22px,2.4vw,30px);}
.dfj-tile__excerpt{font-size:14px;color:var(--dfj-ink-soft);margin:8px 0 0;line-height:1.5;}

.dfj-stats{display:flex;align-items:center;gap:14px;padding:8px 14px 12px;border-top:1px solid var(--dfj-rule);margin-top:auto;}
.dfj-stat{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dfj-ink-soft);background:none;border:none;padding:0;cursor:default;}
.dfj-icon{width:15px;height:15px;flex:0 0 auto;}
.dfj-bookmark{cursor:pointer;margin-left:auto;transition:color .15s ease;}
.dfj-bookmark:hover{color:var(--dfj-wine);}
.dfj-bookmark.is-active{color:var(--dfj-wine);}
.dfj-bookmark.is-active .dfj-icon path{fill:var(--dfj-wine);}

/* ---------- Sidebar ---------- */
.dfj-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:26px;}
.dfj-sidebar__block{border-top:2px solid var(--dfj-ink);padding-top:14px;}
.dfj-sidebar__heading{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;}
.dfj-sidebar__text{font-size:14px;color:var(--dfj-ink-soft);line-height:1.55;margin:0;}
.dfj-ranked{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.dfj-ranked__item{display:flex;gap:10px;align-items:baseline;border-bottom:1px solid var(--dfj-rule);padding-bottom:10px;}
.dfj-ranked__num{font-size:20px;color:var(--dfj-rule);flex:0 0 auto;}
.dfj-ranked__title{font-size:14px;line-height:1.35;}
.dfj-ranked__title:hover{color:var(--dfj-wine);}
.dfj-newsletter__row{display:flex;gap:8px;margin-top:10px;}
.dfj-newsletter__row input{flex:1;border:1px solid var(--dfj-rule);padding:10px 12px;font-size:13px;background:var(--dfj-white);border-radius:var(--dfj-radius);}
.dfj-btn{background:var(--dfj-ink);color:var(--dfj-white);border:none;padding:10px 16px;font-size:13px;letter-spacing:.03em;cursor:pointer;border-radius:var(--dfj-radius);}
.dfj-btn:hover{background:var(--dfj-wine);}

/* ---------- Filter bar ---------- */
.dfj-filterbar{max-width:var(--dfj-max);margin:44px auto 0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--dfj-rule);padding-bottom:14px;flex-wrap:wrap;}
.dfj-filterbar__title{font-size:24px;margin:0;text-transform:capitalize;}
.dfj-tabs{display:flex;gap:22px;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.dfj-tab{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dfj-ink-soft);padding:0 0 14px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-15px;}
.dfj-tab:hover{color:var(--dfj-ink);}
.dfj-tab.is-active{color:var(--dfj-ink);border-bottom-color:var(--dfj-wine);}
.dfj-tab__count{font-size:10px;color:var(--dfj-rule);}
.dfj-tab.is-active .dfj-tab__count{color:var(--dfj-wine);}
.dfj-tab__count:empty{display:none;}

/* ---------- Archive grid ---------- */
.dfj-grid{max-width:var(--dfj-max);margin:0 auto;padding:28px 24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.dfj-card{background:var(--dfj-white);border:1px solid var(--dfj-rule);display:flex;flex-direction:column;transition:transform .15s ease, box-shadow .15s ease;}
.dfj-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgb(var(--color-shadow) / .08);}
.dfj-card__link{display:flex;flex-direction:column;flex:1;}
.dfj-card__media{position:relative;aspect-ratio:4/3;background:rgb(var(--color-placeholder));}
.dfj-card__body{padding:14px 16px 4px;flex:1;}
.dfj-card__meta{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dfj-ink-soft);margin:0 0 6px;}
.dfj-card__title{font-weight:600;font-size:19px;line-height:1.22;margin:0 0 8px;}
.dfj-card__excerpt{font-size:13.5px;color:var(--dfj-ink-soft);line-height:1.5;margin:0;}
.dfj-stats--card{padding:10px 16px 14px;}

.dfj-empty{grid-column:1/-1;padding:60px 0;text-align:center;color:var(--dfj-ink-soft);}

/* ---------- Pagination ---------- */
.dfj-pagination{grid-column:1/-1;display:flex;justify-content:center;gap:8px;padding:36px 0 0;}
.dfj-page-btn{border:1px solid var(--dfj-rule);padding:8px 14px;font-size:12px;border-radius:var(--dfj-radius);}
.dfj-page-btn.is-current{background:var(--dfj-ink);color:var(--dfj-white);border-color:var(--dfj-ink);}
.dfj-page-btn:hover{border-color:var(--dfj-ink);}

/* ---------- Responsive ---------- */
@media (max-width:989px){
  .dfj-hero{grid-template-columns:1fr;}
  .dfj-sidebar{position:static;}
  .dfj-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:749px){
  .dfj-masthead{padding:40px 18px 22px;}
  .dfj-hero{padding:24px 18px 0;gap:18px;}
  .dfj-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:10px;}
  .dfj-tile--feature{grid-column:span 2;grid-row:span 3;}
  .dfj-tile--med{grid-column:span 2;grid-row:span 2;}
  .dfj-tile--med:nth-of-type(2){grid-column:1 / span 2;}
  .dfj-tile--sm{grid-column:span 1;grid-row:span 2;}
  .dfj-filterbar{padding:0 18px 14px;margin-top:32px;}
  .dfj-grid{grid-template-columns:1fr;padding:22px 18px 0;gap:18px;}
  .dfj-ticker{padding:12px 18px;}
}
section#dfjArchive {
    background: rgb(var(--color-background)) !important;
}
section#dfjArchive {
    background: rgb(var(--color-background)) !important;
}

.dfj-ribbon {
    background: rgb(var(--color-foreground)) !important;
}
section#dfjArchive {
    background: rgb(var(--color-background)) !important;
}

.dfj-ribbon {
    background: rgb(var(--color-foreground)) !important;
}
span.dfj-tab__count {
    display: none !important;
}

.dfj-tabs {
    overflow: unset !important;
}
span.dfj-tab__count {
    display: none !important;
}

.dfj-tabs {
    overflow: unset !important;
}

.dfj-sidebar__text {
    font-size: 12px !important;
    padding-bottom: 15px !important;
}

.dfj-ranked__item {
    align-items: center !important;
}

.dfj-ranked {
    margin-top: 5px !important;
}

.dfj-tile__title {
    font-weight: 500 !important;
}

.dfj-tile__title {}

h3.dfj-card__title {
    font-weight: 500 !important;
}

.dfj-tile__title {}

p.dfj-card__excerpt {
    font-size: 14px !important;
    padding-bottom: 10px !important;
}

h2.dfj-tile__title {
    font-size: 22px !important;
    line-height: 28px !important;
    padding-bottom:15px !important;
}

.dfj-masthead__title {
    font-size: 50px !important;
    font-weight: 500 !important;
}
@media (max-width:989px){
article.dfj-tile.dfj-tile--sm h2 {
    font-size: 12px !important;
    line-height:20px !important;
}

.dfj-sidebar__heading {
    font-size:14px !important;
    margin-bottom: 25px !important;
}

.dfj-masthead__title {
    font-size: 32px !important;
}
h2.dfj-tile__title {
    padding-bottom: 5px !important;
    font-size: 20px !important;
}

.dfj-tile__excerpt {
    padding-bottom: 15px !important;
}
#lx-blog .lx-hero-main .lx-headline {
    line-height: 32px !important;
    font-size: 24px !important;
}

#lx-blog .lx-dek {
    font-size: 15px !important;
}

#lx-blog .lx-hero-side {
    flex: 1 1 auto !important;
    overflow: unset !important;
    display: block !important;
}

article.lx-hero-item {
    margin-bottom: 20px !important;
}

#lx-blog .lx-hero-side .lx-headline {
    font-weight: 500 !important;
}

#lx-blog .lx-wrap {
    padding-bottom: 0px !important;
}

#lx-blog .lx-trending {
    padding-top: 10px !important;
}

#lx-blog .lx-trend-title {
    font-size: 15px !important;
    line-height: 22px !important;
}

#lx-blog .lx-spot-title {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 10px !important;
}

#lx-blog .lx-spot-body {
    padding: 20px !important;
}

#lx-blog .lx-spot {
    gap: 15px !important;
}

#lx-blog .lx-tabs {
    overflow: auto;
    white-space: nowrap;
    display: flex;
    max-width: 1400px;
    flex-wrap: unset !important;
}
span.vog-cat__name {
    font-size: 16px !important;
}

aside.vog-sidebar {
    position: unset !important;
}

.vog-sidebar__label {
    margin-bottom: 5px !important;
}

.vog-hero__headline {
    font-size: 23px !important;
}

.vog-hero__excerpt {
    font-size: 15px !important;
}

.vog-hero__small-headline {
    font-size: 14px !important;
}

.vog-hero__small-body .vog-chip {
    font-size: 7px !important;
}

.vog-hero__small:last-child {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vog-hero {
    margin-bottom: 30px !important;
}

.vog-tab {
    font-size: 9px !important;
}

.vog-feed__title {
    font-size: 17px !important;
}

.vog-feed__head {
    margin-bottom: 20px !important;
}

.vog-card__headline {
    font-size: 18px !important;
    line-height: 22px !important;
}
h2.edl-hero__headline {
    font-size: 26px !important;
    line-height: 32px !important;
}

.edl-hero__excerpt {
    font-size: 15px !important;
}

.edl-hero__headline--md {
    font-size: 19px !important;
}

h2.edl-section-title {
    font-size: 20px !important;
}

.edl-grid {}

.edl-card {
    width: 100% !important;
}

.edl-section__card--lead .edl-section__headline {
    font-size: 18px !important;
}
}
.dfj-masthead__title {
    text-align: center !important;
}

p.dfj-masthead__desc {
    width: 100%;
    margin: auto !important;
}

header.dfj-masthead {
    border-bottom: 1px solid rgb(var(--color-background) / 0.16) !important;
}

header.dfj-masthead .dfj-masthead__row {
    text-align: center !important;
}
header.dfj-masthead {
    padding: 50px 10px !important;
    margin-bottom: 40px !important;
}
p.dfj-masthead__desc {
    max-width: 100% !important;
    padding: 0px 10px !important;
}
.sub-card {
    background: transparent !important;
    border: 1px solid grey !important;
}

.side-block.subscribe {
    position: unset !important;
}

.post {
    background: rgb(var(--color-background)) !important;
}

.share {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
}

.sub-card h3 {
    font-size: 30px !important;
    color: rgb(var(--color-foreground)) !important;
    font-weight: 400 !important;
}

.sub-card .eyebrow {
    color: rgb(var(--color-foreground)) !important;
}

.sub-form button {
    padding: 17px 10px !important;
    font-size: 16px !important;
}

.sub-form input {
    background: rgb(var(--color-base-highlight)) !important;
    border: 0px !important;
}

.trend-item h4 {
    font-weight: 400 !important;
}

.side-title svg {
    display: none !important;
}

.post h1, .post h2, .post h3, .post h4 {
    margin-bottom: 20px !important;
}

.post h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin: 40px 0 20px;
    color: rgb(var(--color-foreground));
}

.post h2 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
    margin: 35px 0 18px;
    color: rgb(var(--color-foreground));
}

.post h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 30px 0 16px;
    color: rgb(var(--color-foreground));
}

.post h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 25px 0 14px;
    color: rgb(var(--color-foreground));
}

.post h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin: 20px 0 12px;
    color: rgb(var(--color-foreground));
}

.post h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin: 18px 0 10px;
    color: rgb(var(--color-foreground));
}
  #ed-mobile-filter .ed-mobile-filter-link {
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ed-ink, rgb(var(--color-foreground)));
    text-decoration: none;
  }

  #ed-mobile-filter .ed-mobile-filter-link:hover,
  #ed-mobile-filter .ed-mobile-filter-link--active {
    color: var(--ed-accent, #b3552f);
  }

  @media (max-width: 989px) {
    #ed-mobile-filter {
      display: block;
      margin-bottom: 24px;
    }

    /* Hide the full sidebar list on mobile since the dropdown replaces it */
    #ed-sidebar { display: none; }
    .fnv-header-row {
    padding: 0px 5px !important;
}

#ed-mobile-filter .ed-mobile-filter-label {
    color: rgb(var(--color-foreground)) !important;
}

#ed-blog-archive .ed-container {
    gap: 5px !important;
}

	}
	input.fnv-search-input {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    font-size: 15px !important;
    padding: 9px 15px !important;
    height: unset !important;
    border-radius: 50px !important;
    padding-left: 20px !important;
}

.fnv-search-btn {
    background: rgb(var(--color-base-highlight)) !important;
    right: 7px !important;
}
	.fnv-mega-col h4 {
    text-transform: capitalize;
    font-size: 14px !important;
}
	        :root {
            --fn-white: oklch(99% 0.003 260);
            --fn-snow: oklch(97.5% 0.003 260);
            --fn-pearl: oklch(95% 0.004 260);
            --fn-silver: oklch(88% 0.004 260);
            --fn-ash: oklch(72% 0.005 260);
            --fn-charcoal: oklch(38% 0.008 260);
            --fn-ink: oklch(18% 0.01 260);
            --fn-midnight: oklch(10% 0.012 260);

            --fn-space-2: 4px;
            --fn-space-4: 8px;
            --fn-space-6: 12px;
            --fn-space-8: 16px;
            --fn-space-12: 24px;
            --fn-space-16: 32px;
            --fn-space-24: 48px;
            --fn-space-32: 64px;
            --fn-space-48: 96px;
            --fn-space-64: 128px;

            --fn-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
            --fn-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
        }

        #promoTicker {
            background: var(--fn-ink);
            padding: var(--fn-space-4) 0;
            overflow: hidden;
        }

        .ticker__track {
            display: flex;
            gap: var(--fn-space-24);
            animation: tickerScroll 30s linear infinite;
            width: max-content;
        }

        .ticker__item {
            font-size: 0.6875rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--fn-white);
            white-space: nowrap;
            display: flex;
            align-items: center;
            gap: var(--fn-space-6);
        }

        .ticker__dot {
            width: 4px;
            height: 4px;
            background: var(--fn-ash);
            border-radius: 50%;
        }

        @keyframes tickerScroll {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }

        /* ============================
           SECTION 2: HERO EDITORIAL
           ============================ */
        #heroEditorial {
            position: relative;
            height: 85vh;
            min-height: 600px;
            background: var(--fn-snow);
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            overflow: hidden;
        }

        .hero__media {
            position: relative;
            background: var(--fn-pearl);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero__media-placeholder {
            width: 70%;
            height: 80%;
            background: linear-gradient(135deg, var(--fn-silver) 0%, var(--fn-pearl) 100%);
            position: relative;
        }

        .hero__media-placeholder::after {
            content: 'EDITORIAL IMAGE';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            color: var(--fn-ash);
        }

        .hero__content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: var(--fn-space-32) var(--fn-space-32);
        }

        .hero__tag {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-bottom: var(--fn-space-12);
        }

        .hero__title {
            font-size: clamp(2.75rem, 5.5vw, 5rem);
            font-weight: 800;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-8);
            letter-spacing: -0.02em;
        }

        .hero__subtitle {
            font-size: 1.0625rem;
            color: var(--fn-charcoal);
            max-width: 38ch;
            margin-bottom: var(--fn-space-24);
            line-height: 1.7;
        }

        .hero__actions {
            display: flex;
            gap: var(--fn-space-6);
            flex-wrap: wrap;
        }

        .btn--primary {
            display: inline-flex;
            align-items: center;
            gap: var(--fn-space-4);
            padding: 14px var(--fn-space-12);
            background: var(--fn-midnight);
            color: var(--fn-white);
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            letter-spacing: 0.02em;
            text-decoration: none;
            border: none;
            cursor: pointer;
            transition: transform 200ms var(--fn-ease-out), opacity 200ms;
        }

        .btn--primary:hover { transform: translateY(-1px); opacity: 0.88; }

        .btn--outline {
            display: inline-flex;
            align-items: center;
            gap: var(--fn-space-4);
            padding: 14px var(--fn-space-12);
            background: transparent;
            color: var(--fn-midnight);
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            letter-spacing: 0.02em;
            text-decoration: none;
            border: 1.5px solid var(--fn-midnight);
            cursor: pointer;
            transition: background 200ms var(--fn-ease-out), color 200ms;
        }

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

        /* ============================
           SECTION 3: CATEGORY NAV STRIP
           ============================ */
        #categoryStrip {
            padding: var(--fn-space-16) var(--fn-space-12);
            border-bottom: 1px solid var(--fn-pearl);
        }

        .catstrip__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            gap: var(--fn-space-16);
            overflow-x: auto;
            scrollbar-width: none;
        }

        .catstrip__inner::-webkit-scrollbar { display: none; }

        .catstrip__link {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--fn-space-4);
            text-decoration: none;
            flex-shrink: 0;
            transition: transform 200ms var(--fn-ease-out);
        }

        .catstrip__link:hover { transform: translateY(-3px); }

        .catstrip__icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: var(--fn-pearl);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 200ms;
        }

        .catstrip__link:hover .catstrip__icon { background: var(--fn-silver); }

        .catstrip__label {
            font-size: 0.6875rem;
            font-weight: 600;
            color: var(--fn-charcoal);
            text-transform: uppercase;
            letter-spacing: 0.04em;
            white-space: nowrap;
        }

        /* ============================
           SECTION 4: TRENDING NOW
           ============================ */
        #trendingNow {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .trending__header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: var(--fn-space-16);
        }

        .trending__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .trending__viewall {
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--fn-charcoal);
            text-decoration: none;
            border-bottom: 1px solid var(--fn-charcoal);
            padding-bottom: 1px;
            transition: color 200ms, border-color 200ms;
        }

        .trending__viewall:hover { color: var(--fn-midnight); border-color: var(--fn-midnight); }

        .trending__grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--fn-space-8);
        }

        .product-tile {
            position: relative;
            cursor: pointer;
        }

        .product-tile__image {
            aspect-ratio: 3/4;
            background: var(--fn-pearl);
            margin-bottom: var(--fn-space-6);
            overflow: hidden;
            position: relative;
        }

        .product-tile__image::after {
            content: '';
            position: absolute;
            inset: 0;
            background: var(--fn-midnight);
            opacity: 0;
            transition: opacity 300ms var(--fn-ease-out);
        }

        .product-tile:hover .product-tile__image::after { opacity: 0.04; }

        .product-tile__badge {
            position: absolute;
            top: var(--fn-space-4);
            left: var(--fn-space-4);
            background: var(--fn-midnight);
            color: var(--fn-white);
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 3px 8px;
            z-index: 1;
        }

        .product-tile__name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
            margin-bottom: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .product-tile__price {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .product-tile__price-old {
            text-decoration: line-through;
            font-weight: 400;
            color: var(--fn-ash);
            margin-left: var(--fn-space-2);
        }

        /* ============================
           SECTION 5: EDITORIAL SPLIT
           ============================ */
        #editorialSplit {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 520px;
        }

        .editorial__panel {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: var(--fn-space-24);
            background: var(--fn-pearl);
            overflow: hidden;
        }

        .editorial__panel--alt { background: var(--fn-snow); }

        .editorial__label {
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-bottom: var(--fn-space-4);
        }

        .editorial__heading {
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-6);
        }

        .editorial__link {
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--fn-midnight);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: var(--fn-space-2);
            transition: gap 200ms var(--fn-ease-out);
        }

        .editorial__link:hover { gap: var(--fn-space-4); }

        /* ============================
           SECTION 6: SHOP BY CATEGORY
           ============================ */
        #shopByCategory {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .shopcat__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .shopcat__grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--fn-space-6);
        }

        .shopcat__item {
            position: relative;
            aspect-ratio: 2/3;
            background: var(--fn-pearl);
            overflow: hidden;
            cursor: pointer;
            transition: transform 300ms var(--fn-ease-out);
        }

        .shopcat__item:hover { transform: scale(0.97); }

        .shopcat__item-name {
            position: absolute;
            bottom: var(--fn-space-8);
            left: var(--fn-space-8);
            right: var(--fn-space-8);
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: var(--fn-midnight);
            background: var(--fn-white);
            padding: var(--fn-space-4) var(--fn-space-6);
            text-align: center;
        }

        /* ============================
           SECTION 7: FLASH SALE COUNTDOWN
           ============================ */
        #flashSale {
            padding: var(--fn-space-32) var(--fn-space-12);
            border-top: 1px solid var(--fn-pearl);
            border-bottom: 1px solid var(--fn-pearl);
        }

        .flashsale__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr auto;
            align-items: center;
            gap: var(--fn-space-16);
        }

        .flashsale__text h2 {
            font-size: clamp(1.5rem, 3vw, 2.25rem);
            font-weight: 800;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .flashsale__text p {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
        }

        .flashsale__timer {
            display: flex;
            gap: var(--fn-space-6);
        }

        .timer__block {
            text-align: center;
            min-width: 64px;
        }

        .timer__value {
            font-size: 2rem;
            font-weight: 800;
            color: var(--fn-midnight);
            line-height: 1;
            font-variant-numeric: tabular-nums;
            background: var(--fn-pearl);
            padding: var(--fn-space-6) var(--fn-space-4);
            display: block;
        }

        .timer__label {
            font-size: 0.625rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-top: var(--fn-space-2);
        }

        /* ============================
           SECTION 8: DEALS BANNER
           ============================ */
        #dealsBanner {
            background: var(--fn-snow);
            padding: var(--fn-space-32) var(--fn-space-12);
            text-align: center;
        }

        .deals__eyebrow {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-bottom: var(--fn-space-6);
        }

        .deals__headline {
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            font-weight: 900;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
            letter-spacing: -0.03em;
        }

        .deals__sub {
            font-size: 1rem;
            color: var(--fn-charcoal);
            margin-bottom: var(--fn-space-16);
            max-width: 45ch;
            margin-left: auto;
            margin-right: auto;
        }

        .deals__tags {
            display: flex;
            justify-content: center;
            gap: var(--fn-space-4);
            flex-wrap: wrap;
        }

        .deals__tag {
            font-size: 0.75rem;
            font-weight: 600;
            padding: var(--fn-space-4) var(--fn-space-8);
            border: 1px solid var(--fn-silver);
            color: var(--fn-charcoal);
            text-decoration: none;
            transition: background 200ms, color 200ms, border-color 200ms;
        }

        .deals__tag:hover {
            background: var(--fn-midnight);
            color: var(--fn-white);
            border-color: var(--fn-midnight);
        }

        /* ============================
           SECTION 9: NEW DROPS CAROUSEL
           ============================ */
        #newDrops {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .drops__header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: var(--fn-space-12);
        }

        .drops__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .drops__nav {
            display: flex;
            gap: var(--fn-space-4);
        }

        .drops__arrow {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid var(--fn-silver);
            background: none;
            cursor: pointer;
            transition: border-color 200ms, background 200ms;
            font-family: 'Inter', sans-serif;
        }

        .drops__arrow:hover {
            border-color: var(--fn-midnight);
            background: var(--fn-midnight);
            color: var(--fn-white);
        }

        .drops__scroll {
            display: flex;
            gap: var(--fn-space-6);
            overflow-x: auto;
            scrollbar-width: none;
            scroll-snap-type: x mandatory;
            padding-bottom: var(--fn-space-4);
        }

        .drops__scroll::-webkit-scrollbar { display: none; }

        .drops__item {
            flex: 0 0 220px;
            scroll-snap-align: start;
        }

        .drops__item-image {
            aspect-ratio: 3/4;
            background: var(--fn-pearl);
            margin-bottom: var(--fn-space-4);
            position: relative;
            overflow: hidden;
        }

        .drops__item-tag {
            position: absolute;
            top: var(--fn-space-4);
            right: var(--fn-space-4);
            width: 28px;
            height: 28px;
            background: var(--fn-white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .drops__item-name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
            margin-bottom: 2px;
        }

        .drops__item-price {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        /* ============================
           SECTION 10: LOOKBOOK MOSAIC
           ============================ */
        #lookbookMosaic {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .lookbook__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-16);
            text-align: center;
        }

        .lookbook__grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr;
            grid-template-rows: 300px 300px;
            gap: var(--fn-space-4);
        }

        .lookbook__cell {
            background: var(--fn-pearl);
            position: relative;
            overflow: hidden;
            cursor: pointer;
            transition: transform 300ms var(--fn-ease-out);
        }

        .lookbook__cell:hover { transform: scale(0.98); }

        .lookbook__cell--tall { grid-row: span 2; }

        .lookbook__cell-label {
            position: absolute;
            bottom: var(--fn-space-8);
            left: var(--fn-space-8);
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: var(--fn-midnight);
            background: oklch(99% 0.003 260 / 0.92);
            padding: var(--fn-space-2) var(--fn-space-6);
        }

        /* ============================
           SECTION 11: BEST SELLERS
           ============================ */
        #bestSellers {
            padding: var(--fn-space-48) var(--fn-space-12);
            background: var(--fn-snow);
        }

        .bestsellers__inner {
            max-width: 1400px;
            margin: 0 auto;
        }

        .bestsellers__header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: var(--fn-space-16);
        }

        .bestsellers__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .bestsellers__filters {
            display: flex;
            gap: var(--fn-space-4);
        }

        .bestsellers__filter {
            font-size: 0.75rem;
            font-weight: 600;
            padding: var(--fn-space-2) var(--fn-space-6);
            background: none;
            border: 1px solid var(--fn-silver);
            cursor: pointer;
            color: var(--fn-charcoal);
            font-family: 'Inter', sans-serif;
            transition: background 200ms, color 200ms, border-color 200ms;
        }

        .bestsellers__filter:hover,
        .bestsellers__filter--active {
            background: var(--fn-midnight);
            color: var(--fn-white);
            border-color: var(--fn-midnight);
        }

        .bestsellers__grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: var(--fn-space-8);
        }

        .bestseller-tile {
            position: relative;
            cursor: pointer;
        }

        .bestseller-tile__rank {
            position: absolute;
            top: var(--fn-space-4);
            left: var(--fn-space-4);
            width: 28px;
            height: 28px;
            background: var(--fn-white);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            font-weight: 800;
            color: var(--fn-midnight);
            z-index: 1;
        }

        .bestseller-tile__image {
            aspect-ratio: 3/4;
            background: var(--fn-pearl);
            margin-bottom: var(--fn-space-4);
        }

        .bestseller-tile__name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
            margin-bottom: 2px;
        }

        .bestseller-tile__price {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        /* ============================
           SECTION 12: COLOR TRENDS
           ============================ */
        #colorTrends {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .colortrends__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            text-align: center;
            margin-bottom: var(--fn-space-4);
        }

        .colortrends__subtitle {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .colortrends__grid {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            gap: var(--fn-space-6);
        }

        .colortrends__swatch {
            text-align: center;
            cursor: pointer;
            text-decoration: none;
            transition: transform 200ms var(--fn-ease-out);
        }

        .colortrends__swatch:hover { transform: scale(1.05); }

        .colortrends__circle {
            width: 100%;
            aspect-ratio: 1;
            border-radius: 50%;
            margin-bottom: var(--fn-space-4);
            border: 2px solid var(--fn-pearl);
        }

        .colortrends__name {
            font-size: 0.6875rem;
            font-weight: 600;
            color: var(--fn-charcoal);
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        /* ============================
           SECTION 13: MEGA MENU SHOWCASE
           ============================ */
        #megaMenuShowcase {
            background: var(--fn-snow);
            padding: var(--fn-space-48) var(--fn-space-12);
        }

        .megamenu__inner {
            max-width: 1400px;
            margin: 0 auto;
        }

        .megamenu__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            text-align: center;
            margin-bottom: var(--fn-space-4);
        }

        .megamenu__subtitle {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .megamenu__tabs {
            display: flex;
            gap: 0;
            border-bottom: 1px solid var(--fn-silver);
            margin-bottom: var(--fn-space-16);
            overflow-x: auto;
            scrollbar-width: none;
        }

        .megamenu__tabs::-webkit-scrollbar { display: none; }

        .megamenu__tab {
            padding: var(--fn-space-6) var(--fn-space-8);
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: var(--fn-ash);
            cursor: pointer;
            border-bottom: 2px solid transparent;
            white-space: nowrap;
            transition: color 200ms, border-color 200ms;
            background: none;
            border-top: none;
            border-left: none;
            border-right: none;
            font-family: 'Inter', sans-serif;
        }

        .megamenu__tab:hover { color: var(--fn-midnight); }
        .megamenu__tab--active { color: var(--fn-midnight); border-bottom-color: var(--fn-midnight); }

        .megamenu__content {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--fn-space-16);
        }

        .megamenu__column h4 {
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-6);
        }

        .megamenu__column ul {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: var(--fn-space-4);
        }

        .megamenu__column li a {
            font-size: 0.8125rem;
            color: var(--fn-charcoal);
            text-decoration: none;
            transition: color 150ms;
        }

        .megamenu__column li a:hover { color: var(--fn-midnight); }

        /* ============================
           SECTION 14: INFLUENCER PICKS
           ============================ */
        #influencerPicks {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .influencer__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-16);
        }

        .influencer__grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--fn-space-8);
        }

        .influencer__card {
            cursor: pointer;
            transition: transform 200ms var(--fn-ease-out);
        }

        .influencer__card:hover { transform: translateY(-4px); }

        .influencer__card-image {
            aspect-ratio: 4/5;
            background: var(--fn-pearl);
            margin-bottom: var(--fn-space-6);
            position: relative;
            overflow: hidden;
        }

        .influencer__card-avatar {
            position: absolute;
            bottom: var(--fn-space-4);
            left: var(--fn-space-4);
            display: flex;
            align-items: center;
            gap: var(--fn-space-4);
            background: var(--fn-white);
            padding: 4px 10px 4px 4px;
            border-radius: 100px;
        }

        .influencer__card-avatar-img {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: var(--fn-silver);
        }

        .influencer__card-avatar-name {
            font-size: 0.6875rem;
            font-weight: 600;
            color: var(--fn-midnight);
        }

        .influencer__card-name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
            margin-bottom: 2px;
        }

        .influencer__card-price {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        /* ============================
           SECTION 15: SWIMWEAR FEATURE
           ============================ */
        #swimFeature {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            min-height: 480px;
        }

        .swim__panel {
            position: relative;
            background: var(--fn-pearl);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: var(--fn-space-16);
            cursor: pointer;
            overflow: hidden;
            transition: transform 300ms var(--fn-ease-out);
        }

        .swim__panel:hover { transform: scale(0.98); }

        .swim__panel--center { background: var(--fn-silver); }

        .swim__panel-label {
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--fn-ash);
            margin-bottom: 2px;
        }

        .swim__panel-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .swim__panel-link {
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--fn-midnight);
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        /* ============================
           SECTION 16: SHOP BY OCCASION
           ============================ */
        #shopByOccasion {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .occasion__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-16);
        }

        .occasion__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--fn-space-6);
        }

        .occasion__card {
            position: relative;
            aspect-ratio: 4/5;
            background: var(--fn-pearl);
            overflow: hidden;
            cursor: pointer;
        }

        .occasion__card::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, oklch(10% 0.01 260 / 0.5) 0%, transparent 50%);
        }

        .occasion__card-text {
            position: absolute;
            bottom: var(--fn-space-12);
            left: var(--fn-space-12);
            z-index: 1;
        }

        .occasion__card-label {
            font-size: 0.625rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: oklch(90% 0.003 260);
            margin-bottom: 2px;
        }

        .occasion__card-name {
            font-size: 1.375rem;
            font-weight: 700;
            color: var(--fn-white);
        }

        /* ============================
           SECTION 17: REVIEWS / SOCIAL PROOF
           ============================ */
        #socialProof {
            padding: var(--fn-space-48) var(--fn-space-12);
            background: var(--fn-snow);
        }

        .proof__inner {
            max-width: 1400px;
            margin: 0 auto;
        }

        .proof__header {
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .proof__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .proof__stars {
            font-size: 1.25rem;
            letter-spacing: 0.1em;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .proof__count {
            font-size: 0.8125rem;
            color: var(--fn-ash);
            font-weight: 500;
        }

        .proof__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--fn-space-8);
        }

        .review__card {
            background: var(--fn-white);
            padding: var(--fn-space-12);
        }

        .review__stars {
            font-size: 0.875rem;
            letter-spacing: 0.06em;
            margin-bottom: var(--fn-space-4);
        }

        .review__text {
            font-size: 0.875rem;
            color: var(--fn-charcoal);
            line-height: 1.6;
            margin-bottom: var(--fn-space-6);
            max-width: 45ch;
        }

        .review__author {
            display: flex;
            align-items: center;
            gap: var(--fn-space-4);
        }

        .review__avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: var(--fn-pearl);
        }

        .review__name {
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--fn-midnight);
        }

        .review__verified {
            font-size: 0.625rem;
            color: var(--fn-ash);
            font-weight: 500;
        }

        /* ============================
           SECTION 18: COMPLETE THE LOOK
           ============================ */
        #completeLook {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .completelook__header {
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .completelook__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .completelook__desc {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
        }

        .completelook__layout {
            display: grid;
            grid-template-columns: 1.5fr 1fr;
            gap: var(--fn-space-16);
            align-items: center;
        }

        .completelook__main-image {
            aspect-ratio: 3/4;
            background: var(--fn-pearl);
            position: relative;
        }

        .completelook__main-image::after {
            content: 'OUTFIT IMAGE';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            color: var(--fn-ash);
        }

        .completelook__items {
            display: flex;
            flex-direction: column;
            gap: var(--fn-space-6);
        }

        .completelook__item {
            display: grid;
            grid-template-columns: 72px 1fr auto;
            gap: var(--fn-space-6);
            align-items: center;
            padding: var(--fn-space-6);
            border: 1px solid var(--fn-pearl);
            cursor: pointer;
            transition: border-color 200ms;
        }

        .completelook__item:hover { border-color: var(--fn-midnight); }

        .completelook__item-img {
            aspect-ratio: 1;
            background: var(--fn-pearl);
        }

        .completelook__item-name {
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--fn-ink);
        }

        .completelook__item-cat {
            font-size: 0.6875rem;
            color: var(--fn-ash);
            font-weight: 500;
        }

        .completelook__item-price {
            font-size: 0.875rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        /* ============================
           SECTION 19: REWARDS PROGRAM
           ============================ */
        #rewardsProgram {
            padding: var(--fn-space-32) var(--fn-space-12);
            background: var(--fn-pearl);
        }

        .rewards__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: var(--fn-space-16);
            text-align: center;
        }

        .rewards__perk {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--fn-space-4);
        }

        .rewards__perk-icon {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--fn-white);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .rewards__perk-title {
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--fn-midnight);
        }

        .rewards__perk-desc {
            font-size: 0.75rem;
            color: var(--fn-charcoal);
            max-width: 20ch;
        }

        /* ============================
           SECTION 20: STYLE QUIZ
           ============================ */
        #styleQuiz {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }

        .quiz__icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: var(--fn-pearl);
            margin: 0 auto var(--fn-space-12);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .quiz__heading {
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .quiz__desc {
            font-size: 1rem;
            color: var(--fn-charcoal);
            max-width: 50ch;
            margin: 0 auto var(--fn-space-16);
        }

        /* ============================
           SECTION 21: SIZE GUIDE
           ============================ */
        #sizeGuide {
            padding: var(--fn-space-32) var(--fn-space-12);
            border-top: 1px solid var(--fn-pearl);
            border-bottom: 1px solid var(--fn-pearl);
        }

        .sizeguide__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: var(--fn-space-24);
            align-items: center;
        }

        .sizeguide__text h2 {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .sizeguide__text p {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            line-height: 1.7;
            margin-bottom: var(--fn-space-8);
            max-width: 40ch;
        }

        .sizeguide__sizes {
            display: flex;
            gap: var(--fn-space-4);
            flex-wrap: wrap;
        }

        .sizeguide__size {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid var(--fn-silver);
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--fn-charcoal);
            cursor: pointer;
            transition: background 200ms, color 200ms, border-color 200ms;
        }

        .sizeguide__size:hover {
            background: var(--fn-midnight);
            color: var(--fn-white);
            border-color: var(--fn-midnight);
        }

        .sizeguide__visual {
            aspect-ratio: 16/9;
            background: var(--fn-pearl);
            position: relative;
        }

        .sizeguide__visual::after {
            content: 'SIZE CHART';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            color: var(--fn-ash);
        }

        /* ============================
           SECTION 22: APP DOWNLOAD
           ============================ */
        #appDownload {
            background: var(--fn-snow);
            padding: var(--fn-space-32) var(--fn-space-12);
        }

        .appdownload__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--fn-space-24);
            align-items: center;
        }

        .appdownload__content h2 {
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .appdownload__content p {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            margin-bottom: var(--fn-space-12);
            max-width: 40ch;
            line-height: 1.7;
        }

        .appdownload__buttons {
            display: flex;
            gap: var(--fn-space-4);
        }

        .appdownload__btn {
            padding: 12px var(--fn-space-8);
            background: var(--fn-midnight);
            color: var(--fn-white);
            font-size: 0.75rem;
            font-weight: 600;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: var(--fn-space-4);
            transition: opacity 200ms;
        }

        .appdownload__btn:hover { opacity: 0.85; }

        .appdownload__phone {
            aspect-ratio: 9/16;
            max-height: 400px;
            background: var(--fn-pearl);
            margin: 0 auto;
            border-radius: 24px;
            border: 8px solid var(--fn-silver);
            position: relative;
        }

        .appdownload__phone::after {
            content: 'APP PREVIEW';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            color: var(--fn-ash);
        }

        /* ============================
           SECTION 23: TRENDING SEARCHES
           ============================ */
        #trendingSearches {
            padding: var(--fn-space-24) var(--fn-space-12);
            border-top: 1px solid var(--fn-pearl);
        }

        .searches__inner {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            gap: var(--fn-space-8);
            flex-wrap: wrap;
        }

        .searches__label {
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: var(--fn-midnight);
        }

        .searches__pill {
            font-size: 0.75rem;
            font-weight: 500;
            padding: var(--fn-space-2) var(--fn-space-6);
            border: 1px solid var(--fn-silver);
            color: var(--fn-charcoal);
            text-decoration: none;
            border-radius: 100px;
            transition: background 200ms, color 200ms, border-color 200ms;
        }

        .searches__pill:hover {
            background: var(--fn-midnight);
            color: var(--fn-white);
            border-color: var(--fn-midnight);
        }

        /* ============================
           SECTION 24: UGC / INSTAGRAM
           ============================ */
        #ugcSection {
            padding: var(--fn-space-48) var(--fn-space-12);
            background: var(--fn-snow);
        }

        .ugc__inner {
            max-width: 1400px;
            margin: 0 auto;
        }

        .ugc__header {
            text-align: center;
            margin-bottom: var(--fn-space-16);
        }

        .ugc__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-2);
        }

        .ugc__handle {
            font-size: 0.875rem;
            color: var(--fn-ash);
            font-weight: 500;
        }

        .ugc__grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--fn-space-2);
        }

        .ugc__item {
            aspect-ratio: 1;
            background: var(--fn-pearl);
            cursor: pointer;
            transition: opacity 200ms;
        }

        .ugc__item:hover { opacity: 0.85; }

        /* ============================
           SECTION 25: BRAND VALUES
           ============================ */
        #brandValues {
            padding: var(--fn-space-48) var(--fn-space-12);
            max-width: 1400px;
            margin: 0 auto;
        }

        .brandvalues__title {
            font-size: clamp(1.5rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--fn-midnight);
            text-align: center;
            margin-bottom: var(--fn-space-24);
        }

        .brandvalues__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--fn-space-16);
        }

        .brandvalue__item {
            text-align: center;
            padding: var(--fn-space-16);
        }

        .brandvalue__icon {
            width: 56px;
            height: 56px;
            margin: 0 auto var(--fn-space-8);
            background: var(--fn-pearl);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .brandvalue__name {
            font-size: 1rem;
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .brandvalue__desc {
            font-size: 0.8125rem;
            color: var(--fn-charcoal);
            line-height: 1.6;
            max-width: 30ch;
            margin: 0 auto;
        }

        /* ============================
           SECTION 26: EMAIL SIGNUP
           ============================ */
        #emailSignup {
            padding: var(--fn-space-48) var(--fn-space-12);
            text-align: center;
            border-top: 1px solid var(--fn-pearl);
        }

        .signup__inner {
            max-width: 520px;
            margin: 0 auto;
        }

        .signup__title {
            font-size: clamp(1.75rem, 3vw, 2.5rem);
            font-weight: 700;
            color: var(--fn-midnight);
            margin-bottom: var(--fn-space-4);
        }

        .signup__desc {
            font-size: 0.9375rem;
            color: var(--fn-charcoal);
            margin-bottom: var(--fn-space-16);
        }

        .signup__form {
            display: flex;
            gap: 0;
        }

        .signup__input {
            flex: 1;
            padding: 14px var(--fn-space-8);
            border: 1.5px solid var(--fn-silver);
            border-right: none;
            font-family: 'Inter', sans-serif;
            font-size: 0.875rem;
            outline: none;
            color: var(--fn-ink);
            background: var(--fn-white);
            transition: border-color 200ms;
        }

        .signup__input:focus { border-color: var(--fn-midnight); }
        .signup__input::placeholder { color: var(--fn-ash); }

        .signup__btn {
            padding: 14px var(--fn-space-12);
            background: var(--fn-midnight);
            color: var(--fn-white);
            border: 1.5px solid var(--fn-midnight);
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            cursor: pointer;
            transition: opacity 200ms;
        }

        .signup__btn:hover { opacity: 0.85; }

        .signup__terms {
            font-size: 0.6875rem;
            color: var(--fn-ash);
            margin-top: var(--fn-space-6);
        }

        /* ============================
           SECTION 27: FINAL CTA
           ============================ */
        #finalCta {
            padding: var(--fn-space-48) var(--fn-space-12);
            text-align: center;
            background: var(--fn-snow);
        }

        .finalcta__heading {
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 800;
            color: var(--fn-midnight);
            letter-spacing: -0.02em;
            margin-bottom: var(--fn-space-4);
        }

        .finalcta__sub {
            font-size: 1rem;
            color: var(--fn-charcoal);
            margin-bottom: var(--fn-space-16);
        }

        .finalcta__actions {
            display: flex;
            justify-content: center;
            gap: var(--fn-space-4);
            flex-wrap: wrap;
        }

        /* ============================
           RESPONSIVE
           ============================ */
        @media (max-width: 1024px) {
            #heroEditorial { grid-template-columns: 1fr; height: auto; }
            .hero__media { min-height: 50vh; }
            .trending__grid { grid-template-columns: repeat(3, 1fr); }
            .shopcat__grid { grid-template-columns: repeat(3, 1fr); }
            .megamenu__content { grid-template-columns: repeat(2, 1fr); }
            .lookbook__grid { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; }
            .lookbook__cell--tall { grid-row: span 1; grid-column: span 2; }
            .ugc__grid { grid-template-columns: repeat(4, 1fr); }
            #swimFeature { grid-template-columns: 1fr; }
            .swim__panel { min-height: 280px; }
            .bestsellers__grid { grid-template-columns: repeat(3, 1fr); }
            .influencer__grid { grid-template-columns: repeat(2, 1fr); }
            .proof__grid { grid-template-columns: repeat(2, 1fr); }
            .completelook__layout { grid-template-columns: 1fr; }
            .rewards__inner { grid-template-columns: repeat(2, 1fr); }
            .sizeguide__inner { grid-template-columns: 1fr; }
            .appdownload__inner { grid-template-columns: 1fr; }
            .appdownload__phone { max-height: 320px; }
            .colortrends__grid { grid-template-columns: repeat(4, 1fr); }
        }

        @media (max-width: 768px) {
            #heroEditorial { grid-template-columns: 1fr; }
            .hero__content { padding: var(--fn-space-24) var(--fn-space-8); }
            .hero__media { min-height: 40vh; }
            #editorialSplit { grid-template-columns: 1fr; }
            .editorial__panel { min-height: 320px; }
            .trending__grid { grid-template-columns: repeat(2, 1fr); }
            .shopcat__grid { grid-template-columns: repeat(2, 1fr); }
            .megamenu__content { grid-template-columns: 1fr; }
            .occasion__grid { grid-template-columns: 1fr; }
            .occasion__card { aspect-ratio: 16/9; }
            .lookbook__grid { grid-template-columns: 1fr; grid-template-rows: auto; }
            .lookbook__cell { min-height: 240px; }
            .lookbook__cell--tall { grid-column: span 1; }
            .ugc__grid { grid-template-columns: repeat(3, 1fr); }
            .signup__form { flex-direction: column; }
            .signup__input { border-right: 1.5px solid var(--fn-silver); border-bottom: none; }
            .signup__input:focus { border-color: var(--fn-midnight); }
            .drops__item { flex: 0 0 180px; }
            .catstrip__icon { width: 52px; height: 52px; }
            .flashsale__inner { grid-template-columns: 1fr; text-align: center; }
            .flashsale__timer { justify-content: center; }
            .bestsellers__grid { grid-template-columns: repeat(2, 1fr); }
            .bestsellers__header { flex-direction: column; gap: var(--fn-space-6); }
            .influencer__grid { grid-template-columns: repeat(2, 1fr); }
            .proof__grid { grid-template-columns: 1fr; }
            .brandvalues__grid { grid-template-columns: 1fr; }
            .colortrends__grid { grid-template-columns: repeat(4, 1fr); }
        }

        @media (max-width: 480px) {
            .trending__grid { grid-template-columns: 1fr 1fr; gap: var(--fn-space-4); }
            .shopcat__grid { grid-template-columns: 1fr 1fr; }
            .ugc__grid { grid-template-columns: repeat(2, 1fr); }
            .hero__actions { flex-direction: column; }
            .btn--primary, .btn--outline { width: 100%; justify-content: center; }
            .colortrends__grid { grid-template-columns: repeat(4, 1fr); }
            .rewards__inner { grid-template-columns: 1fr; }
        }
        #lookbookMosaic {
    padding: 30px 20px !important;
}

#newDrops {
    padding: 30px 20px !important;
}

section#trendingNow {
    padding: 30px 20px !important;
}

.catstrip__inner {
    justify-content: center !important;
    justify-content: space-between !important;
}

#shopByCategory {
    padding: 40px 20px !important;
}

#colorTrends {
    padding: 30px 20px !important;
}

.colortrends__grid {
    grid-template-columns: repeat(4, 1fr);
}

.megamenu__tabs {
    justify-content: center !important;
}

p.proof__stars svg {
    width: 25px !important;
    height: 25px !important;
    padding: 0px 3px !important;
}

p.review__stars svg {
    height: 15px !important;
    width: 15px !important;
    margin-right: 2px !important;
}

#completeLook {
    padding: 40px 20px !important;
}

.completelook__main-image {
    aspect-ratio: 1/0.7 !important;
}

.hero__media-placeholder {
    width: 100% !important;
    height: 100% !important;
}
#swimFeature {
    max-width: 1350px !important;
    margin: auto !important;
}

#editorialSplit {
    max-width: 1450px !important;
    margin: auto !important;
}
	span.colortrends__name {
    position: absolute;
    left: 0px;
    width: 100% !important;
    bottom: 10px;
    max-width: 100% !important;
    margin: auto !important;
    background: rgb(var(--color-background)) !important;
    font-size: 13px !important;
}

.colortrends__swatch {
    position: relative;
}

.colortrends__swatch img {
    aspect-ratio: 1/1;
    object-fit: cover !important;
    object-position: top;
}

.colortrends__grid {
    grid-template-columns: repeat(5, 1fr);
}
	span.colortrends__name {
    position: absolute;
    left: 0px;
    width: 100% !important;
    bottom: 10px;
    max-width: 100% !important;
    margin: auto !important;
    background: rgb(var(--color-background)) !important;
    font-size: 13px !important;
}

.colortrends__swatch {
    position: relative;
}

.colortrends__swatch img {
    aspect-ratio: 1/1.6;
    object-fit: cover !important;
    object-position: top;
}

.colortrends__grid {
    grid-template-columns: repeat(5, 1fr);
}
	span.colortrends__name {
    position: absolute;
    left: 0px;
    width: 100% !important;
    bottom: 10px;
    max-width: 100% !important;
    margin: auto !important;
    background: rgb(var(--color-background)) !important;
    font-size: 13px !important;
}

.colortrends__swatch {
    position: relative;
}

.colortrends__swatch img {
    aspect-ratio: 1/1.6;
    object-fit: cover !important;
    object-position: top;
}

.colortrends__grid {
    grid-template-columns: repeat(5, 1fr);
}

.product-tile__image::after {
    background: url('https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487') !important;
    opacity: 1 !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
}
	.hero__tag {
    font-size: 14px !important;
    text-transform: capitalize;
}

.btn--primary:hover {
    color: rgb(var(--color-button-text)) !important;
}
	.hero__tag {
    font-size: 14px !important;
    text-transform: capitalize;
}

.btn--primary:hover {
    color: rgb(var(--color-button-text)) !important;
}

span.ticker__dot {
    display: none !important;
}

.ticker__item {
    text-transform: capitalize;
    font-size: 17px !important;
    font-weight: 400 !important;
}

.catstrip__label {
    text-transform: capitalize;
    font-size: 12px !important;
}

.editorial__label {
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.editorial__link {
    font-size: 14px !important;
}

.flashsale__text p {
    margin-bottom: 0px !important;
}

.deals__tag {
    border-radius: 50px !important;
}

.deals__eyebrow {
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: capitalize;
}

.lookbook__cell-label {
    text-transform: capitalize;
    font-size: 17px !important;
}

.bestsellers__filter {
    border-radius: 6px !important;
}

.megamenu__column ul {
    padding: 0px !important;
}

.megamenu__content {
    max-width: 1200px !important;
    margin: auto !important;
}

.megamenu__tab {
    text-transform: capitalize;
    font-size: 14px !important;
}

.swim__panel-label {
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: normal !important;
}

.occasion__card-name {
    font-size: 32px !important;
}

.occasion__card-label {
    font-size: 14px !important;
    line-height: normal !important;
    text-transform: capitalize;
}

.proof__grid {
    margin: auto !important;
    max-width: 1220px !important;
}

p.review__name {
    font-size: 14px !important;
    margin-bottom: 0px !important;
}

p.completelook__item-name {
    margin-bottom: 0px !important;
    font-size: 17px !important;
}

p.completelook__item-cat {
    margin-bottom: 0px !important;
    font-size: 14px !important;
}

span.completelook__item-price {
    font-size: 20px !important;
}

p.rewards__perk-title {
    margin-bottom: 0px !important;
    padding-top: 10px !important;
    font-size: 16px !important;
}

.rewards__perk-desc {
    margin-bottom: 0px !important;
    font-size: 14px !important;
}

.rewards__perk {
    gap: 5px !important;
}

form.signup__form input {border: 0px solid rgb(var(--color-foreground) / 0.16) !important;}

.signup__form {
    align-items: center !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    border-radius: 50px !important;
    overflow: hidden !important;
}

.signup__btn {
    border: 0px !important;
}
	a.catstrip__link img {
    width: 100% !important;
    max-width: 82px !important;
}
	.hero__media img {
    height: 100% !important;
    object-fit: cover !important;
}

.hero__title {
    font-weight: 800 !important;
    font-size: 50px !important;
    max-width: 350px !important;
}
	.editorial__panel {
    padding: 0px !important;
}

.smain--m2in33 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgb(var(--color-background) / 0.90196078);
    padding: 30px !important;
}

.editorial__heading {
    margin-bottom: 5px !important;
    font-size: 29px !important;
    margin-top: 5px !important;
}

.editorial__panel img {
    height: 100% !important;
}
	.shopcat__item:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/dress.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/tops.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/jean.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(4) 
{
    background:url('/wp-content/uploads/2026/07/set.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(5) 
{
    background:url('/wp-content/uploads/2026/07/swimwear.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(6) 
{
    background:url('/wp-content/uploads/2026/07/shoes.webp');
    background-size:cover !important;
}
	.shopcat__item:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/dress.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/tops.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/jean.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(4) 
{
    background:url('/wp-content/uploads/2026/07/set.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(5) 
{
    background:url('/wp-content/uploads/2026/07/swimwear.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(6) 
{
    background:url('/wp-content/uploads/2026/07/shoes.webp');
    background-size:cover !important;
}

.lookbook__cell.lookbook__cell--tall {
    background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-1.png');
    background-size: cover !important;
    background-position: center !important;
}

.lookbook__cell:nth-child(2) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-1.jpg');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(3) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-2.png');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(4) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-3.png');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(5) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-2.jpg');
    background-size: cover !important;
    background-position: center !important;
}
	.shopcat__item:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/dress.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/tops.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/jean.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(4) 
{
    background:url('/wp-content/uploads/2026/07/set.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(5) 
{
    background:url('/wp-content/uploads/2026/07/swimwear.webp');
    background-size:cover !important;
}
.shopcat__item:nth-child(6) 
{
    background:url('/wp-content/uploads/2026/07/shoes.webp');
    background-size:cover !important;
}

.lookbook__cell.lookbook__cell--tall {
    background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-1.png');
    background-size: cover !important;
    background-position: center !important;
}

.lookbook__cell:nth-child(2) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-1.jpg');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(3) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-2.png');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(4) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-3.png');
    background-size: cover !important;
    background-position: center !important;
}
.lookbook__cell:nth-child(5) {
        background: url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/mainimages-2.jpg');
    background-size: cover !important;
    background-position: center !important;
}

.drops__item-image {
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
}

.bestseller-tile__image {
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
}

.influencer__card-image {
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
}

.ugc__item {
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
}
	.swim__panel {
    background: linear-gradient(#ffffff00, #00000059), url(/wp-content/uploads/2026/07/Gemini_Generated_Image_v6mv9uv6mv9uv6mv.png);
    background-size: cover !important;
}
.swim__panel:nth-child(2) {
    background: linear-gradient(#ffffff00, #00000059), url(/wp-content/uploads/2026/07/swimwear-1.webp);
    background-size: cover !important;
}
.swim__panel:nth-child(3) {
    background: linear-gradient(#ffffff00, #00000059), url(/wp-content/uploads/2026/07/coverup.webp);
    background-size: cover !important;
}

.swim__panel-title {
    font-size: 44px !important;
    color: rgb(var(--color-button-text)) !important;
}

span.swim__panel-label {
    color: rgb(var(--color-button-text)) !important;
}

.swim__panel-link {
    color: rgb(var(--color-button-text)) !important;
}
	.occasion__card:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/cf713ebfdcaf4e6aac061d4b75a49f53-Min.webp');
    background-size:cover !important;
}
.occasion__card:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/ca520913552946c6a2940f31aa742f04-Min.webp');
    background-size:cover !important;
}
.occasion__card:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/377cc75f-0c77-49c7-abb9-6558b903867f-Min.webp');
    background-size:cover !important;
}
	.occasion__card:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/cf713ebfdcaf4e6aac061d4b75a49f53-Min.webp');
    background-size:cover !important;
}
.occasion__card:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/ca520913552946c6a2940f31aa742f04-Min.webp');
    background-size:cover !important;
}
.occasion__card:nth-child(3) 
{
    background:url('/wp-content/uploads/2026/07/50dda2e0-dbe3-41d4-83bc-d5dd118e02c6-Min.webp');
    background-size:cover !important;
}

.completelook__main-image {
    background-size: cover !important;
    background: url('/wp-content/uploads/2026/07/Gemini_Generated_Image_blhpqublhpqublhp-1.png');
}
	.review__verified {
    margin: 0px !important;
}
	.btn--primary svg {
    width: 20px !important;
    height: 20px !important;
    fill: rgb(var(--color-button-text)) !important;
}

a.editorial__link svg {
    width: 19px !important;
    height: 19px !important;
}

.drops__item-tag {
    padding: 8px !important;
}

.drops__arrow {
    background: rgb(var(--color-background)) !important;
    padding: 8px !important;
}

.rewards__perk-icon {
    padding: 13px !important;
}

.quiz__icon {
    padding: 14px !important;
}

.brandvalue__icon {}

.brandvalue__icon {
    padding: 18px !important;
}
	@media (max-width:900px){
.btn--primary svg {
    width: 20px !important;
    height: 20px !important;
    fill: rgb(var(--color-button-text)) !important;
}

a.editorial__link svg {
    width: 19px !important;
    height: 19px !important;
}

.drops__item-tag {
    padding: 8px !important;
}

.drops__arrow {
    background: rgb(var(--color-background)) !important;
    padding: 8px !important;
}

.rewards__perk-icon {
    padding: 13px !important;
}

.quiz__icon {
    padding: 14px !important;
}

.brandvalue__icon {}

.brandvalue__icon {
    padding: 18px !important;
}

.hero__title {
    font-size: 30px !important;
}

.hero__subtitle {
    font-size: 15px !important;
}

.hero__tag {
    margin-bottom: 10px !important;
}

.hero__content {
    padding: 20px !important;
}

#categoryStrip {
    padding: 15px !important;
}

.trending__title {
    margin: 0px !important;
}

.editorial__heading {
    font-size: 24px !important;
}

.shopcat__title {
    margin-bottom: 20px !important;
}

.drops__title {
    margin-bottom: 0px !important;
}

.colortrends__grid {
    grid-template-columns: repeat(2, 1fr);
}

section#megaMenuShowcase {
    display: none !important;
}

#influencerPicks {
    padding: 30px 24px !important;
}

.brandvalue__item {
    padding: 20px !important;
}

section#emailSignup {
    display: none !important;
}		
	}
	@media only screen and (min-width: 801px) {
h2.brandvalues__title {
    margin-bottom: 5px !important;
}

#brandValues {
    padding: 35px 20px !important;
}

section#emailSignup {
    padding: 35px 20px !important;
}

section#finalCta {
    padding: 35px 20px !important;
}

section#ugcSection {
    padding: 35px 20px !important;
}

section#styleQuiz {
    padding: 35px 20px !important;
}

section#socialProof {
    padding: 35px 20px !important;
}

section#shopByOccasion {
    padding: 35px 20px !important;
}

section#influencerPicks {
    padding: 35px 20px !important;
}

section#megaMenuShowcase {
    padding: 35px 20px !important;
}

#colorTrends {
    padding: 35px 20px !important;
}

section#bestSellers {
    padding: 35px 20px !important;
}

section#lookbookMosaic {
    padding: 35px 20px !important;
}

section#newDrops {
    padding: 35px 20px !important;
}

section#dealsBanner {
    padding: 35px 20px !important;
}
}
	.mencollection .completelook__main-image
{
    background:url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/5868.jpg')!important;
    background-size:cover !important;
}
	.completelook__main-image::after {
    display: none !important;
}
	.completelook__main-image::after {
    display: none !important;
}

.mencollection .occasion__card:nth-child(1) 
{
    background:url('/wp-content/uploads/2026/07/2148194058.jpg') !important;
    background-size:cover !important;
}
.mencollection .occasion__card:nth-child(2) 
{
    background:url('/wp-content/uploads/2026/07/2149003490.jpg') !important;
    background-size:cover !important;
    background-position:center !important;
}
.mencollection .occasion__card:nth-child(3) 
{
    background:url('http://paulr323.sg-host.com/wp-content/uploads/2026/07/14769.jpg') !important;
    background-size:cover !important;
    background-position:center !important;
}
	.mencollection .shopcat__item:nth-child(1)
{
    background:url('/wp-content/uploads/2026/07/cam1.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(2)
{
    background:url('/wp-content/uploads/2026/07/cam2.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(3)
{
    background:url('/wp-content/uploads/2026/07/cam3.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(4)
{
    background:url('/wp-content/uploads/2026/07/cam4.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(5)
{
    background:url('/wp-content/uploads/2026/07/cam5.webp') !important;
    background-size:cover !important;
}
.mencollection .shopcat__item:nth-child(6)
{
    background:url('/wp-content/uploads/2026/07/cam6.webp') !important;
    background-size:cover !important;
}
	.kidscollections .shopcat__item:nth-child(1)
{
    background:url('/wp-content/uploads/2026/07/mg1.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(2)
{
    background:url('/wp-content/uploads/2026/07/mg2.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(3)
{
    background:url('/wp-content/uploads/2026/07/mg3.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(4)
{
    background:url('/wp-content/uploads/2026/07/mg4.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(5)
{
    background:url('/wp-content/uploads/2026/07/mg5.webp') !important;
    background-size:cover !important;
}
.kidscollections .shopcat__item:nth-child(6)
{
    background:url('/wp-content/uploads/2026/07/mg6.webp') !important;
    background-size:cover !important;
}
	.kidscollections .completelook__main-image {
    background: url('/wp-content/uploads/2026/07/m23.png') !important;
    background-size: cover !important;
}
	.beautycollections .completelook__main-image
{
    background:url('/wp-content/uploads/2026/07/m323-scaled.jpg') !important;
    background-size:cover !important;
}
	.homedecorcollections .completelook__main-image {
    background: url('/wp-content/uploads/2026/07/2149385423.jpg') !important;
    background-size: cover !important;
}
	.finalcta__heading {
    font-size: 40px !important;
}
	:root{
  --bg:oklch(99.2% 0.002 70);
  --surface:oklch(96.8% 0.004 70);
  --surface-alt:oklch(93.5% 0.005 70);
  --line:oklch(90.5% 0.004 70);
  --line-soft:oklch(94.5% 0.003 70);
  --ink:oklch(13% 0.008 70);
  --ink-2:oklch(38% 0.006 70);
  --ink-3:oklch(54% 0.005 70);
  --ink-4:oklch(66% 0.004 70);
  --chip:oklch(15% 0.008 70);
  --chip-ink:oklch(98% 0.002 70);

  --ease-q:cubic-bezier(.25,1,.5,1);
  --ease-x:cubic-bezier(.16,1,.3,1);

  /* master grid metrics */
  --gx:28px;          /* column gap  */
  --gy:28px;          /* row gap     */
  --unit:84px;        /* base row    */
  --body-h:108px;     /* card text block */
}

#page-intro{
  padding:96px 40px 56px;
  text-align:center;
}
#page-intro .intro-eyebrow{
  font-size:9px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-4);margin-bottom:20px;
}
#page-intro h1{
  font-family:var(--serif);
  font-size:clamp(42px,6vw,68px);
  font-weight:400;letter-spacing:-.03em;line-height:1;
  margin-bottom:18px;
}
#page-intro p{
  font-size:15px;font-weight:300;color:var(--ink-2);
  max-width:48ch;margin:0 auto;line-height:1.75;
}
/* ============================================================
   HUB · MASTHEAD
   ============================================================ */
#hub-masthead{
  padding:104px 40px 64px;max-width:1480px;margin:0 auto;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--gx);align-items:end;
  border-bottom:1px solid var(--ink);
}
#hub-masthead .mast-left{grid-column:1/8}
#hub-masthead .mast-right{grid-column:9/-1;padding-bottom:8px}
.eyebrow{
  font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-4);margin-bottom:22px;
}
#hub-masthead h1{
  font-family:var(--serif);font-size:clamp(48px,8vw,104px);
  font-weight:400;letter-spacing:-.04em;line-height:.92;
}
#hub-masthead .mast-right p{
  font-size:14px;font-weight:300;color:var(--ink-2);line-height:1.7;max-width:38ch;
}
#hub-masthead .mast-stats{
  display:flex;gap:28px;margin-top:20px;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);
  font-variant-numeric:tabular-nums;
}

/* ============================================================
   HUB · INDEX ROWS  (the 5 blog links)
   ============================================================ */
#hub-index{max-width:1480px;margin:0 auto;padding:0 40px 40px}

.index-row{
  display:grid;
  grid-template-columns:74px minmax(0,1fr) 268px 96px;
  align-items:center;
  gap:24px;
  padding:34px 0;
  border-bottom:1px solid var(--line);
  position:relative;
  transition:padding-left .45s var(--ease-x);
}
.index-row:hover{padding-left:14px}
.index-row:focus-visible{outline:2px solid var(--ink);outline-offset:6px}

.index-row .row-num{
  font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--ink-4);
  font-variant-numeric:tabular-nums;align-self:start;padding-top:8px;
  transition:color .3s var(--ease-q);
}
.index-row:hover .row-num{color:var(--ink)}

.index-row h2{
  font-family:var(--serif);
  font-size:clamp(30px,4.4vw,54px);
  font-weight:400;letter-spacing:-.03em;line-height:1.02;
  margin-bottom:10px;
}
.index-row .row-dek{
  font-size:13.5px;font-weight:300;color:var(--ink-3);
  line-height:1.65;max-width:52ch;
}
.index-row .row-tags{
  display:flex;gap:6px;margin-top:14px;flex-wrap:wrap;
}
.index-row .row-tag{
  font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:5px 11px;
  transition:border-color .3s var(--ease-q),color .3s var(--ease-q);
}
.index-row:hover .row-tag{border-color:var(--ink-4);color:var(--ink-2)}

/* peek thumbnails */
.row-peek{display:flex;gap:8px;justify-content:flex-end}
.row-peek span{
  width:78px;aspect-ratio:3/4;overflow:hidden;background:var(--surface-alt);
  opacity:0;transform:translateY(12px);
  transition:opacity .5s var(--ease-x),transform .5s var(--ease-x);
  transition-delay:calc(var(--p) * 60ms);
}
.index-row:hover .row-peek span,
.index-row:focus-visible .row-peek span{opacity:1;transform:translateY(0)}
.row-peek img{width:100%;height:100%;object-fit:cover}

.row-go{
  display:flex;align-items:center;justify-content:flex-end;gap:9px;
  font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-4);font-variant-numeric:tabular-nums;
  transition:color .3s var(--ease-q);
}
.index-row:hover .row-go{color:var(--ink)}
.row-go .arrow{
  display:inline-block;transition:transform .45s var(--ease-x);
}
.index-row:hover .row-go .arrow{transform:translateX(6px)}

/* ============================================================
   HUB · LATEST STRIP
   ============================================================ */
#hub-latest{
  max-width:1480px;margin:0 auto;padding:64px 40px 120px;
}
#hub-latest .strip-head{
  display:flex;align-items:baseline;justify-content:space-between;
  border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:30px;
}
#hub-latest .strip-head h3{
  font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.015em;
}
#hub-latest .strip-head span{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);
}
#latest-strip{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gx);
}
.strip-item{transition:opacity .25s var(--ease-q)}
.strip-item:hover{opacity:.6}
.strip-item .strip-media{aspect-ratio:4/5;overflow:hidden;background:var(--surface-alt);margin-bottom:14px}
.strip-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-x)}
.strip-item:hover img{transform:scale(1.04)}
.strip-item .strip-kicker{
  font-size:8.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-4);margin-bottom:7px;
}
.strip-item h4{font-family:var(--serif);font-size:15px;font-weight:500;line-height:1.35}
.strip-item .stamp{font-size:10px;color:var(--ink-4);margin-top:8px;font-variant-numeric:tabular-nums}

/* ============================================================
   BLOG PAGE · BREADCRUMB
   ============================================================ */
.crumb{
  max-width:1480px;margin:0 auto;padding:34px 40px 0;
  display:flex;align-items:center;gap:11px;
  font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-4);
}
.crumb a{transition:color .2s var(--ease-q)}
.crumb a:hover{color:var(--ink)}
.crumb .sep{opacity:.5}
.crumb .here{color:var(--ink)}

/* ============================================================
   BLOG PAGE · TITLE
   ============================================================ */
.page-intro{padding:70px 40px 56px;text-align:center}
.page-intro h1{
  font-family:var(--serif);font-size:clamp(42px,6vw,68px);
  font-weight:400;letter-spacing:-.03em;line-height:1;margin-bottom:18px;
}
.page-intro p{
  font-size:15px;font-weight:300;color:var(--ink-2);
  max-width:48ch;margin:0 auto;line-height:1.75;
}

/* ============================================================
   BLOG PAGE · MASTER 12-COL GRID
   ============================================================ */
.editorial-grid{
  max-width:1480px;margin:0 auto;padding:0 40px 120px;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:var(--unit);grid-auto-flow:row dense;
  column-gap:var(--gx);row-gap:var(--gy);
}
.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}
.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}
.c8{grid-column:span 8}.c12{grid-column:1/-1}
.r1{grid-row:span 1}.r4{grid-row:span 4}.r5{grid-row:span 5}.r7{grid-row:span 7}

/* left rail */
.rail-cats{position:sticky;top:32px;align-self:start}
.rail-label{
  font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-4);padding-bottom:12px;border-bottom:1px solid var(--ink);margin-bottom:14px;
}
.cat-list{list-style:none;margin-bottom:44px}
.cat-list li+li{margin-top:9px}
.cat-list a{font-size:14px;color:var(--ink-3);transition:color .15s var(--ease-q)}
.cat-list a:hover{color:var(--ink)}
.cat-list a.is-current{color:var(--ink);font-weight:600}
.rail-latest{list-style:none}
.rail-latest li{padding:12px 0;border-bottom:1px solid var(--line-soft)}
.rail-latest li:first-child{padding-top:0}
.rail-latest a{display:block;font-size:12.5px;font-weight:500;line-height:1.45;transition:opacity .18s var(--ease-q)}
.rail-latest a:hover{opacity:.55}
.rail-latest .stamp{font-size:10px;color:var(--ink-4);margin-top:5px}

/* lead story */
.lead{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}
.lead .lead-media{position:relative;overflow:hidden;min-height:0;background:var(--surface-alt)}
.lead .lead-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-x)}
.lead:hover .lead-media img{transform:scale(1.025)}
.lead .lead-text{padding-top:22px}
.lead h2{
  font-family:var(--serif);font-size:clamp(24px,2.4vw,33px);font-weight:400;
  line-height:1.2;letter-spacing:-.02em;margin-bottom:12px;
}
.lead .lead-dek{font-size:14px;font-weight:300;color:var(--ink-2);line-height:1.7;max-width:60ch}
.lead .lead-byline{margin-top:16px;font-size:11.5px;color:var(--ink-4)}
.lead .lead-byline b{color:var(--ink);font-weight:600}

/* right rail */
.rail-recent{display:flex;flex-direction:column;gap:18px;min-height:0}
.mini{display:grid;grid-template-columns:84px minmax(0,1fr);gap:13px;align-items:start;
  transition:opacity .2s var(--ease-q)}
.mini:hover{opacity:.6}
.mini .mini-media{overflow:hidden;background:var(--surface-alt)}
.mini img{width:100%;aspect-ratio:1;object-fit:cover}
.mini .mini-kicker{font-size:8.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-4);margin-bottom:4px}
.mini h4{font-size:11.5px;font-weight:600;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mini .stamp{font-size:10px;color:var(--ink-4);margin-top:5px}

/* filter bar + section head */
.filter-bar{align-self:end;border-top:1px solid var(--line);padding-top:26px;
  display:flex;justify-content:center}
.filter-track{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.filter-track::-webkit-scrollbar{display:none}
.pill{
  font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;padding:9px 17px;border:1px solid var(--line);border-radius:999px;
  background:transparent;color:var(--ink-3);cursor:pointer;white-space:nowrap;
  transition:background .2s var(--ease-q),color .2s var(--ease-q),border-color .2s var(--ease-q);
}
.pill:hover{border-color:var(--ink-3);color:var(--ink)}
.pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pill.is-on{background:var(--chip);border-color:var(--chip);color:var(--chip-ink)}

.section-head{align-self:end;display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.section-head h3{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.015em}
.section-head .count{font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-4);font-variant-numeric:tabular-nums}

/* story card */
.card{display:grid;grid-template-rows:minmax(0,1fr) var(--body-h);min-height:0}
.card .card-media{position:relative;overflow:hidden;min-height:0;background:var(--surface-alt)}
.card .card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-x)}
.card:hover .card-media img{transform:scale(1.035)}
.card .card-body{padding-top:15px;display:flex;flex-direction:column;min-height:0}
.chips{display:flex;gap:4px;margin-bottom:9px;flex-wrap:wrap}
.chip{font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:var(--chip);color:var(--chip-ink);padding:4px 9px;border-radius:2px}
.card h3{
  font-family:var(--serif);font-size:17px;font-weight:500;line-height:1.32;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:opacity .2s var(--ease-q);
}
.card:hover h3{opacity:.62}
.card .card-dek{margin-top:8px;font-size:12.5px;font-weight:300;color:var(--ink-2);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .card-meta{margin-top:auto;padding-top:10px;font-size:10.5px;color:var(--ink-4);
  display:flex;gap:12px;font-variant-numeric:tabular-nums}
.card.has-dek{--body-h:158px}
.card.is-xl h3{font-size:22px}
.card.is-sm h3{font-size:14px;-webkit-line-clamp:3}
.card.is-wide{grid-template-rows:minmax(0,1fr);grid-template-columns:7fr 5fr;column-gap:var(--gx)}
.card.is-wide .card-body{padding:8px 0 8px 4px;justify-content:center}
.card.is-wide h3{font-size:clamp(22px,2.2vw,30px);font-weight:400;-webkit-line-clamp:3}
.card.is-wide .card-dek{font-size:13.5px;-webkit-line-clamp:3;margin-top:12px;max-width:46ch}

.save{
  position:absolute;top:12px;right:12px;width:30px;height:30px;border:none;border-radius:50%;
  background:oklch(100% 0 0 /.94);display:grid;place-items:center;cursor:pointer;
  opacity:0;transform:translateY(5px);
  transition:opacity .25s var(--ease-q),transform .25s var(--ease-q);
}
.card:hover .save,.lead:hover .save,.save:focus-visible{opacity:1;transform:translateY(0)}
.save.is-saved{background:var(--chip)}
.save.is-saved i{color:var(--chip-ink)!important}
.save svg{width:12px;height:12px}

.rule{grid-column:1/-1;grid-row:span 1;border-top:1px solid var(--line);align-self:center}

/* filtered → uniform 4-up */
.editorial-grid.is-filtered .card{grid-column:span 3!important;grid-row:span 4!important;--body-h:108px}
.editorial-grid.is-filtered .card.is-wide{grid-template-rows:minmax(0,1fr) var(--body-h);grid-template-columns:1fr}
.editorial-grid.is-filtered .card .card-dek{display:none}
.editorial-grid.is-filtered .card h3{font-size:15px}
.editorial-grid.is-filtered .rule{display:none}

/* empty state */
.empty{grid-column:1/-1;grid-row:span 3;display:none;place-content:center;text-align:center;
  border:1px solid var(--line)}
.empty.is-shown{display:grid}
.empty p{font-size:14px;color:var(--ink-3)}
.empty button{margin-top:14px;font-family:var(--sans);font-size:10.5px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;background:var(--chip);color:var(--chip-ink);
  border:none;padding:10px 20px;border-radius:999px;cursor:pointer}

/* motion */
.card,.lead,.index-row,.strip-item{animation:rise .5s var(--ease-x) both;
  animation-delay:calc(var(--i,0)*45ms)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1180px){
  :root{--unit:76px;--gx:22px;--gy:24px}
  #hub-masthead{grid-template-columns:1fr;gap:26px;padding:72px 32px 48px}
  #hub-masthead .mast-left,#hub-masthead .mast-right{grid-column:1/-1}
  #hub-index,#hub-latest{padding-left:32px;padding-right:32px}
  .index-row{grid-template-columns:56px minmax(0,1fr) 172px 74px;gap:18px}
  .row-peek span:nth-child(3){display:none}
  #latest-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
  .editorial-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .rail-cats{display:none}
  .lead{grid-column:1/5;grid-row:span 6}
  .rail-recent{grid-column:5/-1;grid-row:span 6}
  .c3,.c4,.c5{grid-column:span 3}
  .c6,.c7,.c8{grid-column:span 6}
  .card.is-wide{grid-template-columns:1fr 1fr}
}

@media (max-width:760px){
  :root{--gx:0px;--gy:36px;--body-h:auto}
  #hub-masthead{padding:52px 20px 32px}
  #hub-index,#hub-latest{padding-left:20px;padding-right:20px}
  #hub-latest{padding-top:48px;padding-bottom:72px}
  .index-row{
    grid-template-columns:1fr;gap:0;padding:26px 0;align-items:start;
  }
  .index-row:hover{padding-left:0}
  .index-row .row-num{padding-top:0;margin-bottom:10px}
  .row-peek{justify-content:flex-start;margin-top:20px}
  .row-peek span{width:64px;opacity:1;transform:none}
  .row-go{justify-content:flex-start;margin-top:18px}
  #latest-strip{grid-template-columns:1fr 1fr;gap:20px;row-gap:32px}
  .crumb{padding:24px 20px 0}
  .page-intro{padding:44px 20px 32px}
  .editorial-grid{display:flex;flex-direction:column;padding:0 20px 72px;gap:36px}
  .lead,.card{display:block}
  .lead .lead-media,.card .card-media{aspect-ratio:3/2}
  .lead .lead-media img,.card .card-media img{height:auto;aspect-ratio:3/2}
  .card .card-body{padding-top:14px}
  .card.is-wide .card-body{padding:14px 0 0}
  .card h3,.card.is-wide h3{font-size:19px}
  .card .card-dek{display:-webkit-box!important;-webkit-line-clamp:3}
  .rail-recent{display:grid;grid-template-columns:1fr;gap:16px}
  .filter-bar{padding-top:28px;justify-content:flex-start}
  .filter-track{margin:0 -20px;padding:0 20px 2px}
}
	.eyebrow {
    font-size: 14px !important;
    text-transform: capitalize;
}

#hub-masthead h1 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: 400 !important;
}

span.row-num {
    font-size: 18px !important;
}

.index-row h2 {
    font-family: 'Playfair Display' !important;
    font-weight: 300 !important;
}
	@media (max-width:801px){
#filter-bar {
    display: none !important;
}

#section-head {
    width: 100% !important;
}		
	}
	#fnp-looksum {
    background: rgb(var(--color-base-highlight)) !important;
    color: rgb(var(--color-foreground)) !important;
}

.fnp-sumrow dt {
    color: rgb(var(--color-foreground)) !important;
}

section#fnp-details {
    background: rgb(var(--color-base-highlight));
}

section#fnp-details h2#fnp-det-h {
    color: rgb(var(--color-foreground)) !important;
}

#fnp-details .fnp-sechead p {
    color: rgb(var(--color-foreground)) !important;
}

section#fnp-details h3.fnp-det__t {
    color: rgb(var(--color-foreground)) !important;
}

.fnp-rev__x {
    margin-bottom: 10px !important;
}

p.fnp-rev__name {
    margin-top: 0px !important;
}

span.fnp-rev__ver {
    margin-top: 0px !important;
}

.fnp-detspec {
    background: rgb(var(--color-background)) !important;
}

.fnp-detspec dt {
    text-transform: capitalize;
    line-height: normal !important;
    font-size: 12px !important;
}

.fnp-detspec dd {
    color: rgb(var(--color-foreground)) !important;
}
	div#fnv-promo-top {
    background: rgb(var(--color-base-highlight)) !important;
    color: rgb(var(--color-foreground)) !important;
}

.fnv-promo-code {
    border-color: rgb(var(--color-foreground) / 0.16) !important;
}

.fnv-promo-shopnow {
    color: rgb(var(--color-foreground)) !important;
}
#tcm-blog-index{
  --ix-paper:rgb(var(--color-background));
  --ix-paper-alt:rgb(var(--color-base-highlight));
  --ix-ink:oklch(21% 0.014 112);
  --ix-ink-mid:oklch(44% 0.012 112);
  --ix-ink-soft:oklch(61% 0.010 112);
  --ix-rule:oklch(89% 0.008 112);
  --ix-rule-mid:oklch(78% 0.010 112);
  --ix-accent:oklch(46% 0.062 148);

  --ix-4:4px; --ix-8:8px; --ix-12:12px; --ix-16:16px; --ix-24:24px;
  --ix-32:32px; --ix-48:48px; --ix-72:72px; --ix-96:96px; --ix-144:144px;
  --ix-serif:'Fraunces',Georgia,'Times New Roman',serif !important;
  --ix-ease:cubic-bezier(0.22,1,0.36,1);

  font-family:var(--ix-sans);
  font-size:17px;line-height:1.55;
  color:var(--ix-ink);background:var(--ix-paper);
  -webkit-font-smoothing:antialiased;font-optical-sizing:auto;
}
#tcm-blog-index *,#tcm-blog-index *::before,#tcm-blog-index *::after{box-sizing:border-box;}
#tcm-blog-index h1,#tcm-blog-index h2,#tcm-blog-index h3,#tcm-blog-index h4,
#tcm-blog-index p,#tcm-blog-index ol,#tcm-blog-index ul,#tcm-blog-index li,#tcm-blog-index figure{margin:0;padding:0;}
#tcm-blog-index ol,#tcm-blog-index ul{list-style:none;}
#tcm-blog-index img{display:block;width:100%;height:auto;}
#tcm-blog-index a{color:inherit;text-decoration:none;}
#tcm-blog-index h1,#tcm-blog-index h2,#tcm-blog-index h3{text-wrap:balance;}
#tcm-blog-index p{text-wrap:pretty;}
#tcm-blog-index a:focus-visible,#tcm-blog-index button:focus-visible,#tcm-blog-index input:focus-visible{
  outline:2px solid var(--ix-accent);outline-offset:4px;border-radius:2px;
}

.tcm-ix__shell{max-width:1420px;margin:0 auto;padding:0 var(--ix-32);}
.tcm-ix-label{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ix-ink-soft);}
.tcm-ix-kicker{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ix-accent);}
.tcm-ix-meta{font-size:.8125rem;color:var(--ix-ink-soft);font-variant-numeric:tabular-nums;}

/* ---------- masthead ---------- */
.tcm-ix__masthead{padding:var(--ix-72) 0 var(--ix-32);}
.tcm-ix__vol{display:flex;align-items:baseline;gap:var(--ix-12);}
.tcm-ix__vol::after{content:"";flex:1;height:1px;background:var(--ix-rule);transform:translateY(-3px);}
.tcm-ix__wordmark{
  font-family:var(--ix-serif);font-weight:300;
  font-size:clamp(3.75rem,13vw,10.5rem);line-height:.86;letter-spacing:-.035em;
  margin:var(--ix-24) 0 0;font-variation-settings:'SOFT' 0,'WONK' 1;
}
.tcm-ix__wordmark em{font-style:italic;font-weight:400;padding-left:.06em;}
.tcm-ix__standfirst{
  font-family:var(--ix-serif);font-size:clamp(1.125rem,1.6vw,1.4375rem);
  font-weight:300;line-height:1.5;color:var(--ix-ink-mid);max-width:52ch;margin-top:var(--ix-32);
}

/* ---------- THE INDEX: five desks with icons ---------- */
.tcm-ix__desks{
  border-top:1px solid var(--ix-ink);
  border-bottom:1px solid var(--ix-rule);
  margin-top:var(--ix-48);
  display:grid;grid-template-columns:repeat(5,1fr);
}
.tcm-ix__desk{
  position:relative;
  padding:var(--ix-24) var(--ix-24) var(--ix-32) 0;
  border-left:1px solid var(--ix-rule);
  display:flex;flex-direction:column;gap:var(--ix-12);
  transition:background .28s var(--ix-ease);
}
.tcm-ix__desk:first-child{border-left:0;padding-left:0;}
.tcm-ix__desk:not(:first-child){padding-left:var(--ix-24);}
.tcm-ix__desk:hover{background:var(--ix-paper-alt);}
.tcm-ix__desk-top{display:flex;align-items:center;justify-content:space-between;gap:var(--ix-8);}
.tcm-ix__icon{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border:1px solid var(--ix-rule-mid);border-radius:50%;color:var(--ix-ink);
  transition:border-color .3s var(--ix-ease),color .3s var(--ix-ease),transform .45s var(--ix-ease);
}
.tcm-ix__icon svg{width:17px;height:17px;display:block;}
.tcm-ix__desk:hover .tcm-ix__icon{border-color:var(--ix-accent);color:var(--ix-accent);transform:rotate(-6deg);}
.tcm-ix__desk-n{font-size:.625rem;font-weight:600;letter-spacing:.16em;color:var(--ix-rule-mid);}
.tcm-ix__desk:hover .tcm-ix__desk-n{color:var(--ix-accent);}
.tcm-ix__desk-name{font-family:var(--ix-serif);font-size:1.5rem;font-weight:400;letter-spacing:-.015em;line-height:1;}
.tcm-ix__desk-note{font-size:.875rem;color:var(--ix-ink-mid);line-height:1.45;}
.tcm-ix__desk-enter{
  margin-top:auto;padding-top:var(--ix-16);
  font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:var(--ix-8);color:var(--ix-ink);
}
.tcm-ix__desk-enter span{display:inline-block;transition:transform .3s var(--ix-ease);}
.tcm-ix__desk:hover .tcm-ix__desk-enter span{transform:translateX(6px);}

/* ---------- lead feature ---------- */
.tcm-ix__lead{
  display:grid;grid-template-columns:1.05fr .95fr;gap:var(--ix-72);
  align-items:end;padding:var(--ix-96) 0 var(--ix-72);
}
.tcm-ix__lead-copy{max-width:34ch;}
.tcm-ix__lead-title{
  font-family:var(--ix-serif);font-weight:400;
  font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.02;letter-spacing:-.03em;
  margin:var(--ix-16) 0 var(--ix-24);max-width:22ch;
}
.tcm-ix__lead-title a{
  background-image:linear-gradient(var(--ix-ink),var(--ix-ink));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .45s var(--ix-ease);
}
.tcm-ix__lead:hover .tcm-ix__lead-title a{background-size:100% 1px;}
.tcm-ix__lead-dek{font-size:1.0625rem;color:var(--ix-ink-mid);max-width:44ch;}
.tcm-ix__byline{
  margin-top:var(--ix-32);padding-top:var(--ix-16);border-top:1px solid var(--ix-rule);
  display:flex;flex-wrap:wrap;gap:var(--ix-12);align-items:center;
}
.tcm-ix__byline strong{font-weight:500;font-size:.8125rem;}
.tcm-ix__lead-figure{position:relative;overflow:hidden;background:var(--ix-paper-alt);}
.tcm-ix__lead-figure img{transition:transform 1.1s var(--ix-ease),filter .6s var(--ix-ease);filter:saturate(.92);}
.tcm-ix__lead:hover .tcm-ix__lead-figure img{transform:scale(1.028);filter:saturate(1);}
.tcm-ix__lead-figure figcaption{
  position:absolute;left:var(--ix-16);bottom:var(--ix-16);background:var(--ix-paper);
  padding:var(--ix-8) var(--ix-12);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
}

/* ---------- section head ---------- */
.tcm-ix__sec-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--ix-24);
  border-top:1px solid var(--ix-ink);padding-top:var(--ix-16);
}
.tcm-ix__sec-title{font-family:var(--ix-serif);font-weight:400;font-size:1.75rem;letter-spacing:-.02em;}

/* ---------- numbered story index ---------- */
.tcm-ix__index{padding-bottom:var(--ix-96);}
.tcm-ix__rows{margin-top:var(--ix-16);}
.tcm-ix__row{
  display:grid;grid-template-columns:64px 150px minmax(0,1fr) 132px;
  gap:var(--ix-24);align-items:start;padding:var(--ix-24) 0;
  border-bottom:1px solid var(--ix-rule);
  transition:background .3s var(--ix-ease),padding-left .3s var(--ix-ease);
}
.tcm-ix__row:hover{background:var(--ix-paper-alt);padding-left:var(--ix-16);}
.tcm-ix__num{
  font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--ix-rule-mid);
  font-variant-numeric:tabular-nums;padding-top:.42em;
}
.tcm-ix__row:hover .tcm-ix__num{color:var(--ix-accent);}
.tcm-ix__row-desk{
  padding-top:.3em;display:flex;align-items:center;gap:var(--ix-8);
  font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ix-ink-soft);
}
.tcm-ix__row-desk svg{width:14px;height:14px;flex:0 0 14px;}
.tcm-ix__row:hover .tcm-ix__row-desk{color:var(--ix-ink);}
.tcm-ix__row-title{font-family:var(--ix-serif);font-weight:400;font-size:1.375rem;line-height:1.24;letter-spacing:-.015em;}
.tcm-ix__row-dek{font-size:.9375rem;color:var(--ix-ink-mid);margin-top:var(--ix-8);max-width:62ch;}
.tcm-ix__row-meta{text-align:right;padding-top:.5em;font-size:.8125rem;color:var(--ix-ink-soft);font-variant-numeric:tabular-nums;}
.tcm-ix__row--feature .tcm-ix__row-title{font-size:1.75rem;}
.tcm-ix__row--feature .tcm-ix__row-meta::after{
  content:"Feature";display:block;margin-top:var(--ix-4);
  font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ix-accent);
}
.tcm-ix__row.is-hidden{display:none;}

/* skeleton */
.tcm-ix__skeleton{display:none;}
.tcm-ix__skeleton.is-on{display:block;}
.tcm-ix__sk-row{
  display:grid;grid-template-columns:64px 150px minmax(0,1fr) 132px;
  gap:var(--ix-24);padding:var(--ix-24) 0;border-bottom:1px solid var(--ix-rule);
}
.tcm-ix__sk-bar{
  height:12px;border-radius:2px;
  background:linear-gradient(90deg,oklch(94% .006 112) 0%,oklch(97% .006 112) 50%,oklch(94% .006 112) 100%);
  background-size:200% 100%;animation:tcm-ix-shimmer 1.25s linear infinite;
}
.tcm-ix__sk-bar--tall{height:22px;}
.tcm-ix__sk-bar + .tcm-ix__sk-bar{margin-top:var(--ix-8);}
@keyframes tcm-ix-shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}

.tcm-ix__more-wrap{padding-top:var(--ix-32);display:flex;justify-content:center;}
.tcm-ix__more{
  font-family:var(--ix-sans);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  background:none;border:1px solid var(--ix-ink);color:var(--ix-ink);
  padding:var(--ix-16) var(--ix-48);cursor:pointer;min-height:48px;
  transition:background .25s var(--ix-ease),color .25s var(--ix-ease);
}
.tcm-ix__more:hover{background:var(--ix-ink);color:var(--ix-paper);}
.tcm-ix__more[disabled]{border-color:var(--ix-rule-mid);color:var(--ix-ink-soft);cursor:not-allowed;}
.tcm-ix__end{
  display:none;text-align:center;padding-top:var(--ix-32);
  font-family:var(--ix-serif);font-size:1.125rem;font-style:italic;color:var(--ix-ink-soft);
}
.tcm-ix__end.is-on{display:block;}

/* ---------- desks band ---------- */
.tcm-ix__band{background:var(--ix-paper-alt);padding:var(--ix-96) 0;}
.tcm-ix__band-grid{margin-top:var(--ix-48);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--ix-48);align-items:start;}
.tcm-ix__band-lead figure{overflow:hidden;background:rgb(var(--color-background));}
.tcm-ix__band-lead img{filter:saturate(.9);transition:transform 1s var(--ix-ease);}
.tcm-ix__band-lead:hover img{transform:scale(1.03);}
.tcm-ix__band-lead h3{
  font-family:var(--ix-serif);font-weight:400;font-size:1.875rem;line-height:1.14;
  letter-spacing:-.02em;margin:var(--ix-24) 0 var(--ix-12);max-width:26ch;
}
.tcm-ix__band-lead p{color:var(--ix-ink-mid);font-size:1rem;max-width:46ch;}
.tcm-ix__stack li{padding:var(--ix-16) 0;border-top:1px solid var(--ix-rule-mid);}
.tcm-ix__stack li:first-child{border-top:1px solid var(--ix-ink);}
.tcm-ix__stack h4{
  font-family:var(--ix-serif);font-weight:400;font-size:1.125rem;line-height:1.28;
  margin:var(--ix-8) 0;transition:opacity .25s var(--ix-ease);
}
.tcm-ix__stack li:hover h4{opacity:.6;}
.tcm-ix__stack-desk{display:flex;align-items:center;gap:var(--ix-8);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ix-ink-soft);}
.tcm-ix__stack-desk svg{width:13px;height:13px;}

/* ---------- letter ---------- */
.tcm-ix__letter{padding:var(--ix-96) 0 var(--ix-144);display:grid;grid-template-columns:1fr 1fr;gap:var(--ix-96);align-items:start;}
.tcm-ix__letter h2{
  font-family:var(--ix-serif);font-weight:300;font-size:clamp(2rem,3.6vw,3.25rem);
  line-height:1.06;letter-spacing:-.03em;max-width:20ch;
}
.tcm-ix__letter p{color:var(--ix-ink-mid);max-width:56ch;}
.tcm-ix__form{display:flex;border-bottom:1px solid var(--ix-ink);margin-top:var(--ix-32);}
.tcm-ix__form input{
  flex:1;border:0;background:transparent;font-family:var(--ix-sans);font-size:1rem;
  color:var(--ix-ink);padding:var(--ix-12) 0;min-height:48px;
}
.tcm-ix__form input::placeholder{color:var(--ix-ink-soft);}
.tcm-ix__form button{
  border:0;background:none;cursor:pointer;font-family:var(--ix-sans);font-size:.75rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ix-ink);padding:var(--ix-12) 0 var(--ix-12) var(--ix-24);
}
.tcm-ix__form button:hover{color:var(--ix-accent);}
.tcm-ix__form-note{margin-top:var(--ix-12);font-size:.8125rem;color:var(--ix-ink-soft);}
.tcm-ix__form-note[data-state="error"]{color:oklch(52% .15 28);}
.tcm-ix__form-note[data-state="success"]{color:var(--ix-accent);}
.tcm-ix__letter-sig{font-family:var(--ix-serif);font-style:italic;font-size:1.25rem;color:var(--ix-ink-mid);margin-top:var(--ix-32);}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .tcm-ix__lead{grid-template-columns:1fr 1fr;gap:var(--ix-48);}
  .tcm-ix__row,.tcm-ix__sk-row{grid-template-columns:44px 132px minmax(0,1fr) 110px;gap:var(--ix-16);}
  .tcm-ix__band-grid{grid-template-columns:1fr 1fr;gap:var(--ix-32);}
  .tcm-ix__band-lead{grid-column:1 / -1;}
}
@media (max-width:900px){
  .tcm-ix__desks{grid-template-columns:1fr 1fr;}
  .tcm-ix__desk{border-left:0;border-top:1px solid var(--ix-rule);padding-left:0 !important;}
  .tcm-ix__desk:nth-child(even){padding-left:var(--ix-24) !important;border-left:1px solid var(--ix-rule);}
  .tcm-ix__desk:nth-child(1),.tcm-ix__desk:nth-child(2){border-top:0;}
  .tcm-ix__letter{grid-template-columns:1fr;gap:var(--ix-32);}
}
@media (max-width:720px){
  #tcm-blog-index{font-size:16px;}
  .tcm-ix__shell{padding:0 var(--ix-24);}
  .tcm-ix__masthead{padding-top:var(--ix-48);}
  .tcm-ix__lead{grid-template-columns:1fr;gap:var(--ix-24);padding:var(--ix-48) 0;}
  .tcm-ix__lead-figure{order:-1;}
  .tcm-ix__lead-copy{max-width:none;}
  .tcm-ix__row,.tcm-ix__sk-row{
    grid-template-columns:auto 1fr;
    grid-template-areas:"num desk" "title title" "meta meta";
    gap:var(--ix-8) var(--ix-12);
  }
  .tcm-ix__row:hover{padding-left:0;}
  .tcm-ix__num{grid-area:num;padding-top:0;}
  .tcm-ix__row-desk{grid-area:desk;padding-top:0;}
  .tcm-ix__row-body{grid-area:title;}
  .tcm-ix__row-meta{grid-area:meta;text-align:left;padding-top:0;}
  .tcm-ix__row-dek{display:none;}
  .tcm-ix__row--feature .tcm-ix__row-dek{display:block;}
  .tcm-ix__row--feature .tcm-ix__row-title{font-size:1.5rem;}
  .tcm-ix__index{padding-bottom:var(--ix-48);}
  .tcm-ix__band{padding:var(--ix-48) 0;}
  .tcm-ix__band-grid{grid-template-columns:1fr;}
  .tcm-ix__letter{padding:var(--ix-48) 0 var(--ix-72);}
  .tcm-ix__more{width:100%;}
}
@media (max-width:460px){
  .tcm-ix__desks{grid-template-columns:1fr;}
  .tcm-ix__desk:nth-child(even){padding-left:0 !important;border-left:0;}
  .tcm-ix__desk:nth-child(2){border-top:1px solid var(--ix-rule);}
  .tcm-ix__desk{flex-direction:row;align-items:flex-start;gap:var(--ix-16);padding-bottom:var(--ix-24);}
  .tcm-ix__desk-top{flex-direction:column;align-items:flex-start;gap:var(--ix-4);}
  .tcm-ix__desk-body{flex:1;display:flex;flex-direction:column;gap:var(--ix-4);}
  .tcm-ix__desk-enter{padding-top:var(--ix-8);}
}
@media (prefers-reduced-motion:reduce){
  #tcm-blog-index *{animation:none !important;transition:none !important;}
}	
	div#tcm-blog-index {
    max-width: 1250px !important;
    margin: auto;
}

p.tcm-ix__vol.tcm-ix-label {
    padding-bottom: 15px !important;
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: normal !important;
}

.tcm-ix__wordmark {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;
    padding-bottom: 15px !important;
}

.tcm-ix__desk-n {
    display: none !important;
}

.tcm-ix__desk-note {
    display: block !important;
    font-size: 15px !important;
    padding-top: 5px !important;
}

.tcm-ix__desk-enter {
    text-transform: capitalize;
    font-size: 14.5px !important;
}

.tcm-ix__desks {
    border: 1px solid rgb(var(--color-foreground) / 0.16) !important;
}

a.tcm-ix__desk {
    padding: 30px !important;
}
	span.tcm-ix__icon {
    display: flex !important;
    flex: unset !important;
    width: 65px !important;
    height: 65px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 0px !important;
}
@media only screen and (max-width: 801px) {
.tcm-ix__masthead {
    padding: 15px !important;
}

p.tcm-ix__standfirst {
    font-size: 15.5px !important;
}

nav.tcm-ix__desks {
    margin-bottom: 10px !important;
    margin-top: 30px !important;
}

.tcm-ix__desk, .tcm-ix__desk:nth-child(1), .tcm-ix__desk:nth-child(2), a.tcm-ix__desk, .tcm-ix__desk:nth-child(even) {
    padding: 20px !important;
}


span.tcm-ix__desk-name {
    font-size: 20px !important;
}

.tcm-ix__desk-note {
    font-size: 14.5px !important;
}

.tcm-ix__wordmark {
    font-size: 50px !important;
}
	}
	#tcm-fashion-blog{
  --fa-paper:rgb(var(--color-background));
  --fa-paper-alt:rgb(var(--color-base-highlight));
  --fa-ink:oklch(19% 0.010 30);
  --fa-ink-mid:oklch(46% 0.010 30);
  --fa-ink-soft:oklch(64% 0.008 30);
  --fa-hair:oklch(90% 0.006 30);
  --fa-accent:oklch(41% 0.088 28);

  --fa-4:4px; --fa-8:8px; --fa-12:12px; --fa-16:16px; --fa-24:24px;
  --fa-32:32px; --fa-48:48px; --fa-64:64px; --fa-96:96px; --fa-128:128px;

  --fa-ease:cubic-bezier(0.16,1,0.3,1);

  font-family:var(--fa-sans);
  font-size:16.5px;line-height:1.6;
  color:var(--fa-ink);background:var(--fa-paper);
  -webkit-font-smoothing:antialiased;font-optical-sizing:auto;
}
#tcm-fashion-blog *,#tcm-fashion-blog *::before,#tcm-fashion-blog *::after{box-sizing:border-box;}
#tcm-fashion-blog h1,#tcm-fashion-blog h2,#tcm-fashion-blog h3,#tcm-fashion-blog h4,
#tcm-fashion-blog p,#tcm-fashion-blog ul,#tcm-fashion-blog li,#tcm-fashion-blog figure{margin:0;padding:0;}
#tcm-fashion-blog ul{list-style:none;}
#tcm-fashion-blog a{color:inherit;text-decoration:none;}
#tcm-fashion-blog img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-fashion-blog h1,#tcm-fashion-blog h2,#tcm-fashion-blog h3{text-wrap:balance;}
#tcm-fashion-blog p{text-wrap:pretty;}
#tcm-fashion-blog a:focus-visible,#tcm-fashion-blog button:focus-visible{outline:2px solid var(--fa-accent);outline-offset:3px;}

.tcm-fa__wrap{max-width:1600px;margin:0 auto;padding:0 clamp(20px,4vw,64px);}
.tcm-fa-eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--fa-ink-soft);}
.tcm-fa-tag{font-size:.625rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fa-accent);}
.tcm-fa-time{font-size:.75rem;letter-spacing:.06em;color:var(--fa-ink-soft);font-variant-numeric:tabular-nums;}

/* ---------- opening ---------- */
.tcm-fa__open{
  padding:clamp(40px,6vw,104px) 0 var(--fa-48);
  display:grid;grid-template-columns:1.3fr .7fr;gap:var(--fa-64);align-items:end;
}
.tcm-fa__crumb{display:flex;gap:var(--fa-8);align-items:center;}
.tcm-fa__crumb a:hover{color:var(--fa-accent);}
.tcm-fa__title{
  font-family:var(--fa-display);font-weight:400;
  font-size:clamp(3.25rem,10.5vw,9rem);line-height:.88;letter-spacing:-.02em;
  margin-top:var(--fa-24);
}
.tcm-fa__title i{font-style:italic;}
.tcm-fa__open-note{border-top:1px solid var(--fa-ink);padding-top:var(--fa-16);padding-bottom:var(--fa-12);}
.tcm-fa__open-note p{color:var(--fa-ink-mid);font-weight:300;max-width:40ch;}
.tcm-fa__open-note p + p{margin-top:var(--fa-12);}

/* ---------- sticky filter ---------- */
.tcm-fa__filter{
  position:sticky;top:0;z-index:20;background:var(--fa-paper);
  border-top:1px solid var(--fa-ink);border-bottom:1px solid var(--fa-hair);
}
.tcm-fa__filter-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--fa-24);width:100%;}
.tcm-fa__chips{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.tcm-fa__chips::-webkit-scrollbar{display:none;}
.tcm-fa__chip{
  flex:0 0 auto;background:none;border:0;cursor:pointer;position:relative;white-space:nowrap;
  font-family:var(--fa-sans);font-size:.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fa-ink-mid);padding:var(--fa-16);min-height:48px;transition:color .25s var(--fa-ease);
}
.tcm-fa__chip:first-child{padding-left:0;}
.tcm-fa__chip::after{
  content:"";position:absolute;left:var(--fa-16);right:var(--fa-16);bottom:0;height:1px;
  background:var(--fa-ink);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--fa-ease);
}
.tcm-fa__chip:first-child::after{left:0;}
.tcm-fa__chip:hover{color:var(--fa-ink);}
.tcm-fa__chip[aria-pressed="true"]{color:var(--fa-ink);font-weight:500;}
.tcm-fa__chip[aria-pressed="true"]::after{transform:scaleX(1);}
.tcm-fa__filter-count{flex:0 0 auto;font-variant-numeric:tabular-nums;}

/* ---------- THE MOSAIC ---------- */
.tcm-fa__mosaic{
  display:grid;grid-template-columns:repeat(12,1fr);
  column-gap:clamp(16px,2.2vw,40px);row-gap:clamp(40px,5vw,96px);
  padding:clamp(40px,6vw,96px) 0;
}
.tcm-fa__item{grid-column:span 4;}
.tcm-fa__item[data-span="4"]{grid-column:span 4;}
.tcm-fa__item[data-span="5"]{grid-column:span 5;}
.tcm-fa__item[data-span="6"]{grid-column:span 6;}
.tcm-fa__item[data-span="7"]{grid-column:span 7;}
.tcm-fa__item[data-span="12"]{grid-column:1 / -1;}
.tcm-fa__item.is-out{display:none;}

.tcm-fa__frame{position:relative;overflow:hidden;background:var(--fa-paper-alt);aspect-ratio:4/5;}
.tcm-fa__item[data-ratio="wide"] .tcm-fa__frame{aspect-ratio:16/10;}
.tcm-fa__item[data-ratio="square"] .tcm-fa__frame{aspect-ratio:1/1;}
.tcm-fa__item[data-ratio="tall"] .tcm-fa__frame{aspect-ratio:3/4.4;}
.tcm-fa__item[data-ratio="pano"] .tcm-fa__frame{aspect-ratio:21/9;}
.tcm-fa__frame img{transition:transform 1.2s var(--fa-ease),filter .8s var(--fa-ease);filter:grayscale(.12) saturate(.95);}
.tcm-fa__item:hover .tcm-fa__frame img{transform:scale(1.04);filter:none;}
.tcm-fa__flag{
  position:absolute;top:0;left:0;background:var(--fa-paper);padding:var(--fa-8) var(--fa-12);
  font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
}
.tcm-fa__body{padding-top:var(--fa-16);}
.tcm-fa__item-title{
  font-family:var(--fa-display);font-weight:400;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;
  margin:var(--fa-8) 0;
}
.tcm-fa__item-title a{
  background-image:linear-gradient(var(--fa-ink),var(--fa-ink));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 92%;
  transition:background-size .5s var(--fa-ease);
}
.tcm-fa__item:hover .tcm-fa__item-title a{background-size:100% 1px;}
.tcm-fa__item[data-span="7"] .tcm-fa__item-title{font-size:clamp(1.75rem,2.6vw,2.5rem);}
.tcm-fa__item[data-span="12"] .tcm-fa__item-title{font-size:clamp(2rem,4vw,3.5rem);max-width:24ch;}
.tcm-fa__dek{color:var(--fa-ink-mid);font-weight:300;font-size:.9375rem;max-width:52ch;}
.tcm-fa__foot{margin-top:var(--fa-12);display:flex;gap:var(--fa-12);align-items:center;}
/* the full-width item splits type beside the image */
.tcm-fa__item[data-span="12"]{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(24px,3vw,64px);align-items:center;}
.tcm-fa__item[data-span="12"] .tcm-fa__body{padding-top:0;}

/* ---------- empty ---------- */
.tcm-fa__empty{display:none;padding:var(--fa-96) 0 var(--fa-128);border-top:1px solid var(--fa-hair);text-align:center;}
.tcm-fa__empty.is-on{display:block;}
.tcm-fa__empty h3{font-family:var(--fa-display);font-weight:400;font-style:italic;font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:var(--fa-12);}
.tcm-fa__empty p{color:var(--fa-ink-mid);font-weight:300;max-width:44ch;margin:0 auto var(--fa-24);}
.tcm-fa__reset{
  background:none;border:0;border-bottom:1px solid var(--fa-ink);cursor:pointer;color:var(--fa-ink);
  font-family:var(--fa-sans);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;padding-bottom:var(--fa-4);
}
.tcm-fa__reset:hover{color:var(--fa-accent);border-color:var(--fa-accent);}

/* ---------- pagination ---------- */
.tcm-fa__pages{display:flex;align-items:center;justify-content:center;gap:var(--fa-4);padding:0 0 clamp(48px,7vw,112px);}
.tcm-fa__page{
  min-width:44px;min-height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;
  font-family:var(--fa-sans);font-size:.875rem;letter-spacing:.06em;color:var(--fa-ink-mid);
  font-variant-numeric:tabular-nums;transition:color .2s var(--fa-ease),background .2s var(--fa-ease);
}
.tcm-fa__page:hover{color:var(--fa-ink);background:var(--fa-paper-alt);}
.tcm-fa__page[aria-current="page"]{color:var(--fa-ink);border-bottom:1px solid var(--fa-ink);font-weight:500;}
.tcm-fa__page[disabled]{color:oklch(82% .006 30);cursor:not-allowed;background:none;}
.tcm-fa__page-gap{color:var(--fa-ink-soft);padding:0 var(--fa-4);}

/* ---------- other desks: portrait doors ---------- */
.tcm-fa__desks{background:var(--fa-paper-alt);padding:clamp(48px,7vw,104px) 0;}
.tcm-fa__desks-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--fa-24);border-bottom:1px solid var(--fa-ink);padding-bottom:var(--fa-16);}
.tcm-fa__desks-head h2{font-family:var(--fa-display);font-weight:400;font-size:clamp(1.5rem,3vw,2.25rem);}
.tcm-fa__doors{margin-top:var(--fa-48);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,28px);}
.tcm-fa__door-frame{position:relative;overflow:hidden;aspect-ratio:2/3;background:rgb(var(--color-background));}
.tcm-fa__door-frame img{filter:grayscale(.3);transition:transform 1.1s var(--fa-ease),filter .7s var(--fa-ease);}
.tcm-fa__door:hover .tcm-fa__door-frame img{transform:scale(1.05);filter:none;}
.tcm-fa__door-name{
  display:flex;align-items:center;gap:var(--fa-8);padding-top:var(--fa-12);
  border-top:1px solid var(--fa-hair);margin-top:var(--fa-12);
}
.tcm-fa__door-name svg{width:16px;height:16px;flex:0 0 16px;}
.tcm-fa__door-name strong{font-family:var(--fa-display);font-weight:400;font-size:1.25rem;flex:1;}
.tcm-fa__door-name span{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fa-ink-soft);}
.tcm-fa__door:hover .tcm-fa__door-name{border-color:var(--fa-ink);}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .tcm-fa__item[data-span="7"]{grid-column:span 7;}
  .tcm-fa__item[data-span="5"]{grid-column:span 5;}
  .tcm-fa__item[data-span="4"],.tcm-fa__item[data-span="6"]{grid-column:span 6;}
  .tcm-fa__doors{grid-template-columns:repeat(2,1fr);row-gap:var(--fa-32);}
}
@media (max-width:820px){
  .tcm-fa__open{grid-template-columns:1fr;gap:var(--fa-24);align-items:start;}
  .tcm-fa__open-note{border-top:0;padding-top:0;}
  .tcm-fa__item,.tcm-fa__item[data-span="4"],.tcm-fa__item[data-span="5"],
  .tcm-fa__item[data-span="6"],.tcm-fa__item[data-span="7"]{grid-column:1 / -1;}
  .tcm-fa__item[data-span="12"]{grid-template-columns:1fr;}
  /* every frame settles to one calm ratio on small screens */
  .tcm-fa__frame,
  .tcm-fa__item[data-ratio="pano"] .tcm-fa__frame,
  .tcm-fa__item[data-ratio="tall"] .tcm-fa__frame{aspect-ratio:4/5;}
  .tcm-fa__item[data-ratio="wide"] .tcm-fa__frame,
  .tcm-fa__item[data-span="12"] .tcm-fa__frame{aspect-ratio:16/11;}
  .tcm-fa__mosaic{row-gap:var(--fa-48);}
}
@media (max-width:520px){
  .tcm-fa__doors{grid-template-columns:1fr;}
  .tcm-fa__door{display:grid;grid-template-columns:88px 1fr;gap:var(--fa-16);align-items:center;}
  .tcm-fa__door-frame{aspect-ratio:1/1;}
  .tcm-fa__door-name{border-top:0;margin-top:0;padding-top:0;}
  .tcm-fa__item-title{font-size:1.375rem;}
  .tcm-fa__dek{display:none;}
  .tcm-fa__item[data-span="12"] .tcm-fa__dek{display:block;}
}
@media (prefers-reduced-motion:reduce){
  #tcm-fashion-blog *{transition:none !important;animation:none !important;}
}
	div#tcm-fashion-blog {
    max-width: 1250px !important;
    margin: auto !important;
}

h1.tcm-fa__title {
    font-family: "Fraunces", serif !important;
    font-weight: normal !important;
}

span.tcm-fa__flag {
    font-size: 13px !important;
    text-transform: capitalize;
}

p.tcm-fa-tag {}

h2.tcm-fa__item-title {
    font-family: 'Playfair Display' !important;
    font-weight: 400 !important;
    padding: 10px 0px !important;
}

p.tcm-fa-tag {
    text-transform: capitalize;
    font-size: 13px !important;
    color: rgb(var(--color-foreground)) !important;
}
	@media only screen and (max-width: 801px) {
div#tcm-fashion-blog {
    padding: 15px !important;
}

h1.tcm-fa__title {
    font-size: 50px !important;
}

#tcm-fashion-blog p {
    font-size: 14.5px !important;
}

.tcm-fa__filter-inner {
    padding: 0px !important;
}

#tcm-fashion-blog a {
    font-size: 24px !important;
    line-height: 31px !important;
}
	}
	#tcm-beauty-blog{
  --be-paper:rgb(var(--color-background));
  --be-paper-alt:rgb(var(--color-base-highlight));
  --be-ink:oklch(22% 0.014 350);
  --be-ink-mid:oklch(47% 0.012 350);
  --be-ink-soft:oklch(65% 0.010 350);
  --be-hair:oklch(91% 0.007 350);
  --be-accent:oklch(43% 0.078 352);

  --be-4:4px; --be-8:8px; --be-12:12px; --be-16:16px; --be-24:24px;
  --be-32:32px; --be-40:40px; --be-56:56px; --be-80:80px; --be-120:120px;
  --be-ease:cubic-bezier(0.16,1,0.3,1);
  --be-radius:2px;

  font-family:var(--be-sans);
  font-size:17px;line-height:1.6;font-weight:300;
  color:var(--be-ink);background:var(--be-paper);
  -webkit-font-smoothing:antialiased;
}
#tcm-beauty-blog *,#tcm-beauty-blog *::before,#tcm-beauty-blog *::after{box-sizing:border-box;}
#tcm-beauty-blog h1,#tcm-beauty-blog h2,#tcm-beauty-blog h3,#tcm-beauty-blog h4,
#tcm-beauty-blog p,#tcm-beauty-blog ul,#tcm-beauty-blog li,#tcm-beauty-blog figure{margin:0;padding:0;}
#tcm-beauty-blog ul{list-style:none;}
#tcm-beauty-blog a{color:inherit;text-decoration:none;}
#tcm-beauty-blog img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-beauty-blog h1,#tcm-beauty-blog h2,#tcm-beauty-blog h3{text-wrap:balance;}
#tcm-beauty-blog p{text-wrap:pretty;}
#tcm-beauty-blog a:focus-visible,#tcm-beauty-blog button:focus-visible,#tcm-beauty-blog input:focus-visible{
  outline:2px solid var(--be-accent);outline-offset:4px;border-radius:var(--be-radius);
}

.tcm-be-label{font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--be-ink-soft);}
.tcm-be-italic{font-family:var(--be-italic);font-style:italic;font-weight:300;}

/* ---------- the split ---------- */
.tcm-be__split{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);}

/* left: sticky preview */
.tcm-be__panel{
  position:sticky;top:0;height:100vh;background:var(--be-paper-alt);
  padding:clamp(28px,3.4vw,56px);
  display:flex;flex-direction:column;border-right:1px solid var(--be-hair);
}
.tcm-be__panel-top{display:flex;align-items:center;justify-content:space-between;gap:var(--be-16);}
.tcm-be__mark{display:flex;align-items:center;gap:var(--be-12);}
.tcm-be__mark-icon{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border:1px solid var(--be-hair);border-radius:50%;background:var(--be-paper);color:var(--be-accent);
}
.tcm-be__mark-icon svg{width:17px;height:17px;}
.tcm-be__mark strong{font-size:1.0625rem;font-weight:500;letter-spacing:-.01em;}
.tcm-be__mark strong span{font-family:var(--be-italic);font-style:italic;font-weight:300;}

.tcm-be__stage{
  flex:1;min-height:0;margin:clamp(20px,2.6vw,40px) 0;
  display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2vw,28px);
}
.tcm-be__stage-figure{
  position:relative;overflow:hidden;border-radius:var(--be-radius);
  background:rgb(var(--color-background));aspect-ratio:4/3;flex:0 1 auto;max-height:46vh;
}
.tcm-be__stage-figure img{transition:opacity .5s var(--be-ease),transform 1.4s var(--be-ease);}
.tcm-be__stage-figure.is-swapping img{opacity:0;transform:scale(1.02);}
.tcm-be__stage-copy{max-width:34ch;}
.tcm-be__stage-title{
  font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:400;line-height:1.1;
  letter-spacing:-.02em;margin:var(--be-12) 0;
}
.tcm-be__stage-dek{color:var(--be-ink-mid);font-size:.9375rem;}
.tcm-be__stage-meta{
  display:flex;gap:var(--be-12);align-items:center;margin-top:var(--be-16);
  font-size:.75rem;color:var(--be-ink-soft);font-variant-numeric:tabular-nums;
}
.tcm-be__stage-cta{
  display:inline-flex;align-items:center;gap:var(--be-8);margin-top:var(--be-16);
  font-size:.8125rem;font-weight:500;color:var(--be-accent);
  border-bottom:1px solid currentColor;padding-bottom:2px;
}
.tcm-be__stage-cta span{transition:transform .3s var(--be-ease);}
.tcm-be__stage-cta:hover span{transform:translateX(5px);}

/* tag pills inside the panel */
.tcm-be__filters{border-top:1px solid var(--be-hair);padding-top:var(--be-16);}
.tcm-be__pills{display:flex;flex-wrap:wrap;gap:var(--be-8) var(--be-4);margin-top:var(--be-12);}
.tcm-be__pill{
  display:inline-flex;align-items:center;padding:var(--be-8) var(--be-16);
  border:1px solid var(--be-hair);border-radius:999px;background:var(--be-paper);
  font-family:var(--be-sans);font-size:.8125rem;color:var(--be-ink-mid);cursor:pointer;
  min-height:36px;
  transition:border-color .25s var(--be-ease),color .25s var(--be-ease),transform .25s var(--be-ease);
}
.tcm-be__pill:hover{border-color:var(--be-accent);color:var(--be-accent);transform:translateY(-1px);}
.tcm-be__pill[aria-pressed="true"]{background:var(--be-ink);border-color:var(--be-ink);color:var(--be-paper);}

/* right: the scrolling list */
.tcm-be__stream{padding:clamp(28px,3.4vw,64px) clamp(20px,3.4vw,64px) var(--be-80);}
.tcm-be__stream-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--be-16);
  padding-bottom:var(--be-16);border-bottom:1px solid var(--be-ink);
}
.tcm-be__stream-head h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;letter-spacing:-.025em;line-height:1.05;}
.tcm-be__stream-head h1 em{font-family:var(--be-italic);font-style:italic;font-weight:300;}

.tcm-be__list{margin-top:var(--be-8);}
.tcm-be__entry{
  display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:var(--be-24);align-items:start;
  padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--be-hair);
}
.tcm-be__entry.is-out{display:none;}
.tcm-be__entry-thumb{overflow:hidden;border-radius:var(--be-radius);aspect-ratio:1/1;background:var(--be-paper-alt);}
.tcm-be__entry-thumb img{transition:transform 1s var(--be-ease);filter:saturate(.9);}
.tcm-be__entry:hover .tcm-be__entry-thumb img{transform:scale(1.06);filter:none;}
.tcm-be__entry-title{
  font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:400;line-height:1.22;
  letter-spacing:-.015em;margin:var(--be-8) 0;
}
.tcm-be__entry:hover .tcm-be__entry-title{color:var(--be-accent);}
.tcm-be__entry-dek{font-size:.9375rem;color:var(--be-ink-mid);max-width:58ch;}
.tcm-be__entry-side{
  text-align:right;font-size:.75rem;color:var(--be-ink-soft);
  font-variant-numeric:tabular-nums;padding-top:var(--be-4);white-space:nowrap;
}
.tcm-be__entry.is-active{background:linear-gradient(90deg,var(--be-paper-alt),transparent 72%);}

/* rhythm breaks */
.tcm-be__entry--wide{grid-template-columns:1fr;gap:var(--be-16);}
.tcm-be__entry--wide .tcm-be__entry-thumb{aspect-ratio:16/7;}
.tcm-be__entry--wide .tcm-be__entry-title{font-size:clamp(1.375rem,2.2vw,1.875rem);max-width:30ch;}
.tcm-be__entry--wide .tcm-be__entry-side{text-align:left;padding-top:0;}
.tcm-be__entry-flag{
  display:inline-block;margin-bottom:var(--be-8);font-size:.625rem;
  letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--be-accent);
}
.tcm-be__entry--quiet{grid-template-columns:minmax(0,1fr) auto;}
.tcm-be__entry--quiet .tcm-be__entry-thumb{display:none;}

/* empty state */
.tcm-be__empty{display:none;padding:var(--be-56) 0;text-align:center;}
.tcm-be__empty.is-on{display:block;}
.tcm-be__empty h3{font-family:var(--be-italic);font-style:italic;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;margin-bottom:var(--be-8);}
.tcm-be__empty p{color:var(--be-ink-mid);max-width:44ch;margin:0 auto var(--be-24);}

/* progress + load */
.tcm-be__stream-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--be-16);padding-top:var(--be-32);flex-wrap:wrap;}
.tcm-be__btn{
  font-family:var(--be-sans);font-size:.8125rem;font-weight:500;
  background:var(--be-ink);color:var(--be-paper);border:0;border-radius:999px;
  padding:var(--be-12) var(--be-24);cursor:pointer;min-height:44px;
  transition:background .25s var(--be-ease),transform .25s var(--be-ease);
}
.tcm-be__btn:hover{background:var(--be-accent);}
.tcm-be__btn:active{transform:translateY(1px);}
.tcm-be__btn[disabled]{background:var(--be-hair);color:var(--be-ink-soft);cursor:not-allowed;}
.tcm-be__progress{flex:1;min-width:140px;height:2px;background:var(--be-hair);position:relative;overflow:hidden;}
.tcm-be__progress i{
  position:absolute;inset:0 auto 0 0;background:var(--be-ink);
  transform-origin:left;transform:scaleX(.1);transition:transform .5s var(--be-ease);
}

/* ---------- mood rail ---------- */
.tcm-be__mood{border-top:1px solid var(--be-hair);padding:clamp(40px,6vw,96px) clamp(20px,4vw,64px);}
.tcm-be__mood-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--be-24);flex-wrap:wrap;}
.tcm-be__mood-head h2{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:400;letter-spacing:-.02em;}
.tcm-be__mood-head h2 em{font-family:var(--be-italic);font-style:italic;font-weight:300;}
.tcm-be__rail{
  display:flex;gap:clamp(16px,2vw,32px);overflow-x:auto;margin-top:var(--be-32);
  padding-bottom:var(--be-16);scroll-snap-type:x mandatory;scrollbar-width:thin;
}
.tcm-be__rail::-webkit-scrollbar{height:2px;}
.tcm-be__rail::-webkit-scrollbar-thumb{background:var(--be-ink-soft);}
.tcm-be__rail-item{flex:0 0 clamp(220px,24vw,300px);scroll-snap-align:start;}
.tcm-be__rail-item figure{overflow:hidden;border-radius:var(--be-radius);aspect-ratio:3/4;background:var(--be-paper-alt);margin-bottom:var(--be-12);}
.tcm-be__rail-item img{transition:transform 1s var(--be-ease);}
.tcm-be__rail-item:hover img{transform:scale(1.05);}
.tcm-be__rail-item h3{font-size:1.0625rem;font-weight:400;line-height:1.25;margin-top:var(--be-4);}
.tcm-be__rail-n{font-family:var(--be-italic);font-style:italic;font-size:1.25rem;color:var(--be-ink-soft);}

/* ---------- other desks ---------- */
.tcm-be__desks{
  background:var(--be-paper-alt);padding:clamp(40px,6vw,88px) clamp(20px,4vw,64px);
}
.tcm-be__desks h2{font-size:clamp(1.375rem,2.4vw,2rem);font-weight:400;letter-spacing:-.02em;}
.tcm-be__desks-row{display:flex;flex-wrap:wrap;gap:var(--be-12);margin-top:var(--be-24);}
.tcm-be__desk{
  display:inline-flex;align-items:center;gap:var(--be-12);
  padding:var(--be-12) var(--be-24);border:1px solid var(--be-hair);border-radius:999px;
  background:var(--be-paper);min-height:48px;
  transition:border-color .25s var(--be-ease),color .25s var(--be-ease),transform .25s var(--be-ease);
}
.tcm-be__desk svg{width:18px;height:18px;flex:0 0 18px;}
.tcm-be__desk strong{font-weight:500;}
.tcm-be__desk span{font-size:.75rem;color:var(--be-ink-soft);font-variant-numeric:tabular-nums;}
.tcm-be__desk:hover{border-color:var(--be-accent);color:var(--be-accent);transform:translateY(-2px);}

/* ---------- responsive: panel becomes a header ---------- */
@media (max-width:1080px){
  .tcm-be__split{grid-template-columns:1fr;}
  .tcm-be__panel{position:static;height:auto;border-right:0;border-bottom:1px solid var(--be-hair);}
  .tcm-be__stage{margin:var(--be-24) 0;}
  .tcm-be__stage-figure{max-height:none;aspect-ratio:16/9;}
  .tcm-be__stage-copy{max-width:48ch;}
  .tcm-be__entry.is-active{background:none;}
}
@media (max-width:640px){
  #tcm-beauty-blog{font-size:16px;}
  .tcm-be__stage-figure{aspect-ratio:4/3;}
  .tcm-be__entry{
    grid-template-columns:72px minmax(0,1fr);
    grid-template-areas:"thumb title" "side side";
    gap:var(--be-12) var(--be-16);
  }
  .tcm-be__entry-thumb{grid-area:thumb;}
  .tcm-be__entry-body{grid-area:title;}
  .tcm-be__entry-side{grid-area:side;text-align:left;padding-top:0;}
  .tcm-be__entry-dek{display:none;}
  .tcm-be__entry--wide{grid-template-columns:1fr;grid-template-areas:"thumb" "title" "side";}
  .tcm-be__entry--wide .tcm-be__entry-dek{display:block;}
  .tcm-be__entry--quiet{grid-template-columns:1fr;grid-template-areas:"title" "side";}
  .tcm-be__btn{width:100%;}
  .tcm-be__progress{order:-1;width:100%;}
  .tcm-be__rail-item{flex:0 0 74vw;}
}
@media (prefers-reduced-motion:reduce){
  #tcm-beauty-blog *{transition:none !important;animation:none !important;}
}
	.tcm-be__stream-head h1, .tcm-be__stream-head h1 em {
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
    font-size: 50px !important;
    font-weight: normal !important;
}

p.tcm-be-label {
    display: none !important;

	}
	.tcm-be__stage-figure {
    max-height: unset !important;
    height: 350px !important;
    display: block !important;
    width: 100% !important;
}

.tcm-be__stage {
    display: block !important;
}

span.tcm-be__mark-icon {
    display: none !important;
}

.tcm-be__mark strong {
    font-size: 30px !important;
    font-weight: 300 !important;
}

a.tcm-be-label {
    display: none !important;
}

.tcm-be__entry {
    background: transparent !important;
}

.tcm-be__panel {
    height: 100% !important;
}

.tcm-be__panel-top {
    display: none !important;
}

.tcm-be__stage-copy {
    max-width: 100% !important;
}

.tcm-be__stage-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: normal !important;
    padding: 10px 0px !important;
}

h2.tcm-be__entry-title a {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: rgb(var(--color-foreground)) !important;
    font-weight: normal !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 24px !important;
}
	.tcm-be__stage {
    position: sticky;
    top: 100px !important;
}

.tcm-be__filters {
    position: relative;
}

.tcm-be__pill[aria-pressed="true"] {
    background: rgb(var(--color-foreground)) !important;
    border-color: rgb(var(--color-foreground)) !important;
}

.tcm-be__pill:hover {
    border-color: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-foreground)) !important;
}

.tcm-be__mood-head h2, .tcm-be__mood-head h2 em {
    font-size: 50px !important;
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
    font-weight: normal !important;
}

a.tcm-be__rail-item h3 {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    font-size: 21px !important;
    line-height: 30px !important;
}

span.tcm-be__rail-n {
    font-size: 14px !important;
    padding-top: 20px !important;
    display: block !important;
}
	.tcm-be__split {
    grid-template-columns: minmax(0, 30%) minmax(0, 70%);
}

.tcm-be__stage {
    display: none !important;
}

.tcm-be__filters {
    border: 0px !important;
    padding: 0px !important;
}

aside.tcm-be__panel {
    background: rgb(var(--color-background)) !important;
}

div#tcm-beauty-blog {
    max-width: 1300px !important;
    margin: auto !important;
}

.tcm-be__stream-foot {
    display: none !important;
}
	@media (max-width: 801px) {
aside.tcm-be__panel {
    display: none !important;
}

.tcm-be__split {
    display: block !important;
}

.tcm-be__stream-head h1, .tcm-be__stream-head h1 em {
    font-size: 36px !important;
}

h2.tcm-be__entry-title a {
    font-size: 18px !important;
}

p.tcm-be__entry-side br {
}

p.tcm-be__entry-side {
    text-align: right !important;
}

.tcm-be__mood-head h2, .tcm-be__mood-head h2 em {
    font-size: 30px !important;
}
	}
	#tcm-lifestyle-blog{
  --li-paper:rgb(var(--color-background));
  --li-paper-alt:rgb(var(--color-base-highlight));
  --li-ink:oklch(22% 0.014 140);
  --li-ink-mid:oklch(46% 0.012 140);
  --li-ink-soft:oklch(64% 0.010 140);
  --li-hair:oklch(90% 0.008 140);
  --li-hair-2:oklch(82% 0.010 140);
  --li-accent:oklch(42% 0.060 146);

  --li-4:4px; --li-8:8px; --li-12:12px; --li-16:16px; --li-24:24px;
  --li-32:32px; --li-48:48px; --li-72:72px; --li-96:96px; --li-144:144px;
  --li-ease:cubic-bezier(0.22,1,0.36,1);

  font-family:var(--li-sans);
  font-size:17px;line-height:1.62;font-weight:300;
  color:var(--li-ink);background:var(--li-paper);
  -webkit-font-smoothing:antialiased;
}
#tcm-lifestyle-blog *,#tcm-lifestyle-blog *::before,#tcm-lifestyle-blog *::after{box-sizing:border-box;}
#tcm-lifestyle-blog h1,#tcm-lifestyle-blog h2,#tcm-lifestyle-blog h3,#tcm-lifestyle-blog h4,
#tcm-lifestyle-blog p,#tcm-lifestyle-blog ul,#tcm-lifestyle-blog ol,#tcm-lifestyle-blog li,#tcm-lifestyle-blog figure{margin:0;padding:0;}
#tcm-lifestyle-blog ul,#tcm-lifestyle-blog ol{list-style:none;}
#tcm-lifestyle-blog a{color:inherit;text-decoration:none;}
#tcm-lifestyle-blog img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-lifestyle-blog h1,#tcm-lifestyle-blog h2,#tcm-lifestyle-blog h3{text-wrap:balance;}
#tcm-lifestyle-blog p{text-wrap:pretty;}
#tcm-lifestyle-blog a:focus-visible,#tcm-lifestyle-blog button:focus-visible{outline:2px solid var(--li-accent);outline-offset:4px;}

.tcm-li__col{max-width:1220px;margin:0 auto;padding:0 clamp(20px,4vw,40px);}
.tcm-li__narrow{max-width:760px;margin:0 auto;padding:0 clamp(20px,4vw,40px);}
.tcm-li-cap{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--li-ink-soft);}
.tcm-li-cap--accent{color:var(--li-accent);}
.tcm-li-num{
  font-family:var(--li-serif);font-size:.875rem;font-style:italic;
  color:var(--li-ink-soft);font-variant-numeric:tabular-nums;
}

/* ---------- opening: centred, quiet ---------- */
.tcm-li__open{padding:clamp(48px,7vw,120px) 0 clamp(32px,4vw,64px);text-align:center;}
.tcm-li__crumb{display:inline-flex;gap:var(--li-8);align-items:center;}
.tcm-li__crumb a:hover{color:var(--li-accent);}
.tcm-li__icon{
  width:44px;height:44px;margin:var(--li-24) auto var(--li-16);
  display:grid;place-items:center;border:1px solid var(--li-hair-2);border-radius:50%;
  color:var(--li-accent);
}
.tcm-li__icon svg{width:21px;height:21px;}
.tcm-li__h1{
  font-family:var(--li-serif);font-weight:400;
  font-size:clamp(2.5rem,7vw,5.25rem);line-height:1;letter-spacing:-.03em;
}
.tcm-li__h1 em{font-style:italic;font-weight:400;}
.tcm-li__standfirst{
  font-family:var(--li-serif);font-size:clamp(1.0625rem,1.5vw,1.3125rem);
  line-height:1.6;color:var(--li-ink-mid);max-width:56ch;margin:var(--li-24) auto 0;
}
.tcm-li__rule{
  width:64px;height:1px;background:var(--li-hair-2);
  margin:clamp(28px,3.4vw,48px) auto 0;
}

/* ---------- filter: plain inline links, no chips ---------- */
.tcm-li__filter{
  padding:clamp(24px,3vw,40px) 0;
  border-bottom:1px solid var(--li-hair);
  text-align:center;
}
.tcm-li__filter-list{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:var(--li-8) var(--li-24);
}
.tcm-li__f{
  background:none;border:0;cursor:pointer;padding:var(--li-8) 0;
  font-family:var(--li-serif);font-size:1.0625rem;color:var(--li-ink-mid);
  position:relative;min-height:40px;
  transition:color .25s var(--li-ease);
}
.tcm-li__f::after{
  content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;
  background:var(--li-accent);transform:scaleX(0);transform-origin:center;
  transition:transform .35s var(--li-ease);
}
.tcm-li__f:hover{color:var(--li-ink);}
.tcm-li__f[aria-pressed="true"]{color:var(--li-accent);font-style:italic;}
.tcm-li__f[aria-pressed="true"]::after{transform:scaleX(1);}

/* ---------- THE ROWS ---------- */
.tcm-li__rows{padding:clamp(32px,5vw,72px) 0 0;}
.tcm-li__row{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(24px,4vw,72px);align-items:center;
  padding:clamp(32px,4.4vw,64px) 0;
  border-bottom:1px solid var(--li-hair);
}
.tcm-li__row.is-out{display:none;}
.tcm-li__row-figure{overflow:hidden;background:var(--li-paper-alt);aspect-ratio:5/4;}
.tcm-li__row-figure img{filter:saturate(.9);transition:transform 1.2s var(--li-ease),filter .7s var(--li-ease);}
.tcm-li__row:hover .tcm-li__row-figure img{transform:scale(1.035);filter:none;}
/* every other row flips the image to the right */
.tcm-li__row:nth-of-type(even) .tcm-li__row-figure{order:2;}
.tcm-li__row-body{max-width:46ch;}
.tcm-li__row:nth-of-type(even) .tcm-li__row-body{margin-left:auto;}
.tcm-li__row-head{display:flex;align-items:center;gap:var(--li-12);}
.tcm-li__row-title{
  font-family:var(--li-serif);font-weight:400;
  font-size:clamp(1.5rem,2.9vw,2.375rem);line-height:1.14;letter-spacing:-.02em;
  margin:var(--li-12) 0 var(--li-12);
}
.tcm-li__row-title a{
  background-image:linear-gradient(var(--li-ink),var(--li-ink));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 96%;
  transition:background-size .5s var(--li-ease);
}
.tcm-li__row:hover .tcm-li__row-title a{background-size:100% 1px;}
.tcm-li__row-dek{color:var(--li-ink-mid);}
.tcm-li__row-foot{
  margin-top:var(--li-24);padding-top:var(--li-12);
  border-top:1px solid var(--li-hair);
  display:flex;gap:var(--li-16);align-items:center;flex-wrap:wrap;
  font-size:.8125rem;color:var(--li-ink-soft);font-variant-numeric:tabular-nums;
}
.tcm-li__row-more{
  margin-left:auto;font-family:var(--li-sans);font-size:.75rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--li-ink);
  display:inline-flex;gap:var(--li-8);align-items:center;
}
.tcm-li__row-more span{transition:transform .3s var(--li-ease);}
.tcm-li__row:hover .tcm-li__row-more span{transform:translateX(5px);}

/* the long read row goes full bleed and centres its type */
.tcm-li__row--feature{grid-template-columns:1fr;gap:clamp(20px,2.6vw,40px);background:var(--li-paper-alt);}
.tcm-li__row--feature .tcm-li__row-figure{order:0 !important;aspect-ratio:21/9;}
.tcm-li__row--feature .tcm-li__row-body{
  max-width:60ch;margin:0 auto !important;text-align:center;
  padding-bottom:clamp(20px,2.6vw,40px);
}
.tcm-li__row--feature .tcm-li__row-head{justify-content:center;}
.tcm-li__row--feature .tcm-li__row-title{font-size:clamp(1.875rem,4vw,3.25rem);}
.tcm-li__row--feature .tcm-li__row-foot{justify-content:center;border-top:0;}
.tcm-li__row--feature .tcm-li__row-more{margin-left:0;}


/* ---------- quiet reads: two columns of pure type ---------- */
.tcm-li__quiet{padding:clamp(48px,7vw,104px) 0;}
.tcm-li__quiet-head{text-align:center;}
.tcm-li__quiet-head h2{
  font-family:var(--li-serif);font-weight:400;font-style:italic;
  font-size:clamp(1.5rem,2.8vw,2.25rem);letter-spacing:-.02em;margin-top:var(--li-8);
}
.tcm-li__quiet-grid{
  margin-top:clamp(28px,3.4vw,48px);
  display:grid;grid-template-columns:1fr 1fr;
  column-gap:clamp(32px,5vw,96px);
}
.tcm-li__quiet-item{padding:var(--li-24) 0;border-top:1px solid var(--li-hair);}
.tcm-li__quiet-item:first-child,.tcm-li__quiet-item:nth-child(2){border-top:1px solid var(--li-ink);}
.tcm-li__quiet-item h3{
  font-family:var(--li-serif);font-weight:400;font-size:1.25rem;line-height:1.26;
  margin:var(--li-8) 0;transition:color .25s var(--li-ease);
}
.tcm-li__quiet-item:hover h3{color:var(--li-accent);}
.tcm-li__quiet-item p{font-size:.9375rem;color:var(--li-ink-mid);}
.tcm-li__quiet-item span.tcm-li-cap{display:block;}

/* ---------- empty + more ---------- */
.tcm-li__empty{display:none;padding:clamp(48px,7vw,96px) 0;text-align:center;}
.tcm-li__empty.is-on{display:block;}
.tcm-li__empty h3{font-family:var(--li-serif);font-style:italic;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;margin-bottom:var(--li-12);}
.tcm-li__empty p{color:var(--li-ink-mid);max-width:46ch;margin:0 auto var(--li-24);}
.tcm-li__btn{
  background:none;border:1px solid var(--li-ink);cursor:pointer;color:var(--li-ink);
  font-family:var(--li-sans);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  padding:var(--li-16) var(--li-48);min-height:48px;
  transition:background .25s var(--li-ease),color .25s var(--li-ease);
}
.tcm-li__btn:hover{background:var(--li-ink);color:var(--li-paper);}
.tcm-li__btn[disabled]{border-color:var(--li-hair-2);color:var(--li-ink-soft);cursor:not-allowed;}
.tcm-li__more-wrap{display:flex;justify-content:center;padding:clamp(32px,4vw,56px) 0;}

/* ---------- closing quote ---------- */
.tcm-li__quote{
  border-top:1px solid var(--li-hair);border-bottom:1px solid var(--li-hair);
  padding:clamp(48px,7vw,112px) 0;text-align:center;
}
.tcm-li__quote blockquote{
  font-family:var(--li-serif);font-style:italic;font-weight:400;
  font-size:clamp(1.375rem,3.2vw,2.375rem);line-height:1.28;letter-spacing:-.02em;
  max-width:34ch;margin:0 auto;
}
.tcm-li__quote cite{
  display:block;margin-top:var(--li-24);font-style:normal;
  font-family:var(--li-sans);font-size:.75rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--li-ink-soft);
}

/* ---------- other desks: simple text list ---------- */
.tcm-li__desks{padding:clamp(40px,6vw,88px) 0 clamp(56px,8vw,120px);}
.tcm-li__desks h2{font-family:var(--li-serif);font-weight:400;font-size:1.5rem;text-align:center;}
.tcm-li__desks-list{margin-top:var(--li-32);border-top:1px solid var(--li-ink);}
.tcm-li__desk{
  display:flex;align-items:center;gap:var(--li-16);
  padding:var(--li-24) 0;border-bottom:1px solid var(--li-hair);
  transition:padding-left .3s var(--li-ease),color .25s var(--li-ease);
}
.tcm-li__desk:hover{padding-left:var(--li-12);color:var(--li-accent);}
.tcm-li__desk svg{width:20px;height:20px;flex:0 0 20px;}
.tcm-li__desk strong{font-family:var(--li-serif);font-weight:400;font-size:1.375rem;flex:1;}
.tcm-li__desk em{font-style:normal;font-size:.8125rem;color:var(--li-ink-soft);font-variant-numeric:tabular-nums;}

/* ---------- responsive ---------- */
@media (max-width:860px){
  .tcm-li__row{
    grid-template-columns:1fr;gap:var(--li-24);
    padding:clamp(28px,4vw,40px) 0;
  }
  .tcm-li__row-figure,.tcm-li__row:nth-of-type(even) .tcm-li__row-figure{order:-1;aspect-ratio:16/10;}
  .tcm-li__row-body,.tcm-li__row:nth-of-type(even) .tcm-li__row-body{margin-left:0 !important;max-width:none;}
  .tcm-li__row--feature .tcm-li__row-figure{aspect-ratio:16/9;}
  .tcm-li__row--feature .tcm-li__row-body{text-align:left;padding:0 clamp(20px,4vw,40px) clamp(24px,3vw,40px);}
  .tcm-li__row--feature .tcm-li__row-head,
  .tcm-li__row--feature .tcm-li__row-foot{justify-content:flex-start;}
  .tcm-li__quiet-grid{grid-template-columns:1fr;}
  .tcm-li__quiet-item:nth-child(2){border-top:1px solid var(--li-hair);}
}
@media (max-width:560px){
  #tcm-lifestyle-blog{font-size:16px;}
  .tcm-li__filter-list{
    justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;
    padding:0 clamp(20px,4vw,40px);scrollbar-width:none;
  }
  .tcm-li__filter-list::-webkit-scrollbar{display:none;}
  .tcm-li__f{white-space:nowrap;}
  .tcm-li__row-dek{display:none;}
  .tcm-li__row--feature .tcm-li__row-dek{display:block;}
  .tcm-li__row-foot{gap:var(--li-8);}
  .tcm-li__row-more{margin-left:0;width:100%;padding-top:var(--li-8);}
  .tcm-li__btn{width:calc(100% - 40px);}
}
@media (prefers-reduced-motion:reduce){
  #tcm-lifestyle-blog *{transition:none !important;animation:none !important;}

	}span.tcm-li__icon {
    display: none !important;
}

h1.tcm-li__h1 {
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
    font-weight: normal !important;
    margin-bottom: 15px !important;
}

#tcm-lifestyle-blog p {
    text-align: center !important;
    text-wrap: unset !important;
    max-width: 100% !important;
}

.tcm-li__row-title a {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    padding: 10px 0px !important;
    display: block !important;
}

.tcm-li-cap {
    font-size: 12px !important;
    text-transform: capitalize;
}

#tcm-lifestyle-blog .tcm-li__row-dek {
    text-align: left !important;
    padding-bottom: 15px !important;
}

p.tcm-li__row-foot {
    padding: 10px 0px !important;
}

.tcm-li__row--feature .tcm-li__row-title {
    max-width: 100% !important;
    width: 100% !important;
    font-size: 40px !important;
}

.tcm-li__row--feature #tcm-lifestyle-blog .tcm-li__row-dek {
    text-align: center !important;
}

#tcm-lifestyle-blog article.tcm-li__row.tcm-li__row--feature .tcm-li__row-dek {
    text-align: center !important;
}

h2#tcm-li-quiet {
    font-family: 'Fraunces' !important;
    font-weight: normal !important;
    font-size: 50px !important;
}

.tcm-li__quiet-grid a {}

.tcm-li__quiet-grid #tcm-lifestyle-blog a {}

#tcm-lifestyle-blog .tcm-li__quiet-grid p {
    text-align: left !important;
}

#tcm-lifestyle-blog  h3 {
    padding: 10px 0px !important;
}

.tcm-li__quiet-grid a {
    font-family: 'Playfair Display';
    font-weight: normal !important;
}
	.tcm-li__row--feature {
    padding: 0px !important;
    border: 0px !important;
    background: transparent !important;
}
	@media only screen and (max-width: 801px) {
	div#tcm-lifestyle-blog {
    padding: 10px !important;
}

#tcm-lifestyle-blog p {
    font-size: 15.5px !important;
    line-height: 22px !important;
}

.tcm-li__h1 {
    font-size: 32px !important;
}

.tcm-li__row-title a {
    font-size: 24px !important;
    padding: 13px 0px !important;
    padding-top: 6px !important;
}

.tcm-li__row--feature .tcm-li__row-body {
    padding: 0px !important;
    text-align: left !important;
}

.tcm-li__row--feature .tcm-li__row-body p.tcm-li__row-dek {
    display: none !important;
}

h2#tcm-li-quiet {
    font-size: 40px !important;
}
	}
	#tcm-travel-blog{
  --tr-paper:rgb(var(--color-background));
  --tr-paper-alt:rgb(var(--color-base-highlight));
  --tr-ink:oklch(21% 0.014 250);
  --tr-ink-mid:oklch(46% 0.012 250);
  --tr-ink-soft:oklch(64% 0.010 250);
  --tr-hair:oklch(90% 0.008 250);
  --tr-hair-2:oklch(82% 0.010 250);
  --tr-accent:oklch(42% 0.072 248);

  --tr-4:4px; --tr-8:8px; --tr-12:12px; --tr-16:16px; --tr-24:24px;
  --tr-32:32px; --tr-48:48px; --tr-72:72px; --tr-96:96px; --tr-128:128px;
  --tr-ease:cubic-bezier(0.22,1,0.36,1);

  font-family:var(--tr-sans);
  font-size:17px;line-height:1.6;font-weight:300;
  color:var(--tr-ink);background:var(--tr-paper);
  -webkit-font-smoothing:antialiased;
}
#tcm-travel-blog *,#tcm-travel-blog *::before,#tcm-travel-blog *::after{box-sizing:border-box;}
#tcm-travel-blog h1,#tcm-travel-blog h2,#tcm-travel-blog h3,#tcm-travel-blog h4,
#tcm-travel-blog p,#tcm-travel-blog ul,#tcm-travel-blog ol,#tcm-travel-blog li,#tcm-travel-blog figure{margin:0;padding:0;}
#tcm-travel-blog ul,#tcm-travel-blog ol{list-style:none;}
#tcm-travel-blog a{color:inherit;text-decoration:none;}
#tcm-travel-blog img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-travel-blog h1,#tcm-travel-blog h2,#tcm-travel-blog h3{text-wrap:balance;}
#tcm-travel-blog p{text-wrap:pretty;}
#tcm-travel-blog a:focus-visible,#tcm-travel-blog button:focus-visible{outline:2px solid var(--tr-accent);outline-offset:4px;}

.tcm-tr__wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,48px);}
.tcm-tr-mono{font-family:var(--tr-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-ink-soft);}
.tcm-tr-mono--accent{color:var(--tr-accent);}

/* ---------- opening: a departure board ---------- */
.tcm-tr__open{padding:clamp(40px,6vw,96px) 0 clamp(28px,3.4vw,48px);}
.tcm-tr__crumb{display:flex;gap:var(--tr-8);align-items:center;}
.tcm-tr__crumb a:hover{color:var(--tr-accent);}
.tcm-tr__head{
  display:grid;grid-template-columns:1fr auto;gap:var(--tr-48);
  align-items:end;margin-top:var(--tr-24);
}
.tcm-tr__h1{
  font-family:var(--tr-display);font-weight:400;
  font-size:clamp(2.75rem,8.4vw,7rem);line-height:.94;letter-spacing:-.02em;
}
.tcm-tr__h1 em{font-style:italic;}
.tcm-tr__board{
  border-left:1px solid var(--tr-hair-2);padding-left:var(--tr-24);
  display:flex;flex-direction:column;gap:var(--tr-8);
}
.tcm-tr__board-row{
  display:flex;gap:var(--tr-16);align-items:baseline;
  font-family:var(--tr-mono);font-size:.75rem;color:var(--tr-ink-mid);
  font-variant-numeric:tabular-nums;
}
.tcm-tr__board-row b{color:var(--tr-ink);font-weight:500;min-width:3.5em;}
.tcm-tr__standfirst{
  font-family:var(--tr-display);font-size:clamp(1.125rem,1.8vw,1.5rem);
  line-height:1.42;color:var(--tr-ink-mid);max-width:54ch;margin-top:var(--tr-32);
}

/* ---------- region filter, mono ---------- */
.tcm-tr__filter{
  position:sticky;top:0;z-index:20;background:var(--tr-paper);
  border-top:1px solid var(--tr-ink);border-bottom:1px solid var(--tr-hair);
  margin-top:clamp(28px,3.4vw,48px);
}
.tcm-tr__filter-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--tr-24);}
.tcm-tr__regions{display:flex;overflow-x:auto;scrollbar-width:none;flex:1;}
.tcm-tr__regions::-webkit-scrollbar{display:none;}
.tcm-tr__region{
  flex:0 0 auto;background:none;border:0;cursor:pointer;white-space:nowrap;
  font-family:var(--tr-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tr-ink-soft);padding:var(--tr-16);min-height:48px;
  border-bottom:2px solid transparent;
  transition:color .25s var(--tr-ease),border-color .25s var(--tr-ease);
}
.tcm-tr__region:first-child{padding-left:0;}
.tcm-tr__region:hover{color:var(--tr-ink);}
.tcm-tr__region[aria-pressed="true"]{color:var(--tr-accent);border-color:var(--tr-accent);}
.tcm-tr__filter-count{flex:0 0 auto;font-variant-numeric:tabular-nums;}

/* ---------- THE SPINE ---------- */
.tcm-tr__spine{
  position:relative;padding:clamp(40px,6vw,88px) 0;
}
/* the hairline itself */
.tcm-tr__spine::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;
  background:var(--tr-hair);transform:translateX(-.5px);
}
.tcm-tr__stop{
  position:relative;
  display:grid;grid-template-columns:1fr 96px 1fr;
  align-items:center;
  padding:clamp(24px,3vw,44px) 0;
}
.tcm-tr__stop.is-out{display:none;}
/* the marker sits in the middle column */
.tcm-tr__marker{
  grid-column:2;justify-self:center;
  display:flex;flex-direction:column;align-items:center;gap:var(--tr-8);
}
.tcm-tr__dot{
  width:11px;height:11px;border-radius:50%;
  background:var(--tr-paper);border:1px solid var(--tr-hair-2);
  transition:background .3s var(--tr-ease),border-color .3s var(--tr-ease),transform .35s var(--tr-ease);
}
.tcm-tr__stop:hover .tcm-tr__dot{background:var(--tr-accent);border-color:var(--tr-accent);transform:scale(1.4);}
.tcm-tr__stop-n{
  font-family:var(--tr-mono);font-size:.625rem;color:var(--tr-ink-soft);
  font-variant-numeric:tabular-nums;letter-spacing:.08em;
}
.tcm-tr__stop:hover .tcm-tr__stop-n{color:var(--tr-accent);}

/* odd stops sit left, even sit right */
.tcm-tr__stop-card{grid-column:1;padding-right:clamp(16px,2.4vw,40px);text-align:right;}
.tcm-tr__stop:nth-of-type(even) .tcm-tr__stop-card{
  grid-column:3;padding-right:0;padding-left:clamp(16px,2.4vw,40px);text-align:left;
}
.tcm-tr__stop-figure{overflow:hidden;background:var(--tr-paper-alt);aspect-ratio:16/10;margin-bottom:var(--tr-16);position:relative;}
.tcm-tr__stop-figure img{filter:saturate(.9);transition:transform 1.2s var(--tr-ease),filter .7s var(--tr-ease);}
.tcm-tr__stop:hover .tcm-tr__stop-figure img{transform:scale(1.04);filter:none;}
.tcm-tr__stamp{
  position:absolute;top:0;left:0;background:var(--tr-paper);
  padding:var(--tr-4) var(--tr-8);
  font-family:var(--tr-mono);font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;
}
.tcm-tr__stop-title{
  font-family:var(--tr-display);font-weight:400;
  font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.12;letter-spacing:-.01em;
  margin:var(--tr-8) 0;
}
.tcm-tr__stop:hover .tcm-tr__stop-title{color:var(--tr-accent);}
.tcm-tr__stop-dek{color:var(--tr-ink-mid);font-size:.9375rem;max-width:44ch;}
.tcm-tr__stop:nth-of-type(odd) .tcm-tr__stop-dek{margin-left:auto;}
.tcm-tr__stop-foot{
  margin-top:var(--tr-12);display:flex;gap:var(--tr-12);align-items:center;
  font-family:var(--tr-mono);font-size:.6875rem;color:var(--tr-ink-soft);
  font-variant-numeric:tabular-nums;
}
.tcm-tr__stop:nth-of-type(odd) .tcm-tr__stop-foot{justify-content:flex-end;}

/* the long read breaks the spine and goes full width */
.tcm-tr__stop--feature{
  grid-template-columns:1fr;padding:clamp(32px,4vw,64px) 0;
}
.tcm-tr__stop--feature .tcm-tr__marker{display:none;}
.tcm-tr__stop--feature .tcm-tr__stop-card{
  grid-column:1;padding:0;text-align:center;
  background:var(--tr-paper);
  border-top:1px solid var(--tr-ink);border-bottom:1px solid var(--tr-ink);
  padding:clamp(24px,3vw,48px) clamp(20px,3vw,48px);
}
.tcm-tr__stop--feature .tcm-tr__stop-figure{aspect-ratio:21/9;}
.tcm-tr__stop--feature .tcm-tr__stop-title{font-size:clamp(1.75rem,3.6vw,3rem);max-width:26ch;margin:var(--tr-12) auto;}
.tcm-tr__stop--feature .tcm-tr__stop-dek{max-width:56ch;margin:0 auto !important;}
.tcm-tr__stop--feature .tcm-tr__stop-foot{justify-content:center !important;}

.tcm-tr__empty{display:none;padding:clamp(48px,7vw,96px) 0;text-align:center;}
.tcm-tr__empty.is-on{display:block;}
.tcm-tr__empty h3{font-family:var(--tr-display);font-style:italic;font-size:clamp(1.5rem,3vw,2.125rem);font-weight:400;margin-bottom:var(--tr-12);}
.tcm-tr__empty p{color:var(--tr-ink-mid);max-width:46ch;margin:0 auto var(--tr-24);}
.tcm-tr__btn{
  background:none;border:1px solid var(--tr-ink);cursor:pointer;color:var(--tr-ink);
  font-family:var(--tr-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;
  padding:var(--tr-16) var(--tr-48);min-height:48px;
  transition:background .25s var(--tr-ease),color .25s var(--tr-ease);
}
.tcm-tr__btn:hover{background:var(--tr-ink);color:var(--tr-paper);}
.tcm-tr__btn[disabled]{border-color:var(--tr-hair-2);color:var(--tr-ink-soft);cursor:not-allowed;}
.tcm-tr__more-wrap{display:flex;justify-content:center;padding-bottom:clamp(40px,6vw,88px);}

/* ---------- destination rail ---------- */
.tcm-tr__rail-sec{background:var(--tr-paper-alt);padding:clamp(40px,6vw,96px) 0;}
.tcm-tr__rail-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--tr-24);
  border-bottom:1px solid var(--tr-ink);padding-bottom:var(--tr-16);flex-wrap:wrap;
}
.tcm-tr__rail-head h2{font-family:var(--tr-display);font-weight:400;font-size:clamp(1.5rem,2.8vw,2.25rem);}
.tcm-tr__rail{
  display:flex;gap:clamp(12px,1.8vw,28px);overflow-x:auto;
  margin-top:var(--tr-32);padding-bottom:var(--tr-16);
  scroll-snap-type:x mandatory;scrollbar-width:thin;
}
.tcm-tr__rail::-webkit-scrollbar{height:2px;}
.tcm-tr__rail::-webkit-scrollbar-thumb{background:var(--tr-ink-soft);}
.tcm-tr__card{flex:0 0 clamp(200px,22vw,272px);scroll-snap-align:start;}
.tcm-tr__card figure{overflow:hidden;aspect-ratio:3/4;background:rgb(var(--color-background));margin-bottom:var(--tr-12);position:relative;}
.tcm-tr__card img{filter:saturate(.9);transition:transform 1s var(--tr-ease),filter .6s var(--tr-ease);}
.tcm-tr__card:hover img{transform:scale(1.05);filter:none;}
.tcm-tr__card h3{font-family:var(--tr-display);font-weight:400;font-size:1.1875rem;line-height:1.2;margin-top:var(--tr-4);}
.tcm-tr__card-coord{display:block;margin-top:var(--tr-8);}

/* ---------- other desks ---------- */
.tcm-tr__desks{padding:clamp(40px,6vw,88px) 0 clamp(56px,8vw,120px);}
.tcm-tr__desks h2{font-family:var(--tr-display);font-weight:400;font-size:1.5rem;}
.tcm-tr__desks-grid{
  margin-top:var(--tr-24);display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--tr-ink);
}
.tcm-tr__desk{
  display:flex;align-items:center;gap:var(--tr-12);
  padding:var(--tr-24) var(--tr-16);
  border-bottom:1px solid var(--tr-hair-2);border-left:1px solid var(--tr-hair);
  transition:background .25s var(--tr-ease),color .25s var(--tr-ease);
}
.tcm-tr__desk:first-child{border-left:0;padding-left:0;}
.tcm-tr__desk:hover{background:var(--tr-paper-alt);color:var(--tr-accent);}
.tcm-tr__desk svg{width:19px;height:19px;flex:0 0 19px;}
.tcm-tr__desk strong{font-family:var(--tr-display);font-weight:400;font-size:1.1875rem;flex:1;}

/* ---------- responsive: spine slides to the left edge ---------- */
@media (max-width:900px){
  .tcm-tr__head{grid-template-columns:1fr;align-items:start;gap:var(--tr-24);}
  .tcm-tr__board{border-left:0;padding-left:0;border-top:1px solid var(--tr-hair-2);padding-top:var(--tr-16);}
  .tcm-tr__spine::before{left:5px;transform:none;}
  .tcm-tr__stop{grid-template-columns:32px minmax(0,1fr);padding:var(--tr-24) 0;align-items:start;}
  .tcm-tr__marker{grid-column:1;justify-self:start;padding-top:var(--tr-4);}
  .tcm-tr__stop-card,
  .tcm-tr__stop:nth-of-type(even) .tcm-tr__stop-card{
    grid-column:2;padding:0 0 0 var(--tr-16);text-align:left;
  }
  .tcm-tr__stop-dek,
  .tcm-tr__stop:nth-of-type(odd) .tcm-tr__stop-dek{margin-left:0;}
  .tcm-tr__stop:nth-of-type(odd) .tcm-tr__stop-foot{justify-content:flex-start;}
  .tcm-tr__stop--feature{grid-template-columns:1fr;}
  .tcm-tr__stop--feature .tcm-tr__stop-card{grid-column:1;text-align:left;}
  .tcm-tr__stop--feature .tcm-tr__stop-title{margin-left:0;}
  .tcm-tr__stop--feature .tcm-tr__stop-dek{margin-left:0 !important;}
  .tcm-tr__stop--feature .tcm-tr__stop-foot{justify-content:flex-start !important;}
  .tcm-tr__desks-grid{grid-template-columns:repeat(2,1fr);}
  .tcm-tr__desk:nth-child(3){border-left:0;padding-left:0;}
}
@media (max-width:560px){
  #tcm-travel-blog{font-size:16px;}
  .tcm-tr__stop-figure{aspect-ratio:4/3;}
  .tcm-tr__stop-dek{display:none;}
  .tcm-tr__stop--feature .tcm-tr__stop-dek{display:block;}
  .tcm-tr__stop-title{font-size:1.25rem;}
  .tcm-tr__card{flex:0 0 68vw;}
  .tcm-tr__btn{width:100%;}
  .tcm-tr__desks-grid{grid-template-columns:1fr;}
  .tcm-tr__desk,.tcm-tr__desk:nth-child(3){border-left:0;padding-left:0;}
}
@media (prefers-reduced-motion:reduce){
  #tcm-travel-blog *{transition:none !important;animation:none !important;}
}
	div#tcm-travel-blog {
    max-width: 1250px !important;
    margin: auto !important;
}

p.tcm-tr__crumb.tcm-tr-mono {
    display: none !important;
}

.tcm-tr__board {
    display: none !important;
}

.tcm-tr__h1 {
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
    font-weight: normal !important;
    padding-bottom: 15px !important;
}

p.tcm-tr__filter-count.tcm-tr-mono {
    display: none;
}

.tcm-tr__stop-card {
    text-align: center !important;
}

#tcm-travel-blog p {
    font-size: 15px !important;
    margin: auto !important;
    text-align: center !important;
}

p.tcm-tr-mono.tcm-tr-mono--accent {
    display: none !important;
}

p.tcm-tr__stop-foot {
    justify-content: center !important;
    padding-top: 15px !important;
}

h2.tcm-tr__stop-title {
    padding-top: 20px !important;
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    padding-bottom: 15px !important;
    color: rgb(var(--color-foreground)) !important;
}

.tcm-tr__stamp {
    text-transform: capitalize;
    font-size: 12px !important;
}

h2.tcm-tr__stop-title {
    margin: auto !important;
}

section.tcm-tr__rail-sec {
    display: none !important;
}

h1.tcm-tr__h1 {
    text-align: center !important;
}
	@media (max-width:801px){
	div#tcm-travel-blog {
    padding: 10px !important;
}

.tcm-tr__wrap {
    padding-top: 0px !important;
}

.tcm-tr__marker {
    display: none !important;
}

.tcm-tr__stop-card {
    padding: 0px !important;
}

.tcm-tr__stop {
    display: block !important;
}

h2.tcm-tr__stop-title {
    padding-bottom: 5px !important;
}

#tcm-travel-blog p {
    font-size: 14.5px !important;
}

p.tcm-tr__stop-foot, .tcm-tr__stop--feature .tcm-tr__stop-foot {
    justify-content: center !important;
    align-items: center !important;
}
		.tcm-tr__spine::before {
    display: none;
}

	}
	#tcm-aitech-vogue{
  --av-paper:rgb(var(--color-background));
  --av-paper-alt:rgb(var(--color-base-highlight));
  --av-ink:oklch(17% 0.008 260);
  --av-ink-mid:oklch(45% 0.008 260);
  --av-ink-soft:oklch(64% 0.007 260);
  --av-hair:oklch(90% 0.005 260);
  --av-hair-2:oklch(80% 0.006 260);
  --av-accent:oklch(38% 0.070 262);

  --av-4:4px; --av-8:8px; --av-12:12px; --av-16:16px; --av-20:20px;
  --av-24:24px; --av-32:32px; --av-48:48px; --av-64:64px;
  --av-96:96px; --av-128:128px; --av-160:160px;
  --av-ease:cubic-bezier(0.16,1,0.3,1);

  font-family:var(--av-sans);
  font-size:16.5px;line-height:1.62;font-weight:300;
  color:var(--av-ink);background:var(--av-paper);
  -webkit-font-smoothing:antialiased;font-optical-sizing:auto;
}
#tcm-aitech-vogue *,#tcm-aitech-vogue *::before,#tcm-aitech-vogue *::after{box-sizing:border-box;}
#tcm-aitech-vogue h1,#tcm-aitech-vogue h2,#tcm-aitech-vogue h3,#tcm-aitech-vogue h4,
#tcm-aitech-vogue p,#tcm-aitech-vogue ul,#tcm-aitech-vogue ol,#tcm-aitech-vogue li,#tcm-aitech-vogue figure{margin:0;padding:0;}
#tcm-aitech-vogue ul,#tcm-aitech-vogue ol{list-style:none;}
#tcm-aitech-vogue a{color:inherit;text-decoration:none;}
#tcm-aitech-vogue img{display:block;width:100%;height:100%;object-fit:cover;}
#tcm-aitech-vogue h1,#tcm-aitech-vogue h2,#tcm-aitech-vogue h3{text-wrap:balance;}
#tcm-aitech-vogue p{text-wrap:pretty;}
#tcm-aitech-vogue button{font:inherit;color:inherit;}
#tcm-aitech-vogue a:focus-visible,#tcm-aitech-vogue button:focus-visible{outline:2px solid var(--av-accent);outline-offset:3px;}

.tcm-av__wrap{max-width:1560px;margin:0 auto;padding:0 clamp(20px,4vw,72px);}

/* ---------- shared micro type ---------- */
.tcm-av-rubric{
  font-size:.625rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;
  color:var(--av-ink-soft);
}
.tcm-av-rubric--ink{color:var(--av-ink);}
.tcm-av-rubric--accent{color:var(--av-accent);}
.tcm-av-credit{
  font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--av-ink-soft);
  font-variant-numeric:tabular-nums;
}

/* ---------- masthead: centred, Vogue proportions ---------- */
.tcm-av__masthead{
  padding:clamp(28px,4vw,64px) 0 clamp(24px,3vw,44px);
  text-align:center;
}
.tcm-av__issue{
  display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,32px);
  flex-wrap:wrap;
}
.tcm-av__issue a:hover{color:var(--av-accent);}
.tcm-av__wordmark{
  font-family:var(--av-display);font-weight:400;
  font-size:clamp(3rem,13.5vw,12rem);
  line-height:.82;letter-spacing:.02em;text-transform:uppercase;
  margin:clamp(16px,2.4vw,32px) 0 0;
}
.tcm-av__wordmark i{
  font-style:italic;font-weight:400;letter-spacing:0;text-transform:none;
}
.tcm-av__deck{
  font-family:var(--av-display);font-style:italic;font-weight:400;
  font-size:clamp(1.0625rem,1.7vw,1.4375rem);line-height:1.5;
  color:var(--av-ink-mid);max-width:50ch;margin:clamp(20px,2.4vw,32px) auto 0;
}
.tcm-av__hair{
  display:block;width:min(100%,880px);height:1px;background:var(--av-hair-2);
  margin:clamp(24px,3vw,44px) auto 0;
}

/* ---------- cover plate: full-bleed with overlaid title ---------- */
.tcm-av__cover{position:relative;margin-top:clamp(20px,2.6vw,40px);}
.tcm-av__cover-frame{
  position:relative;overflow:hidden;background:var(--av-paper-alt);
  aspect-ratio:16/9;
}
.tcm-av__cover-frame img{
  filter:saturate(.9) contrast(1.02);
  transition:transform 1.6s var(--av-ease);
}
.tcm-av__cover:hover .tcm-av__cover-frame img{transform:scale(1.025);}
/* the readable band behind the type, an explicit colour not alpha soup */
.tcm-av__cover-band{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(92%,880px);background:var(--av-paper);
  padding:clamp(20px,2.6vw,40px) clamp(20px,3vw,48px) clamp(16px,2vw,28px);
  text-align:center;
}
.tcm-av__cover-title{
  font-family:var(--av-display);font-weight:400;
  font-size:clamp(1.625rem,3.6vw,3.25rem);line-height:1.06;letter-spacing:-.015em;
  margin:var(--av-12) 0;
}
.tcm-av__cover-title em{font-style:italic;}
.tcm-av__cover-dek{
  color:var(--av-ink-mid);max-width:56ch;margin:0 auto;font-size:.9375rem;
}
.tcm-av__cover-meta{
  margin-top:var(--av-16);padding-top:var(--av-12);border-top:1px solid var(--av-hair);
  display:flex;justify-content:center;gap:clamp(12px,2vw,28px);flex-wrap:wrap;
}

/* ---------- contents rail: centred small-caps filters ---------- */
.tcm-av__contents{
  border-top:1px solid var(--av-ink);border-bottom:1px solid var(--av-hair);
  margin-top:clamp(32px,4.4vw,72px);
  position:sticky;top:0;z-index:20;background:var(--av-paper);
}
.tcm-av__contents-inner{
  display:flex;align-items:center;justify-content:center;gap:0;
  overflow-x:auto;scrollbar-width:none;
}
.tcm-av__contents-inner::-webkit-scrollbar{display:none;}
.tcm-av__filter{
  flex:0 0 auto;background:none;border:0;cursor:pointer;position:relative;white-space:nowrap;
  font-family:var(--av-sans);font-size:.6875rem;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;color:var(--av-ink-mid);
  padding:var(--av-16) clamp(12px,1.6vw,24px);min-height:48px;
  transition:color .25s var(--av-ease);
}
.tcm-av__filter::after{
  content:"";position:absolute;left:clamp(12px,1.6vw,24px);right:clamp(12px,1.6vw,24px);
  bottom:0;height:1px;background:var(--av-ink);
  transform:scaleX(0);transform-origin:center;
  transition:transform .4s var(--av-ease);
}
.tcm-av__filter:hover{color:var(--av-ink);}
.tcm-av__filter[aria-pressed="true"]{color:var(--av-ink);font-weight:500;}
.tcm-av__filter[aria-pressed="true"]::after{transform:scaleX(1);}

/* ---------- THE GALLERY GRID ---------- */
.tcm-av__gallery{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(20px,2.4vw,44px);
  row-gap:clamp(48px,6vw,112px);
  padding:clamp(48px,6vw,104px) 0;
}
.tcm-av__plate{
  grid-column:span 4;
  display:flex;flex-direction:column;
  text-align:center;
}
.tcm-av__plate[data-span="3"]{grid-column:span 3;}
.tcm-av__plate[data-span="4"]{grid-column:span 4;}
.tcm-av__plate[data-span="6"]{grid-column:span 6;}
.tcm-av__plate.is-out{display:none;}
.tcm-av__plate.is-hidden{display:none;}

.tcm-av__plate-frame{
  position:relative;overflow:hidden;background:var(--av-paper-alt);
  aspect-ratio:2/3;margin-bottom:clamp(16px,1.8vw,24px);
}
.tcm-av__plate[data-ratio="portrait"] .tcm-av__plate-frame{aspect-ratio:2/3;}
.tcm-av__plate[data-ratio="tall"] .tcm-av__plate-frame{aspect-ratio:3/5;}
.tcm-av__plate[data-ratio="classic"] .tcm-av__plate-frame{aspect-ratio:4/5;}
.tcm-av__plate[data-ratio="wide"] .tcm-av__plate-frame{aspect-ratio:5/4;}
.tcm-av__plate-frame img{
  filter:saturate(.88) contrast(1.02);
  transition:transform 1.4s var(--av-ease),filter .8s var(--av-ease);
}
.tcm-av__plate:hover .tcm-av__plate-frame img{transform:scale(1.045);filter:none;}
/* plate number, set into the image corner like a shoot slate */
.tcm-av__slate{
  position:absolute;top:var(--av-12);left:var(--av-12);
  background:var(--av-paper);padding:var(--av-4) var(--av-8);
  font-size:.5625rem;font-weight:500;letter-spacing:.2em;
  font-variant-numeric:tabular-nums;
}
.tcm-av__plate-title{
  font-family:var(--av-display);font-weight:400;
  font-size:1.375rem;line-height:1.16;letter-spacing:-.01em;
  margin:var(--av-8) auto;max-width:26ch;
}
.tcm-av__plate-title a{
  background-image:linear-gradient(var(--av-ink),var(--av-ink));
  background-size:0% 1px;background-repeat:no-repeat;background-position:50% 94%;
  transition:background-size .55s var(--av-ease);
}
.tcm-av__plate:hover .tcm-av__plate-title a{background-size:100% 1px;}
.tcm-av__plate[data-span="6"] .tcm-av__plate-title{font-size:clamp(1.75rem,2.8vw,2.5rem);max-width:22ch;}
.tcm-av__plate[data-span="3"] .tcm-av__plate-title{font-size:1.1875rem;}
.tcm-av__plate-dek{
  color:var(--av-ink-mid);font-size:.9375rem;max-width:40ch;margin:0 auto;
}
.tcm-av__plate-foot{
  margin-top:auto;padding-top:clamp(12px,1.6vw,20px);
  display:flex;justify-content:center;gap:var(--av-12);align-items:center;
}
/* a hairline above the credit, like a caption rule */
.tcm-av__plate-foot::before{
  content:"";position:absolute;
}
.tcm-av__plate-rule{
  display:block;width:32px;height:1px;background:var(--av-hair-2);
  margin:clamp(12px,1.6vw,20px) auto 0;
  transition:width .5s var(--av-ease),background .3s var(--av-ease);
}
.tcm-av__plate:hover .tcm-av__plate-rule{width:64px;background:var(--av-accent);}

/* the verdict, set as an italic editorial aside not a badge */
.tcm-av__verdict{
  font-family:var(--av-display);font-style:italic;font-size:.9375rem;
  color:var(--av-accent);
}
.tcm-av__verdict[data-v="mixed"]{color:var(--av-ink-mid);}
.tcm-av__verdict[data-v="skip"]{color:var(--av-ink-soft);}

/* ---------- the diptych spread breaks the grid ---------- */
.tcm-av__spread{
  grid-column:1 / -1;
  display:grid;grid-template-columns:1fr auto 1fr;
  gap:clamp(20px,3vw,56px);align-items:center;
  border-top:1px solid var(--av-ink);border-bottom:1px solid var(--av-ink);
  padding:clamp(32px,4.4vw,72px) 0;
}
.tcm-av__spread.is-out{display:none;}
.tcm-av__spread-frame{overflow:hidden;background:var(--av-paper-alt);aspect-ratio:4/5;}
.tcm-av__spread-frame:last-of-type{aspect-ratio:3/4;}
.tcm-av__spread-frame img{filter:saturate(.86);transition:transform 1.5s var(--av-ease),filter .8s var(--av-ease);}
.tcm-av__spread:hover .tcm-av__spread-frame img{transform:scale(1.04);filter:none;}
.tcm-av__spread-copy{
  text-align:center;max-width:34ch;padding:0 var(--av-8);
}
.tcm-av__spread-title{
  font-family:var(--av-display);font-weight:400;
  font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.02em;
  margin:var(--av-16) 0;
}
.tcm-av__spread-title em{font-style:italic;}
.tcm-av__spread-copy p{color:var(--av-ink-mid);font-size:.9375rem;}
.tcm-av__spread-copy .tcm-av__plate-rule{margin-top:var(--av-20);}


/* ---------- empty state ---------- */
.tcm-av__empty{
  display:none;padding:clamp(56px,8vw,128px) 0;text-align:center;
  border-top:1px solid var(--av-hair);
}
.tcm-av__empty.is-on{display:block;}
.tcm-av__empty h3{
  font-family:var(--av-display);font-style:italic;font-weight:400;
  font-size:clamp(1.5rem,3.2vw,2.375rem);margin-bottom:var(--av-16);
}
.tcm-av__empty p{color:var(--av-ink-mid);max-width:46ch;margin:0 auto var(--av-24);}

/* ---------- buttons ---------- */
.tcm-av__btn{
  background:none;border:1px solid var(--av-ink);cursor:pointer;color:var(--av-ink);
  font-family:var(--av-sans);font-size:.625rem;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;
  padding:var(--av-16) clamp(28px,4vw,56px);min-height:48px;
  transition:background .3s var(--av-ease),color .3s var(--av-ease);
}
.tcm-av__btn:hover{background:var(--av-ink);color:var(--av-paper);}
.tcm-av__btn[disabled]{border-color:var(--av-hair-2);color:var(--av-ink-soft);cursor:not-allowed;}
.tcm-av__more{
  display:flex;flex-direction:column;align-items:center;gap:var(--av-12);
  padding-bottom:clamp(48px,7vw,112px);
}
.tcm-av__more-note{font-size:.8125rem;color:var(--av-ink-soft);}

/* skeleton plates */
.tcm-av__sk{display:none;}
.tcm-av__sk.is-on{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(20px,2.4vw,44px);padding-bottom:clamp(32px,4vw,64px);
}
.tcm-av__sk-plate{text-align:center;}
.tcm-av__sk-bar{
  height:11px;margin:0 auto;
  background:linear-gradient(90deg,oklch(94% .004 260) 0%,oklch(97% .004 260) 50%,oklch(94% .004 260) 100%);
  background-size:200% 100%;animation:tcm-av-shimmer 1.3s linear infinite;
}
.tcm-av__sk-bar--img{height:0;padding-bottom:150%;margin-bottom:var(--av-16);}
.tcm-av__sk-bar + .tcm-av__sk-bar{margin-top:var(--av-8);}
@keyframes tcm-av-shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}

/* ---------- credits: other desks, set as a colophon ---------- */
.tcm-av__colophon{
  background:var(--av-paper-alt);
  padding:clamp(48px,7vw,112px) 0;text-align:center;
}
.tcm-av__colophon h2{
  font-family:var(--av-display);font-weight:400;
  font-size:clamp(1.5rem,3vw,2.375rem);line-height:1.12;
  max-width:28ch;margin:var(--av-16) auto 0;
}
.tcm-av__colophon h2 em{font-style:italic;}
.tcm-av__desks{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:0;margin-top:clamp(28px,3.4vw,48px);
  border-top:1px solid var(--av-hair-2);
}
.tcm-av__desk{
  display:inline-flex;align-items:center;gap:var(--av-12);
  padding:var(--av-24) clamp(20px,3vw,44px);
  border-bottom:1px solid var(--av-hair-2);
  min-height:48px;
  transition:color .25s var(--av-ease),background .25s var(--av-ease);
}
.tcm-av__desk + .tcm-av__desk{border-left:1px solid var(--av-hair-2);}
.tcm-av__desk svg{width:17px;height:17px;flex:0 0 17px;}
.tcm-av__desk strong{
  font-family:var(--av-display);font-weight:400;font-size:1.125rem;letter-spacing:.01em;
}
.tcm-av__desk span{font-size:.625rem;letter-spacing:.16em;color:var(--av-ink-soft);font-variant-numeric:tabular-nums;}
.tcm-av__desk:hover{background:var(--av-paper);color:var(--av-accent);}

/* ---------- responsive: recomposed, not shrunk ---------- */
@media (max-width:1180px){
  .tcm-av__plate,
  .tcm-av__plate[data-span="3"],
  .tcm-av__plate[data-span="4"]{grid-column:span 4;}
  .tcm-av__plate[data-span="6"]{grid-column:span 6;}
  .tcm-av__cover-frame{aspect-ratio:3/2;}
}
@media (max-width:900px){
  .tcm-av__plate,
  .tcm-av__plate[data-span="3"],
  .tcm-av__plate[data-span="4"],
  .tcm-av__plate[data-span="6"]{grid-column:span 6;}
  .tcm-av__gallery{row-gap:clamp(36px,5vw,64px);}
  /* the diptych stacks: image, type, image */
  .tcm-av__spread{grid-template-columns:1fr;gap:var(--av-24);}
  .tcm-av__spread-frame{aspect-ratio:16/10;}
  .tcm-av__spread-frame:last-of-type{aspect-ratio:16/10;}
  .tcm-av__cover-band{position:static;transform:none;width:100%;padding-left:0;padding-right:0;}
  .tcm-av__cover-frame{aspect-ratio:4/3;}
  .tcm-av__sk.is-on{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tcm-av__contents{position:static;}
}
@media (max-width:600px){
  #tcm-aitech-vogue{font-size:16px;}
  /* two-up on phones keeps the gallery feeling like a gallery */
  .tcm-av__gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--av-12);row-gap:var(--av-32);
  }
  .tcm-av__plate,
  .tcm-av__plate[data-span="3"],
  .tcm-av__plate[data-span="4"]{grid-column:span 1;}
  .tcm-av__plate[data-span="6"]{grid-column:1 / -1;}
  .tcm-av__plate-frame,
  .tcm-av__plate[data-ratio="tall"] .tcm-av__plate-frame,
  .tcm-av__plate[data-ratio="wide"] .tcm-av__plate-frame,
  .tcm-av__plate[data-ratio="classic"] .tcm-av__plate-frame{aspect-ratio:2/3;}
  .tcm-av__plate[data-span="6"] .tcm-av__plate-frame{aspect-ratio:4/5;}
  .tcm-av__plate-title{font-size:.9375rem;line-height:1.24;}
  .tcm-av__plate[data-span="6"] .tcm-av__plate-title{font-size:1.375rem;}
  .tcm-av__plate-dek{display:none;}
  .tcm-av__plate[data-span="6"] .tcm-av__plate-dek{display:block;}
  .tcm-av__slate{font-size:.5rem;}
  .tcm-av__verdict{font-size:.8125rem;}
  .tcm-av__spread{grid-column:1 / -1;}
  .tcm-av__btn{width:100%;}
  .tcm-av__desk{width:100%;justify-content:center;}
  .tcm-av__desk + .tcm-av__desk{border-left:0;}
  .tcm-av__sk.is-on{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--av-12);}
}
@media (prefers-reduced-motion:reduce){
  #tcm-aitech-vogue *{transition:none !important;animation:none !important;}
}
	p.tcm-av__issue {
    display: none !important;
}

h1.tcm-av__wordmark {
    font-weight: normal !important;
    font-size: 65px !important;
    font-family: 'Fraunces',Georgia,'Times New Roman',serif !important;
}

p.tcm-av__deck {
    font-size: 19px !important;
    margin: auto !important;
    padding-top: 20px !important;
}

h2.tcm-av__cover-title {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    padding: 15px 0px !important;
}

p.tcm-av__cover-dek {
    margin: auto !important;
    font-size: 15px !important;
    padding-bottom: 20px !important;
}

p.tcm-av__cover-meta {
    padding: 11px 0px !important;
}

.tcm-av-credit {
    font-size: 12px !important;
    text-transform: capitalize;
}

.tcm-av-rubric--accent {
    color: rgb(var(--color-foreground)) !important;
    text-transform: capitalize;
    font-size: 14px !important;
}

h1.tcm-av__wordmark {
    font-family: 'Playfair Display' !important;
    text-transform: capitalize;
}

.tcm-av__filter {
    text-transform: capitalize;
    letter-spacing: 0px !important;
}

section.tcm-av__colophon {
    display: none !important;
}

.tcm-av__more {
    display: none !important;
}

h3.tcm-av__plate-title a {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    text-align: center !important;
}

h3.tcm-av__plate-title {max-width: 100% !important;}

h3.tcm-av__plate-title {
    padding: 10px 0px !important;
}

figure.tcm-av__plate-frame {
    margin-bottom: 20px !important;
}

p.tcm-av-rubric {
    text-transform: capitalize;
    color: rgb(var(--color-foreground)) !important;
}

.tcm-av__verdict {
    display: none !important;
}

p.tcm-av__plate-foot {
    padding-top: 15px !important;
}

.tcm-av__plate-dek {
    max-width: 100% !important;
}

h3.tcm-av__spread-title {
    font-family: 'Playfair Display' !important;
    font-weight: normal !important;
    font-size: 40px !important;
    padding-bottom: 10px !important;
}
	@media (max-width:801px){
	h1.tcm-av__wordmark {
    font-size: 42px !important;
}

p.tcm-av__deck {
    font-size: 15px !important;
}

div#tcm-aitech-vogue {
    padding: 10px !important;
}

.tcm-av__cover {
    padding: 0px !important;
}

.tcm-av__contents-inner {
    justify-content: unset !important;
}

.tcm-av__wrap {
    padding: 0px !important;
}

h3.tcm-av__plate-title a {
    color: rgb(var(--color-foreground)) !important;
}

.tcm-av__gallery {
    display: block !important;
}

.tcm-av__plate {
    margin-bottom: 20px !important;
}

.tcm-av__spread-copy {
    max-width: 100% !important;
}

h3.tcm-av__spread-title {
    font-size: 24px !important;
    line-height: 30px !important;
    color: rgb(var(--color-foreground)) !important;
}

	}
	h1.tcm-ix__wordmark, h1.tcm-ix__wordmark em {
    font-weight: 300 !important;
    font-size: 75px !important;
}
	.tcm-be__pill[aria-pressed="true"] {
    color: rgb(var(--color-button-text)) !important;
}
	:root{
  /* brand */
  --aur-gold:        oklch(73.5% 0.098 83);   /* #C8A050 */
  --aur-gold-deep:   oklch(67%   0.105 79);
  --aur-gold-wash:   oklch(93%   0.035 84);
  --aur-copper:      oklch(60.5% 0.098 55);   /* #B87040 */
  --aur-copper-deep: oklch(53%   0.096 52);
  --aur-ivory:       oklch(88.5% 0.037 82);   /* #E8D4B8 */

  /* tinted neutrals, all pulled toward the gold hue */
  --aur-paper:       oklch(97.8% 0.007 84);
  --aur-paper-2:     oklch(95.2% 0.014 84);
  --aur-paper-3:     oklch(92.4% 0.022 84);
  --aur-line:        oklch(85%   0.021 80);
  --aur-line-soft:   oklch(90.5% 0.015 82);
  --aur-ink:         oklch(27%   0.028 62);   /* #3A2818 */
  --aur-ink-2:       oklch(45%   0.022 62);
  --aur-ink-3:       oklch(61%   0.017 66);
  --aur-ink-inv:     oklch(97%   0.012 84);

  /* semantic */
  --aur-good:        oklch(52%   0.095 150);
  --aur-good-wash:   oklch(94%   0.030 150);
  --aur-bad:         oklch(51%   0.150 30);
  --aur-bad-wash:    oklch(95%   0.028 30);

  /* rhythm: body is 16/24, everything is a multiple of 4 */
  --aur-s1: 4px;  --aur-s2: 8px;  --aur-s3: 12px; --aur-s4: 16px;
  --aur-s5: 24px; --aur-s6: 32px; --aur-s7: 48px; --aur-s8: 64px;
  --aur-s9: 96px; --aur-s10: 128px;

  /* type */
  --aur-t-xs: 0.75rem;
  --aur-t-sm: 0.8125rem;
  --aur-t-md: 0.9375rem;
  --aur-t-base: 1rem;
  --aur-t-lg: 1.3125rem;
  --aur-t-xl: 1.75rem;
  --aur-t-2xl: clamp(2rem, 1.4rem + 2.4vw, 3.125rem);

  /* motion */
  --aur-e-out:  cubic-bezier(.16,1,.3,1);
  --aur-e-quart:cubic-bezier(.25,1,.5,1);
  --aur-e-io:   cubic-bezier(.65,0,.35,1);

  /* elevation */
  --aur-el-1: 0 1px 2px oklch(27% .028 62 / .05);
  --aur-el-2: 0 6px 20px -8px oklch(27% .028 62 / .16);
  --aur-el-3: 0 24px 60px -20px oklch(27% .028 62 / .28);

  /* z scale */
  --aur-z-sticky: 40;
  --aur-z-scrim: 60;
  --aur-z-drawer: 70;
  --aur-z-toast: 90;

  --aur-shell: 1440px;
  --aur-gutter: clamp(16px, 4.2vw, 72px);
}

.aur-num{font-variant-numeric:tabular-nums}
.aur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.aur-eyebrow{
  font-size:var(--aur-t-xs);font-weight:600;text-transform:uppercase;
  letter-spacing:.14em;color:var(--aur-ink-3);
}
.aur-shell{max-width:var(--aur-shell);margin-inline:auto;padding-inline:var(--aur-gutter)}
.aur-rule{height:1px;background:var(--aur-line-soft);border:0;margin:0}

/* reveal */
.aur-rise{opacity:0;transform:translateY(18px)}
.aur-rise.aur-seen{
  opacity:1;transform:none;
  transition:opacity .7s var(--aur-e-out) calc(var(--aur-i,0)*60ms),
             transform .7s var(--aur-e-out) calc(var(--aur-i,0)*60ms);
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .aur-rise{opacity:1;transform:none}
}

/* ==========================================================
   3. BUTTONS / CHIPS
   ========================================================== */
.aur-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--aur-s2);
  min-height:52px;padding:0 var(--aur-s6);border-radius:2px;
  font-size:var(--aur-t-md);font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid transparent;position:relative;
  transition:background-color .18s var(--aur-e-quart),color .18s var(--aur-e-quart),
             border-color .18s var(--aur-e-quart),transform .18s var(--aur-e-quart);
}
.aur-btn:active{transform:translateY(1px)}
.aur-btn--gold{background:var(--aur-gold);color:var(--aur-ink)}
.aur-btn--gold:hover{background:var(--aur-copper);color:var(--aur-ink-inv)}
.aur-btn--ink{background:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-btn--ink:hover{background:var(--aur-copper-deep)}
.aur-btn--line{background:transparent;color:var(--aur-ink);border-color:var(--aur-ink)}
.aur-btn--line:hover{background:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-btn--ghost{background:transparent;color:var(--aur-ink-2);border-color:var(--aur-line)}
.aur-btn--ghost:hover{border-color:var(--aur-copper);color:var(--aur-copper)}
.aur-btn--sm{min-height:40px;padding:0 var(--aur-s5);font-size:var(--aur-t-xs)}
.aur-btn--full{width:100%}
.aur-btn[disabled]{opacity:.42;cursor:not-allowed;transform:none}
.aur-btn[data-busy]{color:transparent;pointer-events:none}
.aur-btn[data-busy]::after{
  content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;
  border:2px solid currentColor;border-top-color:transparent;color:var(--aur-ink);
  animation:aur-spin .7s linear infinite;
}
.aur-btn--ink[data-busy]::after,.aur-btn--line:hover[data-busy]::after{color:var(--aur-ink-inv)}
@keyframes aur-spin{to{transform:rotate(360deg)}}

.aur-ib{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;color:var(--aur-ink-2);
  transition:background-color .2s var(--aur-e-quart),color .2s var(--aur-e-quart);
}
.aur-ib:hover{background:var(--aur-paper-3);color:var(--aur-ink)}

.aur-chip{
  display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;
  border:1px solid var(--aur-line);border-radius:999px;
  font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--aur-ink-2);background:var(--aur-paper);
}

.aur-stars{display:inline-flex;gap:2px;color:var(--aur-gold-deep)}
.aur-stars svg{width:13px;height:13px}
.aur-stars[data-dim] svg{color:var(--aur-line)}
.aur-stars svg[data-on]{color:var(--aur-gold-deep)}

/* ==========================================================
   4. TOP BARS
   ========================================================== */
#aur-promostrip{
  background:var(--aur-ink);color:var(--aur-ivory);
  font-size:var(--aur-t-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500;
  text-align:center;padding:10px var(--aur-s4);
}
#aur-promostrip b{color:var(--aur-gold);font-weight:600}

#aur-masthead{
  position:sticky;top:0;z-index:var(--aur-z-sticky);
  background:oklch(97.8% .007 84 / .92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--aur-line-soft);
}
.aur-mast{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:var(--aur-s4);height:68px;
}
#aur-wordmark{
  font-size:1.0625rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;
  text-indent:.34em;
}
.aur-mastnav{display:flex;gap:var(--aur-s5);font-size:var(--aur-t-sm);letter-spacing:.04em}
.aur-mastnav a{padding:4px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.aur-mastnav a:hover{border-color:var(--aur-gold)}
.aur-mastact{display:flex;justify-content:flex-end;align-items:center;gap:2px}
#aur-bagbtn{position:relative}
#aur-bagpip{
  position:absolute;top:6px;right:5px;min-width:17px;height:17px;padding:0 4px;
  display:none;place-items:center;border-radius:999px;
  background:var(--aur-copper);color:var(--aur-ink-inv);
  font-size:.625rem;font-weight:700;line-height:17px;text-align:center;
}
#aur-bagpip[data-show]{display:block}

#aur-crumbs{
  display:flex;align-items:center;gap:var(--aur-s2);flex-wrap:wrap;
  padding-block:var(--aur-s5) var(--aur-s4);
  font-size:var(--aur-t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--aur-ink-3);
}
#aur-crumbs svg{width:11px;height:11px;opacity:.5}
#aur-crumbs a:hover{color:var(--aur-copper)}
#aur-crumbs [aria-current]{color:var(--aur-ink)}

/* ==========================================================
   5. PAGE GRID
   ========================================================== */
#aur-pdp{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(32px,4vw,80px);align-items:start;padding-bottom:var(--aur-s9);
}
@media (max-width:1080px){ #aur-pdp{grid-template-columns:1fr;gap:var(--aur-s7)} }

/* ---------- gallery ---------- */
#aur-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--aur-s4)}
@media (max-width:720px){ #aur-gallery{grid-template-columns:1fr} }

#aur-rail{display:flex;flex-direction:column;gap:var(--aur-s2)}
@media (max-width:720px){ #aur-rail{display:none} }
.aur-railbtn{
  position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;
  background:var(--aur-paper-2);
  outline:1px solid transparent;outline-offset:-1px;
  transition:outline-color .22s var(--aur-e-quart),opacity .22s var(--aur-e-quart);
  opacity:.62;
}
.aur-railbtn img{width:100%;height:100%;object-fit:cover}
.aur-railbtn:hover{opacity:.9}
.aur-railbtn[aria-selected="true"]{opacity:1;outline-color:var(--aur-ink)}

.aur-stage{position:relative;background:var(--aur-paper-2);border-radius:2px}
#aur-viewer{
  display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  border-radius:2px;scrollbar-width:none;
}
#aur-viewer::-webkit-scrollbar{display:none}
.aur-frame{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:3/4;background:var(--aur-paper-3)}
.aur-frame img{width:100%;height:100%;object-fit:cover}

#aur-offtag{
  position:absolute;top:var(--aur-s4);left:var(--aur-s4);z-index:2;
  background:var(--aur-gold);color:var(--aur-ink);
  font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:7px 12px;border-radius:2px;
}
.aur-gnav{
  position:absolute;top:50%;translate:0 -50%;z-index:2;
  width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  background:oklch(97.8% .007 84 / .86);color:var(--aur-ink);box-shadow:var(--aur-el-1);
  opacity:0;transition:opacity .24s var(--aur-e-quart),background-color .2s;
}
.aur-stage:hover .aur-gnav,.aur-gnav:focus-visible{opacity:1}
.aur-gnav:hover{background:var(--aur-paper)}
.aur-gnav[disabled]{opacity:0!important;pointer-events:none}
#aur-gprev{left:var(--aur-s3)} #aur-gnext{right:var(--aur-s3)}
@media (max-width:720px){ .aur-gnav{display:none} }

#aur-dots{
  position:absolute;bottom:var(--aur-s4);left:50%;translate:-50% 0;z-index:2;
  display:flex;gap:6px;padding:7px 11px;border-radius:999px;
  background:oklch(97.8% .007 84 / .8);
}
.aur-dot{width:6px;height:6px;border-radius:50%;background:var(--aur-line);transition:background-color .2s,scale .2s}
.aur-dot[aria-selected="true"]{background:var(--aur-ink);scale:1.35}
@media (min-width:721px){ #aur-dots{display:none} }

/* ---------- buybox ---------- */
#aur-buy{position:sticky;top:92px;display:grid;gap:var(--aur-s5)}
@media (max-width:1080px){ #aur-buy{position:static} }

.aur-brandline{display:flex;align-items:center;gap:var(--aur-s3);color:var(--aur-ink-3)}
.aur-brandline hr{flex:1;height:1px;background:var(--aur-gold);border:0;opacity:.6}

#aur-title{
  font-size:var(--aur-t-2xl);font-weight:300;line-height:1.06;letter-spacing:-.03em;
  margin-top:var(--aur-s2);
}
.aur-metarow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--aur-s4);margin-top:var(--aur-s4)}
.aur-ratelink{display:inline-flex;align-items:center;gap:var(--aur-s2);font-size:var(--aur-t-sm);color:var(--aur-ink-2)}
.aur-ratelink u{text-underline-offset:3px}
.aur-ratelink:hover{color:var(--aur-copper)}
.aur-textbtn{
  display:inline-flex;align-items:center;gap:6px;font-size:var(--aur-t-sm);color:var(--aur-ink-2);
  border-bottom:1px solid var(--aur-line);padding-bottom:2px;transition:color .2s,border-color .2s;
}
.aur-textbtn:hover{color:var(--aur-copper);border-color:var(--aur-copper)}
.aur-textbtn svg{width:14px;height:14px}

.aur-pricerow{display:flex;align-items:baseline;gap:var(--aur-s3);margin-top:var(--aur-s5)}
#aur-price{font-size:var(--aur-t-xl);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#aur-was{font-size:var(--aur-t-base);color:var(--aur-ink-3);text-decoration-thickness:1px}
.aur-save{color:var(--aur-copper);font-size:var(--aur-t-sm);font-weight:600;letter-spacing:.04em}
.aur-payline{margin-top:var(--aur-s2);font-size:var(--aur-t-sm);color:var(--aur-ink-2);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.aur-paychip{
  font-size:.625rem;font-weight:700;letter-spacing:.1em;padding:3px 7px;
  border:1px solid var(--aur-line);border-radius:2px;color:var(--aur-ink-2);
}
#aur-promoline{
  margin-top:var(--aur-s3);display:inline-flex;align-items:center;gap:8px;
  background:var(--aur-gold-wash);color:var(--aur-ink);
  font-size:var(--aur-t-sm);font-weight:500;padding:8px 12px;border-radius:2px;
}
#aur-promoline svg{width:15px;height:15px;color:var(--aur-copper)}

.aur-optblock{padding-top:var(--aur-s5);border-top:1px solid var(--aur-line-soft)}
.aur-opthead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--aur-s4);margin-bottom:var(--aur-s3)}
.aur-optlbl{font-size:var(--aur-t-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--aur-ink-3)}
.aur-optlbl b{color:var(--aur-ink);font-weight:600;letter-spacing:.08em}

#aur-swatches{display:flex;flex-wrap:wrap;gap:var(--aur-s3)}
.aur-swatch{
  width:52px;height:52px;border-radius:50%;background-size:cover;background-position:center;
  outline:1px solid var(--aur-line);outline-offset:3px;position:relative;
  transition:outline-color .2s var(--aur-e-quart),outline-offset .2s var(--aur-e-quart);
}
.aur-swatch:hover{outline-color:var(--aur-ink-3)}
.aur-swatch[aria-pressed="true"]{outline-color:var(--aur-ink);outline-width:1.5px}
.aur-swatch[disabled]{cursor:not-allowed;opacity:.5}
.aur-swatch[disabled]::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(to top left,transparent calc(50% - 1px),var(--aur-ink-3) 50%,transparent calc(50% + 1px));
}

#aur-sizes{display:flex;flex-wrap:wrap;gap:var(--aur-s2)}
.aur-size{
  min-width:56px;height:48px;padding:0 var(--aur-s3);border:1px solid var(--aur-line);border-radius:2px;
  font-size:var(--aur-t-md);font-weight:500;letter-spacing:.04em;background:var(--aur-paper);
  transition:border-color .18s var(--aur-e-quart),background-color .18s var(--aur-e-quart),color .18s var(--aur-e-quart);
}
.aur-size:hover:not([disabled]){border-color:var(--aur-ink)}
.aur-size[aria-pressed="true"]{background:var(--aur-ink);border-color:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-size[disabled]{
  color:var(--aur-ink-3);cursor:not-allowed;background:var(--aur-paper-2);
  background-image:linear-gradient(to top left,transparent calc(50% - .5px),var(--aur-line) 50%,transparent calc(50% + .5px));
}
#aur-sizeerr{
  display:none;align-items:center;gap:7px;margin-top:var(--aur-s3);
  font-size:var(--aur-t-sm);color:var(--aur-bad);
  background:var(--aur-bad-wash);padding:8px 11px;border-radius:2px;
}
#aur-sizeerr[data-show]{display:flex;animation:aur-shake .3s var(--aur-e-io)}
@keyframes aur-shake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
#aur-stocknote{margin-top:var(--aur-s3);font-size:var(--aur-t-sm);color:var(--aur-copper);display:none}
#aur-stocknote[data-show]{display:block}

.aur-addrow{display:grid;grid-template-columns:1fr 56px;gap:var(--aur-s2)}
#aur-wish{
  display:grid;place-items:center;border:1px solid var(--aur-ink);border-radius:2px;
  color:var(--aur-ink);transition:background-color .2s,color .2s,border-color .2s;
}
#aur-wish svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
#aur-wish:hover{border-color:var(--aur-copper);color:var(--aur-copper)}
#aur-wish[aria-pressed="true"]{background:var(--aur-copper);border-color:var(--aur-copper);color:var(--aur-ink-inv)}
#aur-wish[aria-pressed="true"] svg{fill:currentColor}

/* ---------- service list ---------- */
#aur-service{display:grid;gap:var(--aur-s4);padding-top:var(--aur-s5);border-top:1px solid var(--aur-line-soft)}
.aur-zipline{display:flex;align-items:center;gap:8px;font-size:var(--aur-t-sm);color:var(--aur-ink-3)}
#aur-zipbtn{display:inline-flex;align-items:center;gap:6px;color:var(--aur-ink);font-weight:600;border-bottom:1px dashed var(--aur-line)}
#aur-zipbtn:hover{color:var(--aur-copper);border-color:var(--aur-copper)}
#aur-zipbtn svg{width:13px;height:13px}
.aur-svc{display:grid;grid-template-columns:22px 1fr;gap:var(--aur-s3);align-items:start}
.aur-svc>svg{width:19px;height:19px;margin-top:2px;fill:none;stroke:var(--aur-copper);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.aur-svc__t{font-size:var(--aur-t-md);font-weight:500}
.aur-svc__s{font-size:var(--aur-t-sm);color:var(--aur-ink-3);margin-top:2px}
.aur-svc a{border-bottom:1px solid var(--aur-line)}
.aur-svc a:hover{color:var(--aur-copper);border-color:var(--aur-copper)}
.aur-info{
  width:16px;height:16px;border-radius:50%;border:1px solid var(--aur-line);
  font-size:.625rem;font-weight:700;color:var(--aur-ink-3);vertical-align:1px;margin-left:4px;
}
.aur-info:hover{border-color:var(--aur-copper);color:var(--aur-copper)}

/* ---------- accordions ---------- */
#aur-accs{border-top:1px solid var(--aur-line-soft)}
.aur-acc{border-bottom:1px solid var(--aur-line-soft)}
.aur-acc__btn{
  display:grid;grid-template-columns:20px 1fr 16px;align-items:center;gap:var(--aur-s3);
  width:100%;padding:var(--aur-s5) 0;text-align:left;
  font-size:var(--aur-t-md);font-weight:500;letter-spacing:.02em;
  transition:color .2s var(--aur-e-quart);
}
.aur-acc__btn:hover{color:var(--aur-copper)}
.aur-acc__btn>svg:first-child{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;color:var(--aur-ink-3)}
.aur-acc__chev{width:14px;height:14px;transition:rotate .4s var(--aur-e-out);color:var(--aur-ink-3)}
.aur-acc__btn[aria-expanded="true"] .aur-acc__chev{rotate:180deg}
.aur-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--aur-e-out)}
.aur-acc__panel[data-open]{grid-template-rows:1fr}
.aur-acc__in{overflow:hidden}
.aur-acc__body{padding:0 0 var(--aur-s5) 32px;display:grid;gap:var(--aur-s4);color:var(--aur-ink-2);font-size:var(--aur-t-md);max-width:68ch}
.aur-spec{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:var(--aur-s2) var(--aur-s5);font-size:var(--aur-t-sm)}
.aur-spec dt{color:var(--aur-ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:var(--aur-t-xs);font-weight:600;padding-top:2px}
.aur-spec dd{color:var(--aur-ink)}
.aur-bullets{display:grid;gap:var(--aur-s3)}
.aur-bullets li{display:grid;grid-template-columns:7px 1fr;gap:var(--aur-s3);align-items:start}
.aur-bullets li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--aur-gold);margin-top:9px}

/* ==========================================================
   6. SECTIONS (full width)
   ========================================================== */
.aur-sec{padding-block:var(--aur-s9)}
.aur-sec--tint{background:var(--aur-paper-2)}
.aur-sec--ivory{background:var(--aur-ivory)}
.aur-sechead{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:var(--aur-s5);margin-bottom:var(--aur-s7);
}
.aur-sechead h2{font-size:var(--aur-t-xl);font-weight:300;letter-spacing:-.02em}
.aur-sechead p{margin-top:var(--aur-s3);color:var(--aur-ink-2);font-size:var(--aur-t-md);max-width:62ch}
.aur-seclink{
  display:inline-flex;align-items:center;gap:8px;font-size:var(--aur-t-xs);font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid var(--aur-ink);
  transition:gap .25s var(--aur-e-out),color .2s,border-color .2s;
}
.aur-seclink:hover{gap:14px;color:var(--aur-copper);border-color:var(--aur-copper)}
.aur-seclink svg{width:13px;height:13px}

/* ---------- similar strip (in right column) ---------- */
#aur-similar{border-top:1px solid var(--aur-line-soft);padding-top:var(--aur-s5)}
.aur-simstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--aur-s2)}
.aur-simtile{aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:var(--aur-paper-3)}
.aur-simtile img{width:100%;height:100%;object-fit:cover;transition:scale .5s var(--aur-e-out)}
.aur-simtile:hover img{scale:1.05}
.aur-simfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--aur-s4);margin-top:var(--aur-s4)}
.aur-simfoot h2{font-size:var(--aur-t-base);font-weight:500}

/* ---------- style it with ---------- */
#aur-styleit{border-top:1px solid var(--aur-line-soft);padding-top:var(--aur-s5)}
#aur-sigrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--aur-s4);margin-top:var(--aur-s4)}
.aur-si img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:2px;background:var(--aur-paper-3);transition:scale .5s var(--aur-e-out)}
.aur-si:hover img{scale:1.04}
.aur-si__n{font-size:var(--aur-t-sm);margin-top:var(--aur-s2);line-height:1.35}
.aur-si__p{font-size:var(--aur-t-sm);font-weight:600;color:var(--aur-copper);font-variant-numeric:tabular-nums}

/* ---------- get the look ---------- */
.aur-lookwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,3vw,56px);align-items:start}
@media (max-width:1000px){ .aur-lookwrap{grid-template-columns:1fr} }
#aur-lookitems{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);
  gap:var(--aur-s4);overflow-x:auto;padding-bottom:var(--aur-s3);scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.aur-lk{scroll-snap-align:start}
.aur-lk__m{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:var(--aur-paper-3)}
.aur-lk__m img{width:100%;height:100%;object-fit:cover}
.aur-lk__badge{
  position:absolute;top:8px;left:8px;background:var(--aur-ink);color:var(--aur-ink-inv);
  font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:2px;
}
.aur-tick{
  position:absolute;bottom:8px;right:8px;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;background:oklch(97.8% .007 84 / .9);
  border:1px solid var(--aur-line);color:transparent;
  transition:background-color .2s var(--aur-e-quart),color .2s,border-color .2s;
}
.aur-tick svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.aur-tick:hover{border-color:var(--aur-ink)}
.aur-tick[aria-pressed="true"]{background:var(--aur-ink);border-color:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-lk__n{font-size:var(--aur-t-sm);font-weight:500;margin-top:var(--aur-s3);line-height:1.35}
.aur-lk__meta{font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:2px}
.aur-lk__p{display:flex;gap:8px;align-items:baseline;margin-top:6px;font-variant-numeric:tabular-nums}
.aur-lk__now{font-size:var(--aur-t-sm);font-weight:600}
.aur-lk__was{font-size:var(--aur-t-xs);color:var(--aur-ink-3);text-decoration:line-through}

#aur-looksum{
  background:var(--aur-paper);border:1px solid var(--aur-line);border-radius:2px;
  padding:var(--aur-s5);display:grid;gap:var(--aur-s4);
}
#aur-looksum dl{display:grid;gap:var(--aur-s3)}
.aur-sumrow{display:flex;justify-content:space-between;gap:var(--aur-s4);font-size:var(--aur-t-md);color:var(--aur-ink-2)}
.aur-sumrow dd{font-variant-numeric:tabular-nums;color:var(--aur-ink)}
.aur-sumrow--tot{
  padding-top:var(--aur-s3);border-top:1px solid var(--aur-line-soft);
  font-size:var(--aur-t-lg);font-weight:600;color:var(--aur-ink);
}
#aur-looksave dd,#aur-looksave{color:var(--aur-copper)}
#aur-lookempty{display:none;font-size:var(--aur-t-sm);color:var(--aur-ink-3)}
#aur-lookempty[data-show]{display:block}

/* ---------- details display ---------- */
.aur-detgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,3vw,56px)}
@media (min-width:900px){ .aur-det:nth-child(even){margin-top:var(--aur-s8)} }
.aur-det__m{aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:var(--aur-paper-3)}
.aur-det__m img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--aur-e-out)}
.aur-det:hover .aur-det__m img{scale:1.04}
.aur-det__n{
  font-size:2.25rem;font-weight:300;color:var(--aur-gold);line-height:1;
  margin-top:var(--aur-s4);font-variant-numeric:tabular-nums;
}
.aur-det__t{font-size:var(--aur-t-lg);font-weight:400;margin-top:var(--aur-s2)}
.aur-det__d{font-size:var(--aur-t-md);color:var(--aur-ink-2);margin-top:var(--aur-s2);max-width:42ch}

.aur-detspecs{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  margin-top:var(--aur-s9);border-top:1px solid var(--aur-line);
}
.aur-detspec{padding:var(--aur-s5) var(--aur-s4) var(--aur-s5) 0;border-bottom:1px solid var(--aur-line-soft)}
.aur-detspec dt{font-size:var(--aur-t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--aur-ink-3);font-weight:600}
.aur-detspec dd{font-size:var(--aur-t-base);margin-top:6px}

#aur-lookbook{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--aur-s4);margin-top:var(--aur-s9)}
@media (max-width:820px){ #aur-lookbook{grid-template-columns:repeat(2,1fr)} }
.aur-lb{overflow:hidden}
.aur-lb img{width:100%;object-fit:cover;border-radius:2px;background:var(--aur-paper-3);transition:scale .6s var(--aur-e-out)}
.aur-lb:nth-child(1) img{aspect-ratio:2/3}
.aur-lb:nth-child(2) img{aspect-ratio:3/4;margin-top:var(--aur-s7)}
.aur-lb:nth-child(3) img{aspect-ratio:2/3}
.aur-lb:nth-child(4) img{aspect-ratio:3/4;margin-top:var(--aur-s7)}
.aur-lb:hover img{scale:1.03}
.aur-lb figcaption{
  font-size:var(--aur-t-xs);letter-spacing:.12em;text-transform:uppercase;
  color:var(--aur-ink-3);margin-top:var(--aur-s3);
}

/* ---------- reviews ---------- */
.aur-revtop{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,3vw,56px);align-items:start}
@media (max-width:1000px){ .aur-revtop{grid-template-columns:1fr} }
#aur-score{font-size:4rem;font-weight:200;line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.aur-scoresub{font-size:var(--aur-t-sm);color:var(--aur-ink-3);margin-top:var(--aur-s3)}
.aur-scorerec{font-size:var(--aur-t-md);margin-top:var(--aur-s3)}
.aur-scorerec b{font-variant-numeric:tabular-nums}

.aur-bars{display:grid;gap:var(--aur-s2)}
.aur-barrow{
  display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:var(--aur-s3);
  font-size:var(--aur-t-sm);color:var(--aur-ink-2);padding:3px 0;
  transition:color .18s var(--aur-e-quart);
}
.aur-barrow:hover{color:var(--aur-ink)}
.aur-barrow[aria-pressed="true"]{color:var(--aur-copper);font-weight:600}
.aur-bartrack{height:5px;border-radius:999px;background:var(--aur-paper-3);overflow:hidden}
.aur-bartrack span{
  display:block;height:100%;width:0;border-radius:999px;background:var(--aur-gold);
  transition:width .9s var(--aur-e-out);
}
.aur-barrow[aria-pressed="true"] .aur-bartrack span{background:var(--aur-copper)}
.aur-barrow>.aur-num{text-align:right;font-variant-numeric:tabular-nums}

.aur-meters{display:grid;gap:var(--aur-s5)}
.aur-meter__top{display:flex;justify-content:space-between;gap:var(--aur-s3);font-size:var(--aur-t-sm)}
.aur-meter__top span:first-child{color:var(--aur-ink-3);text-transform:uppercase;letter-spacing:.12em;font-size:var(--aur-t-xs);font-weight:600}
.aur-meter__seg{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:8px}
.aur-meter__seg span{height:4px;border-radius:999px;background:var(--aur-paper-3)}
.aur-meter__seg span[data-on]{background:var(--aur-gold-deep)}
.aur-meter__ends{display:flex;justify-content:space-between;font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:6px}

#aur-fitcallout{
  margin-top:var(--aur-s7);padding:var(--aur-s5);border:1px solid var(--aur-line);border-radius:2px;
  background:var(--aur-paper);display:grid;gap:var(--aur-s3);max-width:76ch;
}
.aur-aitag{display:inline-flex;align-items:center;gap:7px;font-size:var(--aur-t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--aur-copper)}
.aur-aitag svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.aur-genby{font-size:var(--aur-t-xs);color:var(--aur-ink-3);display:flex;align-items:center;gap:6px}
.aur-genby svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}

#aur-tagfilter{display:flex;flex-wrap:wrap;gap:var(--aur-s2);margin-top:var(--aur-s7)}
.aur-tag{
  display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;
  border:1px solid var(--aur-line);font-size:var(--aur-t-sm);color:var(--aur-ink-2);background:var(--aur-paper);
  transition:border-color .18s var(--aur-e-quart),background-color .18s,color .18s;
}
.aur-tag i{font-style:normal;font-size:var(--aur-t-xs);color:var(--aur-ink-3);font-variant-numeric:tabular-nums}
.aur-tag:hover{border-color:var(--aur-ink)}
.aur-tag[aria-pressed="true"]{background:var(--aur-ink);border-color:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-tag[aria-pressed="true"] i{color:var(--aur-gold)}

#aur-photos{margin-top:var(--aur-s7)}
#aur-photos h3{font-size:var(--aur-t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--aur-ink-3);font-weight:600;display:flex;align-items:center;gap:8px}
#aur-photostrip{display:flex;gap:var(--aur-s2);overflow-x:auto;padding:var(--aur-s3) 0 var(--aur-s2);scrollbar-width:thin}
#aur-photostrip button{flex:0 0 104px}
#aur-photostrip img{width:104px;height:130px;object-fit:cover;border-radius:2px;background:var(--aur-paper-3);transition:opacity .2s}
#aur-photostrip button:hover img{opacity:.82}

.aur-revtools{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--aur-s4);
  margin-top:var(--aur-s8);padding-bottom:var(--aur-s4);border-bottom:1px solid var(--aur-line);
}
#aur-showing{font-size:var(--aur-t-sm);color:var(--aur-ink-3);font-variant-numeric:tabular-nums}
.aur-selects{display:flex;flex-wrap:wrap;gap:var(--aur-s4)}
.aur-sel{display:flex;align-items:center;gap:8px;font-size:var(--aur-t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--aur-ink-3);font-weight:600}
.aur-sel select{
  border:1px solid var(--aur-line);background:var(--aur-paper);border-radius:2px;
  padding:8px 10px;font-size:var(--aur-t-sm);letter-spacing:0;text-transform:none;font-weight:400;color:var(--aur-ink);
}
.aur-sel select:hover{border-color:var(--aur-ink-3)}

#aur-revlist{display:grid;gap:0}
.aur-rev{display:grid;grid-template-columns:auto 1fr;gap:var(--aur-s4);padding:var(--aur-s6) 0;border-bottom:1px solid var(--aur-line-soft)}
.aur-avatar{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:var(--aur-gold-wash);color:var(--aur-copper-deep);font-weight:600;font-size:var(--aur-t-sm);
}
.aur-rev__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--aur-s3)}
.aur-rev__name{font-weight:600;font-size:var(--aur-t-md)}
.aur-verified{display:inline-flex;align-items:center;gap:5px;font-size:var(--aur-t-xs);color:var(--aur-good)}
.aur-verified svg{width:13px;height:13px;fill:currentColor}
.aur-rev__date{font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-left:auto}
.aur-rev__t{font-weight:600;font-size:var(--aur-t-md);margin-top:var(--aur-s3)}
.aur-rev__b{color:var(--aur-ink-2);font-size:var(--aur-t-md);margin-top:6px;max-width:72ch}
.aur-rev__meta{display:flex;flex-wrap:wrap;gap:var(--aur-s2);margin-top:var(--aur-s3)}
.aur-rev__photo{margin-top:var(--aur-s3)}
.aur-rev__photo img{width:96px;height:120px;object-fit:cover;border-radius:2px}
.aur-helpful{
  display:inline-flex;align-items:center;gap:7px;margin-top:var(--aur-s4);
  font-size:var(--aur-t-sm);color:var(--aur-ink-3);transition:color .2s;
}
.aur-helpful svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.aur-helpful:hover{color:var(--aur-ink)}
.aur-helpful[aria-pressed="true"]{color:var(--aur-copper);font-weight:600}

#aur-revempty{display:none;padding:var(--aur-s8) 0;text-align:center;color:var(--aur-ink-3)}
#aur-revempty[data-show]{display:block}
#aur-revempty svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4;margin-inline:auto}
#aur-revempty p{margin:var(--aur-s3) auto var(--aur-s4);max-width:38ch;font-size:var(--aur-t-md)}
.aur-skel{padding:var(--aur-s6) 0;display:grid;gap:var(--aur-s3);border-bottom:1px solid var(--aur-line-soft)}
.aur-skel span{display:block;height:12px;border-radius:2px;background:var(--aur-paper-3);animation:aur-pulse 1.4s ease-in-out infinite}
.aur-skel span:nth-child(1){width:28%}
.aur-skel span:nth-child(2){width:64%;animation-delay:.1s}
.aur-skel span:nth-child(3){width:88%;animation-delay:.2s}
@keyframes aur-pulse{50%{opacity:.45}}
#aur-loadmore{margin-top:var(--aur-s6)}

/* ---------- recommendations ---------- */
#aur-recgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--aur-s5) var(--aur-s4)}
.aur-rec__m{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:var(--aur-paper-3)}
.aur-rec__m img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--aur-e-out)}
.aur-rec:hover .aur-rec__m img{scale:1.05}
.aur-rec__flag{
  position:absolute;top:10px;left:10px;background:var(--aur-paper);color:var(--aur-ink);
  font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:2px;
}
.aur-rec__flag[data-hot]{background:var(--aur-copper);color:var(--aur-ink-inv)}
.aur-rec__quick{
  position:absolute;left:10px;right:10px;bottom:10px;height:40px;border-radius:2px;
  background:var(--aur-paper);color:var(--aur-ink);font-size:var(--aur-t-xs);font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;display:grid;place-items:center;
  opacity:0;translate:0 8px;transition:opacity .28s var(--aur-e-out),translate .28s var(--aur-e-out);
}
.aur-rec:hover .aur-rec__quick,.aur-rec__quick:focus-visible{opacity:1;translate:0}
.aur-rec__n{font-size:var(--aur-t-md);margin-top:var(--aur-s3);line-height:1.35}
.aur-rec__c{font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:3px}
.aur-rec__r{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--aur-t-xs);color:var(--aur-ink-3)}
.aur-rec__p{display:flex;gap:8px;align-items:baseline;margin-top:6px;font-variant-numeric:tabular-nums}
.aur-rec__p b{font-size:var(--aur-t-md);font-weight:600}
.aur-rec__p s{font-size:var(--aur-t-xs);color:var(--aur-ink-3)}
#aur-recmore{display:flex;justify-content:center;margin-top:var(--aur-s7)}

/* ==========================================================
   7. STICKY BUY BAR
   ========================================================== */
#aur-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:var(--aur-z-sticky);
  background:oklch(97.8% .007 84 / .94);backdrop-filter:blur(12px);
  border-top:1px solid var(--aur-line);
  translate:0 100%;transition:translate .38s var(--aur-e-out);
}
#aur-sticky[data-show]{translate:0}
.aur-stinner{
  display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;
  gap:var(--aur-s4);padding-block:var(--aur-s3);
}
.aur-stinner>img{width:56px;height:70px;object-fit:cover;border-radius:2px}
.aur-st__n{font-size:var(--aur-t-md);font-weight:500;line-height:1.3}
.aur-st__p{display:flex;gap:8px;align-items:baseline;margin-top:2px;font-variant-numeric:tabular-nums}
.aur-st__now{font-weight:600;font-size:var(--aur-t-md)}
.aur-st__was{font-size:var(--aur-t-xs);color:var(--aur-ink-3);text-decoration:line-through}
.aur-st__rate{display:flex;align-items:center;gap:var(--aur-s3)}
@media (max-width:760px){
  .aur-stinner{grid-template-columns:44px minmax(0,1fr) auto}
  .aur-stinner>img{width:44px;height:56px}
  .aur-st__rate{display:none}
  #aur-stickyadd{padding-inline:var(--aur-s4)}
}

/* ==========================================================
   8. BAG DRAWER
   ========================================================== */
#aur-scrim{
  position:fixed;inset:0;z-index:var(--aur-z-scrim);background:oklch(27% .028 62 / .38);
  opacity:0;pointer-events:none;transition:opacity .3s var(--aur-e-quart);
}
#aur-scrim[data-show]{opacity:1;pointer-events:auto}
#aur-bag{
  position:fixed;top:0;right:0;bottom:0;z-index:var(--aur-z-drawer);
  width:min(430px,100vw);background:var(--aur-paper);
  display:grid;grid-template-rows:auto 1fr auto;
  translate:100% 0;transition:translate .42s var(--aur-e-out);box-shadow:var(--aur-el-3);
}
#aur-bag[data-open]{translate:0}
.aur-bag__head{display:flex;align-items:center;justify-content:space-between;padding:var(--aur-s5);border-bottom:1px solid var(--aur-line-soft)}
.aur-bag__head h2{font-size:var(--aur-t-base);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
#aur-bagbody{overflow-y:auto;padding:var(--aur-s5);display:grid;gap:var(--aur-s5);align-content:start}
.aur-bagline{display:grid;grid-template-columns:72px 1fr;gap:var(--aur-s4)}
.aur-bagline img{width:72px;height:92px;object-fit:cover;border-radius:2px}
.aur-bagline__n{font-size:var(--aur-t-md);font-weight:500;line-height:1.3}
.aur-bagline__v{font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:3px}
.aur-bagline__row{display:flex;align-items:center;justify-content:space-between;gap:var(--aur-s3);margin-top:var(--aur-s3)}
.aur-qty{display:inline-flex;align-items:center;border:1px solid var(--aur-line);border-radius:2px}
.aur-qty button{width:32px;height:32px;display:grid;place-items:center;color:var(--aur-ink-2)}
.aur-qty button:hover{color:var(--aur-copper)}
.aur-qty span{min-width:26px;text-align:center;font-size:var(--aur-t-sm);font-variant-numeric:tabular-nums}
.aur-bagline__p{font-size:var(--aur-t-md);font-weight:600;font-variant-numeric:tabular-nums}
.aur-remove{font-size:var(--aur-t-xs);color:var(--aur-ink-3);border-bottom:1px solid var(--aur-line);margin-top:var(--aur-s2)}
.aur-remove:hover{color:var(--aur-bad);border-color:var(--aur-bad)}
#aur-bagempty{display:grid;justify-items:center;text-align:center;gap:var(--aur-s4);padding:var(--aur-s9) var(--aur-s4)}
#aur-bagempty svg{width:30px;height:30px;fill:none;stroke:var(--aur-ink-3);stroke-width:1.3;stroke-linejoin:round}
#aur-bagempty p{max-width:32ch;color:var(--aur-ink-3);font-size:var(--aur-t-md)}
.aur-bag__foot{padding:var(--aur-s5);border-top:1px solid var(--aur-line-soft);display:grid;gap:var(--aur-s3)}
#aur-shiptext{font-size:var(--aur-t-sm);color:var(--aur-ink-2)}
.aur-track{display:block;height:4px;border-radius:999px;background:var(--aur-paper-3);overflow:hidden}
#aur-shipfill{display:block;height:100%;width:0;background:var(--aur-gold);border-radius:999px;transition:width .5s var(--aur-e-out)}
.aur-subrow{display:flex;justify-content:space-between;font-size:var(--aur-t-base);font-weight:600;margin-top:var(--aur-s2)}
.aur-subrow span:last-child{font-variant-numeric:tabular-nums}

/* ==========================================================
   9. DIALOGS
   ========================================================== */
.aur-dialog{
  border:0;padding:0;border-radius:3px;background:var(--aur-paper);color:var(--aur-ink);
  width:min(720px,calc(100vw - 32px));max-height:min(86vh,860px);box-shadow:var(--aur-el-3);
}
.aur-dialog::backdrop{background:oklch(27% .028 62 / .4);backdrop-filter:blur(2px)}
.aur-dialog[open]{animation:aur-pop .34s var(--aur-e-out)}
@keyframes aur-pop{from{opacity:0;transform:translateY(14px) scale(.99)}}
.aur-dlg__head{
  display:flex;align-items:center;justify-content:space-between;gap:var(--aur-s4);
  padding:var(--aur-s5);border-bottom:1px solid var(--aur-line-soft);
  position:sticky;top:0;background:var(--aur-paper);z-index:1;
}
.aur-dlg__head h2{font-size:var(--aur-t-base);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.aur-dlg__body{padding:var(--aur-s5);display:grid;gap:var(--aur-s5);overflow-y:auto}
.aur-measurehead{display:flex;align-items:center;justify-content:space-between;gap:var(--aur-s4)}
.aur-units{display:inline-flex;border:1px solid var(--aur-line);border-radius:2px;overflow:hidden}
.aur-units button{padding:7px 14px;font-size:var(--aur-t-sm);color:var(--aur-ink-2);transition:background-color .2s,color .2s}
.aur-units button[aria-pressed="true"]{background:var(--aur-ink);color:var(--aur-ink-inv)}
.aur-tscroll{overflow-x:auto}
.aur-table{width:100%;border-collapse:collapse;font-size:var(--aur-t-sm);font-variant-numeric:tabular-nums}
.aur-table th,.aur-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--aur-line-soft);white-space:nowrap}
.aur-table thead th{
  font-size:var(--aur-t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--aur-ink-3);
  border-bottom:1px solid var(--aur-line);
}
.aur-table tbody tr:hover{background:var(--aur-gold-wash)}
.aur-table tbody tr[data-oos]{color:var(--aur-ink-3)}
.aur-table tbody tr[data-oos] th::after{content:" · sold out";font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--aur-copper)}
.aur-table tbody tr[data-current]{background:var(--aur-gold-wash);font-weight:600}
.aur-input{display:grid;gap:6px}
.aur-input label{font-size:var(--aur-t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--aur-ink-3)}
.aur-input input,.aur-input textarea{
  border:1px solid var(--aur-line);border-radius:2px;padding:12px 14px;background:var(--aur-paper);
  font-size:var(--aur-t-md);transition:border-color .2s;
}
.aur-input textarea{min-height:104px;resize:vertical}
.aur-input input:hover,.aur-input textarea:hover{border-color:var(--aur-ink-3)}
.aur-input small{font-size:var(--aur-t-xs);color:var(--aur-ink-3)}
.aur-input[data-bad] input,.aur-input[data-bad] textarea{border-color:var(--aur-bad)}
.aur-input[data-bad] small{color:var(--aur-bad)}
.aur-input[data-ok] input{border-color:var(--aur-good)}
.aur-sumbox{background:var(--aur-gold-wash);border-radius:2px;padding:var(--aur-s5);display:grid;gap:var(--aur-s3)}
.aur-sumbox p{font-size:var(--aur-t-md);color:var(--aur-ink-2)}
.aur-fitbar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.aur-fitbar span{height:6px;border-radius:999px;background:var(--aur-paper-3)}
.aur-fitbar span[data-on]{background:var(--aur-gold-deep)}
.aur-fitlbl{display:flex;justify-content:space-between;font-size:var(--aur-t-xs);color:var(--aur-ink-3);margin-top:8px}

/* ==========================================================
   10. TOAST + FOOTER
   ========================================================== */
#aur-toast{
  position:fixed;left:50%;bottom:104px;z-index:var(--aur-z-toast);
  translate:-50% 16px;opacity:0;pointer-events:none;
  display:flex;align-items:center;gap:10px;
  background:var(--aur-ink);color:var(--aur-ink-inv);
  padding:13px 20px;border-radius:2px;font-size:var(--aur-t-md);box-shadow:var(--aur-el-2);
  transition:opacity .28s var(--aur-e-out),translate .28s var(--aur-e-out);
}
#aur-toast[data-show]{opacity:1;translate:-50% 0}
#aur-toast svg{width:16px;height:16px;fill:none;stroke:var(--aur-gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

#aur-foot{background:var(--aur-ink);color:var(--aur-ivory);padding-block:var(--aur-s8) var(--aur-s7);margin-bottom:84px}
.aur-footgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--aur-s6)}
.aur-footgrid h3{font-size:var(--aur-t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--aur-gold);font-weight:600;margin-bottom:var(--aur-s3)}
.aur-footgrid a{display:block;padding:5px 0;font-size:var(--aur-t-sm);opacity:.8;transition:opacity .2s,color .2s}
.aur-footgrid a:hover{opacity:1;color:var(--aur-gold)}
.aur-footbase{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--aur-s4);
  margin-top:var(--aur-s7);padding-top:var(--aur-s5);
  border-top:1px solid oklch(88.5% .037 82 / .18);
  font-size:var(--aur-t-xs);letter-spacing:.06em;opacity:.7;
}
	body.page.page-id-302 {
    background: rgb(var(--color-base-highlight)) !important;
}
	body.page.page-id-302 {
    background: rgb(var(--color-base-highlight)) !important;
}

.aur-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.aur-ib svg {
    width: 25px !important;
}

.aur-dlg__head h2 {
    margin: 0px !important;
}
	a,button
	{
		cursor:pointer !important;
	}
	body.page.page-id-302 {
    background: rgb(var(--color-base-highlight)) !important;
}

.aur-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.aur-ib svg {
    width: 25px !important;
}

.aur-dlg__head h2 {
    margin: 0px !important;
}

.aur-gnav svg {
    width: 20px !important;
    height: 20px !important;
}

.aur-eyebrow {
    font-weight: 400 !important;
}


.aur-optlbl {
    font-weight: 400 !important;
}

.aur-btn {
    color: rgb(var(--color-button-text)) !important;
}

.aur-svc__t {
    margin-bottom: 0px !important;
}

.aur-info {
    display: none !important;
}

.aur-st__n {
    margin: 0px !important;
}

p.aur-st__p {
    margin: 0px !important;
}

.aur-acc h2 {
    margin: 0px !important;
}

svg.aur-acc__chev {
    width: 21px !important;
    height: 21px !important;
    background: rgb(var(--color-background)) !important;
    padding: 3px !important;
    border-radius: 50px !important;
}

.aur-btn--sm {
    color: rgb(var(--color-foreground)) !important;
}

.aur-simfoot h2 {
    margin: 0px !important;
}

.aur-sechead p {
    margin-bottom: 0px !important;
}

.aur-sechead h2 {
    margin-bottom: 5px !important;
    padding-top: 10px !important;
}

p.aur-lk__n {
    margin-bottom: 0px !important;
}

p.aur-lk__meta {
    margin-bottom: 0px !important;
}

.aur-det__n {
    margin-bottom: 15px !important;
}

.aur-detspec dd {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

#aur-score {
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

.aur-aitag {
    margin-bottom: 5px !important;
}

div#aur-photos svg {
    width: 30px !important;
    height: 30px !important;
}

.aur-sel select {
    color: rgb(var(--color-foreground)) !important;
}

.aur-revtools {
    display: none;
}

div#aur-revempty {
    display: none !important;
}

p.aur-rec__n {
    margin-bottom: 0px !important;
}

p.aur-rec__c {
    margin-bottom: 0px !important;
}

.aur-rec__r {
    margin-bottom: 0px !important;
}

.aur-btn--line {
    color: rgb(var(--color-foreground)) !important;
}
	p.aur-rev__t {
    margin-bottom: 5px !important;
    margin-top: 0px !important;
}

.aur-btn--line:hover {
    color: rgb(var(--color-button-text)) !important;
}
	@media (max-width: 801px) {
#aur-title {
    font-size: 25px !important;
    font-weight: 500 !important;
}

.aur-si__n {
    margin-bottom: 5px !important;
}

.aur-btn {
    font-size: 14px !important;
    padding: 6px 17px !important;
    line-height: normal !important;
}

.aur-stinner>img {
    display: none !important;
}

.aur-shell.aur-stinner img+div {
    display: none !important;
}

.aur-stinner {
    display: block !important;
}

#aur-stickyadd {
    width: 100% !important;

		}
		#aur-pdp {
    padding-bottom: 20px !important;
}

.aur-sec {
    padding: 20px 5px !important;
}

.aur-sechead p {
    font-size: 15px !important;
}

.aur-sumrow dd {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.aur-detspecs {
    margin-top: 5px !important;
}

#aur-lookbook {
    margin-top: 25px !important;
}
}
	p#aur-sizeerr svg {
    width: 20px !important;
    height: 20px !important;
}

#aur-bag {
    z-index: 999999999999999999999999999999 !important;
}

aside#aur-bag svg {
    width: 15px !important;
    height: 15px !important;
}

p#aur-shiptext {
    margin-bottom: 0px !important;
}

	h1#fsh-h1 {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;

	}
	.bty-stage {
    display: none !important;
}

#bty-h1 {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;
}
	#bty-panel {
    height: 100% !important;
    display: block !important;
}
	div#fnv-promo-top {
    background: rgb(var(--color-background)) !important;
    border-bottom: 1px solid rgb(var(--color-background) / 0.16) !important;
}
	p.tc-fine {
    display: none !important;
}

.tc-mast-t h1 {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;
}

.tc-mast-t p {
    font-size: 15px !important;
}

.tc-index a * {
    font-size: 14px !important;
}

.tc-index {
    border: 0px !important;
}

.tc-dek {
    font-size: 14.5px !important;
}

.tc-fine {
    font-size: 13px !important;
}

.tc-p9 .tc-ttl {
    display: block !important;
    padding: 5px 0px !important;
}

.tc-lab {
    font-size: 13px !important;
}

.tc-state p {
    text-transform: capitalize;
    color: rgb(var(--color-foreground)) !important;
    font-weight: 300 !important;
}

.tc-chip[aria-pressed="true"] {
    color: rgb(var(--color-button-text)) !important;
}

.tc-tbl caption {
    font-size: 12px !important;
}

.tc-tblwrap td, .tc-tblwrap th {
    border: 0px !important;
}

table#tc-tbl {
    border: 0px !important;
}

.tc-tbl tbody tr:hover {
    background: rgb(var(--color-background)) !important;
}

.tc-foot-row {
    display: none !important;
}

.tc-swatch span {
    font-size: 12px !important;
    line-height: normal !important;
}

.tc-swatch em {
    line-height: normal !important;
}

.tc-score {
    border: 0px !important;
}

.tc-score-top h3 {
    font-size: 15px !important;
}

.tc-score li:hover {
    background: rgb(var(--color-background)) !important;
}

.tc-inv {
    background: transparent !important;
    padding: 0px !important;
}

.tc-jargon {
    border: 0px !important;
}

.tc-jrow dd {
    font-size: 13px !important;
}

.tc-method {
    border: 0px !important;
}

.tc-method p {
    font-size: 14px !important;
    font-weight: 300 !important;
}
	.tc-ttl {
    font-family: "Playfair Display", serif !important;
    text-transform: capitalize;
    font-size: 23px !important;
}
	p.bt-fine {
    display: none !important;
}

.bt-mast-t h1 {
    font-weight: 400 !important;
    font-family: "Fraunces", serif !important;
}

.bt-mast-t p {
    font-size: 15px !important;
}

.bt-pick-card h2 a {
    font-family: "Playfair Display", serif !important;
}

span.bt-ttl {
    font-size: 19px !important;
    font-family: "Playfair Display", serif !important;
    text-transform: capitalize;
}

.bt-long {
    padding: 0px !important;
    background: transparent !important;
}

span.bt-verdict {
    width: fit-content;
}

h2#bt-long-h {
    font-family: "Playfair Display", serif !important;
}

.bt-long-t p {
    padding: 6px 0px !important;
}

.bt-state p {
    text-transform: capitalize;
    color: rgb(var(--color-foreground)) !important;
    font-weight: 300 !important;
}

.bt-state h2 {
    font-family: "Playfair Display", serif !important;
}

.bt-step p {
    font-size: 14px !important;
}

.bt-step h4 {
    font-size: 16px !important;
}

.bt-tbl th, .bt-tbl td {
    border: 0px !important;
}

.bt-matrix {
    border: 0px !important;
}

.bt-matrix table.bt-tbl {
    border: 0px !important;
}

.bt-obj {
    width: 100% !important;
}

.bt-shelf {
    background: transparent !important;
}

.bt-test {
    border: 0px !important;
}
	.bt-filter[aria-pressed="true"] {
    background: transparent !important;
}
	.nj-top-meta {
    display: none !important;
}

.nj-top h1 {
    font-family: "Fraunces", serif !important;
    font-weight: 400 !important;
    font-size: 45px !important;
}

.nj-arow:hover {
    background: transparent !important;
}

.nj-h-s {
    font-family: "Playfair Display", serif !important;
    font-size: 18px !important;
}

.nj-lead .nj-h-xl {
    font-family: "Playfair Display", serif !important;
    font-weight: 500 !important;
}

.nj-band {
    padding: 0px !important;
    background: transparent !important;
}

.nj-a .nj-hd, a.nj-hd {
    font-family: "Playfair Display", serif !important;
    font-size: 19px !important;
}

.nj-promo {
    padding: 0px !important;
    background: transparent !important;
}

.nj-meta {
    display: none !important;
}

.nj-btn {
    background: #a25d30 !important;
    color: rgb(var(--color-button-text)) !important;

	}
	p.fs-fine {
    display: none !important;
}

.fs-mast h1 {
    font-family: "Fraunces", serif !important;
    font-weight: normal !important;
}

.fs-tag[aria-pressed="true"] {
    color: rgb(var(--color-button-text)) !important;
}

.fs-ttl {
    font-family: "Playfair Display", serif !important;
    text-transform: capitalize;
    font-size: 24px !important;
}
	.fs-ttl {
    text-transform: capitalize;
}

.fs-spread {
    padding: 0px !important;
    background: transparent !important;
}

.fs-spread-t h2 a {
    font-family: "Playfair Display", serif !important;
}

p.fs-spread-meta {
    display: none !important;
}

.fs-state p {
    text-transform: capitalize;
    color: beige;
    color: rgb(var(--color-foreground)) !important;
    font-weight: 300 !important;
}

.fs-obj {
    width: 100% !important;
}

.fs-lab {
    text-transform: capitalize;
    font-size: 16px !important;
}

.fs-fit {
    border: 0px !important;
}

.fs-fine {
    text-transform: capitalize;
    font-size: 13px !important;
}

.fs-head h2 {
    font-size: 15px !important;
    text-transform: capitalize;
}

.fs-grow {
    border: 0px !important;
}

.fs-gloss {
    border: 0px !important;

	}
	.lf-open h1 {
    font-family: "Fraunces", serif !important;
    font-weight: normal !important;
}

.lf-open p {
    color: rgb(var(--color-foreground)) !important;
    text-transform: capitalize;
    font-weight: 300 !important;
}
	.lf-entry--feat {
    background: transparent !important;
}

.lf-open p {
    text-transform: capitalize;
}

.lf-ttl {
    font-size: 25px !important;
    font-family: "Playfair Display", serif !important;
    text-transform: capitalize;
}

.lf-rail .lf-ttl {
    font-size: 17px !important;
}

.lf-entry--feat h2 {
    font-family: "Playfair Display", serif !important;
    font-weight: 500 !important;
}

.lf-entry-t h2 {
    font-family: "Playfair Display", serif !important;
    font-weight: 500 !important;
}

.lf-pager {
    display: none !important;
}

.lf-wrap.lf-block {
}

.lf-why {
    border: 0px !important;
}
	.lf-open p {
    text-transform: capitalize !important;
}

.lf-ttl {
    text-transform: capitalize !important;
}
	.lf-quiet {
    border: 0px !important;
}
	.nt-top h1 {
    font-family: "Fraunces", serif !important;
    font-size: 65px !important;
    font-weight: normal !important;
}

.nt-top p {
    font-size: 15px !important;
}

.nt-badge {
    color: rgb(var(--color-button-text)) !important;
}

.nt-a .nt-hd, a.nt-hd {
    font-family: "Playfair Display", serif !important;
    font-weight: normal !important;
}

.nt-num b {font-size: 16px !important;font-weight: normal !important;}
	.nt-top h1 {
    font-family: "Fraunces", serif !important;
    font-size: 65px !important;
    font-weight: normal !important;
}

.nt-top p {
    font-size: 15px !important;
}

.nt-badge {
    color: rgb(var(--color-button-text)) !important;
}

.nt-a .nt-hd, a.nt-hd {
    font-family: "Playfair Display", serif !important;
    font-weight: normal !important;
}

.nt-num b {font-size: 16px !important;font-weight: normal !important;}

a.nt-hd.nt-h-l {
    font-size: 35px !important;
}
	.nt-top h1 {
    font-family: "Fraunces", serif !important;
    font-size: 65px !important;
    font-weight: normal !important;
}

.nt-top p {
    font-size: 15px !important;
}

.nt-badge {
    color: rgb(var(--color-button-text)) !important;
}

.nt-a .nt-hd, a.nt-hd {
    font-family: "Playfair Display", serif !important;
    font-weight: normal !important;
}

.nt-num b {font-size: 16px !important;font-weight: normal !important;}

a.nt-hd.nt-h-l {
    font-size: 35px !important;
}

.nt-promo {
    background: transparent !important;
    padding: 0px !important;
}

.nt-promo-card {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
}

.nt-promo-card span.nt-h-xs.nt-hd {
    font-size: 20px !important;
}

span.nt-h-xs.nt-hd {
    font-size: 20px !important;

	}
	@media (max-width:801px){
.bt-filters {
    display: none !important;
}

.bt-pager {
    display: none !important;
}		
		.nt-top h1 {
    font-size: 42px !important;
}

a.nt-hd.nt-h-l {
    font-size: 23px !important;
}
	}
	.fs-ttl {
    text-transform: capitalize !important;
}

.fs-lab {
    font-size: 12px !important;
}
	div#fnv-promo-top {
    background: #f4eadf !important;
    border-bottom: 0px solid rgb(var(--color-background) / 0.16) !important;
}
	.fnv-promo-code {
    background: rgb(var(--color-base-highlight)) !important;
    border: 0px !important;
    border-radius: 50px !important;
}

.fnv-search-btn {
    background: transparent !important;
}

.fnv-icon-btn:hover {
    background: rgb(var(--color-base-highlight)) !important;
}

.fnv-sub-btn:hover, .fnv-sub-item.fnv-sub-hovered .fnv-sub-btn {
    background:rgb(var(--color-base-highlight)) !important;
}
	#sol-gallery {
    height: fit-content;
}

div#sol-sticky {
    display: none !important;
}

p.sol-svc__s {
    margin-bottom: 0px !important;
}

.sol-info {
    display: none !important;
}

.sol-btn--full {
    color: rgb(var(--color-button-text)) !important;
}

.sol-acc h2 {
    margin: 0px !important;
}

section#sol-reviews {
    background: #e8d4b838;
}

section#sol-press {
    display: none;
}

.sol-btn--line {
    color: rgb(var(--color-foreground)) !important;

	}
	  @media (max-width:860px){nav#sol-crumbs {
    display: none !important;
}

div#sol-pdp {
    padding: 15px !important;
}

.sol-shell {
    display: block !important;
}
	}
	.amb-toast {
    display: none !important;

	}
	.amb-occ__label b {
    font-size: 30px !important;
}

.amb-occ__label span {
    font-size: 14px !important;
}

p.amb-det__n {
    font-size: 20px !important;
}

h3.amb-det__t {
    font-size: 27px !important;
}

.amb-cmp thead th {
    font-size: 15px !important;
}

p.amb-step__num {
    font-size: 20px !important;
}

h3.amb-step__t {
    font-size: 24px !important;
}

.amb-faq__btn {
    font-size: 18px !important;
}

.amb-h2 {
    line-height: 48px !important;
}

.amb-news {
    max-width: 650px !important;
}

.amb-pull blockquote {
    padding: 0px !important;
    border: 0px !important;
}

.amb-pull figcaption {
    margin-top: 10px !important;
}

.amb-pull__seal {
    margin-bottom: 5px !important;
}
	section.othermains--gird.amb-sec.amb-pull {
    padding: 50px 10px !important;
}
	.amb-pull__inner img {
    max-width: 120px !important;
    margin: auto !important;
    transform: rotate(-35deg);
}
	.tc-mast-t h1 {
    font-weight: 300 !important;
}

.tc-pfoot {
    padding-top: 15px !important;
    margin-top: 15px !important;
}

span.tc-lab {
    padding: 5px 0px !important;
}

.tc-root .tc-head::before, .tc-root .tc-srule::before {
    top: -6px !important;
}

.tc-method h3 {
    font-size: 24px !important;
}

.tc-root .tc-bsend {
    text-transform: capitalize;
    letter-spacing: 0px !IMPORTANT;
    font-size: 15px !important;
}

p.tc-bfine {
    padding-top: 20px !important;
}
	 @media (max-width:801px){
		.tc-tools {
    display: none !important;
}
	}
.bt-root .bt-bsend {font-size: 15px !important;16px: !important;16px: !important;16px: !important;16px: !i;16px: !;text-transform: capitalize;letter-spacing: 0px !important;}

p.bt-bfine {
    padding-top: 20px !important;
}

.bt-test h3 {
    font-size: 30px !important;
}
	.bt-root .bt-head::before, .bt-root .bt-srule::before {
    display: none;
}
	.bt-step h4 {
    font-size: 22px !important;
}

.bt-col h3 {
    font-size: 20px !important;
}
	 @media (max-width:801px){
		.bt-test h3 {
    font-size: 25px !important;
}

.bt-bgrid h2 {
    font-size: 26px !important;
}

.bt-root .bt-bsend {
    text-transform: capitalize;
} 
	}
	
	p.fs-bfine {
    padding-top: 10px !important;
}

.fs-fit h3 {
    font-size: 26px !important;
}

.fs-root .fs-head::before, .fs-root .fs-srule::before {
    display: none !important;
}

h2 {}

.fs-root .fs-ttl {
    font-size: 18px !important;
}

button.fs-tag {
    font-size: 14px !important;
}

.fs-mast h1 {
    font-weight: 300 !important;

	}
	p.lf-bfine {
    padding-top: 15px !important;
}

.lf-wrow h3 {
    font-size: 25px !important;
}

.lf-head::before, .lf-srule::before {
    display: none !important;
}

p.lf-entry-foot {
    padding: 10px 0px !important;
}
	.nt-root .nt-head::before, .nt-root .nt-srule::before {
    display: none !important;
}

h2 {}
	p.nt-bfine {
    padding-top: 20px !important;
}
		@media (max-width:801px){
h3.amb-det__t {
    font-size: 18px !important;
}

.amb-video {
    aspect-ratio: 1.1;
}

.amb-newsform input {
    padding: 15px 10px !important;
}			
	}
	div#fnv-promo-top {
    background: rgb(var(--color-background)) !important;
    border-bottom: 1px solid rgb(var(--color-background) / 0.16) !important;
}

.fnv-promo-code {
    background: rgb(var(--color-base-highlight)) !important;
}
	#vrd-newsform button.vrd-btn {
    background: rgb(var(--color-background)) !important;
}

div#vrd-toast {
    display: none !important;
}

section#vrd-news {}

section#vrd-news h2#vrd-news-h {
    color: rgb(var(--color-button-text)) !important;
    padding: 10px 0px !important;
}

button#vrd-top {
    display: none !important;
}
	.vrd-lede {
    padding-top: 20px !important;
}
	#vrd-newsform button.vrd-btn {
    background: rgb(var(--color-background)) !important;
}

div#vrd-toast {
    display: none !important;
}

section#vrd-news {}

section#vrd-news h2#vrd-news-h {
    color: rgb(var(--color-button-text)) !important;
    padding: 10px 0px !important;
}

button#vrd-top {
    display: none !important;
}

.vrd-lede {
    padding-top: 20px !important;
}

p#vrd-score {
    font-weight: 300 !important;
}

span.vrd-stars {
    padding: 10px 0px !important;
}
	div#vrd-offer {
    display: none !important;
}

#vrd-pdp {
    padding: 10px !important;
}

button#vrd-add {
    background: var(--vrd-forest);
    color: var(--vrd-cream);
    border-color: var(--vrd-forest);
}

#vrd-wish {
    border: 2px solid var(--vrd-line) !important;
    border-radius: var(--vrd-r) !important;
    background: var(--vrd-card) !important;
}
	blockquote {
    padding: 0px !important;
    border: 0px !important;
}

.othermains--gird img {
    max-width: 120px !important;
    margin: auto !important;
}
	h3.op1-amb-det__t {
    font-size: 25px !important;
}

p.op1-amb-det__n {
    font-size: 21px !important;
}
	h3.op1-amb-det__t {
    font-size: 25px !important;
}

p.op1-amb-det__n {
    font-size: 21px !important;
}
	body.page.page-id-481 {
    background: rgb(var(--color-base-highlight)) !important;
}

span.lp4-amb-salebadge {
    display: none !important;
}

.lp4-amb-toast {
    display: none !important;
}

.lp4-amb-title {
    font-weight: 400 !important;
    padding-bottom: 15px !important;
}

.lp4-amb-sec--cream {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-sec--ivory {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-giftgrid {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-pull {
    background: rgb(var(--color-background)) !important;
}
	body.page.page-id-481 {
    background: rgb(var(--color-base-highlight)) !important;
}

span.lp4-amb-salebadge {
    display: none !important;
}

.lp4-amb-toast {
    display: none !important;
}

.lp4-amb-title {
    font-weight: 400 !important;
    padding-bottom: 15px !important;
}

.lp4-amb-sec--cream {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-sec--ivory {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-giftgrid {
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-pull {
    background: rgb(var(--color-background)) !important;
}

section.lp4-amb-sec[aria-labelledby="lp4-amb-si-h"] {padding-top: 20px !important;}
	div#am-toast {
    display: none !important;
}
	div#am-sticky {
    display: none !important;
}
	.so-sticky {
    display: none !important;
}
	@media (max-width:1180px){
		.so-pdp {
    padding: 10px !important;
}
div#am-sticky {
    display: none !important;
}

.am-pdp {
    padding: 15px !important;
}
	}
	.so-toast {
    display: none !important;
}

.fnv-loc {
  position: relative;
}

.fnv-icon-country {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  background: none;
  border: 0;
  cursor: pointer;
}

.fnv-icon-country .country-flag {
  display: block;
  width: 22px;
  height: auto;
  border-radius: 2px;
}

.fnv-loc-current {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.fnv-loc-popup {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 200;
  width: 300px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 18px;
  background: rgb(var(--color-background));
  border: 1px solid rgb(var(--color-background) / 0.16);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgb(var(--color-shadow) / 0.12);
}

.fnv-loc-popup[hidden] {
  display: none;
}

.fnv-loc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.fnv-loc-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fnv-loc-close {
  display: none;
  padding: 4px;
  background: none;
  border: 0;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-loc-close svg {
  width: 18px;
  height: 18px;
}

.fnv-loc-group + .fnv-loc-group {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgb(var(--color-background) / 0.16);
}

.fnv-loc-label {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
}

.fnv-loc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fnv-loc-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 8px;
  background: none;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-loc-option:hover,
.fnv-loc-option:focus-visible {
  background: rgb(var(--color-base-highlight));
}

.fnv-loc-option.is-active {
  font-weight: 600;
}

.fnv-loc-option .country-flag {
  width: 22px;
  height: auto;
  border-radius: 2px;
  flex: none;
}

.fnv-loc-option em {
  font-style: normal;
  color: rgb(var(--color-foreground));
}

/* Bottom sheet on small screens */
@media screen and (max-width: 749px) {
  .fnv-loc-popup {
    position: fixed;
    inset: auto 0 0 0;
    width: auto;
    max-height: 80vh;
    border-radius: 14px 14px 0 0;
    border-width: 1px 0 0;
    padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  }

  .fnv-loc-close {
    display: block;
  }
}

/* ===== 2. Mobile search ================================================== */

/* The toggle only exists on small screens; the desktop search bar is untouched. */
.fnv-search-toggle {
  display: none;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-search-toggle svg {
  width: 22px;
  height: 22px;
  display: block;
}

.fnv-search-toggle .fnv-search-toggle-close {
  display: none;
}

#fnv-header.fnv-search-open .fnv-search-toggle .fnv-search-toggle-close {
  display: block;
}

#fnv-header.fnv-search-open .fnv-search-toggle .fnv-search-toggle-open {
  display: none;
}

@media screen and (max-width: 999px) {
  .fnv-search-toggle {
    display: inline-flex;
  }

  /* Search drops into its own full width row under the logo row */
  #fnv-header .fnv-search {
    display: none;
    order: 10;
    flex: 0 0 100%;
    width: 100%;
    margin: 10px 0 4px;
  }

  #fnv-header.fnv-search-open .fnv-header-row {
    flex-wrap: wrap;
  }

  #fnv-header.fnv-search-open .fnv-search {
    display: flex;
    align-items: center;
  }

  #fnv-header.fnv-search-open .fnv-search-input {
    width: 100%;
  }
}
/* ---------------------------------------------------------------------------
   FNV header additions — localization popup + mobile search
   Add to layout/theme.liquid:
     {{ 'fnv-menu-additions.css' | asset_url | stylesheet_tag }}
   Or paste into your main stylesheet. Nothing here touches the existing
   mega menu styles.
--------------------------------------------------------------------------- */

/* ===== 1. Flag button and localization popup ============================= */

.fnv-loc {
  position: relative;
}

.fnv-icon-country {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  background: none;
  border: 0;
  cursor: pointer;
}

.fnv-icon-country .country-flag {
  display: block;
  width: 22px;
  height: auto;
  border-radius: 2px;
}

.fnv-loc-current {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.fnv-loc-popup {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 200;
  width: 300px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 18px;
  background: rgb(var(--color-background));
  border: 1px solid rgb(var(--color-background) / 0.16);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgb(var(--color-shadow) / 0.12);
}

.fnv-loc-popup[hidden] {
  display: none;
}

.fnv-loc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.fnv-loc-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fnv-loc-close {
  display: none;
  padding: 4px;
  background: none;
  border: 0;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-loc-close svg {
  width: 18px;
  height: 18px;
}

.fnv-loc-group + .fnv-loc-group {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgb(var(--color-background) / 0.16);
}

.fnv-loc-label {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
}

.fnv-loc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fnv-loc-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 8px;
  background: none;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-loc-option:hover,
.fnv-loc-option:focus-visible {
  background: rgb(var(--color-base-highlight));
}

.fnv-loc-option.is-active {
  font-weight: 600;
}

.fnv-loc-option .country-flag {
  width: 22px;
  height: auto;
  border-radius: 2px;
  flex: none;
}

.fnv-loc-option em {
  font-style: normal;
  color: rgb(var(--color-foreground));
}

/* Bottom sheet on small screens */
@media screen and (max-width: 749px) {
  .fnv-loc-popup {
    position: fixed;
    inset: auto 0 0 0;
    width: auto;
    max-height: 80vh;
    border-radius: 14px 14px 0 0;
    border-width: 1px 0 0;
    padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  }

  .fnv-loc-close {
    display: block;
  }
}

/* ===== 2. Mobile search ================================================== */

/* The toggle only exists on small screens; the desktop search bar is untouched. */
.fnv-search-toggle {
  display: none;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: rgb(var(--color-foreground));
}

.fnv-search-toggle svg {
  width: 22px;
  height: 22px;
  display: block;
}

.fnv-search-toggle .fnv-search-toggle-close {
  display: none;
}

#fnv-header.fnv-search-open .fnv-search-toggle .fnv-search-toggle-close {
  display: block;
}

#fnv-header.fnv-search-open .fnv-search-toggle .fnv-search-toggle-open {
  display: none;
}

@media screen and (max-width: 999px) {
  .fnv-search-toggle {
    display: inline-flex;
  }

  /* Search drops into its own full width row under the logo row */
  #fnv-header .fnv-search {
    display: none;
    order: 10;
    flex: 0 0 100%;
    width: 100%;
    margin: 10px 0 4px;
  }

  #fnv-header.fnv-search-open .fnv-header-row {
    flex-wrap: wrap;
  }

  #fnv-header.fnv-search-open .fnv-search {
    display: flex;
    align-items: center;
  }

  #fnv-header.fnv-search-open .fnv-search-input {
    width: 100%;
  }
}

/* ===== 3. Skeleton while the nav is still empty ==========================
   The rules key off :empty, so the placeholder appears the moment the header
   markup is parsed and disappears by itself as soon as fnv-menu.js fills the
   lists. No extra markup, no flash of nothing.
   ========================================================================= */

:root {
  --fnv-skeleton-color: rgb(var(--color-base-highlight));
  --fnv-skeleton-radius: 7px;
}

@keyframes fnv-skeleton-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

/* If the script never arrives, stop pretending after 10s. */
@keyframes fnv-skeleton-give-up {
  to { opacity: 0; visibility: hidden; }
}

#fnv-topnav:empty,
#fnv-sub-list:empty {
  display: flex;
  align-items: center;
}

#fnv-topnav:empty {
  min-height: 20px;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

#fnv-topnav:empty::before {
  content: '';
  display: block;
  width: 62px;
  height: 13px;
  border-radius: var(--fnv-skeleton-radius);
  background: var(--fnv-skeleton-color);
  box-shadow:
     90px 0 var(--fnv-skeleton-color),
    180px 0 var(--fnv-skeleton-color),
    270px 0 var(--fnv-skeleton-color),
    360px 0 var(--fnv-skeleton-color);
  animation:
    fnv-skeleton-pulse 1.2s ease-in-out infinite,
    fnv-skeleton-give-up 0.4s linear 10s forwards;
}

#fnv-sub-list:empty {
  min-height: 22px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#fnv-sub-list:empty::before {
  content: '';
  display: block;
  width: 74px;
  height: 12px;
  border-radius: var(--fnv-skeleton-radius);
  background: var(--fnv-skeleton-color);
  box-shadow:
     102px 0 var(--fnv-skeleton-color),
     204px 0 var(--fnv-skeleton-color),
     306px 0 var(--fnv-skeleton-color),
     408px 0 var(--fnv-skeleton-color),
     510px 0 var(--fnv-skeleton-color),
     612px 0 var(--fnv-skeleton-color),
     714px 0 var(--fnv-skeleton-color),
     816px 0 var(--fnv-skeleton-color),
     918px 0 var(--fnv-skeleton-color);
  animation:
    fnv-skeleton-pulse 1.2s ease-in-out infinite,
    fnv-skeleton-give-up 0.4s linear 10s forwards;
}

/* Drawer rows */
#fnv-mobile-nav:empty {
  display: block;
  min-height: 260px;
  padding: 16px 0;
}

#fnv-mobile-nav:empty::before {
  content: '';
  display: block;
  height: 14px;
  width: 62%;
  margin: 0 0 26px;
  border-radius: var(--fnv-skeleton-radius);
  background: var(--fnv-skeleton-color);
  box-shadow:
    0 40px  var(--fnv-skeleton-color),
    0 80px  var(--fnv-skeleton-color),
    0 120px var(--fnv-skeleton-color),
    0 160px var(--fnv-skeleton-color),
    0 200px var(--fnv-skeleton-color);
  animation:
    fnv-skeleton-pulse 1.2s ease-in-out infinite,
    fnv-skeleton-give-up 0.4s linear 10s forwards;
}

@media screen and (max-width: 999px) {
  /* fewer pills fit, so trim the tail */
  #fnv-topnav:empty::before {
    box-shadow: 90px 0 var(--fnv-skeleton-color), 180px 0 var(--fnv-skeleton-color);
  }

  #fnv-sub-list:empty::before {
    box-shadow:
      102px 0 var(--fnv-skeleton-color),
      204px 0 var(--fnv-skeleton-color),
      306px 0 var(--fnv-skeleton-color);
  }
}

@media (prefers-reduced-motion: reduce) {
  #fnv-topnav:empty::before,
  #fnv-sub-list:empty::before,
  #fnv-mobile-nav:empty::before {
    animation: fnv-skeleton-give-up 0.4s linear 10s forwards;
  }
}

/* Optional: hide anything you mark up yourself as a placeholder once ready */
#fnv-header.fnv-nav-ready .fnv-skeleton {
  display: none !important;
}
.fnv-logo img {
    max-width: 160px !important;
}
.fnv-logo {
    padding-right: 30px !important;
}
#fnv-sub-list:empty {
    padding: 19px 0px !important;
}

#fnv-topnav:empty {width: 307px !important;}

.fnv-sub-btn {
    color: rgb(var(--color-foreground)) !important;
}
.fnv-loc-label {
    display: none !important;
}
@media screen and (max-width: 999px) {
.fnv-loc {
}

.fnv-icon-btn[aria-label="Recently viewed"] {
    display: none !important;
}

.fnv-icon-btn[aria-label="Wishlist"] {
    display: none !important;
}

.fnv-icon-btn svg {
    width: 20px !important;
    height: 20px !important;
}

.fnv-icon-btn[aria-label="Open account page"] svg {
    width: 24px !important;
    height: 24px !important;
}

.fnv-search-toggle svg {
    width: 23px !important;
    height: 23px !important;
}

.fnv-search-toggle {
    margin-right: 5px !important;
}

.fnv-icons {
    margin-left: 0px !important;
}

.fnv-logo {
    padding-right: 5px !important;
}

.fnv-logo img {
    max-width: 120px !important;
}

#fnv-hamburger-btn {
    margin-right: 0px !important;
}

span.fnv-promo-code {font-size: 8px !important;}

.fnv-promo-shopnow {
    display: none !important;
}

div#fnv-promo-top {
    font-size: 9px !important;
    padding: 5px 5px !important;
}

.fnv-header-row {
    height: unset !important;
    padding: 5px 5px !important;
}
.fnv-drawer-logo img {
    max-width: 120px !important;
}

.a2a_floating_style {
    z-index: 9 !important;
}
.fnv-loc-popup {
    top: 0px !important;
    border-radius: 0px !important;
}
}
.bt-r34 .bt-frame {
    aspect-ratio: unset !important;
}

.bt-slide .bt-frame {
    aspect-ratio: 1/1 !important;
}
.bt-r34 .bt-frame {
    aspect-ratio: unset !important;
}

.bt-slide .bt-frame {
    aspect-ratio: 1/1 !important;
}

.bt-mast-t h1 em {
    color: rgb(var(--color-foreground)) !important;
}
/* Shopify additions */
[hidden]{ display:none !important; }
.lp4-amb-mast, .lp4-amb-foot{ display:none; } /* theme header/footer are used instead */
.lp4-amb-swatch[disabled], .lp4-amb-size[disabled]{ opacity:.4; }
.lp4-amb-size.is-oos{ text-decoration:line-through; border-style:dashed; color:var(--lp4-amb-ink-faint); }
.lp4-amb-qty{ display:flex; align-items:center; border:1px solid var(--lp4-amb-line); border-radius:8px; height:54px; }
.lp4-amb-qty button{ width:44px; height:100%; background:none; border:none; font-size:18px; }
.lp4-amb-qty input{ width:44px; border:none; text-align:center; font:inherit; background:none; }
.lp4-amb-addrow{ align-items:stretch; }

:root {
    --fn-white: oklch(99% 0.003 260);
    --fn-snow: oklch(97.5% 0.003 260);
    --fn-pearl: oklch(95% 0.004 260);
    --fn-silver: oklch(88% 0.004 260);
    --fn-ash: oklch(72% 0.005 260);
    --fn-charcoal: oklch(38% 0.008 260);
    --fn-ink: oklch(18% 0.01 260);
    --fn-midnight: oklch(10% 0.012 260);

    /* New brand colors */
    --fn-navy: rgb(var(--color-foreground));
    --fn-gold: rgb(var(--color-base-highlight));
    --fn-cream: rgb(var(--color-base-highlight));
    --fn-warm-border: rgb(var(--color-base-highlight));

    --fn-space-2: 4px;
    --fn-space-4: 8px;
    --fn-space-6: 12px;
    --fn-space-8: 16px;
    --fn-space-12: 24px;
    --fn-space-16: 32px;
    --fn-space-24: 48px;
    --fn-space-32: 64px;
    --fn-space-48: 96px;
    --fn-space-64: 128px;

    --fn-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --fn-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
}

/* ========== HERO BANNER (updated branding) ========== */
#heroEditorial {
    position: relative;
    height: 85vh;
    min-height: 600px;
    background: var(--fn-navy);          /* #1a1f3a */
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    overflow: hidden;
    border-radius: 12px;                 /* ~12px rounded corners */
}

.hero__media {
    position: relative;
    background: var(--fn-navy);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero__media img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--fn-space-32) var(--fn-space-32);
}

.hero__tag {
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: capitalize;
    color: var(--fn-gold);               /* gold accent */
    margin-bottom: var(--fn-space-12);
}

.hero__title {
    font-size: clamp(2.75rem, 5.5vw, 5rem);
    font-weight: 800 !important;
    color: var(--fn-gold);               /* #c9a84c */
    margin-bottom: var(--fn-space-8);
    letter-spacing: -0.02em;
    max-width: 350px !important;
}

.hero__subtitle {
    font-size: 1.0625rem;
    color: rgb(var(--color-button-text));                      /* white */
    max-width: 38ch;
    margin-bottom: var(--fn-space-24);
    line-height: 1.7;
}

/* Buttons on dark navy */
.btn--primary {
    display: inline-flex;
    align-items: center;
    gap: var(--fn-space-4);
    padding: 14px var(--fn-space-12);
    background: var(--fn-gold);
    color: var(--fn-navy);
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: transform 200ms var(--fn-ease-out), opacity 200ms;
    border-radius: 6px;
}
.btn--primary:hover {
    transform: translateY(-1px);
    opacity: 0.9;
    color: var(--fn-navy) !important;
}
.btn--primary svg {
    width: 20px !important;
    height: 20px !important;
    fill: var(--fn-navy) !important;
}

.btn--outline {
    display: inline-flex;
    align-items: center;
    gap: var(--fn-space-4);
    padding: 14px var(--fn-space-12);
    background: transparent;
    color: rgb(var(--color-button-text));
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    border: 1.5px solid rgb(var(--color-background) / 0.6);
    cursor: pointer;
    transition: background 200ms var(--fn-ease-out), color 200ms, border-color 200ms;
    border-radius: 6px;
}
.btn--outline:hover {
    background: rgb(var(--color-background));
    color: var(--fn-navy);
    border-color: rgb(var(--color-background));
}

/* ========== TABLE OF CONTENTS (ready to use) ========== */
.toc-box {
    background: rgb(var(--color-base-highlight));                 /* cream/beige */
    border: 1px solid #e8dcc8;           /* light warm beige */
    border-radius: 8px;
    padding: 24px 28px;
    max-width: 320px;
}

.toc-box__heading {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #c9a84c;                      /* gold */
    margin: 0 0 16px 0;
}

.toc-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-box li {
    margin-bottom: 10px;
}

.toc-box a {
    color: var(--fn-charcoal);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 200ms;
}
.toc-box a:hover {
    color: #c9a84c;
}

/* ========== Rest of your original styles (kept + minor gold accents) ========== */
#promoTicker {
    background: var(--fn-ink);
    padding: var(--fn-space-4) 0;
    overflow: hidden;
}
.ticker__track {
    display: flex;
    gap: var(--fn-space-24);
    animation: tickerScroll 30s linear infinite;
    width: max-content;
}
.ticker__item {
    font-size: 17px !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--fn-white);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: var(--fn-space-6);
}
.ticker__dot {
    display: none !important;
}
@keyframes tickerScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

#categoryStrip {
    padding: var(--fn-space-16) var(--fn-space-12);
    border-bottom: 1px solid var(--fn-pearl);
}
.catstrip__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: var(--fn-space-16);
    overflow-x: auto;
    scrollbar-width: none;
    justify-content: space-between !important;
}
.catstrip__inner::-webkit-scrollbar { display: none; }
.catstrip__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--fn-space-4);
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 200ms var(--fn-ease-out);
}
.catstrip__link:hover { transform: translateY(-3px); }
.catstrip__link img {
    width: 100% !important;
    max-width: 82px !important;
}
.catstrip__label {
    font-size: 12px !important;
    font-weight: 600;
    color: var(--fn-charcoal);
    text-transform: capitalize;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

#trendingNow {
    padding: 30px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.trending__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--fn-space-16);
}
.trending__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin: 0 !important;
}
.trending__viewall {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--fn-charcoal);
    text-decoration: none;
    border-bottom: 1px solid var(--fn-charcoal);
    padding-bottom: 1px;
    transition: color 200ms, border-color 200ms;
}
.trending__viewall:hover { color: var(--fn-gold); border-color: var(--fn-gold); }
.trending__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fn-space-8);
}
.product-tile {
    position: relative;
    cursor: pointer;
}
.product-tile__image {
    aspect-ratio: 3/4;
    background: var(--fn-pearl);
    margin-bottom: var(--fn-space-6);
    overflow: hidden;
    position: relative;
}
.product-tile__image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url('https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487') !important;
    opacity: 1 !important;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
}
.product-tile__badge {
    position: absolute;
    top: var(--fn-space-4);
    left: var(--fn-space-4);
    background: var(--fn-navy);
    color: var(--fn-gold);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 3px 8px;
    z-index: 3;
}
.product-tile__name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fn-ink);
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-tile__price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fn-midnight);
}
.product-tile__price-old {
    text-decoration: line-through;
    font-weight: 400;
    color: var(--fn-ash);
    margin-left: var(--fn-space-2);
}

#editorialSplit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
    max-width: 1450px !important;
    margin: auto !important;
}
.editorial__panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 !important;
    background: var(--fn-pearl);
    overflow: hidden;
}
.editorial__panel img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}
.smain--m2in33 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgb(var(--color-background) / 0.90196078);
    padding: 30px !important;
    border-radius: 8px;
}
.editorial__label {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em;
    text-transform: capitalize;
    color: var(--fn-ash);
    margin-bottom: var(--fn-space-4);
}
.editorial__heading {
    font-size: 29px !important;
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
.editorial__link {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--fn-midnight);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--fn-space-2);
    transition: gap 200ms var(--fn-ease-out), color 200ms;
}
.editorial__link:hover {
    gap: var(--fn-space-4);
    color: var(--fn-gold);
}
.editorial__link svg {
    width: 19px !important;
    height: 19px !important;
}

#flashSale {
    padding: var(--fn-space-32) var(--fn-space-12);
    border-top: 1px solid var(--fn-pearl);
    border-bottom: 1px solid var(--fn-pearl);
}
.flashsale__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--fn-space-16);
}
.flashsale__text h2 {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 800;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-2);
}
.flashsale__text p {
    font-size: 0.9375rem;
    color: var(--fn-charcoal);
    margin-bottom: 0 !important;
}
.flashsale__timer {
    display: flex;
    gap: var(--fn-space-6);
}
.timer__block {
    text-align: center;
    min-width: 64px;
}
.timer__value {
    font-size: 2rem;
    font-weight: 800;
    color: var(--fn-navy);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    background: var(--fn-cream);
    padding: var(--fn-space-6) var(--fn-space-4);
    display: block;
    border-radius: 6px;
}
.timer__label {
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--fn-ash);
    margin-top: var(--fn-space-2);
}

#dealsBanner {
    background: var(--fn-snow);
    padding: var(--fn-space-32) var(--fn-space-12);
    text-align: center;
}
.deals__eyebrow {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: var(--fn-gold);
    margin-bottom: var(--fn-space-6);
}
.deals__headline {
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 900;
    color: var(--fn-navy);
    margin-bottom: var(--fn-space-4);
    letter-spacing: -0.03em;
}
.deals__sub {
    font-size: 1rem;
    color: var(--fn-charcoal);
    margin-bottom: var(--fn-space-16);
    max-width: 45ch;
    margin-left: auto;
    margin-right: auto;
}
.deals__tags {
    display: flex;
    justify-content: center;
    gap: var(--fn-space-4);
    flex-wrap: wrap;
}
.deals__tag {
    font-size: 0.75rem;
    font-weight: 600;
    padding: var(--fn-space-4) var(--fn-space-8);
    border: 1px solid var(--fn-silver);
    color: var(--fn-charcoal);
    text-decoration: none;
    border-radius: 50px !important;
    transition: background 200ms, color 200ms, border-color 200ms;
}
.deals__tag:hover {
    background: var(--fn-navy);
    color: var(--fn-gold);
    border-color: var(--fn-navy);
}

#newDrops {
    padding: 30px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.drops__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--fn-space-12);
}
.drops__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: 0 !important;
}
.drops__nav {
    display: flex;
    gap: var(--fn-space-4);
}
.drops__arrow {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--fn-silver);
    background: rgb(var(--color-background)) !important;
    cursor: pointer;
    transition: border-color 200ms, background 200ms;
    font-family: 'Inter', sans-serif;
    padding: 8px !important;
    border-radius: 6px;
}
.drops__arrow:hover {
    border-color: var(--fn-navy);
    background: var(--fn-navy) !important;
    color: var(--fn-gold);
}
.drops__scroll {
    display: flex;
    gap: var(--fn-space-6);
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    padding-bottom: var(--fn-space-4);
}
.drops__scroll::-webkit-scrollbar { display: none; }
.drops__item {
    flex: 0 0 220px;
    scroll-snap-align: start;
}
.drops__item-image {
    aspect-ratio: 3/4;
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
    margin-bottom: var(--fn-space-4);
    position: relative;
    overflow: hidden;
}
.drops__item-tag {
    position: absolute;
    top: var(--fn-space-4);
    right: var(--fn-space-4);
    width: 28px;
    height: 28px;
    background: var(--fn-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px !important;
}
.drops__item-name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fn-ink);
    margin-bottom: 2px;
}
.drops__item-price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fn-midnight);
}

#bestSellers {
    padding: var(--fn-space-48) var(--fn-space-12);
    background: var(--fn-snow);
}
.bestsellers__inner {
    max-width: 1400px;
    margin: 0 auto;
}
.bestsellers__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--fn-space-16);
}
.bestsellers__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
}
.bestsellers__filters {
    display: flex;
    gap: var(--fn-space-4);
}
.bestsellers__filter {
    font-size: 0.75rem;
    font-weight: 600;
    padding: var(--fn-space-2) var(--fn-space-6);
    background: none;
    border: 1px solid var(--fn-silver);
    cursor: pointer;
    color: var(--fn-charcoal);
    font-family: 'Inter', sans-serif;
    border-radius: 6px !important;
    transition: background 200ms, color 200ms, border-color 200ms;
}
.bestsellers__filter:hover,
.bestsellers__filter--active {
    background: var(--fn-navy);
    color: var(--fn-gold);
    border-color: var(--fn-navy);
}
.bestsellers__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--fn-space-8);
}
.bestseller-tile {
    position: relative;
    cursor: pointer;
}
.bestseller-tile__rank {
    position: absolute;
    top: var(--fn-space-4);
    left: var(--fn-space-4);
    width: 28px;
    height: 28px;
    background: var(--fn-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--fn-navy);
    z-index: 1;
    border-radius: 4px;
}
.bestseller-tile__image {
    aspect-ratio: 3/4;
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
    margin-bottom: var(--fn-space-4);
}
.bestseller-tile__name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fn-ink);
    margin-bottom: 2px;
}
.bestseller-tile__price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fn-midnight);
}

#influencerPicks {
    padding: 35px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.influencer__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-16);
}
.influencer__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fn-space-8);
}
.influencer__card {
    cursor: pointer;
    transition: transform 200ms var(--fn-ease-out);
}
.influencer__card:hover { transform: translateY(-4px); }
.influencer__card-image {
    aspect-ratio: 4/5;
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
    margin-bottom: var(--fn-space-6);
    position: relative;
    overflow: hidden;
}
.influencer__card-avatar {
    position: absolute;
    bottom: var(--fn-space-4);
    left: var(--fn-space-4);
    display: flex;
    align-items: center;
    gap: var(--fn-space-4);
    background: var(--fn-white);
    padding: 4px 10px 4px 4px;
    border-radius: 100px;
}
.influencer__card-avatar-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--fn-silver);
}
.influencer__card-avatar-name {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--fn-midnight);
}
.influencer__card-name {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fn-ink);
    margin-bottom: 2px;
}
.influencer__card-price {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fn-midnight);
}

#socialProof {
    padding: 35px 20px !important;
    background: var(--fn-snow);
}
.proof__inner {
    max-width: 1400px;
    margin: 0 auto;
}
.proof__header {
    text-align: center;
    margin-bottom: var(--fn-space-24);
}
.proof__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-2);
}
.proof__stars svg {
    width: 25px !important;
    height: 25px !important;
    padding: 0 3px !important;
    fill: var(--fn-gold);
}
.proof__count {
    font-size: 0.8125rem;
    color: var(--fn-ash);
    font-weight: 500;
}
.proof__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--fn-space-8);
    margin: auto !important;
    max-width: 1220px !important;
}
.review__card {
    background: var(--fn-white);
    padding: var(--fn-space-12);
    border-radius: 8px;
}
.review__stars svg {
    height: 15px !important;
    width: 15px !important;
    margin-right: 2px !important;
    fill: var(--fn-gold);
}
.review__text {
    font-size: 0.875rem;
    color: var(--fn-charcoal);
    line-height: 1.6;
    margin-bottom: var(--fn-space-6);
    max-width: 45ch;
}
.review__author {
    display: flex;
    align-items: center;
    gap: var(--fn-space-4);
}
.review__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--fn-pearl);
}
.review__name {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--fn-midnight);
    margin-bottom: 0 !important;
}
.review__verified {
    font-size: 0.625rem;
    color: var(--fn-ash);
    font-weight: 500;
    margin: 0 !important;
}

#completeLook {
    padding: 40px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.completelook__header {
    text-align: center;
    margin-bottom: var(--fn-space-24);
}
.completelook__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-2);
}
.completelook__desc {
    font-size: 0.9375rem;
    color: var(--fn-charcoal);
}
.completelook__layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: var(--fn-space-16);
    align-items: center;
}
.completelook__main-image {
    aspect-ratio: 1/0.7 !important;
    background: url('/wp-content/uploads/2026/07/Gemini_Generated_Image_blhpqublhpqublhp-1.png');
    background-size: cover !important;
    position: relative;
    border-radius: 12px;
}
.completelook__main-image::after {
    display: none !important;
}
.beautycollections .completelook__main-image {
    background: url('/wp-content/uploads/2026/07/m323-scaled.jpg') !important;
    background-size: cover !important;
}
.completelook__items {
    display: flex;
    flex-direction: column;
    gap: var(--fn-space-6);
}
.completelook__item {
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: var(--fn-space-6);
    align-items: center;
    padding: var(--fn-space-6);
    border: 1px solid var(--fn-pearl);
    cursor: pointer;
    transition: border-color 200ms;
    border-radius: 8px;
}
.completelook__item:hover { border-color: var(--fn-gold); }
.completelook__item-img {
    aspect-ratio: 1;
    background: var(--fn-pearl);
    border-radius: 6px;
}
.completelook__item-name {
    margin-bottom: 0 !important;
    font-size: 17px !important;
    font-weight: 500;
    color: var(--fn-ink);
}
.completelook__item-cat {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    color: var(--fn-ash);
    font-weight: 500;
}
.completelook__item-price {
    font-size: 20px !important;
    font-weight: 700;
    color: var(--fn-midnight);
}

#rewardsProgram {
    padding: var(--fn-space-32) var(--fn-space-12);
    background: var(--fn-cream);
}
.rewards__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--fn-space-16);
    text-align: center;
}
.rewards__perk {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px !important;
}
.rewards__perk-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--fn-white);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px !important;
}
.rewards__perk-title {
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    font-size: 16px !important;
    font-weight: 700;
    color: var(--fn-midnight);
}
.rewards__perk-desc {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    color: var(--fn-charcoal);
    max-width: 20ch;
}

#styleQuiz {
    padding: 35px 20px !important;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.quiz__icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--fn-cream);
    margin: 0 auto var(--fn-space-12);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px !important;
}
.quiz__heading {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-4);
}
.quiz__desc {
    font-size: 1rem;
    color: var(--fn-charcoal);
    max-width: 50ch;
    margin: 0 auto var(--fn-space-16);
}

#trendingSearches {
    padding: var(--fn-space-24) var(--fn-space-12);
    border-top: 1px solid var(--fn-pearl);
}
.searches__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: var(--fn-space-8);
    flex-wrap: wrap;
}
.searches__label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--fn-navy);
}
.searches__pill {
    font-size: 0.75rem;
    font-weight: 500;
    padding: var(--fn-space-2) var(--fn-space-6);
    border: 1px solid var(--fn-silver);
    color: var(--fn-charcoal);
    text-decoration: none;
    border-radius: 100px;
    transition: background 200ms, color 200ms, border-color 200ms;
}
.searches__pill:hover {
    background: var(--fn-navy);
    color: var(--fn-gold);
    border-color: var(--fn-navy);
}

#ugcSection {
    padding: 35px 20px !important;
    background: var(--fn-snow);
}
.ugc__inner {
    max-width: 1400px;
    margin: 0 auto;
}
.ugc__header {
    text-align: center;
    margin-bottom: var(--fn-space-16);
}
.ugc__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-2);
}
.ugc__handle {
    font-size: 0.875rem;
    color: var(--fn-ash);
    font-weight: 500;
}
.ugc__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--fn-space-2);
}
.ugc__item {
    aspect-ratio: 1;
    background: url(https://cdn.shopify.com/s/files/1/0527/7587/8825/files/placeholder11.png?v=1782040487) !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgb(var(--color-base-highlight)) !important;
    cursor: pointer;
    transition: opacity 200ms;
    border-radius: 6px;
}
.ugc__item:hover { opacity: 0.85; }

#brandValues {
    padding: 35px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
}
.brandvalues__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--fn-midnight);
    text-align: center;
    margin-bottom: 5px !important;
}
.brandvalues__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--fn-space-16);
}
.brandvalue__item {
    text-align: center;
    padding: 20px !important;
}
.brandvalue__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto var(--fn-space-8);
    background: var(--fn-cream);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px !important;
}
.brandvalue__name {
    font-size: 1rem;
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-4);
}
.brandvalue__desc {
    font-size: 0.8125rem;
    color: var(--fn-charcoal);
    line-height: 1.6;
    max-width: 30ch;
    margin: 0 auto;
}

#emailSignup {
    padding: 35px 20px !important;
    text-align: center;
    border-top: 1px solid var(--fn-pearl);
}
.signup__inner {
    max-width: 520px;
    margin: 0 auto;
}
.signup__title {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--fn-midnight);
    margin-bottom: var(--fn-space-4);
}
.signup__desc {
    font-size: 0.9375rem;
    color: var(--fn-charcoal);
    margin-bottom: var(--fn-space-16);
}
.signup__form {
    display: flex;
    align-items: center !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    border-radius: 50px !important;
    overflow: hidden !important;
}
.signup__input {
    flex: 1;
    padding: 14px var(--fn-space-8);
    border: 0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    outline: none;
    color: var(--fn-ink);
    background: var(--fn-white);
}
.signup__input::placeholder { color: var(--fn-ash); }
.signup__btn {
    padding: 14px var(--fn-space-12);
    background: var(--fn-navy);
    color: var(--fn-gold);
    border: 0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 200ms;
}
.signup__btn:hover { opacity: 0.9; }
.signup__terms {
    font-size: 0.6875rem;
    color: var(--fn-ash);
    margin-top: var(--fn-space-6);
}

#finalCta {
    padding: 35px 20px !important;
    text-align: center;
    background: var(--fn-snow);
}
.finalcta__heading {
    font-size: 40px !important;
    font-weight: 800;
    color: var(--fn-navy);
    letter-spacing: -0.02em;
    margin-bottom: var(--fn-space-4);
}
.finalcta__sub {
    font-size: 1rem;
    color: var(--fn-charcoal);
    margin-bottom: var(--fn-space-16);
}
.finalcta__actions {
    display: flex;
    justify-content: center;
    gap: var(--fn-space-4);
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 1024px) {
    #heroEditorial { grid-template-columns: 1fr; height: auto; border-radius: 0; }
    .hero__media { min-height: 50vh; }
    .trending__grid { grid-template-columns: repeat(3, 1fr); }
    .ugc__grid { grid-template-columns: repeat(4, 1fr); }
    .bestsellers__grid { grid-template-columns: repeat(3, 1fr); }
    .influencer__grid { grid-template-columns: repeat(2, 1fr); }
    .proof__grid { grid-template-columns: repeat(2, 1fr); }
    .completelook__layout { grid-template-columns: 1fr; }
    .rewards__inner { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
    .hero__title { font-size: 30px !important; }
    .hero__subtitle { font-size: 15px !important; }
    .hero__tag { margin-bottom: 10px !important; }
    .hero__content { padding: 20px !important; }
    #categoryStrip { padding: 15px !important; }
    .editorial__heading { font-size: 24px !important; }
    #influencerPicks { padding: 30px 24px !important; }
    .brandvalue__item { padding: 20px !important; }
    section#emailSignup { display: none !important; }
}
@media (max-width: 768px) {
    #heroEditorial { grid-template-columns: 1fr; }
    .hero__content { padding: var(--fn-space-24) var(--fn-space-8); }
    .hero__media { min-height: 40vh; }
    #editorialSplit { grid-template-columns: 1fr; }
    .editorial__panel { min-height: 320px; }
    .trending__grid { grid-template-columns: repeat(2, 1fr); }
    .ugc__grid { grid-template-columns: repeat(3, 1fr); }
    .signup__form { flex-direction: column; }
    .drops__item { flex: 0 0 180px; }
    .flashsale__inner { grid-template-columns: 1fr; text-align: center; }
    .flashsale__timer { justify-content: center; }
    .bestsellers__grid { grid-template-columns: repeat(2, 1fr); }
    .bestsellers__header { flex-direction: column; gap: var(--fn-space-6); }
    .influencer__grid { grid-template-columns: repeat(2, 1fr); }
    .proof__grid { grid-template-columns: 1fr; }
    .brandvalues__grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .trending__grid { grid-template-columns: 1fr 1fr; gap: var(--fn-space-4); }
    .ugc__grid { grid-template-columns: repeat(2, 1fr); }
    .hero__actions { flex-direction: column; }
    .btn--primary, .btn--outline { width: 100%; justify-content: center; }
    .rewards__inner { grid-template-columns: 1fr; }
}
#heroEditorial {
    border-radius: 0px !important;
    height: unset !important;
}

.hero__title {
    font-size: 55px !important;
    line-height: 60px !important;
}

.hero__tag {
    margin-bottom: 10px !important;
}

.btn--primary, .btn--outline {
    font-size: 15px !important;
}
#heroEditorial {
    border-radius: 0px !important;
    height: unset !important;
}

.hero__title {
    font-size: 55px !important;
    line-height: 60px !important;
}

.hero__tag {
    margin-bottom: 10px !important;
}

.btn--primary, .btn--outline {
    font-size: 15px !important;
}

section#finalCta .btn--outline {
    border: 1px solid grey !important;
    color: rgb(var(--color-foreground)) !important;
}

.signup__btn {
    font-size: 16px !important;
    color: rgb(var(--color-button-text)) !important;
}

.signup__inner {
    max-width: 600px !important;
}

.brandvalue__icon {
    background: transparent !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
}

.btn--primary {
    color: rgb(var(--color-button-text)) !important;
}

.btn--primary:hover {
    color: rgb(var(--color-button-text)) !important;
}

.btn--primary svg {
    fill: rgb(var(--color-button-text)) !important;
}

.rewards__perk-icon {
    background: rgb(var(--color-background)) !important;
}

p.review__stars {
    display: flex !important;
}

.proof__stars {
    display: flex !important;
    justify-content: center !important;
    padding-bottom: 25px !important;
}

.bestseller-tile__image {
    aspect-ratio: 1/1 !important;
}

.bestsellers__filter, a.bestsellers__filter.bestsellers__filter--active {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
    padding: 7px 20px !important;
    border-color: rgb(var(--color-background) / 0.16) !important;
}

.drops__item-image {
    aspect-ratio: 1/1 !important;
}

.drops__item-tag {
    font-size: 18px !important;
}

.deals__tag {}

.deals__tag:hover {
    color: rgb(var(--color-button-text)) !important;
}

.product-tile__image {
    aspect-ratio: 1/1 !important;
    width: 100% !important;
}

.trending__grid {
    display: flex !important;
    flex-wrap: wrap;
}

.trending__grid .product-tile {
    width: 25%;
}
.drops__arrow svg {
    width: 100% !important;
    height: 100% !important;
}

.drops__arrow:hover {
    background: rgb(var(--color-background)) !important;
}
.drops__item-tag svg {
    width: 100% !important;
    height: 100% !important;
}
.influencer__card-image img {
    height: 100% !important;
    object-fit: cover !important;
}

.influencer__card-avatar {
    padding: 5px 10px !important;
}

.influencer__card-avatar-name {
    font-weight: 600 !important;
}
.influencer__card-image img {
    height: 100% !important;
    object-fit: cover !important;
}

.influencer__card-avatar {
    padding: 5px 10px !important;
}

.influencer__card-avatar-name {
    font-weight: 600 !important;
}

.review__avatar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 500 !important;
}
.tc-mast-t h1 {
    font-weight: 300 !important;
}

.tc-index a span {
    font-family: 'Poppins' !important;
}

.tc-mast-t .tc-intro {
    font-weight: 500 !important;
    font-family: 'Poppins' !important;
}

.tc-dek {
    font-family: 'Poppins' !important;
}

.tc-c2 small {
    font-family: 'Poppins' !important;
}

td.tc-c2 a {
    font-family: 'Poppins' !important;
}
.fs-mast h1 {
}

.fs-s7 p {
    max-width: 100% !important;
    padding-top: 10px !important;
}

.fs-tag {
    font-size: 14px !important;
    text-transform: capitalize;
    letter-spacing: 0px !important;
    font-family: 'Poppins';
}
.fs-mast h1 {}

.fs-s7 h1 {
    font-family: "Cormorant Garamond","Iowan Old Style",Georgia,serif !important;
    font-weight: 300 !important;
    padding-bottom: 20px !important;
}

.fs-tag {
    text-transform: capitalize;
}

.fs-prod .fs-ttl {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Poppins' !important;
    font-size: 15px !important;
}
.fs-tag {
    text-transform: capitalize !important;
}
@media (max-width: 801px) {
.fs-s7 p {
    padding-top: 0px !important;
}
}
.lf-rail-c .lf-ttl {
    font-family: 'Poppins' !important;
    font-size: 13px !important;
}

.lf-open h1 {
    font-family: 'Cormorant Garamond' !important;
}

.lf-ttl {
    font-family: 'Poppins' !important;
    font-size: 20px !important;
    padding-bottom: 10px !important;
}
.nt-top-in {
    padding-bottom: 40px !important;
}

.nt-a span.nt-h-xs {
    font-family: 'Poppins' !important;
}

.nt-srule {
    padding-bottom: 10px !important;
}

.nt-tab {
    text-transform: capitalize !important;
}

.nt-fr--tall {
    aspect-ratio: 1/1;
}

.nt-num b {
    text-transform: capitalize;
    color: rgb(var(--color-foreground)) !important;
    font-family: 'Poppins';
    font-weight: 300 !important;
}
span.nj-bdesk-c {
    display: none !important;
}

.nj-bdesk-n {
    font-family: 'Poppins';
}

.nj-a .nj-hd {
    font-family: 'Poppins' !important;
}
h2.nj-h-xl.nj-hd {
    font-size: 30px !important;
}

.nj-top h1 {
    font-family: 'Cormorant Garamond' !important;
}

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@400;500;600&display=swap');

:root{
    --bg:        #161211;
    --bg-raised: #1c1817;
    --ink:       #F3EEE6;
    --ink-soft:  #C9C0B4;
    --muted:     #8A8078;
    --line:      #322C29;
    --accent:    #8B2E3D;
    --accent-soft: #A8465570;
    --serif: 'Fraunces', Georgia, serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
  .kl-footer{ background:var(--bg); }

  /* ---------- Perks strip ---------- */
  .kl-perks{
    border-bottom:1px solid var(--line);
  }
  .kl-perks__inner{
    max-width:1180px; margin:0 auto; padding:38px 32px;
    display:grid; grid-template-columns:repeat(4,1fr); gap:32px;
  }
  .kl-perk{ display:flex; gap:14px; align-items:flex-start; }
  .kl-perk svg{ flex:none; width:22px; height:22px; color:var(--accent); margin-top:2px; }
  .kl-perk__title{ font-size:14.5px; font-weight:600; letter-spacing:.01em; margin:0 0 3px; }
  .kl-perk__sub{ font-size:13px; color:var(--muted); margin:0; line-height:1.45; }

  /* ---------- Main grid ---------- */
  .kl-main{
    max-width:1180px; margin:0 auto; padding:64px 32px 48px;
    display:grid; grid-template-columns:1.5fr 1fr 1fr 1.3fr; gap:56px;
  }
  .kl-brand__name{
    font-family:var(--serif); font-weight:500; font-style:italic;
    font-size:28px; letter-spacing:.01em; margin:0 0 18px;
  }
  .kl-brand__copy{
    font-size:14px; line-height:1.7; color:var(--ink-soft); margin:0 0 22px;
    max-width:38ch;
  }
  .kl-brand__copy a{ color:var(--ink); text-decoration-color:var(--muted); }
  .kl-brand__links{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
  .kl-brand__links a{
    font-size:13px; color:var(--ink-soft); text-decoration:none; border-bottom:1px solid transparent;
    transition:color .15s ease, border-color .15s ease;
  }
  .kl-brand__links a:hover{ color:var(--ink); border-color:var(--muted); }

  .kl-col h4{
    font-family:var(--serif); font-weight:400; font-style:italic; font-size:17px;
    margin:0 0 20px; color:var(--ink);
  }
  .kl-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
  .kl-col a{
    font-size:13.5px; color:var(--ink-soft); text-decoration:none;
    transition:color .15s ease;
  }
  .kl-col a:hover{ color:var(--ink); }

  .kl-news h4{
    font-family:var(--serif); font-weight:400; font-style:italic; font-size:17px;
    margin:0 0 12px;
  }
  .kl-news p{ font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin:0 0 20px; max-width:34ch; }
  .kl-news__form{ display:flex; align-items:flex-end; gap:12px; border-bottom:1px solid var(--muted); padding-bottom:10px; }
  .kl-news__form input{
    flex:1; background:none; border:none; outline:none; color:var(--ink);
    font-family:var(--sans); font-size:14px; padding:4px 0;
  }
  .kl-news__form input::placeholder{ color:var(--muted); }
  .kl-news__form button{
    background:none; border:none; color:var(--ink); font-size:13px; font-weight:500;
    cursor:pointer; padding:4px 0; letter-spacing:.02em; display:flex; align-items:center; gap:6px;
  }
  .kl-news__form button svg{ width:14px; height:14px; transition:transform .15s ease; }
  .kl-news__form button:hover svg{ transform:translateX(3px); }

  .kl-apps{ display:flex; gap:10px; margin-top:26px; }
  .kl-apps a{
    display:flex; align-items:center; gap:0; border:1px solid var(--line); border-radius:8px;
    padding:8px 12px; text-decoration:none; color:var(--ink-soft); font-size:11.5px;
  }

  /* ---------- Social row ---------- */
  .kl-social{
    max-width:1180px; margin:0 auto; padding:0 32px 40px;
    display:flex; gap:18px;
  }
  .kl-social a{
    width:34px; height:34px; border-radius:50%; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; color:var(--ink-soft);
    text-decoration:none; transition:border-color .15s ease, color .15s ease;
  }
  .kl-social a:hover{ border-color:var(--accent); color:var(--ink); }
  .kl-social svg{ width:15px; height:15px; }

  /* ---------- Bottom bar ---------- */
  .kl-bottom{ border-top:1px solid var(--line); }
  .kl-bottom__inner{
    max-width:1180px; margin:0 auto; padding:24px 32px;
    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  }
  .kl-bottom__copy{ font-size:12px; color:var(--muted); margin:0; }
  .kl-bottom__copy a{ color:var(--muted); }

  .kl-locale{
    display:flex; align-items:center; gap:8px; background:none; border:1px solid var(--line);
    border-radius:999px; padding:6px 14px 6px 8px; color:var(--ink-soft); font-size:12.5px;
    cursor:pointer; font-family:var(--sans);
  }
  .kl-locale img{ width:18px; height:13px; border-radius:2px; object-fit:cover; }

  .kl-pay{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; opacity:.85; }
  .kl-pay svg{ width:30px; height:auto; }

  /* ---------- Responsive ---------- */
  @media (max-width: 900px){
    .kl-perks__inner{ grid-template-columns:repeat(2,1fr); gap:26px 20px; }
    .kl-main{ grid-template-columns:1fr 1fr; gap:40px 28px; }
    .kl-brand{ grid-column:1 / -1; }
  }
  @media (max-width: 560px){
    .kl-perks__inner{ grid-template-columns:1fr; padding:28px 20px; }
    .kl-main{ grid-template-columns:1fr; padding:48px 20px 32px; gap:36px; }
    .kl-social{ padding:0 20px 32px; }
    .kl-bottom__inner{ padding:20px; flex-direction:column; align-items:flex-start; }
    .kl-pay{ order:3; }
  }

  /* accessibility: visible focus */
  a:focus-visible, button:focus-visible, input:focus-visible{
    outline:2px solid var(--accent); outline-offset:2px;
  }
  @media (prefers-reduced-motion: reduce){
    *{ transition:none !important; }
  }

/* form utility + newsletter feedback states */
.visually-hidden{
  position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);
}
.kl-news__error{ color:#E7A3A3; font-size:12px; margin:8px 0 0; }
.kl-news__success{ color:#B7D9BE; font-size:12px; margin:8px 0 0; }
.kl-pay__icon{ height:20px; width:auto; opacity:.85; }
.signup__form {
    display: block !important;
    border: 0px !important;
}
.signup__form {
    display: block !important;
    border: 0px !important;
    border-radius: 0px !important;
}

p.signup__message.signup__success {
    padding-top: 20px !important;
}

.sidemains__commsin2333 {
    display: flex !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    border-radius: 50px !important;
    overflow: hidden;
}

.sidemains__commsin2333 input {
    background: transparent !important;
}
.ugc__item img {
    width: 100% !important;
}

.ugc__grid {
    display: flex !important;
}

  @media (max-width: 801px){
.hero__title {
    font-size: 32px !important;
    line-height: 40px !important;
}

.deals__headline {
    font-size: 30px !important;
}

.ugc__grid {
    flex-wrap: wrap;
    gap: 0px !important;
}

.ugc__item {
    width: 50% !important;
    padding: 5px !important;
}

.finalcta__heading {
    font-size: 26px !important;
}

.countdown {
    display: block !important;
}

.countdown__timer {
    padding-top: 20px !important;
}
  }
  a.catstrip__link img {
    max-width: 120px !important;
}
.influencer__card-image img {
    width: 100% !important;
}
@media (min-width: 960px) {
#fnv-topnav>li>button {
    font-size: 15px !important;
    text-transform: capitalize !important;
}

.fnv-sub-btn {
    font-size: 14.5px !important;
}
}
@media (min-width: 960px) {
#fnv-topnav>li>button {
    font-size: 15px !important;
    text-transform: capitalize !important;
}

.fnv-sub-btn {
    font-size: 14.5px !important;
}
}

div#fnv-promo-top {
    font-size: 15px !important;
    line-height: normal !important;
}

.fnv-promo-shopnow {
    font-size: 14.5px !important;
}

.fnv-promo-code {
    font-size: 14.5px !important;
}
.fnv-header-row {
    max-width: 1800px !important;
}

#fnv-subnav-scroll {
    max-width: 1785px !important;
}

#fnv-header {
    margin-bottom: 30px !important;
}
.fnv-header-row {
    max-width: 1800px !important;
}

#fnv-subnav-scroll {
    max-width: 1785px !important;
}

#fnv-header {
    margin-bottom: 30px !important;
}

#fnv-topnav>li>button {
    font-family: 'Montserrat' !important;
}

.fnv-sub-btn {
    font-family: 'Montserrat' !important;
}

div#fnv-promo-top {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}
.shopify-policy__body {
    overflow-wrap: anywhere !important;
}

.shopify-policy__body .sr-only:first-child + *,
.shopify-policy__body :first-child {
    margin-block-start: 0 !important;
}

.shopify-policy__body :last-child {
    margin-block-end: 0 !important;
}

.shopify-policy__body :where(:not(meta, span) + *) {
    margin-block-start: 1rem !important;
}

.shopify-policy__body :is(.link, img),
.shopify-policy__body :where(* + span:not(:empty)) {
    display: inline-block !important;
}

.shopify-policy__body :is(.link + .link) {
    margin-inline-start: 0.75rem !important;
}

.shopify-policy__body :is(.button, .button-group:has(.button)) {
    margin-block-start: 1.5rem !important;
}

.shopify-policy__body :is(p img:not([style*=float]):only-child,
           div img:not([style*=float]):only-child,
           figure,
           video,
           object,
           blockquote,
           table) {
    margin-block: 1.6rem !important;
}

.shopify-policy__body :is(iframe[src*=youtube],
           iframe[src*="youtu.be"],
           iframe[src*=vimeo]) {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    height: auto !important;
}

.shopify-policy__body .play-button {
    margin: 2rem auto !important;
    display: block !important;
}

.shopify-policy__body :is(ol, ul) :is(ol, ul) {
    margin-block-start: 0 !important;
}

.shopify-policy__body :is(ol, ul) {
    row-gap: 0.4em !important;
    display: grid !important;
}

.shopify-policy__body figcaption {
    font-style: italic !important;
    font-size: var(--text-sm) !important;
    color: rgb(var(--text-color) / 0.65) !important;
    margin-block-start: 0.5em !important;
}

.shopify-policy__body blockquote {
    border-inline-start-width: 3px !important;
    padding: 0.375rem 0 0.375rem 1rem !important;
    font-size: 1.15rem !important;
    line-height: 1.75 !important;
}

@media screen and (min-width: 1000px) {
    .shopify-policy__body:not(.shopify-policy__body--tight) :where(:not(meta, span) + *) {
        margin-block-start: 1.25rem !important;
    }

    .shopify-policy__body:not(.shopify-policy__body--tight) :is(.button, .button-group:has(.button)) {
        margin-block-start: 2rem !important;
    }

    .shopify-policy__body:not(.shopify-policy__body--tight) .play-button {
        margin-block: 2.5rem !important;
    }

    .shopify-policy__body:not(.shopify-policy__body--tight) blockquote {
        margin-inline-start: 2rem !important;
        padding-inline-start: 2rem !important;
    }
}

/* Link styles that target .shopify-policy__body */
.shopify-policy__body a:not(.h1, .h2, .h3, .h4, .h5, .h6, .button, .link-faded, .link-faded-reverse) {
    text-underline: none !important;
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat !important;
    transition: background-size 0.3s ease-in-out !important;
}

@media screen and (pointer: fine) {
    .shopify-policy__body a:not(.h1, .h2, .h3, .h4, .h5, .h6, .button, .link-faded, .link-faded-reverse):hover {
        background-size: 0 1px !important;
    }
}

/* Heading styles that target .shopify-policy__body */
.shopify-policy__body :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--heading-font-family) !important;
    font-weight: var(--heading-font-weight) !important;
    font-style: var(--heading-font-style) !important;
    letter-spacing: var(--heading-letter-spacing) !important;
    text-transform: var(--heading-text-transform) !important;
    overflow-wrap: anywhere !important;
}

.shopify-policy__body h1 {
    font-size: var(--text-h1) !important;
    line-height: 1.5 !important;
}

.shopify-policy__body h2 {
    font-size: var(--text-h2) !important;
    line-height: 1.5 !important;
}

.shopify-policy__body h3 {
    font-size: var(--text-h3) !important;
    line-height: 1.6 !important;
}

.shopify-policy__body h4 {
    font-size: var(--text-h4) !important;
    line-height: 1.6 !important;
}

.shopify-policy__body h5 {
    font-size: var(--text-h5) !important;
    line-height: 1.7 !important;
}

.shopify-policy__body h6 {
    font-size: var(--text-h6) !important;
    line-height: 1.7 !important;
}

@media screen and (min-width: 1150px) {
    .shopify-policy__body h1 {
        line-height: 1.3 !important;
    }

    .shopify-policy__body h2 {
        line-height: 1.4 !important;
    }

    .shopify-policy__body h3 {
        line-height: 1.5 !important;
    }
}

.shopify-policy__body blockquote * {
font-size: var(--text-base);
    line-height: 1.6;
}

blockquote::before {display:none !important;}
blockquote
{
    text-align:left !important;
}


@media screen and (max-width: 801px) {
.celebrate-dresses__heading {
    font-size: 26px !important;
}

.celebrate-dresses__body {
    font-size: 15px !important;
}

.dress-cat__label {
    font-size: 17px !important;
}

div#fnv-promo-top {
    font-size: 9px !important;
}

.kl-grid-content h3 {
    font-size: 25px !important;
}

.kl-btn {
    font-size: 14px !important;
}

.kl-split-heading {
    font-size: 24px !important;
}

.kl-brand-heading {
    font-size: 29px !important;
}

.kl-brand-text {
    font-size: 15px !important;
}

.kl-strip-item {
    font-size: 14.5px !important;
}

.kl-lookbook-header {
    margin-bottom: 25px !important;
}

.kl-lookbook-title {
    font-size: 26px !important;
}

.kl-lookbook-info h3 {
    font-size: 22px !important;
    padding-bottom: 5px !important;
}

.kl-lookbook-info span {
    font-size: 14px !important;
}

.article-card__content {
    padding-top: 15px !important;
}
}

.fnv-mega-col a {
    font-size: 16px !important;
    font-family: 'Montserrat';
}
.mp-root{
  /* ---- colour: forest ink (v1) + brand gold (v2) on warm paper ---- */
  --mp-ink:        #16281F;
  --mp-ink-2:      #35543F;
  --mp-gold:       #C9A84C;
  --mp-brass:      #7A5C10;
  --mp-paper:      #F5F2EC;
  --mp-linen:      #EDE8DF;
  --mp-sand:       #E3DCC9;
  --mp-card:       #FFFFFF;
  --mp-deep:       #16281F;
  --mp-cream:      #F1EEE3;
  --mp-gold-lt:    #E8C489;
  --mp-line:       rgba(22,40,31,.16);
  --mp-line-2:     rgba(22,40,31,.09);
  --mp-tint:       rgba(201,168,76,.18);
  --mp-good:       #3F6B4C;
  --mp-bad:        #8C2F1E;

  --mp-shadow-sm: 0 1px 2px rgba(22,40,31,.07);
  --mp-shadow-md: 0 10px 28px rgba(22,40,31,.10);
  --mp-shadow-lg: 0 24px 64px rgba(22,40,31,.16);


  /* ---- space ---- */
  --mp-s1:6px; --mp-s2:10px; --mp-s3:16px; --mp-s4:22px;
  --mp-s5:30px; --mp-s6:40px; --mp-s7:56px; --mp-s8:72px;
  --mp-band: clamp(56px,7vw,104px);
  --mp-gut:  clamp(18px,4.5vw,56px);
  --mp-max:  1320px;
  --mp-r:    4px;

  background:var(--mp-paper);
  color:var(--mp-ink);
  font-family:var(--mp-body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

/* ---- local reset ---- */
.mp-root *,.mp-root *::before,.mp-root *::after{ box-sizing:border-box; }
.mp-root img{ max-width:100%; display:block; }
.mp-root a{ color:inherit; text-decoration:none; }
.mp-root button{ font-family:inherit; font-size:inherit; cursor:pointer; border:none; background:none; color:inherit; padding:0; }
.mp-root ul,.mp-root ol{ margin:0; padding:0; list-style:none; }
.mp-root p,.mp-root h1,.mp-root h2,.mp-root h3,.mp-root h4,.mp-root figure,.mp-root dl,.mp-root dd,.mp-root blockquote{ margin:0; }
.mp-root table{ border-collapse:collapse; width:100%; }
.mp-root input,.mp-root select,.mp-root textarea{ font-family:inherit; font-size:inherit; color:inherit; }
.mp-root h1,.mp-root h2,.mp-root h3,.mp-root h4{
  font-family:var(--mp-display); font-weight:400; color:var(--mp-ink);
  line-height:1.12; letter-spacing:-.01em;
}
.mp-root :focus-visible{ outline:2px solid var(--mp-brass); outline-offset:3px; border-radius:2px; }
.mp-sr{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.mp-hidden{ display:none!important; }

/* ---- shared bits ---- */
.mp-shell{ max-width:var(--mp-max); margin:0 auto; padding-inline:var(--mp-gut); }
.mp-band{ padding-block:var(--mp-band); }
.mp-band--linen{ background:var(--mp-linen); }
.mp-band--sand{ background:var(--mp-sand); }
.mp-band--deep{ background:var(--mp-deep); color:var(--mp-cream); }
.mp-band--deep h2,.mp-band--deep h3{ color:var(--mp-cream); }

.mp-eyebrow{
  font-family:var(--mp-util); font-size:12px; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase; color:var(--mp-brass);
}
.mp-band--deep .mp-eyebrow{ color:var(--mp-gold-lt); }

/* signature motif: the woven stripe (shared by both source designs) */
.mp-weave{
  height:6px; width:100%; border-radius:2px;
  background:repeating-linear-gradient(115deg,
    var(--mp-gold) 0 7px, transparent 7px 14px,
    var(--mp-ink-2) 14px 17px, transparent 17px 26px);
  opacity:.85;
}
.mp-weave--short{ width:76px; }
.mp-band--deep .mp-weave{
  background:repeating-linear-gradient(115deg,
    var(--mp-gold-lt) 0 7px, transparent 7px 14px,
    var(--mp-cream) 14px 17px, transparent 17px 26px);
  opacity:.7;
}

.mp-secmark{ display:flex; flex-direction:column; gap:var(--mp-s3); margin-bottom:var(--mp-s6); max-width:62ch; }
.mp-secmark h2{ font-size:clamp(28px,3.4vw,44px); }
.mp-secmark p{ color:var(--mp-ink-2); font-size:17px; }
.mp-band--deep .mp-secmark p{ color:var(--mp-cream); opacity:.86; }
.mp-secmark--center{ margin-inline:auto; text-align:center; align-items:center; }

.mp-link{
  font-family:var(--mp-util); font-size:14px; font-weight:500; color:var(--mp-brass);
  border-bottom:1px solid var(--mp-tint); padding-bottom:2px; transition:border-color .2s;
}
.mp-link:hover{ border-color:var(--mp-brass); }

.mp-btn{
  font-family:var(--mp-util); font-weight:500; font-size:15px; letter-spacing:.02em;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:54px; padding:0 26px; border-radius:var(--mp-r);
  transition:background-color .2s, color .2s, border-color .2s, transform .12s;
}
.mp-btn:active{ transform:translateY(1px); }
.mp-btn--fill{ background:var(--mp-ink); color:var(--mp-cream); }
.mp-btn--fill:hover{ background:var(--color-button-gradient); background-color:rgb(var(--color-button-background)); }
.mp-btn--fill[disabled]{ background:var(--mp-sand); color:var(--mp-ink-2); cursor:not-allowed; }
.mp-btn--line{ border:1px solid var(--mp-ink); color:var(--mp-ink); background:transparent; }
.mp-btn--line:hover{ background:var(--mp-ink); color:var(--mp-cream); }
.mp-btn--gold{ background:var(--mp-gold); color:var(--mp-ink); }
.mp-btn--gold:hover{ background:#BC9A3D; }
.mp-btn--sm{ min-height:42px; padding:0 16px; font-size:14px; }
.mp-btn--full{ width:100%; }

.mp-card{ background:var(--mp-card); border:1px solid var(--mp-line-2); border-radius:var(--mp-r); }

.mp-scroller{ display:flex; gap:var(--mp-s3); overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:4px; }
.mp-scroller::-webkit-scrollbar{ display:none; }
.mp-scroller > *{ scroll-snap-align:start; }

/* =====================================================================
   PDP HERO
   ===================================================================== */
.mp-pdp{
  display:grid; gap:clamp(24px,3.4vw,56px);
  padding-top:var(--mp-s6); padding-bottom:var(--mp-band);
  align-items:start;
}
@media(min-width:1000px){
  .mp-pdp{ grid-template-columns:minmax(0,1fr) minmax(380px,var(--mp-buycol,440px)); }
}

/* ---- gallery ---- */
.mp-gal{ display:grid; gap:var(--mp-s3); }
@media(min-width:768px){
  .mp-gal{ grid-template-columns:88px minmax(0,1fr); align-items:start; }
  .mp-gal--below{ grid-template-columns:minmax(0,1fr); }
}
.mp-rail{
  display:flex; gap:10px; overflow:auto; scrollbar-width:none;
  order:2;
}
.mp-rail::-webkit-scrollbar{ display:none; }
@media(min-width:768px){
  .mp-rail{ order:0; flex-direction:column; max-height:min(78vh,860px); padding-right:2px; }
  .mp-gal--below .mp-rail{ flex-direction:row; order:2; }
}
.mp-thumb{
  flex:0 0 66px; width:66px; aspect-ratio:4/5; overflow:hidden;
  border:1px solid var(--mp-line-2); border-radius:var(--mp-r);
  background:var(--mp-linen); position:relative; transition:border-color .2s;
}
@media(min-width:768px){ .mp-thumb{ flex:0 0 auto; width:100%; } }
.mp-thumb img{ width:100%; height:100%; object-fit:cover; }
.mp-thumb[aria-selected="true"]{ border-color:var(--mp-ink); }
.mp-thumb[aria-selected="true"]::after{
  content:""; position:absolute; inset:auto 0 0 0; height:3px; background:var(--mp-gold);
}
.mp-thumb__play{
  position:absolute; inset:0; display:grid; place-items:center;
  background:rgba(22,40,31,.32); color:rgb(var(--color-button-text));
}
.mp-thumb__play svg{ width:20px; height:20px; }

.mp-stage{ position:relative; border-radius:var(--mp-r); overflow:hidden; background:var(--mp-linen); }
.mp-frames{
  display:flex; overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.mp-frames::-webkit-scrollbar{ display:none; }
.mp-frame{
  flex:0 0 100%; scroll-snap-align:center; position:relative;
  aspect-ratio:var(--mp-ratio,4/5); background:var(--mp-linen);
}
.mp-frame img,.mp-frame video,.mp-frame iframe{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:var(--mp-fit,cover); border:0;
}
.mp-frame--zoom img{ cursor:zoom-in; }

.mp-flags{ position:absolute; top:14px; left:14px; z-index:3; display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.mp-flag{
  font-family:var(--mp-util); font-size:11px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; padding:6px 11px; border-radius:2px;
}
.mp-flag--sale{ background:var(--mp-ink); color:var(--mp-gold-lt); }
.mp-flag--new{ background:var(--mp-gold); color:var(--mp-ink); }
.mp-flag--out{ background:var(--mp-sand); color:var(--mp-ink); }

.mp-zoomhint{
  position:absolute; top:14px; right:14px; z-index:3;
  display:none; align-items:center; gap:6px;
  font-family:var(--mp-util); font-size:12px; color:var(--mp-ink);
  background:rgb(var(--color-background) / .88); padding:6px 10px; border-radius:2px;
}
.mp-zoomhint svg{ width:14px; height:14px; }
@media(min-width:768px){ .mp-stage--zoom .mp-zoomhint{ display:flex; } }

.mp-gnav{
  position:absolute; top:50%; translate:0 -50%; z-index:3;
  width:44px; height:44px; display:grid; place-items:center;
  background:rgb(var(--color-background) / .92); color:var(--mp-ink);
  border-radius:50%; box-shadow:var(--mp-shadow-sm); opacity:0; transition:opacity .2s;
}
.mp-gnav svg{ width:20px; height:20px; }
.mp-gnav--prev{ left:12px; } .mp-gnav--next{ right:12px; }
.mp-stage:hover .mp-gnav,.mp-gnav:focus-visible{ opacity:1; }
.mp-gnav[disabled]{ opacity:0!important; pointer-events:none; }
@media(hover:none){ .mp-gnav{ display:none; } }

.mp-dots{ position:absolute; bottom:12px; left:50%; translate:-50% 0; z-index:3; display:flex; gap:7px; }
.mp-dot{ width:7px; height:7px; border-radius:50%; background:rgba(22,40,31,.28); transition:background .2s,width .2s; }
.mp-dot[aria-selected="true"]{ background:var(--mp-ink); width:20px; border-radius:4px; }
@media(min-width:768px){ .mp-dots{ display:none; } }

/* lightbox */
.mp-lightbox{
  position:fixed; inset:0; z-index:9999; background:rgb(var(--color-foreground) / .94);
  display:none; place-items:center; padding:24px;
}
.mp-lightbox[open],.mp-lightbox.is-open{ display:grid; }
.mp-lightbox img{ max-width:min(1100px,92vw); max-height:88vh; width:auto; object-fit:contain; }
.mp-lightbox__close,.mp-lightbox__nav{
  position:absolute; width:48px; height:48px; display:grid; place-items:center;
  color:var(--mp-cream); background:rgb(var(--color-background) / .10); border-radius:50%;
}
.mp-lightbox__close{ top:20px; right:20px; }
.mp-lightbox__nav--prev{ left:20px; top:50%; translate:0 -50%; }
.mp-lightbox__nav--next{ right:20px; top:50%; translate:0 -50%; }
.mp-lightbox svg{ width:22px; height:22px; }

/* =====================================================================
   BUY BOX
   ===================================================================== */
.mp-buy{ display:flex; flex-direction:column; gap:var(--mp-s4); }
@media(min-width:1000px){
  .mp-buy--sticky{ position:sticky; top:var(--mp-sticky-top,24px); }
}
.mp-kicker{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.mp-kicker hr{ flex:1; border:0; border-top:1px solid var(--mp-line); }
.mp-title{ font-size:clamp(30px,3.6vw,46px); line-height:1.05; }
.mp-buy__head .mp-weave{ margin-top:16px; }

.mp-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; font-size:14px; color:var(--mp-ink-2); }
.mp-rate{ display:inline-flex; align-items:center; gap:8px; }
.mp-stars{ display:inline-flex; gap:2px; color:var(--mp-gold); }
.mp-stars svg{ width:15px; height:15px; }
.mp-stars .is-off{ color:var(--mp-line); }
.mp-rate u{ text-decoration-color:var(--mp-tint); text-underline-offset:3px; }

.mp-pricerow{ display:flex; flex-wrap:wrap; align-items:baseline; gap:10px 14px; }
.mp-price{ font-family:var(--mp-display); font-size:clamp(26px,2.6vw,34px); }
.mp-price--sale{ color:var(--mp-bad); }
.mp-was{ color:var(--mp-ink-2); font-size:18px; text-decoration:line-through; text-decoration-color:var(--mp-line); }
.mp-save{
  font-family:var(--mp-util); font-size:12px; font-weight:600; letter-spacing:.08em;
  text-transform:uppercase; background:var(--mp-tint); color:var(--mp-brass);
  padding:5px 10px; border-radius:2px;
}
.mp-unit,.mp-taxnote{ font-size:13px; color:var(--mp-ink-2); }
.mp-payline{ font-size:14px; color:var(--mp-ink-2); margin-top:6px; }

/* ---- options ---- */
.mp-opt{ display:flex; flex-direction:column; gap:12px; }
.mp-opt__head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.mp-opt__lbl{ font-family:var(--mp-util); font-size:14px; font-weight:500; letter-spacing:.02em; }
.mp-opt__lbl b{ font-weight:600; }
.mp-opt__aside{ font-size:13px; color:var(--mp-ink-2); }
.mp-opt__values{ display:flex; flex-wrap:wrap; gap:10px; }
.mp-opt__values input{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }

.mp-swatch{
  position:relative; width:44px; height:44px; border-radius:50%;
  border:1px solid var(--mp-line); background-color:var(--mp-linen);
  background-size:cover; background-position:center;
  cursor:pointer; display:block; transition:box-shadow .18s,border-color .18s;
}
.mp-swatch::after{
  content:""; position:absolute; inset:-5px; border-radius:50%;
  border:1px solid transparent; transition:border-color .18s;
}
input:checked + .mp-swatch::after{ border-color:var(--mp-ink); }
input:focus-visible + .mp-swatch::after{ border-color:var(--mp-brass); }
.mp-swatch.is-out{ opacity:.45; }
.mp-swatch.is-out::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  background:linear-gradient(to top left,transparent calc(50% - 1px),var(--mp-ink) 50%,transparent calc(50% + 1px));
}

.mp-pill{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:56px; min-height:46px; padding:0 16px;
  font-family:var(--mp-util); font-size:14px; font-weight:500;
  border:1px solid var(--mp-line); border-radius:var(--mp-r);
  background:var(--mp-card); cursor:pointer; transition:border-color .18s,background .18s,color .18s;
}
.mp-pill:hover{ border-color:var(--mp-ink-2); }
input:checked + .mp-pill{ background:var(--mp-ink); border-color:var(--mp-ink); color:var(--mp-cream); }
input:focus-visible + .mp-pill{ outline:2px solid var(--mp-brass); outline-offset:2px; }
.mp-pill.is-out{
  color:var(--mp-ink-2); opacity:.5;
  background-image:linear-gradient(to top left,transparent calc(50% - .5px),var(--mp-line) 50%,transparent calc(50% + .5px));
}
input:checked + .mp-pill.is-out{ background-color:var(--mp-sand); color:var(--mp-ink); border-color:var(--mp-ink-2); opacity:.9; }

.mp-select{
  appearance:none; width:100%; min-height:50px; padding:0 40px 0 14px;
  border:1px solid var(--mp-line); border-radius:var(--mp-r); background:var(--mp-card);
  font-family:var(--mp-util); font-size:15px;
}
.mp-selectwrap{ position:relative; }
.mp-selectwrap svg{ position:absolute; right:14px; top:50%; translate:0 -50%; width:16px; height:16px; pointer-events:none; }

.mp-note{ display:flex; align-items:center; gap:8px; font-size:13.5px; }
.mp-note svg{ width:16px; height:16px; flex:0 0 16px; }
.mp-note--warn{ color:var(--mp-bad); }
.mp-note--good{ color:var(--mp-good); }
.mp-note--quiet{ color:var(--mp-ink-2); }

/* ---- quantity + add ---- */
.mp-addwrap{ display:flex; flex-direction:column; gap:12px; }
.mp-addrow{ display:flex; gap:10px; align-items:stretch; }
.mp-qty{ display:inline-flex; align-items:center; border:1px solid var(--mp-line); border-radius:var(--mp-r); background:var(--mp-card); }
.mp-qty button{ width:44px; height:54px; display:grid; place-items:center; color:var(--mp-ink); }
.mp-qty button svg{ width:14px; height:14px; }
.mp-qty input{
  width:44px; height:54px; text-align:center; border:0; background:transparent;
  font-family:var(--mp-util); font-weight:500; -moz-appearance:textfield;
}
.mp-qty input::-webkit-outer-spin-button,.mp-qty input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.mp-wish{
  width:54px; flex:0 0 54px; display:grid; place-items:center;
  border:1px solid var(--mp-line); border-radius:var(--mp-r); background:var(--mp-card);
  color:var(--mp-ink); transition:color .2s,border-color .2s;
}
.mp-wish svg{ width:20px; height:20px; }
.mp-wish[aria-pressed="true"]{ color:var(--mp-bad); border-color:var(--mp-bad); }
.mp-wish[aria-pressed="true"] svg{ fill:currentColor; }

.mp-payment-buttons{ display:grid; gap:10px; }
.mp-payment-buttons [data-shopify-buttoncontainer]{ justify-content:stretch; }
.mp-formerr{
  display:none; gap:8px; align-items:flex-start; font-size:13.5px; color:var(--mp-bad);
  background:rgba(140,47,30,.07); border:1px solid rgba(140,47,30,.2);
  border-radius:var(--mp-r); padding:10px 12px;
}
.mp-formerr.is-on{ display:flex; }

.mp-props{ display:flex; flex-direction:column; gap:10px; }
.mp-check{ display:flex; align-items:flex-start; gap:10px; font-size:14px; cursor:pointer; }
.mp-check input{ width:18px; height:18px; margin-top:3px; accent-color:var(--mp-ink); }
.mp-check__sub{ display:block; font-size:12.5px; color:var(--mp-ink-2); }
.mp-textarea{
  width:100%; min-height:74px; padding:10px 12px; resize:vertical;
  border:1px solid var(--mp-line); border-radius:var(--mp-r); background:var(--mp-card); font-size:14px;
}

/* ---- service rows ---- */
.mp-svc{ display:grid; gap:2px; border:1px solid var(--mp-line-2); border-radius:var(--mp-r); background:var(--mp-card); overflow:hidden; }
.mp-svc__row{ display:flex; gap:12px; padding:14px 16px; }
.mp-svc__row + .mp-svc__row{ border-top:1px solid var(--mp-line-2); }
.mp-svc__row > svg{ width:20px; height:20px; flex:0 0 20px; margin-top:2px; color:var(--mp-brass); }
.mp-svc__t{ font-family:var(--mp-util); font-size:14px; font-weight:500; }
.mp-svc__s{ font-size:13px; color:var(--mp-ink-2); line-height:1.5; }

.mp-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.mp-chip{
  font-family:var(--mp-util); font-size:11px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mp-brass);
  border:1px solid var(--mp-tint); border-radius:2px; padding:5px 9px;
}

/* ---- accordions ---- */
.mp-accs{ border-top:1px solid var(--mp-line-2); }
.mp-acc{ border-bottom:1px solid var(--mp-line-2); }
.mp-acc__btn{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:18px 2px; text-align:left; font-family:var(--mp-util); font-size:16px; font-weight:500;
}
.mp-acc__btn svg{ width:16px; height:16px; flex:0 0 16px; color:var(--mp-brass); transition:transform .25s; }
.mp-acc__btn[aria-expanded="true"] svg{ transform:rotate(180deg); }
.mp-acc__panel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .28s ease; }
.mp-acc__panel[data-open]{ grid-template-rows:1fr; }
.mp-acc__clip{ overflow:hidden; }
.mp-acc__body{ padding:0 2px 20px; color:var(--mp-ink-2); font-size:15px; }
.mp-acc__body > * + *{ margin-top:12px; }
.mp-acc__body a{ color:var(--mp-brass); text-decoration:underline; text-underline-offset:2px; }
.mp-acc__body ul{ display:grid; gap:8px; }
.mp-acc__body ul li{ position:relative; padding-left:20px; }
.mp-acc__body ul li::before{ content:""; position:absolute; left:2px; top:9px; width:7px; height:7px; border-radius:50%; background:var(--mp-gold); }
.mp-acc__body ol{ display:grid; gap:8px; padding-left:20px; list-style:decimal; }

.mp-spec{ display:grid; grid-template-columns:auto 1fr; gap:8px 18px; font-size:14.5px; }
.mp-spec dt{ font-family:var(--mp-util); font-weight:500; color:var(--mp-ink); }
.mp-spec dd{ color:var(--mp-ink-2); }

/* ---- sticky mobile bar ---- */
.mp-stickybar{
  position:fixed; left:0; right:0; bottom:0; z-index:40;
  background:var(--mp-card); border-top:1px solid var(--mp-line);
  box-shadow:0 -6px 24px rgba(22,40,31,.10);
  padding:10px var(--mp-gut) calc(10px + env(safe-area-inset-bottom));
  display:flex; align-items:center; gap:12px;
  transform:translateY(120%); transition:transform .28s ease; pointer-events:none;
}
.mp-stickybar.is-on{ transform:none; pointer-events:auto; }
.mp-stickybar__img{ width:48px; height:56px; flex:0 0 48px; border-radius:2px; overflow:hidden; background:var(--mp-linen); }
.mp-stickybar__img img{ width:100%; height:100%; object-fit:cover; }
.mp-stickybar__txt{ flex:1; min-width:0; }
.mp-stickybar__t{ font-family:var(--mp-util); font-size:14px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mp-stickybar__p{ font-size:13.5px; color:var(--mp-ink-2); }
.mp-stickybar .mp-btn{ min-height:46px; flex:0 0 auto; }
@media(min-width:1000px){ .mp-stickybar{ display:none; } }

/* =====================================================================
   ASSURANCE STRIP
   ===================================================================== */
.mp-assure{ border-block:1px solid var(--mp-line-2); background:var(--mp-card); }
.mp-assure__grid{ display:grid; gap:var(--mp-s4); padding-block:var(--mp-s5); }
@media(min-width:640px){ .mp-assure__grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1000px){ .mp-assure__grid{ grid-template-columns:repeat(var(--mp-assure-cols,4),1fr); } }
.mp-assure__item{ display:flex; gap:12px; align-items:flex-start; }
.mp-assure__item svg{ width:26px; height:26px; flex:0 0 26px; color:var(--mp-brass); }
.mp-assure__t{ font-family:var(--mp-util); font-size:15px; font-weight:500; }
.mp-assure__s{ font-size:13.5px; color:var(--mp-ink-2); line-height:1.5; }

/* =====================================================================
   BUNDLE
   ===================================================================== */
.mp-bundle{ display:grid; gap:var(--mp-s5); }
@media(min-width:900px){ .mp-bundle{ grid-template-columns:minmax(0,1fr) 320px; align-items:start; } }
.mp-bundle__list{ display:grid; gap:12px; }
.mp-bundle__item{ cursor:pointer; display:flex; align-items:center; gap:16px; padding:14px; background:var(--mp-card); border:1px solid var(--mp-line-2); border-radius:var(--mp-r); }
.mp-bundle__item.is-on{ border-color:var(--mp-ink); }
.mp-bundle__item input{ width:18px; height:18px; flex:0 0 18px; accent-color:var(--mp-ink); }
.mp-bundle__item img{ width:64px; height:80px; flex:0 0 64px; object-fit:cover; border-radius:2px; background:var(--mp-linen); }
.mp-bundle__info{ flex:1; min-width:0; display:block; }
.mp-bundle__t{ display:block; font-family:var(--mp-util); font-size:15px; font-weight:500; }
.mp-bundle__v{ display:block; font-size:13px; color:var(--mp-ink-2); }
.mp-bundle__price{ font-family:var(--mp-display); font-size:16px; white-space:nowrap; }
.mp-bundle__sum{ background:var(--mp-card); border:1px solid var(--mp-line-2); border-radius:var(--mp-r); padding:var(--mp-s4); display:grid; gap:12px; }
.mp-bundle__line{ display:flex; justify-content:space-between; gap:12px; font-size:14.5px; }
.mp-bundle__line--total{ font-family:var(--mp-display); font-size:20px; border-top:1px solid var(--mp-line-2); padding-top:12px; }
.mp-bundle__save{ color:var(--mp-good); }

/* =====================================================================
   DETAIL SHOTS
   ===================================================================== */
.mp-shots{ display:grid; gap:var(--mp-s4); }
@media(min-width:700px){ .mp-shots{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .mp-shots{ grid-template-columns:repeat(4,1fr); } }
.mp-shot img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:var(--mp-r); background:var(--mp-linen); }
.mp-shot h3{ font-size:20px; margin-top:14px; }
.mp-shot p{ font-size:14.5px; color:var(--mp-ink-2); margin-top:6px; }

/* =====================================================================
   FABRIC / MATERIALS
   ===================================================================== */
.mp-fabric{ display:grid; gap:var(--mp-s6); align-items:center; }
@media(min-width:900px){ .mp-fabric{ grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); } }
.mp-fabric__img img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--mp-r); }
.mp-comp{ display:grid; gap:16px; }
.mp-comp__row{ display:grid; gap:6px; }
.mp-comp__top{ display:flex; justify-content:space-between; font-size:14.5px; }
.mp-comp__top b{ font-family:var(--mp-util); font-weight:500; }
.mp-comp__bar{ height:8px; border-radius:4px; background:var(--mp-sand); overflow:hidden; }
.mp-comp__fill{ height:100%; background:var(--mp-ink); border-radius:4px; }
.mp-badges{ display:grid; gap:12px; margin-top:var(--mp-s4); }
@media(min-width:600px){ .mp-badges{ grid-template-columns:repeat(2,1fr); } }
.mp-badge{ display:flex; gap:10px; align-items:flex-start; padding:12px 14px; background:var(--mp-card); border:1px solid var(--mp-line-2); border-radius:var(--mp-r); }
.mp-badge svg{ width:18px; height:18px; flex:0 0 18px; color:var(--mp-brass); margin-top:2px; }
.mp-badge__t{ font-family:var(--mp-util); font-size:14px; font-weight:500; }
.mp-badge__s{ font-size:13px; color:var(--mp-ink-2); }
.mp-care{ display:flex; flex-wrap:wrap; gap:10px; margin-top:var(--mp-s4); }
.mp-care__item{ display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--mp-ink-2); border:1px solid var(--mp-line-2); border-radius:20px; padding:6px 14px; background:var(--mp-card); }
.mp-care__item svg{ width:16px; height:16px; color:var(--mp-brass); }

/* =====================================================================
   FIT + SIZE CHART
   ===================================================================== */
.mp-fit{ display:grid; gap:var(--mp-s6); align-items:start; }
@media(min-width:900px){ .mp-fit{ grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); } }
.mp-fitmeter{ display:grid; gap:var(--mp-s4); }
.mp-fitmeter__row{ display:grid; gap:8px; }
.mp-fitmeter__lbl{ font-family:var(--mp-util); font-size:14px; font-weight:500; }
.mp-fitmeter__track{ position:relative; height:6px; border-radius:3px; background:var(--mp-sand); }
.mp-fitmeter__pin{ position:absolute; top:50%; translate:-50% -50%; width:16px; height:16px; border-radius:50%; background:var(--mp-ink); border:3px solid var(--mp-paper); }
.mp-fitmeter__ends{ display:flex; justify-content:space-between; font-size:12.5px; color:var(--mp-ink-2); }
.mp-sizetable{ overflow-x:auto; border:1px solid var(--mp-line-2); border-radius:var(--mp-r); background:var(--mp-card); }
.mp-sizetable table{ min-width:420px; font-size:14px; }
.mp-sizetable th,.mp-sizetable td{ padding:11px 14px; text-align:left; border-bottom:1px solid var(--mp-line-2); white-space:nowrap; }
.mp-sizetable th{ font-family:var(--mp-util); font-weight:500; background:var(--mp-linen); }
.mp-sizetable tr:last-child td{ border-bottom:0; }
.mp-sizetable tbody tr:hover td{ background:var(--mp-linen); }
.mp-model{ display:grid; grid-template-columns:auto 1fr; gap:8px 18px; font-size:14.5px; margin-top:var(--mp-s4); }
.mp-model dt{ font-family:var(--mp-util); font-weight:500; }
.mp-model dd{ color:var(--mp-ink-2); }

/* =====================================================================
   COMPARE
   ===================================================================== */
.mp-compare{ overflow-x:auto; border:1px solid var(--mp-line-2); border-radius:var(--mp-r); background:var(--mp-card); }
.mp-compare table{ min-width:640px; font-size:14.5px; }
.mp-compare th,.mp-compare td{ padding:14px 16px; text-align:left; border-bottom:1px solid var(--mp-line-2); vertical-align:top; }
.mp-compare thead th{ background:var(--mp-linen); }
.mp-compare tbody th{ font-family:var(--mp-util); font-weight:500; width:180px; color:var(--mp-ink); }
.mp-compare td{ color:var(--mp-ink-2); }
.mp-compare tr:last-child th,.mp-compare tr:last-child td{ border-bottom:0; }
.mp-compare__head{ display:grid; gap:10px; min-width:150px; }
.mp-compare__head img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:2px; background:var(--mp-linen); }
.mp-compare__name{ font-family:var(--mp-util); font-size:14px; font-weight:500; color:var(--mp-ink); }
.mp-compare__price{ font-size:14px; color:var(--mp-ink-2); }
.mp-compare__this{ display:inline-block; font-family:var(--mp-util); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--mp-brass); background:var(--mp-tint); padding:3px 8px; border-radius:2px; }

/* =====================================================================
   REVIEWS
   ===================================================================== */
.mp-rev{ display:grid; gap:var(--mp-s6); align-items:start; }
@media(min-width:900px){ .mp-rev{ grid-template-columns:320px minmax(0,1fr); } }
.mp-rev__score{ display:grid; gap:10px; }
.mp-rev__big{ font-family:var(--mp-display); font-size:60px; line-height:1; }
.mp-meters{ display:grid; gap:14px; }
.mp-meter__top{ display:flex; justify-content:space-between; font-size:14px; }
.mp-meter__track{ height:6px; border-radius:3px; background:var(--mp-sand); overflow:hidden; }
.mp-band--deep .mp-meter__track{ background:rgb(var(--color-base-highlight) / .2); }
.mp-meter__fill{ height:100%; background:var(--mp-gold); border-radius:3px; }
.mp-topics{ display:flex; flex-wrap:wrap; gap:10px; }
.mp-topic{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; border:1px solid var(--mp-line); border-radius:20px; padding:7px 14px; }
.mp-band--deep .mp-topic{ border-color:rgb(var(--color-background) / .28); }
.mp-topic b{ font-family:var(--mp-util); font-weight:600; color:var(--mp-brass); }
.mp-band--deep .mp-topic b{ color:var(--mp-gold-lt); }

/* =====================================================================
   LOOKBOOK / UGC / PRESS / VIDEO
   ===================================================================== */
.mp-look{ display:grid; gap:var(--mp-s4); }
@media(min-width:800px){ .mp-look{ grid-template-columns:repeat(3,1fr); } }
.mp-look__item img{ width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:var(--mp-r); background:var(--mp-linen); }
.mp-look__item h3{ font-size:22px; margin-top:16px; }
.mp-look__item p{ font-size:14.5px; color:var(--mp-ink-2); margin-top:6px; }
.mp-band--deep .mp-look__item p{ color:var(--mp-cream); opacity:.85; }

.mp-ugc{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(min-width:700px){ .mp-ugc{ grid-template-columns:repeat(4,1fr); } }
@media(min-width:1100px){ .mp-ugc{ grid-template-columns:repeat(6,1fr); } }
.mp-ugc__item{ position:relative; border-radius:var(--mp-r); overflow:hidden; background:var(--mp-linen); }
.mp-ugc__item img{ width:100%; aspect-ratio:1/1; object-fit:cover; }
.mp-ugc__tag{ position:absolute; left:8px; bottom:8px; font-family:var(--mp-util); font-size:11.5px; color:rgb(var(--color-button-text)); background:rgba(22,40,31,.6); padding:3px 8px; border-radius:2px; }

.mp-press{ display:grid; gap:var(--mp-s4); }
@media(min-width:700px){ .mp-press{ grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); } }
.mp-press__item{ font-family:var(--mp-display); font-size:19px; line-height:1.35; padding-left:18px; border-left:2px solid var(--mp-gold); }
.mp-awards{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:var(--mp-s5); }
.mp-award{ display:inline-flex; align-items:center; gap:8px; font-family:var(--mp-util); font-size:13px; border:1px solid var(--mp-line); border-radius:2px; padding:8px 14px; }
.mp-award svg{ width:16px; height:16px; color:var(--mp-brass); }

.mp-video{ position:relative; border-radius:var(--mp-r); overflow:hidden; background:var(--mp-deep); aspect-ratio:16/9; }
.mp-video iframe,.mp-video video{ position:absolute; inset:0; width:100%; height:100%; border:0; object-fit:cover; }

/* =====================================================================
   FAQ + NEWSLETTER + RELATED
   ===================================================================== */
.mp-faq{ max-width:860px; margin-inline:auto; border-top:1px solid var(--mp-line-2); }
.mp-faq .mp-acc__btn{ font-size:17px; padding:20px 2px; }
.mp-faq .mp-acc__body{ font-size:15px; max-width:70ch; }

.mp-news{ display:grid; gap:var(--mp-s4); max-width:640px; }
.mp-news__form{ display:flex; gap:10px; flex-wrap:wrap; }
.mp-news__form input{
  flex:1; min-width:220px; min-height:54px; padding:0 16px;
  border:1px solid rgb(var(--color-background) / .34); border-radius:var(--mp-r);
  background:transparent; color:var(--mp-cream);
}
.mp-news__form input::placeholder{ color:rgb(var(--color-button-text) / .6); }
.mp-band--deep .mp-btn--gold:hover{ background:var(--mp-gold-lt); }

.mp-grid{ display:grid; gap:var(--mp-s4); grid-template-columns:repeat(2,1fr); }
@media(min-width:900px){ .mp-grid{ grid-template-columns:repeat(4,1fr); } }
.mp-pcard img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--mp-r); background:var(--mp-linen); }
.mp-pcard__t{ font-family:var(--mp-util); font-size:14.5px; font-weight:500; margin-top:12px; }
.mp-pcard__p{ font-size:14px; color:var(--mp-ink-2); margin-top:4px; }
.mp-pcard__was{ text-decoration:line-through; color:var(--mp-ink-2); opacity:.7; margin-left:6px; }

/* toast */
.mp-toast{
  position:fixed; z-index:9998; left:50%; bottom:24px; translate:-50% 0;
  background:var(--mp-ink); color:var(--mp-cream); font-family:var(--mp-util); font-size:14px;
  padding:13px 20px; border-radius:var(--mp-r); box-shadow:var(--mp-shadow-md);
  opacity:0; pointer-events:none; transition:opacity .25s, translate .25s;
}
.mp-toast.is-on{ opacity:1; translate:-50% -8px; }

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

#kimlud-footer-2026 {
  --kf-ink:        rgb(var(--color-foreground));
  --kf-body:       rgb(var(--color-foreground));
  --kf-muted:      rgb(var(--color-foreground) / 0.65);
  --kf-line:       rgb(var(--color-foreground) / 0.16);
  --kf-line-soft:  rgb(var(--color-foreground) / 0.16);
  --kf-bg:         rgb(var(--color-background));
  --kf-bar:        rgb(var(--color-button-background));
  --kf-bar-ink:    rgb(var(--color-button-text));
  --kf-bar-muted:  rgb(var(--color-button-text) / 0.65);
  --kf-focus:      rgb(var(--color-keyboard-focus));

  /* Swap in your own lifestyle shot:
     --kf-promo-image: url("https://cdn.shopify.com/.../new-arrivals.jpg"); */
  --kf-promo-image: none;

  --kf-gutter: clamp(20px, 4vw, 56px);
  --kf-max:    1440px;

  background: var(--kf-bg);
  color: var(--kf-body);
  font-size: 15px;
  line-height: 1.55;
  border-top: 1px solid var(--kf-line);
  -webkit-font-smoothing: antialiased;
}

#kimlud-footer-2026 *,
#kimlud-footer-2026 *::before,
#kimlud-footer-2026 *::after { box-sizing: border-box; }

#kimlud-footer-2026 p,
#kimlud-footer-2026 h2,
#kimlud-footer-2026 h3,
#kimlud-footer-2026 ul { margin: 0; padding: 0; }

#kimlud-footer-2026 ul { list-style: none; }

#kimlud-footer-2026 a {
  color: inherit;
  text-decoration: none;
  transition: color .18s ease, opacity .18s ease;
}

#kimlud-footer-2026 svg { display: block; }

#kimlud-footer-2026 a:focus-visible,
#kimlud-footer-2026 button:focus-visible,
#kimlud-footer-2026 input:focus-visible {
  outline: 2px solid var(--kf-focus);
  outline-offset: 3px;
  border-radius: 2px;
}

.kimlud-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.kimlud-footer__container {
  max-width: var(--kf-max);
  margin: 0 auto;
  padding-inline: var(--kf-gutter);
}

/* ---------- shared heading ---------- */
#kimlud-footer-2026 .kimlud-heading {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--kf-ink);
  margin-bottom: 14px;
}

/* ---------- wordmark ---------- */
#kimlud-footer-2026 .kimlud-wordmark {
  display: inline-block;
  color: var(--kf-ink);
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1;
  letter-spacing: -.01em;
}
#kimlud-footer-2026 .kimlud-wordmark--sm { font-size: clamp(24px, 2vw, 30px); }
#kimlud-footer-2026 .kimlud-wordmark__light { font-weight: 300; }
#kimlud-footer-2026 .kimlud-wordmark__bold  { font-weight: 800; }

#kimlud-footer-2026 .kimlud-tagline {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--kf-ink);
}

/* ============================================================
   BAND 1 — brand / newsletter / social
   ============================================================ */
#kimlud-footer-2026 .kimlud-band {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, .92fr);
  gap: clamp(32px, 4.5vw, 72px);
  padding-block: clamp(40px, 5vw, 64px);
}

#kimlud-footer-2026 .kimlud-band__newsletter,
#kimlud-footer-2026 .kimlud-band__connect {
  padding-left: clamp(24px, 3.5vw, 56px);
  border-left: 1px solid var(--kf-line-soft);
}

#kimlud-footer-2026 .kimlud-band__copy {
  max-width: 42ch;
  color: var(--kf-body);
  font-size: 15px;
}

#kimlud-footer-2026 .kimlud-band__brand .kimlud-band__copy { margin-top: 22px; }

/* assurance strip */
#kimlud-footer-2026 .kimlud-assurance {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px 8px;
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid var(--kf-line-soft);
}

#kimlud-footer-2026 .kimlud-assurance__item {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
#kimlud-footer-2026 .kimlud-assurance__item + .kimlud-assurance__item::before {
  content: "";
  position: absolute;
  left: -8px; top: 8%;
  height: 84%;
  border-left: 1px solid var(--kf-line-soft);
}
#kimlud-footer-2026 .kimlud-assurance__item svg {
  width: 24px; height: 24px;
  flex: 0 0 24px;
  color: var(--kf-ink);
}
#kimlud-footer-2026 .kimlud-assurance__item span {
  display: flex;
  flex-direction: column;
  font-size: 11px;
  line-height: 1.35;
  color: var(--kf-muted);
}
#kimlud-footer-2026 .kimlud-assurance__item strong {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--kf-ink);
}

/* ---------- newsletter form ---------- */
#kimlud-footer-2026 .kimlud-newsletter { margin-top: 20px; }

#kimlud-footer-2026 .kimlud-newsletter__field {
  display: flex;
  align-items: stretch;
  max-width: 440px;
  background: var(--kf-bg);
  border: 1px solid var(--kf-ink);
  border-radius: 999px;
  overflow: hidden;
  transition: box-shadow .18s ease;
}
#kimlud-footer-2026 .kimlud-newsletter__field:focus-within {
  box-shadow: 0 0 0 3px rgb(var(--color-shadow) / .12);
}

#kimlud-footer-2026 .kimlud-newsletter__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 15px 8px 15px 20px;
  font: inherit;
  font-size: 15px;
  color: var(--kf-ink);
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
#kimlud-footer-2026 .kimlud-newsletter__input::placeholder { color: var(--kf-muted); }
#kimlud-footer-2026 .kimlud-newsletter__input:focus-visible { outline: none; }

#kimlud-footer-2026 .kimlud-newsletter__button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 0;
  margin: 4px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--kf-ink);
  color: rgb(var(--color-button-text));
  font: inherit;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}
#kimlud-footer-2026 .kimlud-newsletter__button svg { width: 16px; height: 16px; }
#kimlud-footer-2026 .kimlud-newsletter__button:hover { background: var(--color-button-gradient); background-color:rgb(var(--color-button-background)); }
#kimlud-footer-2026 .kimlud-newsletter__button:active { transform: scale(.985); }
#kimlud-footer-2026 .kimlud-newsletter__button[disabled] { opacity: .55; cursor: not-allowed; }

#kimlud-footer-2026 .kimlud-newsletter__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 16px;
  font-size: 13px;
  color: var(--kf-muted);
}
#kimlud-footer-2026 .kimlud-newsletter__checkbox {
  width: 16px; height: 16px;
  margin: 2px 0 0;
  accent-color: var(--kf-ink);
  flex: 0 0 16px;
  cursor: pointer;
}
#kimlud-footer-2026 .kimlud-newsletter__consent a {
  color: var(--kf-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

#kimlud-footer-2026 .kimlud-newsletter__message {
  margin-top: 14px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--kf-ink);
}
#kimlud-footer-2026 .kimlud-newsletter__message[hidden] { display: none; }
#kimlud-footer-2026 .kimlud-newsletter__message--error { color: #b3261e; }

/* ---------- social + app ---------- */
#kimlud-footer-2026 .kimlud-social {
  display: grid;
  grid-template-columns: repeat(5, 36px);
  gap: 8px;
  margin-bottom: 18px;
}
#kimlud-footer-2026 .kimlud-social a {
  display: grid;
  place-items: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  color: var(--kf-ink);
  transition: background .18s ease, color .18s ease;
}
#kimlud-footer-2026 .kimlud-social svg { width: 20px; height: 20px; }
#kimlud-footer-2026 .kimlud-social a:hover { background: var(--kf-ink); color: rgb(var(--color-button-text)); }

#kimlud-footer-2026 .kimlud-hashtag {
  font-size: 14px;
  font-weight: 500;
  color: var(--kf-ink);
  padding-bottom: 22px;
  border-bottom: 1px solid var(--kf-line-soft);
}

#kimlud-footer-2026 .kimlud-app {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  column-gap: 14px;
  row-gap: 14px;
  padding-top: 22px;
}
#kimlud-footer-2026 .kimlud-app__phone {
  width: 26px; height: 26px;
  color: var(--kf-ink);
  margin-top: 2px;
}
#kimlud-footer-2026 .kimlud-app__text { display: flex; flex-direction: column; gap: 3px; }
#kimlud-footer-2026 .kimlud-app__text strong {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--kf-ink);
}
#kimlud-footer-2026 .kimlud-app__text span {
  font-size: 13px;
  color: var(--kf-muted);
  max-width: 30ch;
}
#kimlud-footer-2026 .kimlud-app__badges {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#kimlud-footer-2026 .kimlud-app__badges img {
  height: 38px;
  width: auto;
  border-radius: 5px;
  transition: opacity .18s ease;
}
#kimlud-footer-2026 .kimlud-app__badges a:hover img { opacity: .78; }

/* ============================================================
   BAND 2 — link columns
   ============================================================ */
#kimlud-footer-2026 .kimlud-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3.3fr);
  gap: clamp(32px, 4vw, 64px);
  padding-block: clamp(40px, 4.5vw, 60px);
  border-top: 1px solid var(--kf-line);
}

#kimlud-footer-2026 .kimlud-columns__blurb {
  margin-top: 18px;
  font-size: 14.5px;
  color: var(--kf-body);
  max-width: 34ch;
}

#kimlud-footer-2026 .kimlud-promo {
  display: block;
  position: relative;
  margin-top: 26px;
  padding: 22px;
  min-height: 150px;
  color: var(--kf-ink);
  background-color: rgb(var(--color-base-highlight));
  background-image: var(--kf-promo-image, none);
  background-size: cover;
  background-position: center right;
  overflow: hidden;
}
#kimlud-footer-2026 .kimlud-promo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgb(var(--color-background)) 0%, rgb(var(--color-background) / .92) 42%, rgba(255,255,255,0) 78%);
}
#kimlud-footer-2026 .kimlud-promo__label {
  position: relative; z-index: 1;
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
#kimlud-footer-2026 .kimlud-promo__sub {
  position: relative; z-index: 1;
  display: block;
  margin-top: 7px;
  font-size: 13px;
  color: var(--kf-body);
  max-width: 15ch;
}
#kimlud-footer-2026 .kimlud-promo__cta {
  position: relative; z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 20px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
}
#kimlud-footer-2026 .kimlud-promo__cta svg {
  width: 14px; height: 14px;
  transition: transform .2s ease;
}
#kimlud-footer-2026 .kimlud-promo:hover .kimlud-promo__cta svg { transform: translateX(4px); }

#kimlud-footer-2026 .kimlud-columns__nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 40px);
}

#kimlud-footer-2026 .kimlud-col__title {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--kf-ink);
  margin-bottom: 18px;
}
#kimlud-footer-2026 .kimlud-col__list { display: grid; gap: 11px; }
#kimlud-footer-2026 .kimlud-col__list a {
  font-size: 14.5px;
  color: var(--kf-body);
}
#kimlud-footer-2026 .kimlud-col__list a:hover {
  color: var(--kf-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ============================================================
   BAND 3 — value props
   ============================================================ */
#kimlud-footer-2026 .kimlud-values {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 28px 0;
  padding-block: clamp(30px, 3.5vw, 44px);
  border-top: 1px solid var(--kf-line);
}
#kimlud-footer-2026 .kimlud-value {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-inline: clamp(0px, 2vw, 32px);
}
#kimlud-footer-2026 .kimlud-value + .kimlud-value {
  border-left: 1px solid var(--kf-line-soft);
}
#kimlud-footer-2026 .kimlud-value svg {
  width: 34px; height: 34px;
  flex: 0 0 34px;
  color: var(--kf-ink);
}
#kimlud-footer-2026 .kimlud-value strong {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--kf-ink);
  margin-bottom: 6px;
}
#kimlud-footer-2026 .kimlud-value p {
  font-size: 13.5px;
  color: var(--kf-muted);
  max-width: 30ch;
}

/* ============================================================
   BAND 4 — black utility bar
   ============================================================ */
#kimlud-footer-2026 .kimlud-utility {
  background: var(--kf-bar);
  color: var(--kf-bar-muted);
  padding-block: 22px;
}

#kimlud-footer-2026 .kimlud-utility__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 28px;
}
#kimlud-footer-2026 .kimlud-utility__row--pay {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgb(var(--color-background) / .14);
}

#kimlud-footer-2026 .kimlud-utility__copy { font-size: 13px; }
#kimlud-footer-2026 .kimlud-utility__copy a { color: var(--kf-bar-ink); }
#kimlud-footer-2026 .kimlud-utility__copy a:hover { text-decoration: underline; }

#kimlud-footer-2026 .kimlud-utility__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
  font-size: 13px;
}
#kimlud-footer-2026 .kimlud-utility__links a { color: var(--kf-bar-muted); }
#kimlud-footer-2026 .kimlud-utility__links a:hover {
  color: var(--kf-bar-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#kimlud-footer-2026 .kimlud-utility__selectors {
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 13px;
}
#kimlud-footer-2026 .kimlud-selector {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--kf-bar-ink);
}
#kimlud-footer-2026 .kimlud-selector svg { width: 15px; height: 15px; }

/* payment icons */
#kimlud-footer-2026 .kimlud-payments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
#kimlud-footer-2026 .kimlud-payments li { display: flex; }
#kimlud-footer-2026 .kimlud-payments svg {
  width: 38px;
  height: 24px;
  border-radius: 3px;
  background: rgb(var(--color-background));
}

#kimlud-footer-2026 .kimlud-seals {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}
#kimlud-footer-2026 .kimlud-seals li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--kf-bar-ink);
}
#kimlud-footer-2026 .kimlud-seals svg { width: 17px; height: 17px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1180px) {
  #kimlud-footer-2026 .kimlud-columns {
    grid-template-columns: minmax(0, 1fr);
  }
  #kimlud-footer-2026 .kimlud-columns__intro { max-width: 640px; }
  #kimlud-footer-2026 .kimlud-columns__blurb,
  #kimlud-footer-2026 .kimlud-promo { max-width: none; }
  #kimlud-footer-2026 .kimlud-promo { max-width: 380px; }
}

@media (max-width: 1024px) {
  #kimlud-footer-2026 .kimlud-band {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  #kimlud-footer-2026 .kimlud-band__brand { grid-column: 1 / -1; }
  #kimlud-footer-2026 .kimlud-band__newsletter { padding-left: 0; border-left: 0; }
  #kimlud-footer-2026 .kimlud-value + .kimlud-value { border-left: 0; }
  #kimlud-footer-2026 .kimlud-value { padding-inline: 0; }
}

@media (max-width: 860px) {
  #kimlud-footer-2026 .kimlud-columns__nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px 20px;
  }
}

@media (max-width: 720px) {
  #kimlud-footer-2026 .kimlud-band {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  #kimlud-footer-2026 .kimlud-band__connect { padding-left: 0; border-left: 0; }
  #kimlud-footer-2026 .kimlud-assurance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  #kimlud-footer-2026 .kimlud-assurance__item + .kimlud-assurance__item::before { display: none; }
  #kimlud-footer-2026 .kimlud-columns__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  #kimlud-footer-2026 .kimlud-utility__row {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  #kimlud-footer-2026 .kimlud-utility__row--pay { gap: 20px; }
}

@media (max-width: 520px) {
  #kimlud-footer-2026 .kimlud-newsletter__field {
    flex-direction: column;
    border-radius: 12px;
    align-items: stretch;
  }
  #kimlud-footer-2026 .kimlud-newsletter__input {
    padding: 14px 16px;
    border-bottom: 1px solid var(--kf-line);
  }
  #kimlud-footer-2026 .kimlud-newsletter__button {
    justify-content: center;
    margin: 6px;
    padding: 14px 20px;
    border-radius: 8px;
  }
  #kimlud-footer-2026 .kimlud-payments svg { width: 34px; height: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  #kimlud-footer-2026 *,
  #kimlud-footer-2026 *::before,
  #kimlud-footer-2026 *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}
.kimlud-footer__container {
    max-width: 100% !important;
}

#kimlud-footer-2026 .kimlud-value p {
    font-size: 15px !important;
}
a.kimlud-wordmark img {
    max-width: 250px !important;
}

#kimlud-footer-2026 .kimlud-heading {
    font-size: 15px !important;
}

#kimlud-footer-2026 a {
    font-size: 14px !important;
    font-weight: 400 !important;
}

#kimlud-footer-2026 .kimlud-col__list a {
    font-family: 'Montserrat';
}

#kimlud-footer-2026 .kimlud-col__title {
    font-family: 'Montserrat';
}

#kimlud-footer-2026 .kimlud-value strong {
    font-size: 14px !important;
    margin-bottom: 0px !important;
}

#kimlud-footer-2026 .kimlud-columns__blurb {
    margin-top: 0px !important;
    font-size: 15px !important;
}

#kimlud-footer-2026 .kimlud-promo {
    padding: 0px !important;
    background: transparent !important;
}

input#kimlud-newsletter-consent:after {
    inset: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    margin-top: 2px;
    margin-left: 4px;
}

#kimlud-footer-2026 .kimlud-social a {
    background: transparent !important;
}

#kimlud-footer-2026 .kimlud-social svg {
    fill: rgb(var(--color-foreground)) !important;
    width: 27px !important;
    height: 27px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item span {
    font-size: 14px !important;
}

#kimlud-footer-2026 .kimlud-assurance {
    display: block !important;
    column-count: 2;
    gap: 20px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item + .kimlud-assurance__item::before {
    display: none;
}

#kimlud-footer-2026 .kimlud-assurance__item {
    padding-bottom: 15px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item strong {
    font-size: 12px !important;
}

#kimlud-footer-2026 .kimlud-band__copy {
    font-size: 15px !important;
    margin-top: 10px !important;
}

#kimlud-footer-2026 .kimlud-app__text strong {
    font-size: 14px !important;
}

#kimlud-footer-2026 .kimlud-app__text span {
    font-size: 14px;
    font-weight: 400 !important;
}

.kimlud-app__badges a {
    width: 100% !important;
}

#kimlud-footer-2026 .kimlud-app__badges {
    flex-wrap: unset !important;
}

#kimlud-footer-2026 .kimlud-app__badges img {
    height: unset !important;
}
#kmd-page{
  --kmd-white:rgb(var(--color-background));
  --kmd-black:rgb(var(--color-foreground));
  --kmd-ink:rgb(var(--color-foreground));
  --kmd-surface:rgb(var(--color-base-highlight));
  --kmd-line:rgb(var(--color-foreground) / 0.16);
  --kmd-line-dark:rgb(var(--color-foreground) / 0.16);
  --kmd-muted:rgb(var(--color-foreground) / 0.65);
  --kmd-muted-dark:rgb(var(--color-button-text) / 0.65);

  --kmd-display:clamp(2.6rem, 6.6vw, 6.2rem);
  --kmd-h2:clamp(1.9rem, 4vw, 3.4rem);
  --kmd-h3:clamp(1rem, 1.4vw, 1.3rem);
  --kmd-body:clamp(0.95rem, 1.05vw, 1.05rem);
  --kmd-micro:0.78rem;

  --kmd-pad:clamp(18px, 4.5vw, 64px);
  --kmd-block:clamp(56px, 7.5vw, 120px);

  font-family:"Outfit","Helvetica Neue",Arial,sans-serif;
  font-weight:300;
  font-size:var(--kmd-body);
  line-height:1.7;
  color:var(--kmd-black);
  background:var(--kmd-white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
#kmd-page *,#kmd-page *::before,#kmd-page *::after{box-sizing:border-box;}
#kmd-page img{display:block;width:100%;height:100%;object-fit:cover;}
#kmd-page a{color:inherit;text-decoration:none;}
#kmd-page ul{margin:0;padding:0;list-style:none;}
#kmd-page p{margin:0;}
#kmd-page h1,#kmd-page h2,#kmd-page h3{
  font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;
  font-weight:700;letter-spacing:-0.035em;line-height:1.02;margin:0;
}
#kmd-page :focus-visible{outline:2px solid currentColor;outline-offset:3px;}

.kmd-hold{width:min(1600px,100%);margin-inline:auto;padding-inline:var(--kmd-pad);}
.kmd-block{padding-block:var(--kmd-block);}
.kmd-note{font-size:var(--kmd-micro);letter-spacing:0.14em;color:var(--kmd-muted);margin-bottom:18px;}
.kmd-lede{max-width:54ch;color:var(--kmd-muted);}

.kmd-btn{
  display:inline-block;font-family:"Outfit",sans-serif;font-size:0.85rem;font-weight:400;
  letter-spacing:0.06em;padding:16px 38px;border:1px solid rgb(var(--color-button-background));
  background:var(--color-button-gradient); background-color:rgb(var(--color-button-background));color:rgb(var(--color-button-text));
  transition:background .25s ease,color .25s ease;
}
.kmd-btn:hover{background:transparent;color:var(--kmd-black);}
.kmd-btn--light{background:var(--kmd-white);border-color:var(--kmd-white);color:var(--kmd-black);}
.kmd-btn--light:hover{background:transparent;color:var(--kmd-white);}
.kmd-link{display:inline-block;font-size:0.85rem;letter-spacing:0.04em;border-bottom:1px solid currentColor;padding-bottom:3px;}
.kmd-link:hover{border-bottom-width:2px;}

/* ==================================================================
   1. HERO — 4 sliding banners
   ================================================================== */
#kmd-hero{position:relative;background:var(--kmd-black);overflow:hidden;}
.kmd-hero__viewport{position:relative;height:min(92vh,940px);min-height:480px;overflow:hidden;}
.kmd-hero__track{display:flex;height:100%;width:100%;transition:transform .8s cubic-bezier(.65,.02,.24,1);}
.kmd-hero__slide{position:relative;flex:0 0 100%;height:100%;}
.kmd-hero__slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgb(var(--color-foreground) / .30) 0%,rgba(0,0,0,0) 34%,rgb(var(--color-foreground) / .70) 100%);
}
.kmd-hero__caption{
  position:absolute;z-index:2;left:0;bottom:clamp(72px,9vw,132px);
  width:100%;padding-inline:var(--kmd-pad);color:var(--kmd-white);
}
.kmd-hero__eyebrow{font-size:var(--kmd-micro);letter-spacing:0.2em;color:rgb(var(--color-button-text) / .75);margin-bottom:16px;}
.kmd-hero__title{font-size:var(--kmd-display);color:var(--kmd-white);font-weight:800;max-width:13ch;}
.kmd-hero__text{margin-top:18px;max-width:40ch;color:rgb(var(--color-button-text) / .82);}
.kmd-hero__cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;}

.kmd-hero__bar{
  position:absolute;z-index:3;left:0;bottom:0;width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 var(--kmd-pad) clamp(24px,3vw,44px);
}
.kmd-hero__dots{display:flex;gap:10px;}
.kmd-hero__dot{
  appearance:none;border:0;padding:0;cursor:pointer;background:rgb(var(--color-background) / .35);
  width:48px;height:3px;transition:background .3s ease,transform .3s ease;
}
.kmd-hero__dot[aria-current="true"]{background:var(--kmd-white);}
.kmd-hero__arrows{display:flex;gap:10px;}
.kmd-hero__arrow{
  appearance:none;cursor:pointer;width:52px;height:52px;border:1px solid rgb(var(--color-background) / .5);
  background:transparent;color:var(--kmd-white);display:grid;place-items:center;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.kmd-hero__arrow:hover{background:var(--kmd-white);color:var(--kmd-black);border-color:var(--kmd-white);}
.kmd-hero__arrow svg{width:20px;height:20px;}

/* ==================================================================
   2. PROMISE BAND
   ================================================================== */
#kmd-promise{background:var(--kmd-black);color:var(--kmd-white);}
.kmd-promise__row{display:grid;grid-template-columns:repeat(4,1fr);}
.kmd-promise__cell{
  padding:22px 18px;text-align:center;border-right:1px solid var(--kmd-line-dark);
  font-size:0.85rem;letter-spacing:0.05em;color:rgb(var(--color-button-text) / .85);
}
.kmd-promise__cell:last-child{border-right:0;}

/* ==================================================================
   3. DRESS GRID — zero gap, edge to edge
   ================================================================== */
#kmd-dresses{padding-top:var(--kmd-block);}
.kmd-dresses__head{padding:0 var(--kmd-pad) clamp(28px,3.4vw,50px);max-width:1600px;margin-inline:auto;}
.kmd-dresses__title{font-size:var(--kmd-h2);max-width:18ch;}
.kmd-dresses__text{margin-top:18px;}

.kmd-tilegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.kmd-tile{position:relative;display:block;overflow:hidden;background:var(--kmd-black);}
.kmd-tile__media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;}
.kmd-tile__media img{transition:transform .9s cubic-bezier(.2,.7,.3,1);}
.kmd-tile__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgb(var(--color-placeholder) / .68) 100%);
  transition:background .3s ease;
}
.kmd-tile:hover .kmd-tile__media img{transform:scale(1.06);}
.kmd-tile:hover .kmd-tile__media::after{background:linear-gradient(180deg,rgb(var(--color-placeholder) / .1) 30%,rgb(var(--color-placeholder) / .78) 100%);}
.kmd-tile__name{
  position:absolute;z-index:2;left:0;right:0;bottom:clamp(18px,2vw,30px);
  color:var(--kmd-white);text-align:center;
  font-family:"Montserrat",sans-serif;font-weight:600;letter-spacing:-0.015em;
  font-size:clamp(1rem,1.35vw,1.35rem);padding-inline:10px;
}
.kmd-tile__name::after{
  content:"";display:block;width:26px;height:1px;margin:10px auto 0;
  background:var(--kmd-white);transition:width .35s cubic-bezier(.2,.7,.3,1);
}
.kmd-tile:hover .kmd-tile__name::after{width:64px;}

/* ==================================================================
   4. CATEGORY MOSAIC — zero gap, big images
   ================================================================== */
#kmd-shop{margin-top:var(--kmd-block);}
.kmd-shop__head{padding:0 var(--kmd-pad) clamp(28px,3.4vw,50px);max-width:1600px;margin-inline:auto;
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;}
.kmd-shop__title{font-size:var(--kmd-h2);}
.kmd-mosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:0;}
.kmd-card{position:relative;display:block;overflow:hidden;background:var(--kmd-black);}
.kmd-card img{transition:transform 1s cubic-bezier(.2,.7,.3,1);}
.kmd-card:hover img{transform:scale(1.05);}
.kmd-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgb(var(--color-foreground) / .72) 100%);}
.kmd-card__body{
  position:absolute;z-index:2;left:0;bottom:0;width:100%;
  padding:clamp(20px,2.2vw,36px);color:var(--kmd-white);
}
.kmd-card__name{font-family:"Montserrat",sans-serif;font-weight:600;letter-spacing:-0.025em;
  font-size:clamp(1.15rem,2vw,2rem);}
.kmd-card__go{display:inline-block;margin-top:12px;font-size:0.82rem;letter-spacing:0.05em;
  border-bottom:1px solid rgb(var(--color-background) / .6);padding-bottom:2px;color:rgb(var(--color-button-text) / .85);}
.kmd-card:hover .kmd-card__go{color:var(--kmd-white);border-color:var(--kmd-white);}

.kmd-card--third{grid-column:span 2;aspect-ratio:3/4;}
.kmd-card--half{grid-column:span 3;aspect-ratio:16/10;}
.kmd-card--full{grid-column:span 6;aspect-ratio:21/8;}

/* ==================================================================
   5. COATS SPLIT
   ================================================================== */
#kmd-coats{background:var(--kmd-black);color:var(--kmd-white);margin-top:var(--kmd-block);}
.kmd-coats__grid{display:grid;grid-template-columns:58% 42%;}
.kmd-coats__media{position:relative;min-height:min(92vh,900px);overflow:hidden;}
.kmd-coats__panel{display:flex;align-items:center;padding:clamp(48px,6vw,110px) clamp(26px,5vw,92px);}
.kmd-coats__inner{max-width:32ch;}
.kmd-coats__title{font-size:clamp(2.2rem,4.4vw,4rem);color:var(--kmd-white);}
.kmd-coats__text{margin-top:24px;color:var(--kmd-muted-dark);}
.kmd-coats__panel .kmd-btn{margin-top:36px;}

/* ==================================================================
   6. SEASON TRIO
   ================================================================== */
#kmd-season{border-bottom:1px solid var(--kmd-line);}
.kmd-season__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:clamp(26px,3.2vw,48px);}
.kmd-season__title{font-size:var(--kmd-h2);max-width:16ch;}
.kmd-season__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.kmd-season__item{position:relative;}
.kmd-season__item > a{position:relative;display:block;overflow:hidden;background:var(--kmd-black);}
.kmd-season__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--kmd-surface);}
.kmd-season__media img{transition:transform .9s cubic-bezier(.2,.7,.3,1);}
.kmd-season__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgb(var(--color-placeholder) / .76) 100%);
}
.kmd-season__item:hover .kmd-season__media img{transform:scale(1.05);}
.kmd-season__copy{
  position:absolute;z-index:2;left:0;bottom:0;width:100%;
  padding:clamp(22px,2.4vw,38px);color:var(--kmd-white);
}
.kmd-season__name{font-family:"Montserrat",sans-serif;font-size:clamp(1.15rem,1.7vw,1.6rem);font-weight:600;letter-spacing:-0.025em;}
.kmd-season__text{color:rgb(var(--color-button-text) / .8);margin-top:8px;font-size:0.94rem;max-width:32ch;}
.kmd-season__copy .kmd-link{margin-top:16px;color:var(--kmd-white);}

/* ==================================================================
   7. STORY
   ================================================================== */
#kmd-story{background:var(--kmd-black);color:var(--kmd-white);}
.kmd-story__figure{aspect-ratio:21/8;overflow:hidden;}
.kmd-story__figure img{filter:grayscale(1);opacity:.85;}
.kmd-story__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--kmd-line-dark);}
.kmd-story__panel{padding:clamp(44px,5.5vw,96px) clamp(26px,4.5vw,76px);border-right:1px solid var(--kmd-line-dark);}
.kmd-story__panel:last-child{border-right:0;}
.kmd-story__title{font-size:clamp(1.9rem,3.2vw,3rem);color:var(--kmd-white);max-width:12ch;}
.kmd-story__text{margin-top:22px;color:var(--kmd-muted-dark);max-width:44ch;}
.kmd-story__panel .kmd-note{color:var(--kmd-muted-dark);}

/* ==================================================================
   8. LOOKBOOK — zero gap trio
   ================================================================== */
#kmd-look{padding-top:var(--kmd-block);}
.kmd-look__head{padding:0 var(--kmd-pad) clamp(26px,3.2vw,48px);max-width:1600px;margin-inline:auto;}
.kmd-look__title{font-size:var(--kmd-h2);max-width:18ch;}
.kmd-look__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.kmd-look__item{position:relative;display:block;overflow:hidden;background:var(--kmd-black);}
.kmd-look__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--kmd-surface);}
.kmd-look__media img{transition:transform .9s cubic-bezier(.2,.7,.3,1);}
.kmd-look__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgb(var(--color-placeholder) / .74) 100%);}
.kmd-look__item:hover .kmd-look__media img{transform:scale(1.05);}
.kmd-look__bar{
  position:absolute;z-index:2;left:0;bottom:0;width:100%;
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:clamp(20px,2.2vw,34px);color:var(--kmd-white);
}
.kmd-look__name{font-family:"Montserrat",sans-serif;font-weight:600;font-size:clamp(1.1rem,1.6vw,1.5rem);letter-spacing:-0.025em;}
.kmd-look__go{font-size:0.8rem;letter-spacing:0.05em;color:rgb(var(--color-button-text) / .8);border-bottom:1px solid rgb(var(--color-background) / .55);padding-bottom:2px;}
.kmd-look__item:hover .kmd-look__go{color:var(--kmd-white);border-color:var(--kmd-white);}

/* ==================================================================
   9. OCCASION
   ================================================================== */
#kmd-occasion{position:relative;min-height:min(84vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:var(--kmd-black);margin-top:var(--kmd-block);}
.kmd-occasion__media{position:absolute;inset:0;}
.kmd-occasion__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--color-placeholder) / .15),rgb(var(--color-placeholder) / .75));}
.kmd-occasion__body{position:relative;z-index:2;width:100%;padding:clamp(40px,6vw,96px) var(--kmd-pad);color:var(--kmd-white);}
.kmd-occasion__title{font-size:clamp(2.2rem,5vw,4.4rem);color:var(--kmd-white);max-width:15ch;}
.kmd-occasion__text{margin-top:20px;max-width:44ch;color:rgb(var(--color-button-text) / .8);}
.kmd-occasion__body .kmd-btn{margin-top:32px;}

/* ==================================================================
   10. SERVICE
   ================================================================== */
#kmd-service{padding-block:clamp(48px,6vw,92px);}
.kmd-service__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--kmd-black);}
.kmd-service__item{padding:clamp(22px,2.4vw,36px) clamp(16px,2vw,30px) clamp(22px,2.4vw,36px) 0;
  border-bottom:1px solid var(--kmd-line);border-right:1px solid var(--kmd-line);}
.kmd-service__item:nth-child(4n){border-right:0;padding-right:0;}
.kmd-service__icon{display:block;width:34px;height:34px;margin-bottom:18px;color:var(--kmd-black);}
.kmd-service__icon svg{width:100%;height:100%;display:block;}
.kmd-service__name{font-family:"Montserrat",sans-serif;font-weight:600;font-size:0.96rem;letter-spacing:-0.01em;}
.kmd-service__text{margin-top:8px;color:var(--kmd-muted);font-size:0.88rem;line-height:1.6;}

/* ==================================================================
   RESPONSIVE
   ================================================================== */
@media (max-width:1180px){
  .kmd-tilegrid{grid-template-columns:repeat(4,1fr);}
  .kmd-coats__grid{grid-template-columns:1fr;}
  .kmd-coats__media{min-height:0;aspect-ratio:4/3;}
  .kmd-story__grid{grid-template-columns:1fr;}
  .kmd-story__panel{border-right:0;border-bottom:1px solid var(--kmd-line-dark);}
  .kmd-service__grid{grid-template-columns:repeat(2,1fr);}
  .kmd-service__item:nth-child(4n){border-right:1px solid var(--kmd-line);padding-right:clamp(16px,2vw,30px);}
  .kmd-service__item:nth-child(2n){border-right:0;padding-right:0;}
}
@media (max-width:860px){
  .kmd-tilegrid{grid-template-columns:repeat(2,1fr);}
  .kmd-mosaic{grid-template-columns:1fr;}
  .kmd-card--third,.kmd-card--half,.kmd-card--full{grid-column:span 1;aspect-ratio:4/5;}
  .kmd-card--full{aspect-ratio:16/10;}
  .kmd-season__grid,.kmd-look__grid{grid-template-columns:1fr;}
  .kmd-season__item{border-right:0;border-bottom:1px solid var(--kmd-line);}
  .kmd-promise__row{grid-template-columns:repeat(2,1fr);}
  .kmd-promise__cell:nth-child(2n){border-right:0;}
  .kmd-promise__cell:nth-child(-n+2){border-bottom:1px solid var(--kmd-line-dark);}
  .kmd-hero__viewport{height:min(78vh,720px);}
  .kmd-hero__arrows{display:none;}
  .kmd-hero__dot{width:34px;}
  .kmd-story__figure{aspect-ratio:4/3;}
}
@media (max-width:560px){
  .kmd-service__grid{grid-template-columns:1fr;}
  .kmd-service__item{border-right:0 !important;padding-right:0 !important;}
  .kmd-hero__caption{bottom:clamp(84px,16vw,120px);}
}
@media (prefers-reduced-motion:reduce){
  #kmd-page *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
}
.kmd-dresses__head {
    padding-left: 0px !important;
}

#kmd-page h1, #kmd-page h2, #kmd-page h3 {
    font-weight: 500 !important;
}

p.kmd-note {
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

p.kmd-lede.kmd-dresses__text {
    margin-top: 15px !important;
    font-size: 18px !important;
}

.kmd-tilegrid {
    grid-template-columns: repeat(3, 1fr);
}

.kmd-tile__name {font-size: 46px !important;font-weight: 300 !important;}

.kmd-shop__head {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.kmd-link {
    font-size: 16px !important;
    text-transform: capitalize;
}

.kmd-card__go {
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-top: 0px !important;
}

span.kmd-card__name {
    letter-spacing: 0px !important;
    text-transform: capitalize;
    font-size: 38px !important;
    font-weight: 300 !important;
}

.kmd-card--third {
    aspect-ratio: 1/2 !important;
}

.kmd-card--half {
    aspect-ratio: 16/12;
}

.kmd-card--full {
    aspect-ratio: unset !important;
}

p.kmd-coats__text {
    font-size: 18px !important;
    max-width: 100% !important;
    color: rgb(var(--color-button-text)) !important;
    padding-top: 10px !important;
}

.kmd-btn {
    font-size: 15px !important;
    background: transparent !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.kmd-coats__inner {
    max-width: 100% !important;
}

.kmd-coats__inner p.kmd-note {
    color: rgb(var(--color-button-text)) !important;
    padding-bottom: 10px !important;
}

.kmd-season__head {
    padding: 0px !important;
}

.kmd-link {
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.kmd-season__text {
    font-size: 16px !important;
    max-width: 250px !important;
}

.kmd-season__name {
    line-height: normal !important;
    font-weight: 400 !important;
    font-size: 30px !important;
}

.kmd-story__figure {}

.kmd-story__figure img {
    filter: unset;
}

.kmd-story__text {
    font-size: 16px !important;
    color: rgb(var(--color-button-text)) !important;
    padding-top: 15px !important;
}

.kmd-story__panel .kmd-note {
    color: rgb(var(--color-button-text)) !important;
    padding-bottom: 15px !important;
}

.kmd-look__head {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.kmd-look__name {
    font-weight: 400 !important;
}

.kmd-look__go {
    text-transform: uppercase !important;
}

.kmd-service__item {
    padding: 25px !important;
}

.kmd-service__grid {
    border: 0px !important;
}

p.kmd-service__text {
    font-size: 16px !important;
    padding-top: 10px !important;
    line-height: 20px !important;
}

h3.kmd-service__name {
    font-size: 18px !important;
}

.kmd-hold {
    padding: 0px !important;
}
@media (max-width:801px){
h2#kmd-dresses-title {}

p.kmd-lede, p.kmd-lede.kmd-dresses__text {
    font-size: 14px !important;
    margin-top: 10px !important;
}

p.kmd-note {
    padding-bottom: 10px !important;
    font-size: 10px !important;
}

.kmd-tilegrid {
    grid-template-columns: repeat(2, 1fr);
}

.kmd-tile__name {
    font-size: 20px !important;
}

a.kmd-tile:last-child {
    display: none;
}

a.kmd-link {
    font-size: 14px !important;
}

.kmd-card__body {
}

span.kmd-card__name {
    font-size: 25px !important;
}

.kmd-card__go {
    font-size: 14px !important;
}

.kmd-card--third {
    aspect-ratio: 1/1.5 !important;
}

h2#kmd-coats-title {
    font-size: 28px !important;
}

p.kmd-coats__text {
    font-size: 16px !important;
}

.kmd-btn {
    font-size: 14px !important;
    padding: 10px 20px !important;
}

.kmd-coats__inner a {
    margin-top: 10px !important;
}

.kmd-season__name {
    font-size: 26px !important;
}

.kmd-season__text {
    font-size: 14px !important;
}

.kmd-season__copy .kmd-link {
    font-size: 14px !important;
}

.kmd-service__item {
    padding: 30px 0px !important;
}

.section.section--padding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

  }
  h2#kmd-dresses-title {}

p.kmd-lede, p.kmd-lede.kmd-dresses__text {
    font-size: 14px !important;
    margin-top: 10px !important;
}

p.kmd-note {
    padding-bottom: 10px !important;
    font-size: 10px !important;
}

.kmd-tilegrid {
    grid-template-columns: repeat(2, 1fr);
}

.kmd-tile__name {
    font-size: 20px !important;
}

a.kmd-tile:last-child {
    display: none;
}

a.kmd-link {
    font-size: 14px !important;
}

.kmd-card__body {
}

span.kmd-card__name {
    font-size: 25px !important;
}

.kmd-card__go {
    font-size: 14px !important;
}

.kmd-card--third {
    aspect-ratio: 1/1.5 !important;
}

h2#kmd-coats-title {
    font-size: 28px !important;
}

p.kmd-coats__text {
    font-size: 16px !important;
}

.kmd-btn {
    font-size: 14px !important;
    padding: 10px 20px !important;
}

.kmd-coats__inner a {
    margin-top: 10px !important;
}

.kmd-season__name {
    font-size: 26px !important;
}

.kmd-season__text {
    font-size: 14px !important;
}

.kmd-season__copy .kmd-link {
    font-size: 14px !important;
}

.kmd-service__item {
    padding: 30px 0px !important;
}

.section.section--padding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

li.kimlud-assurance__item {
    break-inside: avoid;
    page-break-inside: avoid;
}

a.kimlud-wordmark img {
    max-width: 150px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item strong {
    font-size: 10px !important;
}

#kimlud-footer-2026 .kimlud-assurance__item span {
    font-size: 11px !important;
}

.kimlud-utility {
    padding-bottom: 200px !important;
}
}
.lp4-amb-rail {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #b8b8b8 transparent;
  -webkit-overflow-scrolling: touch;
}

/* Chrome, Safari, Edge */
.lp4-amb-rail::-webkit-scrollbar {
  height: 6px;
}

.lp4-amb-rail::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}

.lp4-amb-rail::-webkit-scrollbar-thumb {
  background: rgb(var(--color-foreground));
  border-radius: 999px;
}

.lp4-amb-rail::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--color-foreground));
}

/* Hide scrollbar on very small screens if desired */
@media (max-width: 749px) {
  .lp4-amb-rail {
    scrollbar-width: thin;
  }

  .lp4-amb-rail::-webkit-scrollbar {
    height: 4px;
  }

  .lp4-amb-rail::-webkit-scrollbar-thumb {
    background: rgb(var(--color-foreground));
  }
}

.lp4-amb-railbtn img {}

.lp4-amb-railbtn[aria-selected="true"] {
    border-color: rgb(var(--color-foreground)) !important;
}

button#lp4-amb-add {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
    border-color: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-button-text)) !important;
}

.lp4-amb-extrarow__label svg {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-paychip {
    padding: 10px 20px !important;
}

.lp4-amb-paychips {
    margin-bottom: 20px !important;
}

.lp4-amb-opthead {}

.lp4-amb-swatch[aria-pressed="true"] {
    box-shadow: unset !important;
    border-color: black !important;
}

.lp4-amb-metarow {
    display: none !important;
}

.lp4-amb-brandline {
    display: none !important;
}

h1.lp4-amb-title {
    font-size: 27px !important;
    font-weight: 600 !important;
    padding-bottom: 0px !important;
}

.lp4-amb-price {
    font-size: 28px !important;
}

.lp4-amb-svc svg {
    color: rgb(var(--color-foreground)) !important;
    width: 30px !important;
    height: 30px !important;
}

.lp4-amb-body p {font-weight: normal !important;}

p.lp4-amb-svc__s {
    font-weight: 500 !important;
}

.lp4-amb-body :is(p,li,dd,dt,label,input,textarea,select,button) {
    font-weight: normal !important;
}

.lp4-amb-body button {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

p.lp4-amb-svc__t {
    font-weight: 700 !important;
}

body.template-product {
    background: rgb(var(--color-base-highlight)) !important;
}
.lp4-amb-rail {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #b8b8b8 transparent;
  -webkit-overflow-scrolling: touch;
}

/* Chrome, Safari, Edge */
.lp4-amb-rail::-webkit-scrollbar {
  height: 6px;
}

.lp4-amb-rail::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}

.lp4-amb-rail::-webkit-scrollbar-thumb {
  background: rgb(var(--color-foreground));
  border-radius: 999px;
}

.lp4-amb-rail::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--color-foreground));
}

/* Hide scrollbar on very small screens if desired */
@media (max-width: 749px) {
  .lp4-amb-rail {
    scrollbar-width: thin;
  }

  .lp4-amb-rail::-webkit-scrollbar {
    height: 4px;
  }

  .lp4-amb-rail::-webkit-scrollbar-thumb {
    background: rgb(var(--color-foreground));
  }
}

.lp4-amb-railbtn img {}

.lp4-amb-railbtn[aria-selected="true"] {
    border-color: rgb(var(--color-foreground)) !important;
}

button#lp4-amb-add {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
    border-color: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-button-text)) !important;
}

.lp4-amb-extrarow__label svg {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-paychip {
    padding: 10px 20px !important;
}

.lp4-amb-paychips {
    margin-bottom: 20px !important;
}

.lp4-amb-opthead {}

.lp4-amb-swatch[aria-pressed="true"] {
    box-shadow: unset !important;
    border-color: black !important;
}

.lp4-amb-metarow {
    display: none !important;
}

.lp4-amb-brandline {
    display: none !important;
}

h1.lp4-amb-title {
    font-size: 27px !important;
    font-weight: 600 !important;
    padding-bottom: 0px !important;
}

.lp4-amb-price {
    font-size: 28px !important;
}

.lp4-amb-svc svg {
    color: rgb(var(--color-foreground)) !important;
    width: 30px !important;
    height: 30px !important;
}

.lp4-amb-body p {font-weight: normal !important;}

p.lp4-amb-svc__s {
    font-weight: 500 !important;
}

.lp4-amb-body :is(p,li,dd,dt,label,input,textarea,select,button) {
    font-weight: normal !important;
}

.lp4-amb-body button {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

p.lp4-amb-svc__t {
    font-weight: 700 !important;
}

body.template-product {
    background: rgb(var(--color-base-highlight)) !important;
}

p.lp4-amb-pcard__name {
    font-weight: 700 !important;
    padding-top: 20px !important;
}

p.lp4-amb-pcard__sub {
    display: none !important;
}

p.lp4-amb-pcard__price {
    font-size: 18px !important;
}

.lp4-amb-trustitem svg {
    color: rgb(var(--color-foreground)) !important;
    width: 31px !important;
    height: 31px !important;
}

section.lp4-amb-sec[aria-label="Why shop with us"] {
    padding-top: 60px !important;
    padding-bottom: 0px !important;
}

.lp4-amb-trustitem p {
    font-weight: 600 !important;
    font-size: 16px !important;
}

.lp4-amb-trust {}

section.lp4-amb-sec[aria-labelledby="lp4-amb-si-h"] {
    padding-bottom: 10px !important;
}

.lp4-amb-body h1, .lp4-amb-body h2, .lp4-amb-body h3, .lp4-amb-body h4 {
    text-transform: capitalize;
    font-weight: 500 !important;
}

.lp4-amb-sec {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
}

p.lp4-amb-det__d {
    font-size: 15px !important;
    line-height: 20px !important;
}

h3.lp4-amb-det__t {
    font-size: 21px !important;
    padding: 7px 0px !important;
}

p.lp4-amb-det__n {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-video__cap b {
    font-size: 39px !important;
}

.lp4-amb-cmp th, .lp4-amb-cmp td {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.lp4-amb-cmp svg {
    margin: auto !important;
}

label.lp4-amb-bundlerow input:after {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-body {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.lp4-amb-btn--gold {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
    color: rgb(var(--color-button-text)) !important;
    border: 0px !important;
}

p.lp4-amb-step__d {
    font-size: 15px !important;
}

h3.lp4-amb-step__t {
    font-size: 25px !important;
    padding: 10px 0px !important;
}

p.lp4-amb-step__num {
    color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-sechead {
    gap: 5px !important;
}

.lp4-amb-table th, .lp4-amb-table td {
    font-size: 14px !important;
    font-weight: normal;
}

.lp4-amb-fitlbl span {
    font-weight: 600 !important;
}

.lp4-amb-fitbar span[data-on] {
    background: rgb(var(--color-foreground)) !important;
}

p.lp4-amb-optlbl {
    font-weight: 600 !important;
}

p.lp4-amb-optlbl {}
.kimlud-footer__container {
    max-width: 1800px !important;
}
@media (max-width: 801px) {
.kimlud-footer__container {
    max-width: 1800px !important;
}

nav.lp4-amb-crumbs {
    display: none !important;
}

.lp4-amb-body {
    padding-top: 0px !important;
}

h1.lp4-amb-title {
    font-size: 19px !important;
}

.lp4-amb-price {
    font-size: 18px !important;
}

.lp4-amb-paychip {
    font-size: 10px !important;
    padding: 5px 10px !important;
}

p.lp4-amb-optlbl {
    font-size: 12px !important;
}

.lp4-amb-body button {font-size: 12px !important;}

.lp4-amb-qty button {
    font-size: 20px !important;
}

.lp4-amb-promorow input {
    min-width: unset !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

.lp4-amb-pdp {
    padding: 10px !important;
}

.lp4-amb-promorow {
    display: block !important;
}

button#lp4-amb-promoapply {
    width: 100% !important;
}

section.lp4-amb-sec[aria-label="Why shop with us"] {
    display: none !important;
}

.lp4-amb-seclink {
    font-size: 10px !important;
}

.lp4-amb-sechead h2 {
    font-size: 25px !important;
}

.lp4-amb-eyebrow {
    font-size: 9px !important;
}

p.lp4-amb-det__d {
    font-size: 12px !important;
}

h3.lp4-amb-det__t {
    font-size: 18px !important;
}

.lp4-amb-sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.lp4-amb-video__cap b {
    font-size: 20px !important;
}

.lp4-amb-cmp th, .lp4-amb-cmp td {
    font-size: 12px !important;
}

.related-products {
    margin-top: 50px !important;
}

.lp4-amb-pcard {
}

div#lp4-amb-sticky {
    display: none !important;
}
}
.lp4-amb-railbtn img {
    border-radius: 10px !important;
}
div#fnv-promo-top {
    background: rgb(var(--color-base-highlight)) !important;
}

.fnv-promo-code {border: 1px solid rgb(var(--color-foreground)) !important;}
#kimludTopBar {
  --kmld-tbar-bg:        rgb(var(--color-base-highlight));   /* warm paper cream        */
  --kmld-tbar-text:      rgb(var(--color-foreground));   /* muted stone for labels  */
  --kmld-tbar-accent:    rgb(var(--color-foreground));   /* olive green for values  */
  --kmld-tbar-rule:      rgb(var(--color-foreground) / 0.16);   /* hairline divider        */
  --kmld-tbar-size:      12px;
  --kmld-tbar-pad:       11px;

  background: var(--kmld-tbar-bg);
  color: var(--kmld-tbar-text);
  font-size: var(--kmld-tbar-size);
  letter-spacing: .06em;
  line-height: 1.2;
  width: 100%;
  position: relative;
  z-index: 60;
  overflow: hidden;
}

#kimludTopBar .kmld-tbar__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: var(--kmld-tbar-pad) 20px;
}

#kimludTopBar .kmld-tbar__track {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* --- single perk ------------------------------------------------------- */
#kimludTopBar .kmld-tbar__item {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  position: relative;
}

/* hairline divider between perks (desktop only) */
#kimludTopBar .kmld-tbar__item + .kmld-tbar__item::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: var(--kmld-tbar-rule);
}

#kimludTopBar .kmld-tbar__icon {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  color: var(--kmld-tbar-accent);
  display: block;
}

#kimludTopBar .kmld-tbar__label {
  text-transform: uppercase;
  font-weight: 500;
}

#kimludTopBar .kmld-tbar__value {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--kmld-tbar-accent);
}

/* code pill: keeps the code copy-able and obviously actionable */
#kimludTopBar .kmld-tbar__code {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--kmld-tbar-accent);
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: .06em;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 2px;
  transition: background-color .15s ease;
}
#kimludTopBar .kmld-tbar__code:hover,
#kimludTopBar .kmld-tbar__code:focus-visible {
  background: rgba(143, 174, 27, .14);
}
#kimludTopBar .kmld-tbar__code:focus-visible {
  outline: 2px solid var(--kmld-tbar-accent);
  outline-offset: 1px;
}
#kimludTopBar .kmld-tbar__code[data-copied="true"]::after {
  content: " ✓";
}

/* the duplicated marquee half is hidden on desktop */
#kimludTopBar .kmld-tbar__clone { display: none; }

/* --- tablet ------------------------------------------------------------ */
@media (max-width: 1024px) {
  #kimludTopBar { --kmld-tbar-size: 11px; }
  #kimludTopBar .kmld-tbar__track { gap: 8px 22px; }
  #kimludTopBar .kmld-tbar__item + .kmld-tbar__item::before { left: -11px; }
}

/* --- mobile: marquee --------------------------------------------------- */
@media (max-width: 767px) {
  #kimludTopBar {
    --kmld-tbar-size: 11px;
    --kmld-tbar-pad: 9px;
  }
  #kimludTopBar .kmld-tbar__inner {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
          mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
  }
  #kimludTopBar .kmld-tbar__track {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
    gap: 0;
    animation: kmldTbarScroll 22s linear infinite;
  }
  #kimludTopBar .kmld-tbar__item {
    padding: 0 16px;
  }
  #kimludTopBar .kmld-tbar__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: var(--kmld-tbar-rule);
  }
  #kimludTopBar .kmld-tbar__clone { display: inline-flex; }
  #kimludTopBar:hover .kmld-tbar__track,
  #kimludTopBar:focus-within .kmld-tbar__track { animation-play-state: paused; }
}

@keyframes kmldTbarScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* no motion: let people swipe through the perks instead */
@media (prefers-reduced-motion: reduce) {
  #kimludTopBar .kmld-tbar__track { animation: none !important; }
  @media (max-width: 767px) {
    #kimludTopBar .kmld-tbar__inner {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    #kimludTopBar .kmld-tbar__inner::-webkit-scrollbar { display: none; }
    #kimludTopBar .kmld-tbar__clone { display: none; }
  }
}
#kimludTopBar .kmld-tbar__icon {
    color: rgb(var(--color-foreground)) !important;
}

#kimludTopBar .kmld-tbar__value {
    color: rgb(var(--color-foreground)) !important;
}

#kimludTopBar .kmld-tbar__code {
    color: rgb(var(--color-foreground)) !important;
    background: rgb(var(--color-background)) !important;
}

.lp4-amb-acc__in {
    max-height: 400px !important;
    overflow-y: auto !important;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}

/* Chrome, Edge, Safari */
.lp4-amb-acc__in::-webkit-scrollbar {
    width: 6px;
}

.lp4-amb-acc__in::-webkit-scrollbar-track {
    background: transparent;
}

.lp4-amb-acc__in::-webkit-scrollbar-thumb {
    background: rgb(var(--color-foreground) / 0.25);
    border-radius: 10px;
}

.lp4-amb-acc__in::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--color-foreground) / 0.4);
}

.shopify-section-group-header-group .page-width {
    padding: 0px 20px !important;
}
.fnv-header-row {
    max-width: 100% !important;
}

#fnv-subnav-scroll {
    max-width: 100% !important;
}

.fnv-header-row {
    justify-content: unset !important;
}

.fnv-logo {
    margin-right: 10px !important;
    padding-right: 10px !important;
}


.mains__flipss {
    display: flex;
    align-items: center !important;
}

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

.fnv-header-row {
    justify-content: space-between !important;
}

#fnv-topnav>li>button {
    padding: 6px 0px !important;
    margin: 0px 17px !important;
    border-width: 4px !important;
}

.mains__flipss {
    width: 100% !important;
}
.mains__flipss {
    display: flex;
    align-items: center !important;
}

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

.fnv-header-row {
    justify-content: space-between !important;
}

#fnv-topnav>li>button {
    padding: 6px 0px !important;
    margin: 0px 17px !important;
    border-width: 4px !important;
}

.mains__flipss {
    width: 100% !important;
}

#fnv-topnav>li>button {
    font-weight: 800 !important;
}
.fnv-logo img {
    width: 100% !important;
    max-width: 60px !important;
}

.fnv-header-row {
    height: unset !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.dropdown {
    z-index: 9999999999999999999999999 !important;
}

.shopify-section-group-header-group .page-width {
    padding: 0px 30px !important;
}
.multicolumn-card.with-border {
    display: block !important;
}
.testimonial blockquote {
    text-align: center !important;
}
.lp4-amb-railbtn img {
    border-radius: 0px !important;
}

.lp4-amb-galrail {
    max-height: 600px !important;
}

p#lp4-amb-stocknote {
    color: rgb(var(--color-foreground)) !important;
    padding-top: 10px !important;
}

button.lp4-amb-szclink {
    color: rgb(var(--color-foreground)) !important;
    border-color: rgb(var(--color-foreground)) !important;
}

.lp4-amb-szclink svg {
    color: rgb(var(--color-foreground)) !important;
}

footer.lp4-amb-szc__foot button {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
    border: 1px solid rgb(var(--color-foreground)) !important;
}

.lp4-amb-szc__table th, .lp4-amb-szc__table td {
    font-size: 14px !important;
}

.lp4-amb-szc__x:hover {
    background: rgb(var(--color-background)) !important;
    border-color: rgb(var(--color-foreground)) !important;
}
.lp4-amb-qty button {
    font-size: 27px !important;
    font-weight: 400 !important;
}

.lp4-amb-optblock {
    margin-top: 15px !important;
}

h1.lp4-amb-title {
    font-weight: 700 !important;
}
.fnv-mega-col a {
    font-weight: 400 !important;
}

.fnv-mega-col h4 a {
    font-weight: 700 !important;
}
.footer__newsletter a {
    text-decoration: underline !important;
}
.footer__newsletter a {
    text-decoration: underline !important;
}
.footer__newsletter a:hover {
    color: #39FF14 !important;
}

@media (max-width: 767px) {
#fnv-hamburger-btn {
    margin-right: 15px !important;
}

.sidemains__consmin233 {
}

#fnv-header.fnv-search-open .fnv-search {
    position: absolute;
    top: 78px !important;
}

#fnv-header.fnv-search-open .fnv-header-row {
    flex-wrap: unset !important;
}
}
.kmd-story__figure {
    aspect-ratio: unset !important;
}
  .kimlud-image-text-unique {
    background: rgb(var(--color-foreground));
    color: rgb(var(--color-button-text));
    padding: 100px 40px;
  }

  .kimlud-container {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }

  .kimlud-image-side {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }

  .kimlud-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .kimlud-text-side {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .kimlud-label {
    font-size: 12px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    opacity: 0.65;
    font-weight: 500;
  }

  .kimlud-heading {
    font-size: 42px;
    font-weight: 500;
    line-height: 1.15;
    margin: 0;
    letter-spacing: -0.6px;
  }

  .kimlud-desc {
    font-size: 16px;
    line-height: 1.65;
    opacity: 0.85;
    max-width: 420px;
    margin: 0;
  }

  .kimlud-divider {
    width: 40px;
    height: 1px;
    background: rgb(var(--color-background) / 0.3);
    margin: 20px 0;
  }

  .kimlud-link {
    display: inline-block;
    margin-top: 12px;
    font-size: 13px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgb(var(--color-button-text));
    text-decoration: none;
    border-bottom: 1px solid rgb(var(--color-background));
    padding-bottom: 3px;
    width: fit-content;
    transition: opacity 0.25s ease;
  }

  .kimlud-link:hover {
    opacity: 0.65;
  }

  /* Responsive */
  @media (max-width: 900px) {
    .kimlud-container {
      grid-template-columns: 1fr;
      gap: 50px;
    }

    .kimlud-heading {
      font-size: 34px;
    }
  }
  h2.kimlud-heading {
    color: rgb(var(--color-button-text)) !important;
}

.kimlud-container {
    max-width: 100% !important;
}

section#kimlud-image-text-section {
    padding: 0px !important;
}

.kimlud-desc {
    max-width: 100% !important;
    font-size: 21px !important;
    max-width: 650px !important;
}

.kimlud-text-side {}

.kimlud-label {
    margin-top: 30px !important;
}
.bigmains__consmin233 img {
    max-width: 150px !important;
    margin-top: 20px !important;
    border-radius: 10px !important;
}
.kmd-tilegrid {
    gap: 15px !important;
}

.kmd-mosaic {
    gap: 15px !important;
}

.kmd-season__grid {
    gap: 15px !important;
}

.kimlud-image-side {
    aspect-ratio: 1/1.2;
}

section#kmd-look {
    gap: 15px !important;
}

.kmd-look__grid {
    gap: 15px !important;
    margin-bottom: 15px !important;
}
section#kimlud-image-text-section {margin-top: 15px !important;}

section#kmd-story {
    background: transparent !important;
}

  @media (min-width: 900px) {
li.fnv-sub-item [data-section="home"] {}

.fnv-mega-inner {
    max-width: 100% !important;
}

li.fnv-sub-item[data-section="home"] .fnv-mega-inner {
    width: 100% !important;
    display: block !important;
}
}
.fnv-mega-promo img {
    aspect-ratio: unset !important;
}
newsletter-modal#NewsletterModal {
    z-index: 9999999999999999999999999999999999 !important;
}
#fs-blog-fashion {
    background: transparent !important;
}

.fs-root .fs-pill:hover {
    background: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-button-text)) !important;
}

.fs-bdark {
    display: none !important;
}

.fs-mast h1 em {
    color: rgb(var(--color-foreground)) !important;
}

.fs-mast h1 {
    padding-bottom: 0px !important;
}
/* =========================================
   ARTICLE TAGS
   Unique ID: #anw-article-tags-7f21
========================================= */

#anw-article-tags-7f21.anw-article-tags-7f21 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0;
}

#anw-article-tags-7f21 .anw-article-tags-7f21__label {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
}

#anw-article-tags-7f21 .anw-article-tags-7f21__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

#anw-article-tags-7f21 .anw-article-tags-7f21__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 36px;
  padding: 9px 15px;

  border: 1.5px solid rgb(var(--color-foreground));
  border-radius: 100px;

  background: transparent;
  color: rgb(var(--color-foreground));

  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

#anw-article-tags-7f21 .anw-article-tags-7f21__tag:hover {
  background: rgb(var(--color-foreground));
  color: rgb(var(--color-button-text));
  transform: translateY(-1px);
}

#anw-article-tags-7f21 .anw-article-tags-7f21__tag:focus-visible {
  outline: 2px solid rgb(var(--color-keyboard-focus));
  outline-offset: 3px;
}

/* Mobile */
@media screen and (max-width: 749px) {
  #anw-article-tags-7f21.anw-article-tags-7f21 {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin: 22px 0;
  }

  #anw-article-tags-7f21 .anw-article-tags-7f21__list {
    gap: 6px;
  }

  #anw-article-tags-7f21 .anw-article-tags-7f21__tag {
    min-height: 33px;
    padding: 8px 12px;
    font-size: 11px;
  }
}
#nj-blog-journal {
    background: transparent !important;
}

.nj-titem:hover {
    background: rgb(var(--color-background)) !important;
}

.nj-srule {
    display: none !important;
}

.nj-bdesk-n {
    font-family: 'Montserrat' !important;
    font-weight: 600 !important;
    color: rgb(var(--color-foreground)) !important;
    border: 0px !important;
}

.nj-bdesk a {
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    padding: 10px !important;
    border-radius: 10px !important;
    text-align: center !important;
}
#bt-desk-beauty-blog {
    background: transparent !important;
}

.bt-mast-t .bt-intro {
    font-size: 15px !important;
}

.bt-bdark {
    display: none !important;
}
#tc-beauty-ai {
    background: transparent !important;
}

.tc-index a:hover {
    background: rgb(var(--color-background)) !important;
}

.tc-dek {
    font-size: 15px !important;
}

div#tc-log-beauty-ai {
    display: none !important;
}

.tc-bdark {
    display: none !important;
}
#tc-beauty-ai {
    background: transparent !important;
}

.tc-index a:hover {
    background: rgb(var(--color-background)) !important;
}

.tc-dek {
    font-size: 15px !important;
}

div#tc-log-beauty-ai {
    display: none !important;
}

.tc-bdark {
    display: none !important;
}
#nt-blog-travel {
    background: transparent !important;
}

.nt-top p {
    font-size: 15px !important;
}

.nt-lrow:hover {
    background: rgb(var(--color-background)) !important;
}

.nt-bdark {
    display: none !important;
}
a.fnv-top-direct-link {
    padding: 6px 0px !important;
    margin: 0px 17px !important;
    border-width: 4px !important;
    font-weight: 800 !important;
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
}
.fnv-mega-promo img {
    aspect-ratio: 1/1 !important;
}
.footer__right {
    display: block !important;
}

.footer__socials {
    padding: 30px 0px !important;
}
.ambx-sticky-atc {
    right: 120px !important;
}

div#st-1.sharethis-sticky-share-buttons.st-sticky-share-buttons {
    top: 30% !important;
}

 @media screen and (max-width: 768px) {
.ambx-sticky-atc {
    right: 120px !important;
}
 }
 .nj-bdark {
    display: none !important;
}
.image-with-text__item .rich-text {
    padding: 25px !important;
    background: rgb(var(--color-base-highlight));
    border-radius: 15px !important;
}

.rich-text {}

.image-with-text {
    gap: 40px !important;
}


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

#smile-ui-lite-launcher-frame-container {
    bottom: 71px !important;
}

 }

 .nj-aside .nj-bdesk a {
    border: 0px !important;
    padding: 20px 0px !important;
}

.nj-aside .nj-bdesk {
    padding-top: 20px !important;
}
.sidemains__consmin233 {
    width: 70% !important;
}
.fnv-mega.fnv-mega--dropdown .fnv-mega-inner {
    padding: 5px !important;
}

.fnv-mega.fnv-mega--dropdown {
    border-radius: 10px !important;
    border: 0px !important;
    padding: 15px !important;
}

.fnv-mega-col a {
    font-size: 18px !important;
}

.fnv-mega.fnv-mega--dropdown {
    border-radius: 5px !important;
    padding: 5px !important;
    border: 0px !important;
}

 @media screen and (max-width: 768px) {
div#st-1.sharethis-sticky-share-buttons.st-sticky-share-buttons {
    display: none !important;
}
div#st-1.sharethis-sticky-share-buttons.st-sticky-share-buttons {
    display: none !important;
}

[data-rounded-block=round] .footer__accordions .details {
    padding: 0px !important;
    border: 0px !important;
}

.footer__accordions, #shopify-section-sections--31714719793477__footer .footer__accordions {
    gap: 10px !important;
}
 }
 .kmd-hold {
    width: 100% !important;
}
.kmd-hold {
    width: 100% !important;
}

.image-with-text__item .media:not(.media--rounded) {
    border-radius: 0px !important;
}

.image-with-text__item .rich-text {
    border-radius: 0px !important;
}
.kmd-hold {
    width: 100% !important;
}

.image-with-text__item .media:not(.media--rounded) {
    border-radius: 0px !important;
}

.image-with-text__item .rich-text {
    border-radius: 0px !important;
}

.page-width lookbook-element {
    border-radius: 0px !important;
}
.kmd-hold {
    width: 100% !important;
}

.image-with-text__item .media:not(.media--rounded) {
    border-radius: 0px !important;
}

.image-with-text__item .rich-text {
    border-radius: 0px !important;
}

.page-width lookbook-element {
    border-radius: 0px !important;
}

.multicolumn .media {
    border-radius: 0px !important;
}

.multicolumn-card.with-border {
    border-radius: 0px !important;
}
.newsletter-form .alert {
    font-size: 14px !important;
    border: 2px dotted green !important;
}
#anw-subscribe-save-10 .anw-subscribe-save-10__inner {
    max-width: 100% !important;
}

#anw-subscribe-save-10 {
    padding: 50px !important;
    border-radius: 15px !important;
    margin-top: 20px !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__description {
    font-size: 17px !important;
}

#anw-subscribe-save-10 .anw-subscribe-form-7x91__input {
    font-size: 16px !important;
}

#anw-subscribe-save-10 .anw-subscribe-form-7x91__button {
    font-size: 16px !important;
    text-transform: capitalize !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__privacy {
    font-size: 14px !important;
}

.kmd-shop__head {
    max-width: 100% !important;
}

.kmd-dresses__head {
    max-width: 100% !important;
}

p.kmd-note {
    margin-bottom: 15px !important;
}
#anw-subscribe-save-10 .anw-subscribe-save-10__inner {
    max-width: 100% !important;
}

#anw-subscribe-save-10 {
    padding: 50px !important;
    border-radius: 15px !important;
    margin-top: 20px !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__description {
    font-size: 17px !important;
}

#anw-subscribe-save-10 .anw-subscribe-form-7x91__input {
    font-size: 16px !important;
}

#anw-subscribe-save-10 .anw-subscribe-form-7x91__button {
    font-size: 16px !important;
    text-transform: capitalize !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__privacy {
    font-size: 14px !important;
}

.kmd-shop__head {
    max-width: 100% !important;
}

.kmd-dresses__head {
    max-width: 100% !important;
}

p.kmd-note {
    margin-bottom: 15px !important;
}

@media screen and (max-width: 768px) {
body div#st-1.sharethis-sticky-share-buttons.st-sticky-share-buttons {
    display: none !important;
}
#fnv-header {
    margin-bottom: 0px !important;
}

#anw-subscribe-save-10 {
    padding: 25px !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__heading {
    font-size: 30px !important;
}
#fnv-header {
    margin-bottom: 0px !important;
}

#anw-subscribe-save-10 {
    padding: 25px !important;
}

#anw-subscribe-save-10 .anw-subscribe-save-10__heading {
    font-size: 30px !important;
}
}
button.shopify-payment-button__button--unbranded::after {
    display: none !important;
}
button.shopify-payment-button__button--unbranded::after {
    display: none !important;
}
#klbd-blog-journal {
    background: transparent !important;
    padding-top: 10px !important;
}

#klbd-blog-journal .klbd-intro {
    font-size: 16px !important;
}

#klbd-blog-journal .klbd-rule {
    display: none !important;
}

#klbd-blog-journal .klbd-grid {
    margin-top: 60px !important;
}

#klbd-blog-journal .klbd-index {
    background: rgb(var(--color-background)) !important;
}

.klbd-foot {
    display: none !important;
}

#klbd-blog-journal .klbd-description {
    font-size: 16px !important;
}

#klbd-blog-journal .klbd-endnote {
    display: none !important;
}
#klbd-blog-journal .klbd-image-label {
    font-size: 15px !important;
    background: rgb(var(--color-background)) !important;
}


/* ==========================================================================
   KIMLUD — ADAPTIVE TOP NAV SEARCH
   - No top-nav arrows.
   - Full search bar remains visible while the complete top menu fits.
   - Only when the menu needs more room does the search become an icon.
   - Clicking the icon opens a floating search box.
   - Existing hamburger/mobile layout remains at <= 960px.
   ========================================================================== */

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

  .fnv-header-row {
    position: relative !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: visible !important;
  }

  /* Undo the conflicting 100% widths in the existing stylesheet. */
  .mains__flipss {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .sidemains__consmin233 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 10px !important;
  }

  .fnv-logo {
    flex: 0 0 auto !important;
  }

  /* The top nav gets the remaining space and is used by JS to detect overflow. */
  #fnv-topnav {
    display: flex !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
  }

  #fnv-topnav::-webkit-scrollbar {
    display: none !important;
  }

  #fnv-topnav > li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  /* NORMAL STATE:
     Keep the real search field while the navigation fits. */
  #fnv-header:not(.fnv-search-compact) .fnv-search {
    display: block !important;
    flex: 1 1 240px !important;
    width: clamp(180px, 15vw, 280px) !important;
    min-width: 180px !important;
    max-width: 280px !important;
    margin: 0 12px !important;
    position: relative !important;
  }

  #fnv-header:not(.fnv-search-compact) .fnv-search-toggle {
    display: none !important;
  }

  /* COMPACT STATE:
     This class is added by JS only when the full menu would not fit. */
  #fnv-header.fnv-search-compact .fnv-search {
    display: none !important;
  }

  #fnv-header.fnv-search-compact .fnv-search-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
    cursor: pointer !important;
    flex: 0 0 38px !important;
  }

  #fnv-header.fnv-search-compact .fnv-search-toggle:hover {
    background: rgb(var(--color-base-highlight)) !important;
  }

  /* Clicking the compact search icon opens a floating search box.
     It does not consume navigation width. */
  #fnv-header.fnv-search-compact.fnv-search-open .fnv-search {
    display: flex !important;
    align-items: center !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 18px !important;
    left: auto !important;
    width: min(410px, calc(100vw - 36px)) !important;
    min-width: 0 !important;
    max-width: 410px !important;
    margin: 0 !important;
    padding: 8px !important;
    background: rgb(var(--color-background)) !important;
    border: 1px solid rgb(var(--color-background) / 0.16) !important;
    border-radius: 25px !important;
    box-shadow: 0 14px 42px rgb(var(--color-shadow) / .14) !important;
    z-index: 1000 !important;
  }

  #fnv-header.fnv-search-compact.fnv-search-open .fnv-search-input {
    width: 100% !important;
  }

  /* Override the older <=999px mobile-search rule for the tiny
     961–999 desktop range. The real mobile header still starts at <=960px. */
  #fnv-header.fnv-search-compact.fnv-search-open .fnv-header-row {
    flex-wrap: nowrap !important;
  }

  /* Safety fallback: if a very narrow non-mobile viewport still cannot fit
     after the search collapses, the menu remains horizontally accessible,
     but there are deliberately NO arrow controls. */
  #fnv-header.fnv-search-compact #fnv-topnav {
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-inline: contain;
  }

  .fnv-icons {
    flex: 0 0 auto !important;
  }
}

/* Mobile remains controlled by the existing KIMLUD hamburger rules. */
@media screen and (max-width: 960px) {
  #fnv-header {
    --fnv-adaptive-search-disabled: 1;
  }
}


/* Large desktop: preserve the complete roomy KIMLUD search box. */
@media screen and (min-width: 1600px) {
  #fnv-header:not(.fnv-search-compact) .fnv-search {
    flex: 1 1 380px !important;
    width: clamp(300px, 22vw, 480px) !important;
    min-width: 300px !important;
    max-width: 480px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
.footer__left {
    padding-right: 31px !important;
}

.footer__right {
    padding-left: 50px !important;
}
.footer__accordions .details {
    padding-bottom: 0px !important;
}
.footer__right {
    border-color: 1px solid rgb(var(--color-background)) !important;
}

.footer__left {
    border-color: rgb(var(--color-background) / 0.41960784) !important;
}

.kimlud-footer-row-divider {
    background: rgb(var(--color-foreground)) !important;
}
}
#klbd-blog-journal .klbd-media {
    border-radius: 20px !important;
}
#anw-subscribe-save-10 .anw-subscribe-save-10__heading, #anw-subscribe-save-10 .anw-subscribe-save-10__discount {
    font-size: 53px !important;
}

#anw-subscribe-save-10 {
    border-radius: 20px !important;
}

.kmd-tile__media {
    border-radius: 0px !important;
}

.kmd-tile {
    border-radius: 20px !important;
    background: transparent !important;
}

.kmd-card {
    border-radius: 20px !important;
    background: transparent !important;
}

.kmd-coats__grid {
    border-radius: 20px !important;
    overflow: hidden !important;
}

#kmd-coats {
    border-radius: 20px !important;
}

.kmd-season__media {
}

.kmd-season__item > a {
    border-radius: 20px !important;
}

#kmd-story {
}

.kmd-story__figure {
    border-radius: 20px !important;
}

#kmd-season {
    border: 0px !important;
}

section#kimlud-image-text-section {border-radius: 20px !important;overflow: hidden !important;}

section#kimlud-image-text-section .kimlud-container {
}

.kmd-look__head {
    max-width: 100% !important;
}

.kmd-look__item {
    border-radius: 20px !important;
    background: transparent !important;
}

.mains__imagemainss {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.image-with-text__item .media:not(.media--rounded) {
    border-radius: 20px !important;
}

.image-with-text__item .rich-text {
    border-radius: 20px !important;
}

.page-width lookbook-element {
    border-radius: 20px !important;
}

.multicolumn .media {
    border-radius: 20px !important;
}

.multicolumn-card.with-border {
    border-radius: 20px !important;
}

.article-card__media {
    border-radius: 20px !important;
}
.product-card--standard .product-card__media :is(.media, .flickity-viewport), .product-card__media .media {
    border-radius: 20px !important;
}
.slideshow:not(.slideshow--hero) .banner[aria-hidden="true"] {
    opacity: 0 !important;
}
.bigmains__grids ul {
    column-count: 3;
    margin-top: 20px !important;
}

.bigmains__grids ul img {
    width: 100% !important;
    border-radius: 20px !important;
}

.smallgrid__content {
    margin-top: 20px !important;
}

.smallgrid__content img {
    border-radius: 20px !important;
}

.bigmains__grids ul img {
    aspect-ratio: 1/1.5 !important;
    object-fit: cover !important;
}

@media screen and (max-width: 768px) {
.bigmains__grids ul {
    column-count: 3;
    margin-top: 20px !important;
}

.bigmains__grids ul img {
    width: 100% !important;
    border-radius: 20px !important;
}

.smallgrid__content {
    margin-top: 20px !important;
}

.smallgrid__content img {
    border-radius: 20px !important;
}

.bigmains__grids ul img {
    aspect-ratio: 1/1.5 !important;
    object-fit: cover !important;
}

.kimlud-text-side .kimlud-label {
    margin-top: 5px !important;
}

.kimlud-text-side {
    padding: 0px 20px !important;
    padding-bottom: 30px !important;
}

.kimlud-desc {
    font-size: 15px !important;
}
.bigmains__grids ul {
    column-count: 3;
    margin-top: 20px !important;
}

.bigmains__grids ul img {
    width: 100% !important;
    border-radius: 20px !important;
}

.smallgrid__content {
    margin-top: 20px !important;
}

.smallgrid__content img {
    border-radius: 20px !important;
}

.bigmains__grids ul img {
    aspect-ratio: 1/1.5 !important;
    object-fit: cover !important;
}

.kimlud-text-side .kimlud-label {
    margin-top: 5px !important;
}

.kimlud-text-side {
    padding: 0px 20px !important;
    padding-bottom: 30px !important;
}

.kimlud-desc {
    font-size: 15px !important;
}

h2.kimlud-heading {
    font-size: 26px !important;
}
}
article.article #anw-subscribe-save-10 {
    margin-bottom: 30px !important;
}
.kimlud-article-breadcrumb-x71__current {}

#kimlud-article-breadcrumb-x71 * {
    font-size: 16px !important;
}

.kimlud-article-breadcrumb-x71__inner {
    justify-content: center !important;
}

.kimlud-related-collections-r82__eyebrow {
    font-size: 16px !important;
}

.kimlud-related-collections-r82__meta {
    font-size: 14px !important;
}

.kimlud-next-edit-n63__eyebrow {
    font-size: 16px !important;
}

.kimlud-next-edit-n63__category {
    font-size: 15px !important;
}

.kimlud-next-edit-n63__content h3 a {
    font-size: 46px !important;
    line-height: 50px !important;
    display: block !important;
}

.kimlud-explore-edit-e72__eyebrow {
    font-size: 15px !important;
}
input.fnv-search-input {
    box-shadow: 0px 0px 5px rgb(var(--color-shadow) / 0.058823529) !important;
    border: 1px solid rgb(var(--color-foreground) / 0.16) !important;
    padding: 13px 20px !important;
}
#klbd-blog-journal .klbd-heading {
    letter-spacing: 0px !important;
}
.fnv-search-btn {
    background: rgb(var(--color-base-highlight)) !important;
    right: 8px !important;
}
.footer-copyright {
    display: block !important;
    text-align: center !important;
}

.footer-copyright .credits {
    text-align: center !important;
    padding-top: 30px !important;
}


.footer-copyright {
    display: block !important;
    text-align: center !important;
}

.footer-copyright .credits {
    text-align: center !important;
    padding-top: 30px !important;
}
@media screen and (min-width: 768px) {

#smile-ui-lite-launcher-frame-container {
    bottom: 66px !important;
}
}
.ikw-shell {
    max-width: 100% !important;
}

.ikw-shell {}

body.template-blog {}

body.template-blog header#fnv-header {
    margin-bottom: 0px !important;
}

/* ==========================================================================
   KIMLUD / KZH presentation refresh
   Keep at the END of custom.css. Existing menu content and integrations stay
   in the original header and menu script. All new rules are header-scoped.
   ========================================================================== */
#fnv-header.fnv-kzh-design {
  --kzh-ink:rgb(var(--color-foreground)); --kzh-paper:rgb(var(--color-background)); --kzh-line:rgb(var(--color-base-highlight));
  --kzh-soft:rgb(var(--color-base-highlight)); --kzh-ease:cubic-bezier(.22,1,.36,1);
  --kzh-font:'Manrope',var(--font-body-family,Arial),system-ui,sans-serif;
  position:relative!important; top:auto!important; z-index:500!important;
  width:100%!important; margin:0!important; padding:0!important;
  background:var(--kzh-paper)!important; color:var(--kzh-ink)!important;
  border:0!important; font-family:var(--kzh-font)!important;
  transition:box-shadow .6s var(--kzh-ease)!important;
}
#fnv-header.fnv-kzh-design.fnv-design-scrolled {box-shadow:0 10px 30px -18px rgb(var(--color-shadow) / .35)!important;}
#fnv-header.fnv-kzh-design *,#fnv-drawer.fnv-kzh-drawer * {box-sizing:border-box;}
#fnv-header.fnv-kzh-design .sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
#fnv-header.fnv-kzh-design :focus-visible,#fnv-drawer.fnv-kzh-drawer :focus-visible {outline:2px solid rgb(var(--color-keyboard-focus))!important;outline-offset:3px;border-radius:6px;}
#fnv-header.fnv-kzh-design .fnv-header-row {
  position:relative!important; display:flex!important; flex-wrap:nowrap!important;
  align-items:center!important; justify-content:space-between!important;
  gap:24px!important; width:100%!important; max-width:1920px!important;
  min-height:78px!important; height:auto!important; margin:0 auto!important;
  padding:16px 28px!important; overflow:visible!important;
}
#fnv-header.fnv-kzh-design .mains__flipss {
  display:flex!important; align-items:center!important; gap:30px!important;
  flex:1 1 auto!important; width:auto!important; min-width:0!important;
  max-width:none!important; margin:0!important; padding:0!important;
}
#fnv-header.fnv-kzh-design .sidemains__consmin233 {
  display:flex!important; align-items:center!important; justify-content:flex-end!important;
  gap:18px!important; flex:0 1 auto!important; width:auto!important; min-width:0!important;
  max-width:none!important; margin:0!important; padding:0!important;
}
#fnv-header.fnv-kzh-design .fnv-logo {
  display:block!important; flex:0 0 auto!important; width:auto!important;
  margin:0!important; padding:0!important; color:rgb(var(--color-foreground))!important;
  font-family:var(--kzh-font)!important; font-size:22px!important;
  font-weight:800!important; letter-spacing:-.04em!important; line-height:1!important;
  text-decoration:none!important;
}
#fnv-header.fnv-kzh-design .fnv-logo img {
  display:block!important; width:min(var(--kzh-logo-desktop,60px),60px)!important; max-width:60px!important;
  max-height:50px!important; height:auto!important; object-fit:contain;
  transition:transform .7s var(--kzh-ease)!important;
}
#fnv-header.fnv-kzh-design .fnv-logo:hover img {transform:rotate(-5deg) scale(1.04);}
#fnv-header.fnv-kzh-design .fnv-logo a {display:block;color:inherit!important;text-decoration:none!important;}
#fnv-header.fnv-kzh-design #fnv-topnav {
  position:relative!important; display:flex!important; align-items:center!important;
  gap:24px!important; flex:1 1 auto!important; min-width:0!important; width:auto!important;
  max-width:none!important; height:46px!important; margin:0!important; padding:0!important;
  list-style:none!important; overflow:visible!important; scrollbar-width:none;
}
#fnv-header.fnv-kzh-design #fnv-topnav>li {display:flex!important;align-items:center!important;flex:0 0 auto!important;height:100%!important;margin:0!important;padding:0!important;}
#fnv-header.fnv-kzh-design #fnv-topnav>li>button,
#fnv-header.fnv-kzh-design #fnv-topnav>li>a {
  display:flex!important; align-items:center!important; position:relative!important;
  height:100%!important; margin:0!important; padding:8px 0!important;
  border:0!important; border-radius:0!important; background:transparent!important;
  color:rgb(var(--color-foreground))!important; font-family:var(--kzh-font)!important; font-size:13px!important;
  font-weight:800!important; letter-spacing:.02em!important; line-height:1.4!important;
  white-space:nowrap!important; text-transform:uppercase!important; text-decoration:none!important;
  cursor:pointer; transition:opacity .35s ease!important;
}
#fnv-header.fnv-kzh-design #fnv-topnav:hover>li:not(:hover):not(:focus-within)>button,
#fnv-header.fnv-kzh-design #fnv-topnav:hover>li:not(:hover):not(:focus-within)>a {opacity:.45;}
#fnv-header.fnv-kzh-design #fnv-topnav>li.fnv-tnav-active>button::after {
  content:''; position:absolute; left:0; right:0; bottom:4px; height:2px;
  background:var(--color-button-gradient); background-color:rgb(var(--color-button-background)); border-radius:2px;
}
#fnv-header.fnv-kzh-design.fnv-indicator-ready #fnv-topnav>li>button::after {display:none!important;}
#fnv-header.fnv-kzh-design .fnv-kzh-indicator {
  position:absolute; display:block; bottom:4px; left:0; height:2px; width:0;
  background:rgb(var(--color-foreground)); border-radius:2px; pointer-events:none; opacity:0;
  transition:transform .6s var(--kzh-ease),width .6s var(--kzh-ease),opacity .25s ease;
}
#fnv-header.fnv-kzh-design .fnv-search {
  display:block!important; position:relative!important; flex:0 1 290px!important;
  width:clamp(180px,18vw,290px)!important; min-width:180px!important; max-width:370px!important;
  margin:0!important; padding:0!important; inset:auto!important; background:transparent!important;
  border:0!important; border-radius:999px!important; box-shadow:none!important;
  transition:width .6s var(--kzh-ease)!important;
}
#fnv-header.fnv-kzh-design .fnv-search:focus-within {width:clamp(180px,22vw,370px)!important;}
#fnv-header.fnv-kzh-design .fnv-search-input {
  display:block!important; width:100%!important; height:44px!important; min-height:44px!important;
  margin:0!important; padding:0 50px 0 20px!important; border:1px solid rgb(var(--color-foreground) / 0.16)!important;
  border-radius:999px!important; background:rgb(var(--color-background))!important; color:rgb(var(--color-foreground))!important;
  font:600 13px/1.4 var(--kzh-font)!important; outline:none!important; box-shadow:none!important;
  transition:border-color .3s ease,box-shadow .5s var(--kzh-ease)!important;
}
#fnv-header.fnv-kzh-design .fnv-search-input::placeholder {color:rgb(var(--color-foreground))!important;opacity:1;}
#fnv-header.fnv-kzh-design .fnv-search:hover .fnv-search-input {border-color:rgb(var(--color-foreground) / 0.16)!important;}
#fnv-header.fnv-kzh-design .fnv-search-input:focus {border-color:rgb(var(--color-foreground))!important;box-shadow:0 0 0 5px rgb(var(--color-shadow) / .07)!important;}
#fnv-header.fnv-kzh-design .fnv-search-btn {
  display:grid!important; place-items:center!important; position:absolute!important;
  top:50%!important; right:5px!important; width:34px!important; height:34px!important;
  min-width:0!important; padding:0!important; border:0!important; border-radius:50%!important;
  background:var(--kzh-soft)!important; color:rgb(var(--color-foreground))!important; transform:translateY(-50%)!important;
  transition:background .3s ease,color .3s ease,scale .4s var(--kzh-ease)!important;
}
#fnv-header.fnv-kzh-design .fnv-search-btn svg {display:block!important;width:16px!important;height:16px!important;fill:currentColor!important;}
#fnv-header.fnv-kzh-design .fnv-search:focus-within .fnv-search-btn,
#fnv-header.fnv-kzh-design .fnv-search-btn:hover {background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;color:rgb(var(--color-button-text))!important;}
#fnv-header.fnv-kzh-design .fnv-search-btn:active {scale:.9;}
#fnv-header.fnv-kzh-design .fnv-icons {display:flex!important;align-items:center!important;gap:2px!important;flex:0 0 auto!important;margin:0!important;padding:0!important;}
#fnv-header.fnv-kzh-design .fnv-icons>.fnv-loc {display:block!important;flex:0 0 auto!important;}
#fnv-header.fnv-kzh-design .fnv-icon-btn,
#fnv-header.fnv-kzh-design .fnv-search-toggle,
#fnv-header.fnv-kzh-design [data-fnv-loc-toggle],
#fnv-header.fnv-kzh-design #fnv-hamburger-btn {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  flex:0 0 auto!important; width:42px!important; min-width:42px!important; height:42px!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:50%!important;
  background:transparent!important; color:rgb(var(--color-foreground))!important; cursor:pointer; text-decoration:none!important;
  transition:background .3s ease,transform .45s var(--kzh-ease)!important;
}
#fnv-header.fnv-kzh-design [data-fnv-loc-toggle] {width:auto!important;padding:0 8px!important;gap:5px!important;}
#fnv-header.fnv-kzh-design .fnv-icon-btn:hover,
#fnv-header.fnv-kzh-design .fnv-search-toggle:hover,
#fnv-header.fnv-kzh-design [data-fnv-loc-toggle]:hover,
#fnv-header.fnv-kzh-design #fnv-hamburger-btn:hover {background:var(--kzh-soft)!important;transform:translateY(-2px);}
#fnv-header.fnv-kzh-design .fnv-icon-btn:active {transform:scale(.9);}
#fnv-header.fnv-kzh-design .fnv-icon-btn svg,
#fnv-header.fnv-kzh-design .fnv-search-toggle svg {width:19px!important;height:19px!important;stroke-width:1.75;}
#fnv-header.fnv-kzh-design .fnv-cart-count {
  display:grid!important;place-items:center;position:absolute!important;top:2px!important;right:0!important;
  min-width:19px!important;height:19px!important;padding:0 4px!important;border:2px solid rgb(var(--color-background))!important;
  border-radius:999px!important;background:rgb(var(--color-foreground))!important;color:rgb(var(--color-button-text))!important;font:800 10px/1 var(--kzh-font)!important;
}
#fnv-header.fnv-kzh-design .fnv-cart-count[hidden] {display:none!important;}
#fnv-header.fnv-kzh-design .fnv-cart-count.fnv-badge-pop {animation:fnv-kzh-pop .5s var(--kzh-ease);}
#fnv-header.fnv-kzh-design .fnv-search-toggle,
#fnv-header.fnv-kzh-design #fnv-hamburger-btn {display:none!important;}
#fnv-header.fnv-kzh-design.fnv-search-compact .fnv-search {display:none!important;}
#fnv-header.fnv-kzh-design.fnv-search-compact .fnv-search-toggle {display:inline-flex!important;}
#fnv-header.fnv-kzh-design.fnv-search-compact.fnv-search-open .fnv-search {
  display:block!important;position:absolute!important;top:calc(100% + 10px)!important;right:28px!important;
  left:auto!important;bottom:auto!important;width:min(410px,calc(100vw - 32px))!important;
  min-width:0!important;max-width:410px!important;padding:10px!important;margin:0!important;
  background:rgb(var(--color-background))!important;border:1px solid var(--kzh-line)!important;border-radius:28px!important;
  box-shadow:0 18px 40px -12px rgb(var(--color-shadow) / .25)!important;z-index:1500!important;
  animation:fnv-kzh-enter .4s var(--kzh-ease) both;
}
#fnv-header.fnv-kzh-design #fnv-subnav-wrap {display:block!important;position:relative!important;border-top:1px solid var(--kzh-line)!important;border-bottom:1px solid var(--kzh-line)!important;background:rgb(var(--color-background))!important;margin:0!important;padding:0!important;}
#fnv-header.fnv-kzh-design #fnv-subnav-scroll {width:auto!important;max-width:1920px!important;margin:0 auto!important;padding:0 28px!important;overflow-x:auto!important;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-inline:contain;}
#fnv-header.fnv-kzh-design #fnv-subnav-scroll::-webkit-scrollbar {display:none;}
#fnv-header.fnv-kzh-design #fnv-sub-list {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px!important;min-width:100%!important;width:max-content!important;height:54px!important;margin:0!important;padding:0!important;list-style:none!important;}
#fnv-header.fnv-kzh-design #fnv-sub-list>.fnv-sub-item {position:static!important;flex:0 0 auto!important;height:54px!important;margin:0!important;padding:0!important;}
#fnv-header.fnv-kzh-design #fnv-sub-list>.fnv-sub-item[hidden] {display:none!important;}
#fnv-header.fnv-kzh-design .fnv-sub-btn {
  display:inline-flex!important;align-items:center!important;position:relative!important;height:54px!important;
  margin:0!important;padding:6px 0!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:rgb(var(--color-foreground))!important;font-family:var(--kzh-font)!important;font-size:12px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.015em!important;line-height:1.4!important;white-space:nowrap!important;text-decoration:none!important;
}
#fnv-header.fnv-kzh-design .fnv-sub-btn::after {content:'';position:absolute;left:0;right:0;bottom:10px;height:2px;background:var(--color-button-gradient); background-color:rgb(var(--color-button-background));transform:scaleX(0);transform-origin:right;transition:transform .5s var(--kzh-ease);}
#fnv-header.fnv-kzh-design .fnv-sub-btn:hover::after,
#fnv-header.fnv-kzh-design .fnv-sub-item.fnv-sub-hovered>.fnv-sub-btn::after,
#fnv-header.fnv-kzh-design .fnv-sub-active::after {transform:scaleX(1);transform-origin:left;}
#fnv-header.fnv-kzh-design .fnv-sub-btn:hover,
#fnv-header.fnv-kzh-design .fnv-sub-item.fnv-sub-hovered>.fnv-sub-btn {background:transparent!important;color:rgb(var(--color-foreground))!important;}
#fnv-header.fnv-kzh-design .fnv-scroll-arrow {display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:54px!important;background:rgb(var(--color-background))!important;z-index:20!important;}
#fnv-header.fnv-kzh-design .fnv-scroll-arrow.fnv-arr-hidden {visibility:hidden;opacity:0;pointer-events:none;}
#fnv-header.fnv-kzh-design .fnv-mega {
  position:fixed!important;inset:auto 0 auto!important;top:var(--fnv-design-bottom,132px)!important;
  max-height:calc(100dvh - var(--fnv-design-bottom,132px) - 16px)!important;
  padding:26px 28px 32px!important;overflow:auto!important;overscroll-behavior:contain;
  border:1px solid var(--kzh-line)!important;border-radius:0 0 18px 18px!important;
  background:rgb(var(--color-background))!important;box-shadow:0 24px 50px -16px rgb(var(--color-shadow) / .25)!important;
  transform:translateY(-8px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .25s ease,transform .5s var(--kzh-ease),visibility 0s linear .5s!important;
}
#fnv-header.fnv-kzh-design .fnv-mega.fnv-mega-visible {transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:opacity .25s ease,transform .5s var(--kzh-ease),visibility 0s!important;}
#fnv-header.fnv-kzh-design .fnv-mega-inner {max-width:1800px!important;gap:24px!important;}
#fnv-header.fnv-kzh-design .fnv-mega-col {min-width:0!important;}
#fnv-header.fnv-kzh-design .fnv-mega-col a {font:500 13px/1.5 var(--kzh-font)!important;color:rgb(var(--color-foreground))!important;padding:6px 0!important;white-space:normal!important;transition:color .2s ease,transform .4s var(--kzh-ease)!important;}
#fnv-header.fnv-kzh-design .fnv-mega-col a:hover {color:rgb(var(--color-foreground))!important;transform:translateX(3px);}
#fnv-header.fnv-kzh-design .fnv-mega-col h4 {margin:0 0 10px!important;padding:0 0 8px!important;font:800 11px/1.4 var(--kzh-font)!important;letter-spacing:.06em!important;}
#fnv-header.fnv-kzh-design .fnv-mega-col h4 a {font-weight:800!important;color:rgb(var(--color-foreground))!important;}
#fnv-header.fnv-kzh-design .fnv-mega-col a.fnv-link-bold {font-weight:700!important;color:rgb(var(--color-foreground))!important;}
#fnv-header.fnv-kzh-design .fnv-mega-col a.fnv-link-sale {color:#d21f32!important;}
#fnv-header.fnv-kzh-design .fnv-mega-promo-wrap {border-radius:12px!important;overflow:hidden!important;}
#fnv-header.fnv-kzh-design .fnv-mega-promo a {padding:0!important;}
#fnv-header.fnv-kzh-design .fnv-mega-promo a:hover {transform:none!important;}
#fnv-header.fnv-kzh-design .fnv-mega-promo img {transition:transform .7s var(--kzh-ease)!important;}
#fnv-header.fnv-kzh-design .fnv-mega-promo-cta {margin-top:12px!important;font-weight:700!important;color:rgb(var(--color-foreground))!important;}
#fnv-header.fnv-kzh-design .fnv-mega.fnv-mega--dropdown {inset:auto!important;top:var(--fnv-dd-top)!important;left:var(--fnv-dd-left)!important;border:1px solid var(--kzh-line)!important;border-radius:14px!important;padding:0!important;}
#fnv-header.fnv-kzh-design .fnv-mega.fnv-mega--dropdown .fnv-mega-inner {padding:22px 24px!important;}
#fnv-header.fnv-kzh-design .fnv-mega.fnv-mega--showcase4 .fnv-mega-inner {grid-template-columns:minmax(280px,1.25fr) repeat(3,minmax(0,1fr))!important;gap:24px!important;}
#fnv-header.fnv-kzh-design .fnv-mega.fnv-mega--showcase4 .fnv-mega-promo-wrap img {height:clamp(220px,19vw,320px)!important;aspect-ratio:4/3!important;}
#fnv-header.fnv-kzh-design .fnv-edit-dropdown {border-radius:16px!important;padding:22px!important;box-shadow:0 24px 50px -16px rgb(var(--color-shadow) / .3)!important;transform:translateY(-8px)!important;max-height:calc(100dvh - var(--fnv-edit-top,80px) - 16px)!important;overflow:auto!important;transition:opacity .25s ease,transform .5s var(--kzh-ease),visibility .25s ease!important;}
#fnv-header.fnv-kzh-design .fnv-edit-nav-item.fnv-edit-open .fnv-edit-dropdown {transform:none!important;}
#fnv-header.fnv-kzh-design .fnv-edit-dropdown-link {font-family:var(--kzh-font)!important;font-size:13px!important;white-space:normal!important;}
#fnv-header.fnv-kzh-design .fnv-loc-popup {width:min(340px,calc(100vw - 24px))!important;border-radius:16px!important;padding:18px!important;box-shadow:0 24px 50px -16px rgb(var(--color-shadow) / .3)!important;z-index:1600!important;color:rgb(var(--color-foreground))!important;animation:fnv-kzh-enter .4s var(--kzh-ease) both;}
#fnv-header.fnv-kzh-design .fnv-loc-popup[hidden] {display:none!important;}
#fnv-header.fnv-kzh-design .fnv-loc-option {color:rgb(var(--color-foreground))!important;font-family:var(--kzh-font)!important;border-radius:9px!important;}
#fnv-backdrop.fnv-kzh-backdrop {z-index:40!important;background:rgb(var(--color-drawer-overlay) / .22)!important;transition:opacity .35s ease,visibility .35s ease!important;}
#fnv-overlay.fnv-kzh-overlay {display:block!important;z-index:1700!important;background:rgb(var(--color-drawer-overlay) / .28)!important;transition:opacity .4s ease!important;}
#fnv-drawer.fnv-kzh-drawer {
  display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:min(88vw,390px)!important;
  max-width:390px!important;height:100dvh!important;background:rgb(var(--color-drawer-background))!important;z-index:1800!important;
  font-family:'Manrope',var(--font-body-family,Arial),system-ui,sans-serif!important;color:rgb(var(--color-drawer-text))!important;
  transform:translateX(-105%)!important;visibility:hidden;overflow-y:auto!important;
  overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);
  transition:transform .6s cubic-bezier(.22,1,.36,1),visibility 0s linear .6s!important;
}
#fnv-drawer.fnv-kzh-drawer.fnv-drawer-open {transform:none!important;visibility:visible;transition:transform .6s cubic-bezier(.22,1,.36,1),visibility 0s!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-drawer-head {padding:18px 20px!important;background:rgb(var(--color-drawer-background));}
#fnv-drawer.fnv-kzh-drawer .fnv-drawer-logo img {width:60px!important;max-width:100px!important;max-height:48px!important;object-fit:contain;}
#fnv-drawer.fnv-kzh-drawer #fnv-drawer-close-btn {display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgb(var(--color-base-highlight));}
#fnv-drawer.fnv-kzh-drawer .fnv-drawer-search-wrap {padding:16px 20px!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-drawer-search-input {height:44px!important;border:1px solid rgb(var(--color-drawer-text) / 0.16)!important;font-family:inherit!important;font-size:16px!important;font-weight:600;line-height:1.4;border-radius:999px!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-mob-section-label {display:block;padding:18px 20px 10px!important;background:rgb(var(--color-drawer-background))!important;color:rgb(var(--color-drawer-text))!important;font-size:11px!important;letter-spacing:.08em!important;text-decoration:none;}
#fnv-drawer.fnv-kzh-drawer .fnv-mob-direct-link {color:rgb(var(--color-drawer-text))!important;font-size:14px!important;font-weight:800!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-acc-trigger {padding:16px 20px!important;font:700 14px/1.4 'Manrope',var(--font-body-family,Arial),system-ui,sans-serif!important;letter-spacing:.015em!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-acc-panel {transition:max-height .5s cubic-bezier(.22,1,.36,1)!important;background:rgb(var(--color-base-highlight))!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-acc-panel a {padding:12px 26px!important;font-size:14px!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-acc-chevron {transition:transform .5s cubic-bezier(.22,1,.36,1)!important;}
@keyframes fnv-kzh-enter {from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes fnv-kzh-pop {0%,100%{transform:scale(1)}40%{transform:scale(1.4)}}
@media(max-width:1360px) {
  #fnv-header.fnv-kzh-design .fnv-header-row {gap:18px!important;padding-inline:22px!important;}
  #fnv-header.fnv-kzh-design .mains__flipss {gap:22px!important;}
  #fnv-header.fnv-kzh-design #fnv-topnav {gap:20px!important;}
  #fnv-header.fnv-kzh-design .sidemains__consmin233 {gap:14px!important;}
}

#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-header-row {flex-wrap:wrap!important;gap:10px!important;padding:12px 16px!important;min-height:68px!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .mains__flipss {flex:1 1 0!important;gap:8px!important;order:1!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .sidemains__consmin233 {display:contents!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-logo {flex:0 1 auto!important;max-width:120px!important;white-space:normal!important;overflow-wrap:anywhere;font-size:18px!important;line-height:1.2!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-logo img {width:min(var(--kzh-logo-mobile,48px),48px)!important;max-width:48px!important;max-height:44px!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile #fnv-hamburger-btn {display:inline-flex!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile #fnv-topnav,#fnv-header.fnv-kzh-design.fnv-design-mobile #fnv-subnav-wrap,#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-kzh-indicator {display:none!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-icons {order:2!important;gap:0!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-icon-btn,#fnv-header.fnv-kzh-design.fnv-design-mobile [data-fnv-loc-toggle] {min-width:36px!important;width:36px!important;height:42px!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile [data-fnv-loc-toggle] {width:auto!important;padding-inline:4px!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-search-toggle {display:none!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-search {display:block!important;order:3!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;animation:fnv-kzh-enter .5s var(--kzh-ease) both;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-search:focus-within {width:100%!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-search-input {font-size:16px!important;}

@media(max-width:1024px) {

#fnv-header.fnv-kzh-design .fnv-header-row {flex-wrap:wrap!important;gap:10px!important;padding:12px 16px!important;min-height:68px!important;}
#fnv-header.fnv-kzh-design .mains__flipss {flex:1 1 0!important;gap:8px!important;order:1!important;}
#fnv-header.fnv-kzh-design .sidemains__consmin233 {display:contents!important;}
#fnv-header.fnv-kzh-design .fnv-logo {flex:0 1 auto!important;max-width:120px!important;white-space:normal!important;overflow-wrap:anywhere;font-size:18px!important;line-height:1.2!important;}
#fnv-header.fnv-kzh-design .fnv-logo img {width:min(var(--kzh-logo-mobile,48px),48px)!important;max-width:48px!important;max-height:44px!important;}
#fnv-header.fnv-kzh-design #fnv-hamburger-btn {display:inline-flex!important;}
#fnv-header.fnv-kzh-design #fnv-topnav,#fnv-header.fnv-kzh-design #fnv-subnav-wrap,#fnv-header.fnv-kzh-design .fnv-kzh-indicator {display:none!important;}
#fnv-header.fnv-kzh-design .fnv-icons {order:2!important;gap:0!important;}
#fnv-header.fnv-kzh-design .fnv-icon-btn,#fnv-header.fnv-kzh-design [data-fnv-loc-toggle] {min-width:36px!important;width:36px!important;height:42px!important;}
#fnv-header.fnv-kzh-design [data-fnv-loc-toggle] {width:auto!important;padding-inline:4px!important;}
#fnv-header.fnv-kzh-design .fnv-search-toggle {display:none!important;}
#fnv-header.fnv-kzh-design .fnv-search {display:block!important;order:3!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;animation:fnv-kzh-enter .5s var(--kzh-ease) both;}
#fnv-header.fnv-kzh-design .fnv-search:focus-within {width:100%!important;}
#fnv-header.fnv-kzh-design .fnv-search-input {font-size:16px!important;}

}

@media(max-width:749px) {
  #fnv-header.fnv-kzh-design .fnv-loc-popup {position:fixed!important;inset:auto 0 0!important;width:100%!important;max-height:80dvh!important;border-radius:18px 18px 0 0!important;padding:20px 18px calc(20px + env(safe-area-inset-bottom))!important;}
  #fnv-header.fnv-kzh-design .fnv-loc-close {display:inline-flex!important;}
}

@media(max-width:380px) {
  #fnv-header.fnv-kzh-design .fnv-header-row {padding-inline:12px!important;gap:6px!important;}
  #fnv-header.fnv-kzh-design .mains__flipss {gap:4px!important;}
  #fnv-header.fnv-kzh-design .fnv-logo img {width:min(var(--kzh-logo-mobile,48px),42px)!important;max-width:42px!important;max-height:42px!important;}
  #fnv-header.fnv-kzh-design .fnv-icon-btn,
  #fnv-header.fnv-kzh-design [data-fnv-loc-toggle] {width:32px!important;min-width:32px!important;height:40px!important;padding:0 4px!important;}
  #fnv-header.fnv-kzh-design .fnv-icons {gap:0!important;}
  #fnv-header.fnv-kzh-design .fnv-loc-current {font-size:9px!important;}
}
@media(prefers-reduced-motion:reduce) {
  #fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer,
  #fnv-header.fnv-kzh-design.fnv-kzh-design.fnv-kzh-design.fnv-kzh-design *,
  #fnv-header.fnv-kzh-design #fnv-topnav *,#fnv-header.fnv-kzh-design #fnv-sub-list *,
  #fnv-drawer.fnv-kzh-drawer.fnv-kzh-drawer *,
  #fnv-header.fnv-kzh-design *::after,#fnv-overlay.fnv-kzh-overlay,#fnv-backdrop.fnv-kzh-backdrop {
    animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
  #fnv-header.fnv-kzh-design .fnv-logo:hover img {transform:none;}
}

#fnv-header.fnv-kzh-design #fnv-topnav>li>button, #fnv-header.fnv-kzh-design #fnv-topnav>li>a {
    font-size: 16px !important;
}

#fnv-header.fnv-kzh-design .fnv-sub-btn {
    font-size: 14px !important;
}
#fnv-header.fnv-kzh-design .fnv-mega-col a {
    font-size: 16px !important;
}
#fnv-header.fnv-kzh-design .fnv-mega-col a {
    font-size: 16px !important;
}

p.announcement-text {
    font-family: 'Montserrat' !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: rgb(var(--color-button-text)) !important;
}
ul.footer-payment-icons {
    max-width: 100% !important;
    padding-top: 40px !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.footer-copyright .credits {
    padding-top:0px !important;
    order: 0 !important;
}
#fnv-header.fnv-kzh-design .fnv-sub-btn {
    font-family: 'Montserrat' !important;
    font-size: 16px !important;
}

#fnv-header.fnv-kzh-design #fnv-topnav>li>button, #fnv-header.fnv-kzh-design #fnv-topnav>li>a {
    font-family: 'Montserrat' !important;
    font-size: 17px !important;
}
#fnv-header.fnv-kzh-design .fnv-header-row {
    max-width: 100% !important;
}

#fnv-header.fnv-kzh-design #fnv-subnav-scroll {
    max-width: 100% !important;
}
.kca-wrap {
    max-width: 100% !important;
}

.kca-hero {margin: auto !important;text-align: center !important;max-width: 1250px !important;}

.kca-kicker {
    justify-content: center !important;
}

p.kca-lede {
    max-width: 100% !important;
}

.kca-meta {
    justify-content: center !important;
}

nav.kca-breadcrumb {
    justify-content: center !important;
    font-size: 15px !important;
}

a.kca-tag {
    font-size: 15px !important;
    letter-spacing: normal !important;
}


.kca-share {
    max-width: 100% !important;
}

article.kca-article {
    max-width: 100% !important;
}

nav.kca-pager {
    max-width: 100% !important;
}

section.kca-author {
    max-width: 100% !important;
}

.kca-comments {
    max-width: 100% !important;
}

.kca-toc-link {
    font-size: 15px !important;
}

.kca-toc {
    height: 100% !important;
}

.kca-aside {
    position: sticky !important;
}

a.kca-toc-link {}

img.kca-avatar {
    padding: 5px !important;
}

p.kca-form-note {
    display: none !important;
}

.kca-form-note {
    display: none !important;
}

@media(max-width:801px) {

a.kca-back {
    display: none !important;
}

.kca-kicker {
    display: none !important;
}

h1.kca-title {
    font-size: 25px !important;
}

p.kca-lede {
    font-size: 15px !important;
}

.kca-meta {
    font-size: 12px !important;
}
}
a.kl-button {
    color: rgb(var(--color-button-text)) !important;
}

.kl-hero h2 {
    color: rgb(var(--color-button-text)) !important;
    margin-top: 10px !important;
}
#fnv-header.fnv-kzh-design {
    margin-bottom: 30px !important;
}
section#kmd-dresses {
    padding-top: 10px !important;
}
.article-card__media .badges {
    display: none !important;
}

@media(max-width:801px) {
.article-card__media .badges {
    display: none !important;
}

#fnv-header.fnv-kzh-design {
    margin-bottom: 0px !important;
    border-bottom: 1px solid grey !important;
}

slider-element#Slider-template--32368708616517__blog_posts_Pg76pq {
    padding-bottom: 40px !important;
}

.footer__right {
    margin-top: 0px !important;
}
}
.kmld-edit__shell {
    max-width: 100% !important;
}


@media(min-width:801px) {
ul.footer-payment-icons {
    padding-right: 70px !important;
}
#fnv-header.fnv-kzh-design .fnv-header-row {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    background: rgb(var(--color-background)) !important;
}

#fnv-header.fnv-kzh-design {
    background: rgb(var(--color-foreground)) !important;
}
}


.bigmains__consmin233 {
    display: flex !important;
}

.bigmains__consmin233 img {
    margin-right: 20px !important;
}
ul.footer-payment-icons {
    border-top: 1px solid rgb(var(--color-foreground) / 0.16) !important;
}
ul.footer-payment-icons {
    border-top: 1px solid rgb(var(--color-foreground) / 0.16) !important;
}

.bigmains__consmin233 img {
    max-width: 110px !important;
}
#glp-locale-popup {
    background: rgb(var(--color-foreground) / 0.45098039) !important;
    backdrop-filter: blur(5px);
}
@media screen and (max-width: 1600px) and (min-width: 801px) {
.footer__left {
    display: block !important;
}

.footer__logo {
    margin-bottom: 35px !important;
}
  }

  /* AJAX search dropdown: same visual system as the KZH header. */
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel {
  position:absolute; top:calc(100% + 10px); right:0; left:auto; z-index:1550;
  width:min(520px,calc(100vw - 32px)); max-height:min(620px,calc(100dvh - var(--fnv-design-bottom,120px) - 20px));
  overflow-y:auto; overscroll-behavior:contain; padding:14px; background:rgb(var(--color-background)); color:rgb(var(--color-foreground));
  border:1px solid rgb(var(--color-background) / 0.16); border-radius:18px; box-shadow:0 24px 50px -16px rgb(var(--color-shadow) / .3);
  font-family:'Manrope',var(--font-body-family,Arial),system-ui,sans-serif;
  animation:fnv-kzh-enter .35s cubic-bezier(.22,1,.36,1) both;
}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel[hidden] {display:none!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-panel-heading {margin:0!important;padding:5px 8px 12px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:rgb(var(--color-foreground))!important;line-height:1.4!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-options {display:block!important;list-style:none!important;margin:0!important;padding:0!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-options>li {margin:0!important;padding:0!important;border:0!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term {display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:rgb(var(--color-foreground))!important;font:600 14px/1.4 'Manrope',var(--font-body-family,Arial),system-ui,sans-serif!important;text-align:left!important;cursor:pointer;transition:background .2s ease,transform .35s cubic-bezier(.22,1,.36,1);}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term svg {width:18px!important;height:18px!important;flex:none;color:rgb(var(--color-foreground));}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product {display:flex!important;align-items:center!important;gap:14px!important;padding:10px!important;border-radius:12px!important;border:0!important;background:transparent!important;color:rgb(var(--color-foreground))!important;text-decoration:none!important;transition:background .2s ease;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-image {display:grid!important;place-items:center;width:72px!important;height:86px!important;flex:0 0 72px!important;overflow:hidden!important;border-radius:9px!important;background:rgb(var(--color-placeholder))!important;color:rgb(var(--color-foreground));}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-image img {display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-image svg {width:28px!important;height:28px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-copy {display:flex!important;flex-direction:column!important;gap:6px!important;flex:1!important;min-width:0!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-title {display:block!important;color:rgb(var(--color-foreground))!important;font-size:14px!important;font-weight:700!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-price {color:rgb(var(--color-price))!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-note {font-size:11px!important;color:rgb(var(--color-foreground))!important;line-height:1.4!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-result-arrow {width:18px!important;height:18px!important;flex:none!important;color:rgb(var(--color-foreground));}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-options>[aria-selected="true"]>:is(a,button),
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) :is(.fnv-search-product,.fnv-search-term):hover {background:rgb(var(--color-base-highlight))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-view-all {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:10px 0 0!important;padding:14px 10px 4px!important;border-top:1px solid rgb(var(--color-background) / 0.16)!important;color:rgb(var(--color-foreground))!important;font-size:12px!important;font-weight:700!important;line-height:1.5!important;text-decoration:none!important;overflow-wrap:anywhere;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-view-all:hover {text-decoration:underline!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-message {margin:0!important;padding:14px 8px!important;font-size:13px!important;line-height:1.7!important;color:rgb(var(--color-foreground))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-live-status {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-skeletons>div {height:76px;margin:6px 0;border-radius:12px;background:linear-gradient(100deg,rgb(var(--color-base-highlight)) 25%,rgb(var(--color-base-highlight)) 45%,rgb(var(--color-base-highlight)) 65%);background-size:200% 100%;animation:fnv-search-shimmer 1.2s ease-in-out infinite;}
#fnv-drawer.fnv-kzh-drawer .fnv-drawer-search-wrap {position:relative!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-predictive-panel {position:static!important;width:100%!important;max-height:min(450px,55dvh)!important;margin-top:12px!important;box-shadow:none!important;padding:10px!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-predictive-panel {width:100%!important;}
@media(max-width:1024px) {#fnv-header.fnv-kzh-design .fnv-predictive-panel {width:100%!important;}}
@media(max-width:380px) {
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel {padding:10px!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product {gap:10px!important;padding:8px!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-image {width:58px!important;height:72px!important;flex-basis:58px!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-title {font-size:13px!important;}
}
@keyframes fnv-search-shimmer {from{background-position:120% 0}to{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce) {
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel,
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}


/* Compact Claude-style search, scoped to the existing FNV header and drawer. */
#fnv-header.fnv-kzh-design .fnv-search:focus-within {width:clamp(180px,18vw,290px)!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar {
  display:flex!important;align-items:center!important;gap:8px!important;position:relative!important;
  width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:5px 6px 5px 12px!important;box-sizing:border-box!important;
  border:1px solid rgb(var(--color-foreground) / 0.16)!important;border-radius:22px!important;background:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important;
  transition:border-color .25s ease,box-shadow .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)!important;
}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar:hover {border-color:rgb(var(--color-foreground) / 0.16)!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar:focus-within {border-color:rgb(var(--color-foreground))!important;box-shadow:0 5px 18px rgb(var(--color-shadow) / .08)!important;transform:translateY(-1px);}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-leading-icon {display:block!important;flex:0 0 17px!important;width:17px!important;height:17px!important;color:rgb(var(--color-foreground))!important;transition:color .25s,transform .35s cubic-bezier(.22,1,.36,1)!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar:focus-within .fnv-search-leading-icon {color:rgb(var(--color-foreground))!important;transform:scale(1.07);}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>input:is(.fnv-search-input,.fnv-drawer-search-input) {
  display:block!important;flex:1 1 0%!important;min-width:0!important;width:0!important;height:32px!important;min-height:32px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:none!important;background:transparent!important;
  color:rgb(var(--color-foreground))!important;box-shadow:none!important;appearance:none!important;font:500 13px/1.4 var(--kzh-font,'Manrope',Arial,sans-serif)!important;
}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>input::placeholder {color:rgb(var(--color-foreground))!important;opacity:1!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>input::-webkit-search-decoration,
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>input::-webkit-search-cancel-button {display:none!important;appearance:none!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>:is(.fnv-search-clear,.fnv-search-btn) {
  display:grid!important;place-items:center!important;position:static!important;inset:auto!important;flex:none!important;
  margin:0!important;padding:0!important;min-width:0!important;border:0!important;transform:none!important;cursor:pointer!important;
  transition:background .2s,color .2s,opacity .2s,scale .3s cubic-bezier(.22,1,.36,1)!important;
}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-clear {width:24px!important;height:28px!important;border-radius:50%!important;background:transparent!important;color:rgb(var(--color-foreground))!important;animation:fnv-search-control-in .2s cubic-bezier(.22,1,.36,1) both;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-clear[hidden] {display:none!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-clear:hover {background:rgb(var(--color-base-highlight))!important;color:rgb(var(--color-foreground))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-btn {width:32px!important;height:32px!important;border-radius:12px!important;background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;color:rgb(var(--color-button-text))!important;opacity:.3;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-has-query .fnv-search-bar>.fnv-search-btn,
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar:focus-within>.fnv-search-btn {opacity:1;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-btn:hover {background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;opacity:1;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>:is(.fnv-search-clear,.fnv-search-btn):active {scale:.92;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>:is(.fnv-search-clear,.fnv-search-btn):focus-visible {outline:2px solid rgb(var(--color-keyboard-focus))!important;outline-offset:3px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-btn svg {display:block!important;width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-clear svg {width:14px!important;height:14px!important;fill:none!important;}

:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel {
  width:min(440px,calc(100vw - 32px))!important;max-height:min(460px,var(--fnv-search-room,calc(100dvh - 150px)))!important;
  padding:8px!important;border-color:rgb(var(--color-background) / 0.16)!important;border-radius:22px!important;
  box-shadow:0 18px 48px rgb(var(--color-shadow) / .14)!important;scrollbar-width:thin;
  container-type:inline-size;animation:fnv-search-panel-in .35s cubic-bezier(.22,1,.36,1) both!important;
}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-panel-heading {padding:8px 12px!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:rgb(var(--color-foreground))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term {gap:12px!important;padding:9px 10px!important;border-radius:15px!important;font-weight:500!important;font-size:14px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term-icon {display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:11px!important;background:rgb(var(--color-base-highlight))!important;color:rgb(var(--color-foreground))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term-icon svg {width:17px!important;height:17px!important;transition:transform .35s cubic-bezier(.22,1,.36,1),color .2s!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term-text {flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term-arrow {width:16px!important;height:16px!important;flex:none!important;color:rgb(var(--color-foreground))!important;font-size:18px!important;transition:transform .25s ease!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term:hover .fnv-search-term-icon svg {transform:scale(1.1);color:rgb(var(--color-foreground))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-term:hover .fnv-search-term-arrow {transform:translate(1px,-1px);color:rgb(var(--color-foreground))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product {gap:12px!important;padding:9px 10px!important;border-radius:15px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-image {width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:14px!important;background:rgb(var(--color-placeholder))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-image img {object-fit:contain!important;transition:transform .4s cubic-bezier(.22,1,.36,1)!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product:hover .fnv-search-product-image img {transform:scale(1.06);}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-copy {gap:3px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-title {display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-price {font-size:12px!important;font-weight:500!important;color:rgb(var(--color-price))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-view {display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:none!important;height:32px!important;padding:0 10px!important;border-radius:11px!important;background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;color:rgb(var(--color-button-text))!important;font-size:12px!important;line-height:1!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-view svg {display:block!important;width:14px!important;height:14px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-match {padding:0 2px!important;border-radius:3px!important;background:rgb(var(--color-foreground))!important;color:rgb(var(--color-button-text))!important;font:inherit!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-options>li.fnv-search-row-enter {animation:fnv-search-row-in .35s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--fnv-search-row-index,0) * 35ms);}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-view-all {margin:6px 2px 0!important;padding:12px 10px 8px!important;font-size:12px!important;font-weight:500!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-skeletons>div {display:flex!important;align-items:center!important;gap:12px!important;height:auto!important;padding:9px 10px!important;margin:0!important;background:none!important;animation:none!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-skeletons i {display:block!important;border-radius:6px!important;background:rgb(var(--color-base-highlight))!important;animation:fnv-search-pulse 1.1s ease-in-out infinite;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-skeletons>div>i {flex:0 0 56px!important;width:56px!important;height:56px!important;border-radius:14px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-skeletons span {flex:1!important;min-width:0!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-skeletons span i {height:10px!important;width:75%!important;margin-bottom:8px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-skeletons span i+i {width:35%!important;margin-bottom:0!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-predictive-panel {width:100%!important;max-height:min(460px,55dvh,var(--fnv-search-room,55dvh))!important;padding:8px!important;box-shadow:none!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-search:focus-within {width:100%!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-predictive-panel {width:100%!important;}
#fnv-header.fnv-kzh-design.fnv-design-mobile .fnv-search-bar>input.fnv-search-input {font-size:16px!important;}
@media(max-width:1024px) {
  #fnv-header.fnv-kzh-design .fnv-search:focus-within {width:100%!important;}
  #fnv-header.fnv-kzh-design .fnv-predictive-panel {width:100%!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>input:is(.fnv-search-input,.fnv-drawer-search-input) {font-size:16px!important;}
}
@container(max-width:320px) {
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product {gap:9px!important;padding-inline:8px!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-image {width:50px!important;height:50px!important;flex-basis:50px!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-view {width:30px!important;height:30px!important;padding:0!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-product-view>span {display:none!important;}
}
@keyframes fnv-search-panel-in {from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes fnv-search-row-in {from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes fnv-search-control-in {from{opacity:0;scale:.7}to{opacity:1;scale:1}}
@keyframes fnv-search-pulse {50%{opacity:.45}}
@media(prefers-reduced-motion:reduce) {
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar,
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar *,
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel,
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel * {animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important;}
}


/* Repair: keep every suggestion and announcement outside header layout. */
#fnv-header.fnv-kzh-design form.fnv-search {height:auto!important;min-height:0!important;align-self:center!important;overflow:visible!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel {
  display:block!important;position:absolute!important;top:calc(100% + 10px)!important;inset-inline-end:0!important;left:auto!important;
  margin:0!important;z-index:1550!important;overflow:auto!important;overscroll-behavior:contain!important;
  background:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important;border:1px solid rgb(var(--color-background) / 0.16)!important;box-sizing:border-box!important;
}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-predictive-panel[hidden] {display:none!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-live-status {
  display:block!important;position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;
  margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;pointer-events:none!important;
}
#fnv-drawer.fnv-kzh-drawer .fnv-predictive-panel {position:static!important;inset:auto!important;margin-top:12px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar {gap:6px!important;container-type:inline-size;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic {
  display:grid!important;place-items:center!important;position:relative!important;flex:0 0 28px!important;min-width:0!important;
  width:28px!important;height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:11px!important;
  background:transparent!important;color:rgb(var(--color-foreground))!important;cursor:pointer!important;box-shadow:none!important;
  transition:background .2s,color .2s,scale .25s cubic-bezier(.22,1,.36,1)!important;
}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic svg {display:block!important;width:17px!important;height:17px!important;fill:none!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic:not(:disabled):hover {background:rgb(var(--color-base-highlight))!important;color:rgb(var(--color-foreground))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic:not(:disabled):active {scale:.92;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic:disabled {opacity:.35!important;cursor:default!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic:focus-visible {outline:2px solid rgb(var(--color-keyboard-focus))!important;outline-offset:2px!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic.fnv-voice-listening {background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;color:rgb(var(--color-button-text))!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic.fnv-voice-listening::after {content:"";position:absolute;inset:0;border:1px solid rgb(var(--color-foreground));border-radius:11px;pointer-events:none;animation:fnv-voice-ring 1.3s ease-out infinite;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-voice-status {display:block!important;position:absolute!important;top:calc(100% + 10px)!important;right:0!important;z-index:1600!important;width:min(340px,100%)!important;padding:12px!important;border:1px solid rgb(var(--color-background) / 0.16)!important;border-radius:14px!important;background:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important;box-shadow:0 8px 24px rgb(var(--color-shadow) / .1)!important;font:500 12px/1.6 'Manrope',Arial,sans-serif!important;box-sizing:border-box!important;}
:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-voice-status[hidden] {display:none!important;}
#fnv-drawer.fnv-kzh-drawer .fnv-voice-status {right:20px!important;width:calc(100% - 40px)!important;top:60px!important;}
@container(max-width:240px) {
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar {gap:4px!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-clear {width:20px!important;}
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-mic {width:26px!important;flex-basis:26px!important;}
}
@container(max-width:220px) {
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-leading-icon {display:none!important;}
}
@keyframes fnv-voice-ring {from{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}
@media(prefers-reduced-motion:reduce) {
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic,
  :is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-mic::after {animation:none!important;transition:none!important;}
}

:is(#fnv-header.fnv-kzh-design,#fnv-drawer.fnv-kzh-drawer) .fnv-search-bar>.fnv-search-btn {
    border-radius: 50px !important;
}
/* Video-reference menu motion. Append after your existing header/search CSS. */
#fnv-header.fnv-kzh-design.fnv-menu-motion #fnv-topnav>li>button,
#fnv-header.fnv-kzh-design.fnv-menu-motion #fnv-topnav>li>a {z-index:2!important;transition:color .2s ease,opacity .2s ease!important;}
#fnv-header.fnv-kzh-design.fnv-menu-motion #fnv-topnav>li>button::after,
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-sub-btn::after {display:none!important;}
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-kzh-indicator,
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-sub-pill {
  display:block!important;position:absolute!important;left:0!important;top:50%!important;bottom:auto!important;
  height:32px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;
  border-radius:999px!important;background:rgb(var(--color-foreground))!important;z-index:1!important;pointer-events:none!important;
  transform-origin:center;will-change:transform,width;
  transition:transform .42s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .2s ease!important;
}
#fnv-header.fnv-kzh-design.fnv-menu-motion #fnv-topnav>li>.fnv-pill-target,
#fnv-header.fnv-kzh-design.fnv-menu-motion #fnv-sub-list>.fnv-sub-item>.fnv-pill-target {color:rgb(var(--color-button-text))!important;opacity:1!important;}
#fnv-header.fnv-kzh-design.fnv-menu-motion #fnv-topnav:hover>li>button,
#fnv-header.fnv-kzh-design.fnv-menu-motion #fnv-topnav:hover>li>a {opacity:1!important;}
#fnv-header.fnv-kzh-design.fnv-menu-motion #fnv-sub-list {position:relative!important;isolation:isolate;}
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-sub-btn {z-index:2!important;transition:color .2s ease!important;}
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-sub-pill {opacity:0;height:32px!important;}

/* Reveal the panel from its top edge; its final size never changes the header. */
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-mega,
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-edit-dropdown {
  transform:none!important;clip-path:inset(0 0 100% 0)!important;opacity:0!important;
  visibility:hidden!important;pointer-events:none!important;will-change:clip-path,opacity;
  transition:clip-path .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,visibility 0s linear .3s!important;
}
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-mega.fnv-mega-visible,
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-edit-nav-item.fnv-edit-open .fnv-edit-dropdown {
  transform:none!important;clip-path:inset(0 0 0 0)!important;opacity:1!important;
  visibility:visible!important;pointer-events:auto!important;
  transition:clip-path .52s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s!important;
}
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-menu-reveal-item {
  opacity:0!important;translate:0 -6px;
  transition:opacity .16s ease,translate .2s cubic-bezier(.4,0,.2,1),color .2s ease!important;
  transition-delay:0s!important;
}
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-mega-visible .fnv-menu-reveal-item,
#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-edit-open .fnv-menu-reveal-item {
  opacity:1!important;translate:0 0;
  transition:opacity .3s ease,translate .42s cubic-bezier(.22,1,.36,1),color .2s ease!important;
  transition-delay:var(--fnv-menu-delay,120ms),var(--fnv-menu-delay,120ms),0s!important;
}
#fnv-backdrop.fnv-kzh-backdrop.fnv-video-backdrop {
  top:var(--fnv-menu-backdrop-top,132px)!important;bottom:0!important;left:0!important;right:0!important;
  background:linear-gradient(180deg,rgb(var(--color-drawer-overlay) / .42) 0%,rgb(var(--color-drawer-overlay) / .2) 50%,rgb(var(--color-drawer-overlay) / .04) 100%)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .38s ease,visibility 0s linear .38s!important;
}
#fnv-backdrop.fnv-kzh-backdrop.fnv-video-backdrop.fnv-bd-on {opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:opacity .42s ease,visibility 0s!important;}
#fnv-header.fnv-kzh-design.fnv-menu-motion.fnv-design-mobile .fnv-sub-pill {display:none!important;}
@media(max-width:1024px) {#fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-sub-pill {display:none!important;}}
@media(prefers-reduced-motion:reduce) {
  #fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-kzh-indicator,
  #fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-sub-pill,
  #fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-mega,
  #fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-edit-dropdown,
  #fnv-header.fnv-kzh-design.fnv-menu-motion .fnv-menu-reveal-item,
  #fnv-backdrop.fnv-kzh-backdrop.fnv-video-backdrop {transition:none!important;transition-delay:0s!important;animation:none!important;translate:0 0!important;will-change:auto!important;}
}



#fnv-header.fnv-kzh-design {
    border-bottom: 0px solid rgb(var(--color-background) / 0.16) !important;
}

#fnv-header.fnv-kzh-design .fnv-icon-btn svg, #fnv-header.fnv-kzh-design .fnv-search-toggle svg {
    width: 24px !important;
    height: 24px !important;
}

.fnv-icon-country .country-flag {
    height: 22px !important;
    border-radius: 50px !important;
}
section#kimlud-image-text-section {
    background: radial-gradient(circle at 8% 0%, rgba(31,200,255,0.55) 0%, rgba(31,200,255,0) 38%),    linear-gradient(115deg, #3b2bd6 0%, #6a2fe0 28%, #d6144a 66%, #ff6a1f 100%);
}

section#kmd-coats {
    background: radial-gradient(circle at 8% 0%, rgba(31,200,255,0.55) 0%, rgba(31,200,255,0) 38%),    linear-gradient(115deg, #3b2bd6 0%, #6a2fe0 28%, #d6144a 66%, #ff6a1f 100%);
}
nav.kca-breadcrumb {
    justify-content: unset !important;
}

/* Solid colours for article tag buttons */
.ikw-journal .ikw-post {
  --ikw-tag-color: #3b2bd6;
}

.ikw-journal .ikw-post:nth-child(24n + 1)  { --ikw-tag-color: #3b2bd6; }
.ikw-journal .ikw-post:nth-child(24n + 2)  { --ikw-tag-color: #d6144a; }
.ikw-journal .ikw-post:nth-child(24n + 3)  { --ikw-tag-color: #c2410c; }
.ikw-journal .ikw-post:nth-child(24n + 4)  { --ikw-tag-color: #6a2fe0; }
.ikw-journal .ikw-post:nth-child(24n + 5)  { --ikw-tag-color: #0369a1; }
.ikw-journal .ikw-post:nth-child(24n + 6)  { --ikw-tag-color: #047857; }
.ikw-journal .ikw-post:nth-child(24n + 7)  { --ikw-tag-color: #be185d; }
.ikw-journal .ikw-post:nth-child(24n + 8)  { --ikw-tag-color: #4338ca; }
.ikw-journal .ikw-post:nth-child(24n + 9)  { --ikw-tag-color: #0e7490; }
.ikw-journal .ikw-post:nth-child(24n + 10) { --ikw-tag-color: #b45309; }
.ikw-journal .ikw-post:nth-child(24n + 11) { --ikw-tag-color: #7e22ce; }
.ikw-journal .ikw-post:nth-child(24n + 12) { --ikw-tag-color: #15803d; }
.ikw-journal .ikw-post:nth-child(24n + 13) { --ikw-tag-color: #b91c1c; }
.ikw-journal .ikw-post:nth-child(24n + 14) { --ikw-tag-color: #1d4ed8; }
.ikw-journal .ikw-post:nth-child(24n + 15) { --ikw-tag-color: #a21caf; }
.ikw-journal .ikw-post:nth-child(24n + 16) { --ikw-tag-color: #0f766e; }
.ikw-journal .ikw-post:nth-child(24n + 17) { --ikw-tag-color: #9f1239; }
.ikw-journal .ikw-post:nth-child(24n + 18) { --ikw-tag-color: #6d28d9; }
.ikw-journal .ikw-post:nth-child(24n + 19) { --ikw-tag-color: #4d7c0f; }
.ikw-journal .ikw-post:nth-child(24n + 20) { --ikw-tag-color: #92400e; }
.ikw-journal .ikw-post:nth-child(24n + 21) { --ikw-tag-color: #075985; }
.ikw-journal .ikw-post:nth-child(24n + 22) { --ikw-tag-color: #86198f; }
.ikw-journal .ikw-post:nth-child(24n + 23) { --ikw-tag-color: #334155; }
.ikw-journal .ikw-post:nth-child(24n + 24) { --ikw-tag-color: #115e59; }

/* Different colours for the three featured hero cards */
.ikw-journal .ikw-feat-row > .ikw-big {
  --ikw-tag-color: #3b2bd6;
}

.ikw-journal .ikw-stack > .ikw-post:nth-child(1) {
  --ikw-tag-color: #d6144a;
}

.ikw-journal .ikw-stack > .ikw-post:nth-child(2) {
  --ikw-tag-color: #0369a1;
}

/* Tag button, label and arrow */
.ikw-journal .ikw-post .ikw-image-tags summary {
  background: var(--ikw-tag-color) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  text-shadow: none;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
}

.ikw-journal .ikw-post .ikw-image-tags summary .ikw-icon {
  color: #fff !important;
  stroke: currentColor;
}

/* Tag count */
.ikw-journal .ikw-post .ikw-image-tags summary .ikw-tag-total {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}
body.template-article #fnv-header.fnv-kzh-design {
    margin-bottom: 0px !important;
}

nav.kca-toolbar-links {
    display: none !important;
}

button.kca-layout-btn {
    display: none !important;
}
.kca-center {
    max-width: 100% !important;
}

.kca-kicker {
    justify-content: unset !important;
}

h1.kca-title {
    font-weight: 600 !important;
    text-align: left !important;
}

p.kca-lede {
    text-align: left !important;
}

.kca-meta {
    font-size: 16px !important;
    justify-content: unset !important;
}

.kca-icon-btn {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
    border-color: rgb(var(--color-background) / 0.16) !important;
}

.kca-discover h2, .kca-latest h2 {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}

.kca-related-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
}

.kca-edit-tile strong, #KimludArticle-template--32368707797317__main-article .kca-edit-tile strong {
    font-size: 30px !important;
}

a.kca-edit-tile {
    gap: 5px !important;
    min-height: unset !important;
}

.kca-edit-tile small {
    display: none !important;
}

.kca-bestseller img {
    object-fit: cover !important;
}

.kca-carousel-track strong {
    margin-top: 20px !important;
    font-size: 18px !important;
}

.kca-carousel-track strong+small {
    font-size: 16px !important;
}

.kca-post-body small {
    font-size: 14px !important;
}

.kca-post-body h3 {
    font-size: 24px !important;
}

.kca-post-body p {
    font-size: 16px !important;
}

.kca-root.kca-rounded {
    padding-bottom: 0px !important;
}
.kca-center {
    max-width: 100% !important;
}

.kca-kicker {
    justify-content: unset !important;
}

h1.kca-title {
    font-weight: 600 !important;
    text-align: left !important;
}

p.kca-lede {
    text-align: left !important;
}

.kca-meta {
    font-size: 16px !important;
    justify-content: unset !important;
}

.kca-icon-btn {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
    border-color: rgb(var(--color-background) / 0.16) !important;
}

.kca-discover h2, .kca-latest h2 {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}

.kca-related-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
}

.kca-edit-tile strong, #KimludArticle-template--32368707797317__main-article .kca-edit-tile strong {
    font-size: 30px !important;
}

a.kca-edit-tile {
    gap: 5px !important;
    min-height: unset !important;
}

.kca-edit-tile small {
    display: none !important;
}

.kca-bestseller img {
    object-fit: cover !important;
}

.kca-carousel-track strong {
    margin-top: 20px !important;
    font-size: 18px !important;
}

.kca-carousel-track strong+small {
    font-size: 16px !important;
}

.kca-post-body small {
    font-size: 14px !important;
}

.kca-post-body h3 {
    font-size: 24px !important;
}

.kca-post-body p {
    font-size: 16px !important;
}

.kca-root.kca-rounded {
    padding-bottom: 0px !important;
}
.kca-product-image img {
    object-fit: cover !important;
}

.kca-story-image img {
    object-fit: cover !important;
}
.kca-share .kca-icon-btn {
    fill: currentColor !important;
    background: rgb(var(--color-background)) !important;
}
:root{
  --nxa-bg:#fff;--nxa-ink:#2b2b2b;--nxa-body:#444;--nxa-mute:#9a9a9a;--nxa-line:#c9c9c9;
  --nxa-frame:#f1f1f3;--nxa-link:#8a8a8a;--nxa-edge:#0f1c24;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--nxa-bg:#141414;--nxa-ink:#ececec;--nxa-body:#c8c8c8;--nxa-mute:#8a8a8a;--nxa-line:#3a3a3a;--nxa-frame:#1d1d1f;--nxa-link:#aaa}
}
:root[data-theme="dark"]{--nxa-bg:#141414;--nxa-ink:#ececec;--nxa-body:#c8c8c8;--nxa-mute:#8a8a8a;--nxa-line:#3a3a3a;--nxa-frame:#1d1d1f;--nxa-link:#aaa}
#nxa-hero-text{padding:56px 52px 0}
#nxa-title{margin:0;font-weight:300;font-size:clamp(30px,5.2vw,50px);line-height:1.12;text-transform:uppercase;letter-spacing:-.005em;max-width:900px}
#nxa-deck{margin:8px 0 0;max-width:840px;font:400 clamp(20px,3vw,29px)/1.3 "Times New Roman",Times,Georgia,serif;color:var(--nxa-body)}
.nxa-credits{margin-top:22px;font-size:12px;line-height:1.35;color:var(--nxa-mute)}
.nxa-credits span{font-family:"Times New Roman",Times,serif;color:var(--nxa-link)}
.nxa-share{display:flex;gap:14px;margin-top:14px}
.nxa-share a{width:14px;height:14px;display:block;opacity:.85;transition:opacity .25s,transform .25s}
.nxa-share a:hover{opacity:.4;transform:translateY(-1px)}
.nxa-share svg{width:100%;height:100%;fill:currentColor}

/* image frames */
.nxa-figure{margin:0}
.nxa-frame{background:var(--nxa-frame);padding:clamp(18px,5vw,48px) clamp(18px,5vw,48px)}
.nxa-photo{position:relative;overflow:hidden;border:6px solid var(--nxa-edge);border-radius:7px;box-shadow:0 0 0 3px rgba(173,196,210,.65);background-size:cover;background-position:center}
.nxa-photo img{width:100%;height:100%;object-fit:cover}
.nxa-photo::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 55%,rgba(0,0,0,.18));pointer-events:none}
.nxa-wide{margin:42px 30px 0}
.nxa-wide .nxa-photo{aspect-ratio:1.34/1}
.nxa-tall{margin:34px 52px 0}
.nxa-tall .nxa-frame{padding:clamp(18px,5vw,70px)}
.nxa-tall .nxa-photo{aspect-ratio:.82/1;max-width:700px;margin:0 auto}
.nxa-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 52px 0}
.nxa-pair .nxa-frame{padding:clamp(12px,3vw,34px)}
.nxa-pair .nxa-photo{aspect-ratio:.78/1;border-width:5px}
.nxa-pair.nxa-landscape .nxa-photo{aspect-ratio:1.3/1}
.nxa-cap{margin:12px 0 0;font-size:12px;line-height:1.4;color:var(--nxa-mute)}
.nxa-cap b{font-weight:400;color:var(--nxa-ink)}
.nxa-tall .nxa-cap,.nxa-pair .nxa-cap{padding:0}

/* photo placeholders (swap for <img> tags) */
.nxa-ph1{background:linear-gradient(135deg,#e9d9d4 0%,#c9a99b 35%,#8f7466 60%,#d9b9a8 100%)}
.nxa-ph2{background:linear-gradient(180deg,#b9544a 0%,#c98a63 30%,#8e9aa5 62%,#6d7d86 100%)}
.nxa-ph3{background:linear-gradient(120deg,rgb(var(--color-foreground)) 0%,#a9b9be 40%,#7c8d93 70%,#e8ddd3 100%)}
.nxa-ph4{background:linear-gradient(160deg,#d8b99b 0%,#b08a6a 40%,#4b3a31 100%)}
.nxa-ph5{background:linear-gradient(200deg,#e6c9c6 0%,#d9a7ad 45%,#8fa4b8 100%)}
.nxa-ph6{background:linear-gradient(150deg,#9cbcd0 0%,#d9a3ab 50%,#6e8aa0 100%)}

/* text */
.nxa-lead{margin:40px 0 0;padding:0 52px;max-width:820px;font:400 clamp(21px,3vw,27px)/1.38 "Times New Roman",Times,Georgia,serif;color:var(--nxa-body)}
.nxa-lead-cont{margin:0 0 0;padding:0 52px;max-width:820px;font:400 clamp(21px,3vw,27px)/1.38 "Times New Roman",Times,Georgia,serif;color:var(--nxa-body)}
.nxa-text{max-width:500px;margin:46px auto 0;padding:0 20px;font:400 17px/1.5 "Times New Roman",Times,Georgia,serif;color:var(--nxa-body);width:100%}
.nxa-text p{margin:0}
.nxa-text p+p{text-indent:1.6em}
.nxa-text em{font-style:italic}
.nxa-text a{text-decoration:underline;color:var(--nxa-link)}
@media (min-width:700px){.nxa-text{padding:0;transform:translateX(0)}}

.nxa-bio{max-width:500px;margin:60px auto 0;padding:0 20px;font:italic 17px/1.45 "Times New Roman",Times,serif;color:var(--nxa-body)}
.nxa-bio a{text-decoration:underline;color:var(--nxa-link);font-weight:700}
.nxa-end-credits{margin:36px 0 0;text-align:center;font-size:12px;line-height:1.4;color:var(--nxa-mute)}
.nxa-end-credits span{font-family:"Times New Roman",Times,serif;color:var(--nxa-link)}

/* related / next */
#nxa-more{padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:64px 52px 0}
.nxa-label{border-top:1px solid var(--nxa-line);padding-top:10px;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--nxa-ink);margin-bottom:14px}
.nxa-related{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
.nxa-card .nxa-thumb{aspect-ratio:1.04/1;background-size:cover;overflow:hidden}
.nxa-card .nxa-thumb div{width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.nxa-card:hover .nxa-thumb div{transform:scale(1.04)}
.nxa-card h3{margin:10px 0 0;font-weight:300;font-size:19px;line-height:1.15;text-transform:uppercase}
.nxa-meta{margin-top:4px;font:400 12px "Times New Roman",Times,serif;color:var(--nxa-link)}
.nxa-meta i{font-style:normal;margin:0 5px;opacity:.6}
.nxa-next{text-align:center}
.nxa-next h2{margin:30px 0 0;font-weight:300;font-size:clamp(26px,3.8vw,40px);line-height:1.1;text-transform:uppercase}
.nxa-next p{margin:16px auto 0;max-width:420px;font:400 clamp(19px,2.5vw,25px)/1.28 "Times New Roman",Times,serif;color:var(--nxa-body)}


/* extra blocks */
.nxa-ph7{background:linear-gradient(140deg,#e8d5b8 0%,#cfa66f 40%,#7a5a3a 100%)}
.nxa-ph8{background:linear-gradient(190deg,#c7d6c4 0%,#8fae94 45%,#41594a 100%)}
.nxa-ph9{background:linear-gradient(130deg,#d6c3de 0%,#a88bb8 45%,#4a3a63 100%)}
.nxa-quote{max-width:760px;margin:64px auto 0;padding:0 52px;text-align:center}
.nxa-quote blockquote{margin:0;font:300 clamp(24px,4vw,40px)/1.15 "Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.005em}
.nxa-quote cite{display:block;margin-top:16px;font:italic 15px "Times New Roman",Times,serif;color:var(--nxa-link)}
.nxa-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 52px 0}
.nxa-trio .nxa-frame{padding:clamp(10px,2vw,24px)}
.nxa-trio .nxa-photo{aspect-ratio:.8/1;border-width:4px}
.nxa-divider{max-width:500px;margin:56px auto 0;padding:0 20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--nxa-mute)}
.nxa-divider::before{content:"";display:block;width:36px;height:1px;background:var(--nxa-line);margin:0 auto 16px}
@media (max-width:820px){.nxa-trio{margin-left:20px;margin-right:20px}.nxa-quote{padding:0 20px}}
@media (max-width:600px){.nxa-trio{grid-template-columns:1fr;gap:14px}}


/* shop block */
.nxa-shop{max-width:500px;margin:56px auto 0;padding:0 20px}
.nxa-shop h2{margin:0 0 14px;padding-top:10px;border-top:1px solid var(--nxa-line);font:400 11px "Helvetica Neue",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.nxa-shop ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.nxa-shop li{border-bottom:1px solid var(--nxa-line)}
.nxa-shop a{display:flex;justify-content:space-between;padding:12px 0;font:300 15px "Helvetica Neue",Arial,sans-serif;text-transform:uppercase;transition:padding .3s}
.nxa-shop a::after{content:"\2192";transition:transform .3s}
.nxa-shop a:hover{padding-left:6px}.nxa-shop a:hover::after{transform:translateX(4px)}
.nxa-text h2{margin:34px 0 10px;font:400 11px "Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nxa-mute)}
.nxa-text h2:first-child{margin-top:0}
@media (max-width:520px){.nxa-shop ul{grid-template-columns:1fr}}

/* reveal */
.nxa-reveal{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}
.nxa-reveal.nxa-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.nxa-reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* responsive */
@media (max-width:820px){
  #nxa-hero-text{padding:40px 20px 0}
  .nxa-wide{margin:30px 0 0}
  .nxa-tall,.nxa-pair{margin-left:20px;margin-right:20px}
  .nxa-lead,.nxa-lead-cont{padding:0 20px}
  #nxa-more{grid-template-columns:1fr;margin:48px 20px 0;gap:36px}
}
@media (max-width:520px){
  .nxa-pair{grid-template-columns:1fr;gap:14px}
  .nxa-related{gap:12px}
  .nxa-card h3{font-size:16px}
}
.nxa-end-credits {
    padding-bottom: 80px !important;
}
.nxa-end-credits {
    padding-bottom: 80px !important;
}

#fnv-header.fnv-kzh-design .fnv-edit-dropdown {
    box-shadow: unset !important;
}
nav.kca-blog-navigation {
    display: none !important;
}
#kled26-editorial .kled26__heading {
    font-size: 60px !important;
}

#kled26-editorial .kled26__intro {
    font-size: 18px !important;
}

#kled26-editorial .kled26__container {
    max-width: 100% !important;
}

@media (max-width:801px){
#kled26-editorial .kled26__heading {
    font-size: 35px !important;
}
}

.klf__brand {}

span.klf__brand-cap {}

span.klf__brand-cap {
    display: none !important;
}

span.klf__brand-box {
    background: transparent !important;
    border: 0px !important;
    padding: 0px !important;
}

span.klf__brand-box {
    display: none !important;
}

p.klf__qr-cap {
    display: none !important;
}

p.klf__pay-note {
    color: #1F2A44 !important;
    text-align: left !important;
}

.klf__note {
    color: #1F2A44 !important;
}

.klf__input, .klf__input::placeholder {
    color: rgb(var(--color-foreground)) !important;
}

.klf__select {
    color: #1F2A44 !important;
}

.klf__top-btn span {
    color: #1F2A44 !important;
}

.klf__social-wrap ul {
}

.klf__social-wrap ul li {
    width: 20% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
}

.klf__social-wrap ul {
    gap: 5px !important;
}

.klf__social-wrap a {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #5f394d !important;
    border-radius: 50% !important;
}

.social_platform .icon {
    padding: 3px !important;
    fill: rgb(var(--color-button-text)) !important;
}

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

.klf__row2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 0.5fr) minmax(0, 0.8fr) minmax(0, 1.5fr) !important;
}
.klf__menus {
    border-top: 0px !important;
}

.klf__frame {
    border-top: 0px !important;
}
h1.kme26-main-title {
    font-family: 'Baskerville', 'Iowan Old Style', 'Times New Roman', Georgia, serif !important;
}

h2.kme26-hero-title {
    font-family: 'Baskerville', 'Iowan Old Style', 'Times New Roman', Georgia, serif !important;
}
/* KIMLUD Pearl Peach branding. Append LAST in your existing main stylesheet.
   Requires the included header.liquid and ONE included JavaScript version.
   Keep your existing search and menu animation CSS. This file adds branding only. */

#fnv-header.fnv-kzh-design.fnv-pearl-brand,
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand {
  --fnv-pearl-ivory:rgb(var(--color-background));
  --fnv-pearl-peach:rgb(var(--color-base-highlight));
  --fnv-champagne:rgb(var(--color-base-highlight));
  --fnv-raspberry:rgb(var(--color-foreground));
  --fnv-warm-plum:rgb(var(--color-foreground));
  --fnv-soft-gold:rgb(var(--color-base-highlight));
  --fnv-brand-line:rgb(var(--color-foreground) / .16);
  --fnv-brand-muted:rgb(var(--color-foreground) / 0.65);
  --fnv-brand-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --kzh-paper:var(--fnv-pearl-ivory);
  --kzh-ink:var(--fnv-warm-plum);
  --kzh-line:var(--fnv-brand-line);
  --kzh-soft:var(--fnv-pearl-peach);
  --kzh-font:'Manrope',var(--font-body-family,Arial),system-ui,sans-serif;
  color:var(--fnv-warm-plum)!important;
  background:var(--fnv-pearl-ivory)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-scrolled {box-shadow:0 12px 28px -20px rgb(var(--color-shadow) / .3)!important;}
#fnv-header.fnv-pearl-brand :focus-visible,
#fnv-drawer.fnv-pearl-brand :focus-visible {outline-color:var(--fnv-raspberry)!important;}

/* Brand row and BOTH original navigation rows. */
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-header-row {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:32px!important;row-gap:8px!important;
  padding:18px 32px 0!important;min-height:0!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .mains__flipss {display:contents!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .sidemains__consmin233 {grid-column:2!important;grid-row:1!important;gap:20px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-logo {
  grid-column:1!important;grid-row:1!important;justify-self:start!important;
  max-width:100%!important;color:var(--fnv-raspberry)!important;line-height:1!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-logo a {display:block!important;}
.fnv-pearl-brand .fnv-brand-lockup {display:inline-flex;align-items:center;gap:18px;white-space:nowrap;}
.fnv-pearl-brand .fnv-brand-monogram {
  display:grid;place-items:center;width:52px;height:52px;flex:none;
  border:1px solid var(--fnv-soft-gold);border-radius:50%;
  color:var(--fnv-soft-gold);font:500 43px/1 var(--fnv-brand-serif);letter-spacing:-.035em;
}
#fnv-header.fnv-pearl-brand .fnv-brand-wordmark,
#fnv-drawer.fnv-pearl-brand .fnv-brand-wordmark {
  display:block;color:var(--fnv-raspberry)!important;
  font:500 clamp(30px,2.7vw,44px)/1.05 var(--fnv-brand-serif)!important;
  letter-spacing:.13em!important;text-transform:uppercase!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-logo img {
  width:var(--kzh-logo-desktop,150px)!important;max-width:min(100%,400px)!important;
  max-height:64px!important;height:auto!important;object-fit:contain!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-logo:hover img {transform:scale(1.015)!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-topnav {
  grid-column:1/-1!important;grid-row:2!important;justify-content:center!important;
  justify-self:stretch!important;gap:clamp(20px,2.3vw,38px)!important;height:44px!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-topnav>li>button,
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-topnav>li>a {
  color:var(--fnv-raspberry)!important;font-size:13px!important;font-weight:500!important;
  letter-spacing:.015em!important;text-transform:none!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-subnav-wrap {
  background:var(--fnv-pearl-ivory)!important;border-top:1px solid var(--fnv-brand-line)!important;
  border-bottom:1px solid var(--fnv-soft-gold)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-subnav-scroll {padding-inline:32px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-sub-list,
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-sub-list>.fnv-sub-item,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-sub-btn {height:46px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-sub-list {gap:28px!important;justify-content:center!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-sub-btn {
  color:var(--fnv-raspberry)!important;font-size:11px!important;font-weight:500!important;
  letter-spacing:.035em!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-scroll-arrow {
  height:46px!important;background:var(--fnv-pearl-ivory)!important;color:var(--fnv-raspberry)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion .fnv-kzh-indicator,
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion .fnv-sub-pill {
  background:var(--fnv-raspberry)!important;height:30px!important;
  box-shadow:0 2px 5px rgb(var(--color-shadow) / .07);
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion #fnv-topnav>li>.fnv-pill-target,
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion #fnv-sub-list>.fnv-sub-item>.fnv-pill-target {color:var(--fnv-pearl-ivory)!important;}

/* Consistent, light line icons. Original links and event hooks remain intact. */
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-icons {gap:4px!important;}
#fnv-header.fnv-pearl-brand .fnv-brand-secondary-utilities {display:flex;align-items:center;gap:4px;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-icon-btn,.fnv-search-toggle,[data-fnv-loc-toggle],#fnv-hamburger-btn) {
  color:var(--fnv-raspberry)!important;width:42px!important;min-width:42px!important;height:44px!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-icon-btn,.fnv-search-toggle,#fnv-hamburger-btn):hover {
  background:var(--fnv-pearl-peach)!important;transform:translateY(-1px)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-icon-btn,.fnv-search-toggle,#fnv-hamburger-btn) svg {
  width:25px!important;height:25px!important;stroke:currentColor!important;stroke-width:1.6!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand [data-fnv-loc-toggle] {
  width:auto!important;gap:7px!important;padding-inline:12px!important;
  border-inline:1px solid var(--fnv-brand-line)!important;border-radius:0!important;
}
#fnv-header.fnv-pearl-brand .fnv-brand-globe {width:21px;height:21px;flex:none;}
#fnv-header.fnv-pearl-brand [data-fnv-loc-toggle]:has(.fnv-brand-globe)>.country-flag {display:none!important;}
#fnv-header.fnv-pearl-brand :is(.fnv-brand-country-code,.fnv-loc-current) {font:500 12px/1.3 var(--kzh-font)!important;color:var(--fnv-raspberry)!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-cart-count {
  background:var(--fnv-raspberry)!important;color:var(--fnv-pearl-ivory)!important;
  border-color:var(--fnv-pearl-ivory)!important;font-weight:600!important;
}

/* Search stays within its slot; branding does not change panel positioning. */
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-search,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-search:focus-within {
  width:clamp(220px,21vw,320px)!important;min-width:220px!important;max-width:320px!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar {
  background:var(--fnv-pearl-ivory)!important;border-color:var(--fnv-brand-line)!important;
  border-radius:999px!important;box-shadow:none!important;color:var(--fnv-raspberry)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar:hover {border-color:rgb(var(--color-foreground) / .4)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar:focus-within {
  border-color:var(--fnv-raspberry)!important;box-shadow:0 0 0 3px rgb(var(--color-shadow) / .07)!important;transform:none!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>input:is(.fnv-search-input,.fnv-drawer-search-input) {color:var(--fnv-warm-plum)!important;font-weight:400!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>input::placeholder {color:var(--fnv-brand-muted)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) :is(.fnv-search-leading-icon,.fnv-search-clear,.fnv-search-mic) {color:var(--fnv-raspberry)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar:focus-within .fnv-search-leading-icon {color:var(--fnv-raspberry)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-term:hover .fnv-search-term-icon svg {color:var(--fnv-raspberry)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>:is(.fnv-search-mic,.fnv-search-clear):hover {background:var(--fnv-pearl-peach)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>.fnv-search-btn {
  color:var(--fnv-raspberry)!important;background:var(--fnv-pearl-peach)!important;border-radius:50%!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>.fnv-search-btn:hover,
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-mic.fnv-voice-listening {
  color:var(--fnv-pearl-ivory)!important;background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-mic.fnv-voice-listening::after {border-color:rgb(var(--color-button-background))!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-mic:focus-visible {outline-color:var(--fnv-raspberry)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-voice-status {background:var(--fnv-pearl-ivory)!important;color:var(--fnv-warm-plum)!important;border-color:var(--fnv-brand-line)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-predictive-panel {
  background:var(--fnv-pearl-ivory)!important;border-color:var(--fnv-brand-line)!important;
  border-radius:18px!important;box-shadow:0 18px 40px -15px rgb(var(--color-shadow) / .25)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) :is(.fnv-search-panel-heading,.fnv-search-product-price,.fnv-search-message,.fnv-search-product-note) {color:var(--fnv-brand-muted)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) :is(.fnv-search-term,.fnv-search-product-title,.fnv-search-view-all) {color:var(--fnv-warm-plum)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) :is(.fnv-search-term-icon,.fnv-search-product-image) {background:var(--fnv-pearl-peach)!important;color:var(--fnv-raspberry)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-options>[aria-selected="true"]>:is(a,button),
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) :is(.fnv-search-product,.fnv-search-term):hover {background:var(--fnv-pearl-peach)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) :is(.fnv-search-match,.fnv-search-product-view) {background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;color:var(--fnv-pearl-ivory)!important;}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-view-all {border-color:var(--fnv-brand-line)!important;}

/* Mega, compact and editorial menus share the same warm surfaces.
   Existing clip-path reveals, stagger delays and pill transitions stay active. */
#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-mega,.fnv-edit-dropdown,.fnv-loc-popup) {
  background:var(--fnv-pearl-ivory)!important;border-color:var(--fnv-brand-line)!important;
  box-shadow:0 24px 45px -20px rgb(var(--color-shadow) / .24)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega {border-radius:0 0 8px 8px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega-col a {color:var(--fnv-warm-plum)!important;font-weight:400!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega-col h4,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega-col h4 a,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega-col :is(a.fnv-link-bold,a.fnv-link-sale,.fnv-mega-promo-cta) {color:var(--fnv-raspberry)!important;font-weight:600!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega-col a:hover {color:var(--fnv-raspberry)!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega-promo-wrap {border-radius:6px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-edit-dropdown-link {color:var(--fnv-warm-plum)!important;font-weight:400!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-edit-dropdown-link:hover,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-edit-dropdown-link:focus {color:var(--fnv-raspberry)!important;background:var(--fnv-pearl-peach)!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-edit-dropdown-title,.fnv-loc-label) {color:var(--fnv-brand-muted)!important;border-color:var(--fnv-brand-line)!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-loc-option,.fnv-loc-title,.fnv-loc-close) {color:var(--fnv-warm-plum)!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-loc-option:hover,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-loc-option.is-active {background:var(--fnv-pearl-peach)!important;color:var(--fnv-raspberry)!important;}
#fnv-backdrop.fnv-kzh-backdrop.fnv-video-backdrop {background:linear-gradient(180deg,rgb(var(--color-drawer-overlay) / .33),rgb(var(--color-drawer-overlay) / .16) 50%,rgb(var(--color-drawer-overlay) / .03))!important;}
#fnv-overlay.fnv-kzh-overlay {background:rgb(var(--color-drawer-overlay) / .28)!important;}
#fnv-promo-bottom {background:rgb(var(--color-base-highlight))!important;color:#1F2A44!important;border-bottom:1px solid rgb(var(--color-foreground) / .12)!important;}
#fnv-promo-bottom :is(.fnv-pb-text,.fnv-pb-light,.fnv-pb-cta) {color:#1F2A44!important;}
#fnv-promo-bottom .fnv-pb-cta svg {fill:currentColor!important;}

/* Mobile drawer: preserve its original links and accordion animation. */
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-drawer-head {background:var(--fnv-pearl-ivory)!important;border-color:var(--fnv-brand-line)!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-brand-wordmark {font-size:32px!important;letter-spacing:.12em!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-drawer-logo img {width:auto!important;max-width:180px!important;max-height:52px!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand #fnv-drawer-close-btn {color:var(--fnv-raspberry)!important;background:transparent!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand :is(.fnv-drawer-search-wrap,.fnv-acc-item,.fnv-acc-panel) {border-color:var(--fnv-brand-line)!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-mob-section-label {color:var(--fnv-raspberry)!important;background:var(--fnv-pearl-ivory)!important;font-weight:600!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand :is(.fnv-acc-trigger,.fnv-mob-direct-link,.fnv-acc-chevron) {color:var(--fnv-raspberry)!important;font-weight:500!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-acc-trigger {text-decoration:none!important;background:transparent!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-acc-trigger:hover,
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-acc-item.fnv-acc-open>.fnv-acc-trigger {background:var(--fnv-pearl-peach)!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-acc-panel {background:var(--fnv-pearl-peach)!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-acc-panel a {color:var(--fnv-warm-plum)!important;font-weight:400!important;text-decoration:none!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-acc-panel a:hover {color:var(--fnv-raspberry)!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-edit-mobile-group-label {color:var(--fnv-brand-muted)!important;}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-predictive-panel {box-shadow:none!important;}

/* Measured desktop compaction keeps opening search out of the document flow. */
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-search-compact.fnv-search-open .fnv-search {
  position:absolute!important;top:calc(100% + 8px)!important;right:24px!important;
  width:min(420px,calc(100vw - 32px))!important;min-width:0!important;max-width:420px!important;
  background:var(--fnv-pearl-ivory)!important;border-color:var(--fnv-brand-line)!important;
}

/* The same rules cover the measured mobile mode above 1024px. */
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-header-row {
  display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px 40px!important;
  column-gap:4px!important;row-gap:4px!important;padding:10px 16px 4px!important;
  border-bottom:1px solid var(--fnv-soft-gold)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile :is(.mains__flipss,.sidemains__consmin233,.fnv-icons) {display:contents!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile #fnv-hamburger-btn {grid-column:1!important;grid-row:1!important;display:inline-flex!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-logo {
  grid-column:2!important;grid-row:1!important;justify-self:center!important;
  max-width:100%!important;min-width:0!important;
}
#fnv-header.fnv-pearl-brand.fnv-design-mobile .fnv-brand-monogram {display:none!important;}
#fnv-header.fnv-pearl-brand.fnv-design-mobile .fnv-brand-wordmark {font-size:clamp(24px,6.6vw,34px)!important;letter-spacing:.095em!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-logo img {width:var(--kzh-logo-mobile,110px)!important;max-width:100%!important;max-height:48px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-icon-cart {grid-column:4!important;grid-row:1!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-search-toggle {display:inline-flex!important;grid-column:3!important;grid-row:1!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-brand-secondary-utilities {
  grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:16px!important;border-top:1px solid var(--fnv-brand-line)!important;padding-top:4px!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile :is(.fnv-icon-btn,.fnv-search-toggle,#fnv-hamburger-btn) {width:40px!important;min-width:40px!important;height:40px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile [data-fnv-loc-toggle] {height:36px!important;width:auto!important;min-width:0!important;border:0!important;padding-inline:4px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-brand-secondary-utilities .fnv-icon-btn {width:36px!important;min-width:36px!important;height:36px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-brand-secondary-utilities .fnv-icon-btn svg {width:21px!important;height:21px!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-search {display:none!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile.fnv-search-open .fnv-search {
  display:block!important;position:absolute!important;inset:auto!important;top:calc(100% + 8px)!important;right:16px!important;
  width:calc(100% - 32px)!important;min-width:0!important;max-width:none!important;order:0!important;
  padding:10px!important;background:var(--fnv-pearl-ivory)!important;
  border:1px solid var(--fnv-brand-line)!important;border-radius:24px!important;
  box-shadow:0 18px 35px -15px rgb(var(--color-shadow) / .25)!important;z-index:1500!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile.fnv-search-open .fnv-search:focus-within {width:calc(100% - 32px)!important;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-predictive-panel {width:100%!important;}
#fnv-header.fnv-pearl-brand.fnv-design-mobile .fnv-search-bar>input.fnv-search-input {font-size:16px!important;}
@media(max-width:380px) {
  #fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-header-row {padding-inline:12px!important;grid-template-columns:36px minmax(0,1fr) 36px 36px!important;column-gap:2px!important;}
  #fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile :is(.fnv-search-toggle,.fnv-icon-cart,#fnv-hamburger-btn) {min-width:36px!important;width:36px!important;}
  #fnv-header.fnv-pearl-brand.fnv-design-mobile .fnv-brand-wordmark {font-size:22px!important;letter-spacing:.06em!important;}
}
@media(prefers-reduced-motion:reduce) {
  #fnv-header.fnv-pearl-brand *,#fnv-drawer.fnv-pearl-brand * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

#fnv-header.fnv-kzh-design .fnv-logo img, #fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-logo img {
    max-width: 100% !important;
    max-height: unset !important;
    width: 100% !important;
    max-width: 200px !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(,[data-fnv-loc-toggle],#fnv-hamburger-btn) {
    padding: 0px 10px !important;
    width: unset !important;
    min-width: 80px !important;
    background:transparent !important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-topnav {
    justify-content: space-around !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-topnav>li>button, #fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-topnav>li>a {
    font-weight: 600 !important;
    font-size: 16px !important;
}
/* Append LAST in your main stylesheet, after the Pearl branding CSS.
   Expands desktop search into the free space between your logo and icons.
   Your current header.liquid and JavaScript can stay in place. */

#fnv-header.fnv-kzh-design.fnv-pearl-brand:not(.fnv-design-mobile):not(.fnv-search-compact) .fnv-header-row {
  grid-template-columns:max-content minmax(0,1fr)!important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand:not(.fnv-design-mobile):not(.fnv-search-compact) .sidemains__consmin233 {
  width:100%!important;
  min-width:0!important;
  justify-self:stretch!important;
  justify-content:flex-end!important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand:not(.fnv-design-mobile):not(.fnv-search-compact) .fnv-search {
  flex:0 1 clamp(220px,21vw,320px)!important;
  width:clamp(220px,21vw,320px)!important;
  min-width:220px!important;
  max-width:none!important;
  transition:flex-grow .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1)!important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand:not(.fnv-design-mobile):not(.fnv-search-compact) .fnv-search:focus-within {
  flex-grow:1!important;
  width:100%!important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand:not(.fnv-design-mobile):not(.fnv-search-compact) .fnv-icons {
  flex:0 0 auto!important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand:not(.fnv-design-mobile):not(.fnv-search-compact) .fnv-predictive-panel {
  width:100%!important;
  max-width:none!important;
}

@media(prefers-reduced-motion:reduce) {
  #fnv-header.fnv-kzh-design.fnv-pearl-brand:not(.fnv-design-mobile):not(.fnv-search-compact) .fnv-search {transition:none!important;}
}

body.template-product {
    background: rgb(var(--color-base-highlight)) !important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-sub-btn {
    font-size: 14px !important;
}
.sc-trigger {
    right: 0px !important;
    border: 0px !important;
    float: right;
}
.sc-trigger {
    right: 0px !important;
    border: 0px !important;
    float: right;
}

.product__accordion summary {
    padding-left: 0px !important;
}
.product__title .product__price {
    width: 100% !important;
}

#kld26-payment-section .kld26-payment__text {
    font-size: 14px !important;
}

#kld26-payment-section .kld26-payment__logo svg {
    height: 23px !important;
}
#rp-coupon-strip .rp-strip__ticket {
    align-items: center !important;
}

#rp-coupon-strip .rp-strip__amount {
    font-size: 50px !important;
}

section#rp-coupon-strip {
    padding: 0px !important;
}
#rp-similar-styles .rp-sim__img img {aspect-ratio: unset !important;margin: auto !important;}

#rp-similar-styles .rp-sim__img {
    position: relative !important;
}

.media>img {
    margin: auto !important;
    height: 100% !important;
}

#rp-style-with .rp-sw__add {
    width: 30px !important;
    height: 30px !important;
    padding: 5px !important;
    bottom: 55px !important;
}

#rp-style-with .rp-sw__price {
    font-size: 13px !important;
}

#rp-style-with .rp-sw__name {
    text-decoration: none !important;
    background: transparent !important;
}

#rp-style-with .rp-sw__media img {
    margin: auto !important;
}
#shopify-section-template--32368709534021__faq .page-width {
    max-width: 100% !important;
}

.faqs.with-background .title-wrapper {align-items: center !important;}

#rp-coupon-strip .rp-strip__copy {
    padding: 0px 20px !important;
    margin: auto !important;
}

.product__title.with-price h1 {
    font-size: 36px !important;
}
#rp-halloween-sale .rp-hw__card {
    max-width: 100% !important;
}

.rp-strip__ticket {
    max-width: 100% !important;
}
.product__media.media--adapt>:is(img, svg, video-media) {
    object-fit: cover !important;
    backface-visibility: unset !important;
    object-position: unset !important;
    aspect-ratio: unset !important;
    height: fit-content;
}

.product--thumbnail .product__media-list .product__media {
    display: block !important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand {
    margin-bottom: 0px !important;
}

#tb-breadcrumb .tbb-svg {
    width: 18px !important;
    height: 18px !important;
}
div#gt_float_wrapper {
    left: 50% !important;
    transform: translate(-50%, 0%);
    bottom: 10px !important;
}

.gt_float_switcher {
    border-radius: 50px !important;
}

.gt_float_switcher img {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50px !important;
    object-fit: cover !important;
}
[data-kca-theme] {
    display: none !important;
}
body.template-index #fnv-header.fnv-kzh-design.fnv-pearl-brand {
    margin-bottom: 25px !important;
}
body.template-index #fnv-header.fnv-kzh-design.fnv-pearl-brand {
    margin-bottom: 25px !important;
}

#kmd-page {
    background: transparent !important;
}

section#kmd-coats {
    background: rgb(var(--color-base-highlight))  !important;
}

.kmd-coats__inner {}

.kmd-coats__inner * {
    color: rgb(var(--color-foreground)) !important;
}

p.kmd-note {
    color: rgb(var(--color-foreground)) !important;
}

.kmd-coats__inner p.kmd-note {
    color: rgb(var(--color-foreground)) !important;
}

p.kmd-coats__text {
    color: rgb(var(--color-foreground)) !important;
}

a.kmd-btn.kmd-btn--light {
    background: #1F2A44 !important;
    border-color: #1F2A44 !important;
    color: rgb(var(--color-button-text)) !important;
}

.image-with-text__item .rich-text {
    background: transparent !important;
}

div#kmd-nl-banner {
    background: rgb(var(--color-foreground)) !important;
    border-radius: 10px !important;
}

#kmd-nl-banner .kmd-nl-banner__right {
    background: #1F2A44 !important;
}

#kmd-nl-timer .kmd-nl-timer__digits span {
    color: #1F2A44 !important;
}
.drawer {
    z-index: 999999999999999999999999999999999999999999999999999999999999 !important;
}
#tb-breadcrumb .tbb-inner {
    max-width: 100% !important;
}
@media (max-width:801px){

#fnv-header.fnv-pearl-brand .fnv-brand-secondary-utilities, #fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-brand-secondary-utilities {
    justify-content: space-between !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-logo img {
    max-height: unset !important;
    width: 100% !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-icon-btn,.fnv-search-toggle,#fnv-hamburger-btn) svg {
    width: 20px !important;
    height: 20px !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(#fnv-hamburger-btn) svg {
    width: 30px !important;
    height: 30px !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile :is(#fnv-hamburger-btn) {
    width: 32px !important;
    padding-left: 0px !important;
    min-width: 32px !important;
}

p.announcement-text {
    font-size: 14px !important;
}

.shopify-section-group-header-group nav.topbar.topbar--center {
    padding: 0px !important;
}

nav.topbar.topbar--center {}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile :is(.fnv-search-toggle,.fnv-icon-cart,#fnv-hamburger-btn) {
    background: transparent !important;
}
#fnv-header.fnv-pearl-brand .fnv-brand-secondary-utilities, #fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-brand-secondary-utilities {
    justify-content: space-between !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-logo img {
    max-height: unset !important;
    width: 100% !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-icon-btn,.fnv-search-toggle,#fnv-hamburger-btn) svg {
    width: 20px !important;
    height: 20px !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(#fnv-hamburger-btn) svg {
    width: 30px !important;
    height: 30px !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile :is(#fnv-hamburger-btn) {
    width: 32px !important;
    padding-left: 0px !important;
    min-width: 32px !important;
}

p.announcement-text {
    font-size: 14px !important;
}

.shopify-section-group-header-group nav.topbar.topbar--center {
    padding: 0px !important;
}

nav.topbar.topbar--center {}

#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile :is(.fnv-search-toggle,.fnv-icon-cart,#fnv-hamburger-btn) {
    background: transparent !important;
}

.klf__row2 {
    display: block !important;
}

.klf__social-wrap ul li {
    width: unset !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}
.ikw-letter {
    display: block !important;
}

.ikw-letter p {
    padding-bottom: 15px !important;
}
.kca-discover-head a {
    display: none !important;
}

.kca-edit-tile strong, #KimludArticle-template--32368707797317__main-article .kca-edit-tile strong {
    font-size: 20px !important;
}

.kca-related-grid {
    display: block !important;
}
}
.loading-bar {
    z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;
}

#glp-locale-popup .glp-popup__button {
    background: #1F2A44 !important;
}
/* KIMLUD final Forest Green branding — COLOR UPDATE ONLY.
   Append LAST in your main CSS, after the existing branding, menu animation
   and search-expansion CSS. Keep your current header.liquid and JavaScript.
   Scoped to the KIMLUD header, announcement bars, menus and mobile drawer.
   Logo images, layout, search expansion and animations remain unchanged. */

#fnv-header.fnv-kzh-design.fnv-pearl-brand,
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand {
  --kimlud-white:rgb(var(--color-background));
  --kimlud-mist:rgb(var(--color-base-highlight));
  --kimlud-sage:rgb(var(--color-base-highlight));
  --kimlud-forest:rgb(var(--color-foreground));
  --kimlud-hover:rgb(var(--color-foreground));
  --kimlud-champagne:rgb(var(--color-button-text));
  --kimlud-ivory:rgb(var(--color-background));
  --kimlud-gold:rgb(var(--color-base-highlight));

  /* Compatibility aliases for the CSS already in your main stylesheet. */
  --fnv-pearl-ivory:var(--kimlud-white);
  --fnv-pearl-peach:var(--kimlud-sage);
  --fnv-champagne:var(--kimlud-champagne);
  --fnv-raspberry:var(--kimlud-forest);
  --fnv-warm-plum:var(--kimlud-forest);
  --fnv-soft-gold:var(--kimlud-gold);
  --fnv-brand-line:var(--kimlud-gold);
  --fnv-brand-muted:var(--kimlud-forest);
  --kzh-paper:var(--kimlud-white);
  --kzh-ink:var(--kimlud-forest);
  --kzh-line:var(--kimlud-gold);
  --kzh-soft:var(--kimlud-mist);
  color:var(--kimlud-forest)!important;
}

/* Light Green Mist behind the uploaded logo and BOTH navigation rows. */
#fnv-header.fnv-kzh-design.fnv-pearl-brand,
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-subnav-wrap,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-scroll-arrow {
  background:var(--kimlud-mist)!important;
  border-color:var(--kimlud-gold)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-scrolled {
  box-shadow:0 12px 28px -20px rgb(var(--color-shadow) / .3)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-icon-btn,.fnv-search-toggle,#fnv-hamburger-btn,[data-fnv-loc-toggle]):hover {
  background:var(--kimlud-sage)!important;
  color:var(--kimlud-hover)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-cart-count {
  background:var(--kimlud-sage)!important;
  color:var(--kimlud-forest)!important;
  border-color:var(--kimlud-mist)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-brand-monogram {
  color:var(--kimlud-forest)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion :is(.fnv-kzh-indicator,.fnv-sub-pill) {
  background:var(--kimlud-forest)!important;
  box-shadow:0 2px 5px rgb(var(--color-shadow) / .07);
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion #fnv-topnav>li>.fnv-pill-target,
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion #fnv-sub-list>.fnv-sub-item>.fnv-pill-target {
  color:var(--kimlud-champagne)!important;
}

/* White search inputs and product panels; forest controls and sage accents. */
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar,
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>input:is(.fnv-search-input,.fnv-drawer-search-input) {
  background:var(--kimlud-white)!important;
  color:var(--kimlud-forest)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar:hover {
  border-color:var(--kimlud-hover)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar:focus-within {
  border-color:var(--kimlud-forest)!important;
  box-shadow:0 0 0 3px rgb(var(--color-shadow) / .09)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>input::placeholder {
  color:var(--kimlud-forest)!important;
  opacity:.7!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) :is(.fnv-search-term-arrow,.fnv-search-result-arrow,.fnv-search-term-icon svg,.fnv-search-product),
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-term:hover .fnv-search-term-arrow {
  color:var(--kimlud-forest)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>.fnv-search-btn,
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-product-view {
  background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;
  color:rgb(var(--color-button-text))!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>.fnv-search-btn {
  opacity:1!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>.fnv-search-btn:hover,
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-product:hover .fnv-search-product-view {
  background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;
  color:rgb(var(--color-button-text))!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-match {
  background:var(--kimlud-champagne)!important;
  color:var(--kimlud-forest)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-product-image {
  background:var(--kimlud-white)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-skeletons i {
  background:var(--kimlud-sage)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>.fnv-search-mic.fnv-voice-listening,
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar>.fnv-search-mic.fnv-voice-listening:hover {
  background:var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background))!important;
  color:rgb(var(--color-button-text))!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-voice-status {
  background:var(--kimlud-ivory)!important;
  box-shadow:0 8px 24px rgb(var(--color-shadow) / .1)!important;
}
:is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-predictive-panel {
  background:var(--kimlud-white)!important;
  color:var(--kimlud-forest)!important;
  box-shadow:0 18px 40px -15px rgb(var(--color-shadow) / .25)!important;
}

/* Bright dropdowns with green links and thin champagne-gold borders. */
#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-mega,.fnv-edit-dropdown,.fnv-loc-popup) {
  background:var(--kimlud-white)!important;
  box-shadow:0 24px 45px -20px rgb(var(--color-shadow) / .24)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand [data-fnv-loc-close] {
  color:var(--kimlud-forest)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega-col a:hover,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-edit-dropdown-link:hover,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-edit-dropdown-link:focus,
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-loc-option:hover,
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-acc-panel a:hover {
  color:var(--kimlud-hover)!important;
}
#fnv-backdrop.fnv-kzh-backdrop.fnv-video-backdrop {
  background:linear-gradient(180deg,rgb(var(--color-drawer-overlay) / .33),rgb(var(--color-drawer-overlay) / .16) 50%,rgb(var(--color-drawer-overlay) / .03))!important;
}
#fnv-overlay.fnv-kzh-overlay {
  background:rgb(var(--color-drawer-overlay) / .28)!important;
}

/* Forest announcement banners with pale champagne lettering. */
#fnv-promo-bottom,
#fnv-promo-top {
  background:rgb(var(--color-foreground))!important;
  color:rgb(var(--color-button-text))!important;
  border-color:rgb(var(--color-base-highlight))!important;
}
#fnv-promo-bottom :is(.fnv-pb-text,.fnv-pb-light,.fnv-pb-cta),
#fnv-promo-top :is(strong,a,.fnv-promo-code,.fnv-promo-shopnow,#fnv-countdown) {
  color:rgb(var(--color-button-text))!important;
}
#fnv-promo-top .fnv-promo-code {
  border-color:rgb(var(--color-base-highlight))!important;
}
#fnv-promo-bottom .fnv-pb-cta:hover,
#fnv-promo-top .fnv-promo-shopnow:hover {
  color:rgb(var(--color-button-text))!important;
}

/* Mobile drawer and compact search retain all existing dimensions. */
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand {
  --color-foreground:var(--color-drawer-text);
  --color-background:var(--color-drawer-background);
  --color-button-background:var(--color-drawer-button-background);
  --color-button-border:var(--color-drawer-button-background);
  --color-button-text:var(--color-drawer-button-text);
  --color-button-gradient:var(--color-drawer-button-gradient);
  background:rgb(var(--color-drawer-background))!important;
}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand :is(.fnv-drawer-head,.fnv-mob-section-label) {
  background:var(--kimlud-mist)!important;
}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-acc-chevron {
  stroke:currentColor!important;
}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-predictive-panel {
  box-shadow:none!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile.fnv-search-open .fnv-search,
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-search-compact.fnv-search-open .fnv-search {
  background:var(--kimlud-mist)!important;
  box-shadow:0 18px 35px -15px rgb(var(--color-shadow) / .25)!important;
}
p.announcement-text {
    color: rgb(var(--color-foreground)) !important;
}
#klf-sections--32368702259525__footer .klf__btn {
    color: rgb(var(--color-button-text)) !important;
}
#tb-breadcrumb {
    background: transparent !important;
}

#tb-breadcrumb .tbb-current {
    background: rgb(var(--color-foreground) / 0.058823529) !important;
    border-color: rgb(var(--color-foreground) / 0.30196078) !important;
}
div#kmd-nl-banner {
    background: rgb(var(--color-foreground)) !important;
}

#kmd-nl-banner .kmd-nl-banner__right {
    background: rgb(var(--color-background) / 0.050980392) !important;
}

#kmd-nl-banner .kmd-nl-form__button {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
}
section#kimlud-image-text-section {
    background: rgb(var(--color-base-highlight)) !important;
}

section#kimlud-image-text-section * {
    color: rgb(var(--color-foreground)) !important;
}

section#kimlud-image-text-section .kimlud-link {
    border-color: currentColor !important;
}

section#kmd-coats {
    background: rgb(var(--color-base-highlight)) !important;
}

a.kmd-btn.kmd-btn--light {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
    border-color: rgb(var(--color-foreground)) !important;
}
section#kimlud-image-text-section {
    background: rgb(var(--color-base-highlight)) !important;
}

section#kimlud-image-text-section * {
    color: rgb(var(--color-foreground)) !important;
}

section#kimlud-image-text-section .kimlud-link {
    border-color: currentColor !important;
}

section#kmd-coats {
    background: rgb(var(--color-base-highlight)) !important;
}

a.kmd-btn.kmd-btn--light {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
    border-color: rgb(var(--color-foreground)) !important;
}

a.klf__link {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

span.klf__heading {
    font-family: 'Montserrat' !important;
    font-size: 19px !important;
}

.klf__heading {
    font-family: 'Montserrat' !important;
    font-size: 19px !important;
}

label.klf__field-label {
    font-family: 'Montserrat' !important;
}

p.klf__copy {
    font-family: 'Montserrat' !important;
    font-size: 18px !important;
}

.klf__select {
    font-family: 'Montserrat' !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

p.klf__note {
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
}

p.klf__pay-note {
    font-weight: 500 !important;
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
}

button.klf__top-btn span {
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
p.announcement-text {
    color: rgb(var(--color-button-text)) !important;
}
body.template-index #fnv-header.fnv-kzh-design.fnv-pearl-brand {
    background: rgb(var(--color-foreground)) !important;
}
#tb-breadcrumb .tbb-current {
    background: rgb(var(--color-base-highlight)) !important;
}

#kled26-editorial {
    background: rgb(var(--color-background)) !important;
}

#kled26-editorial .kled26__heading {
    font-family: 'Montserrat' !important;
}
#tb-breadcrumb .tbb-link {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
}

#tb-breadcrumb .tbb-svg {
    stroke: rgb(var(--color-foreground)) !important;
}
#tb-breadcrumb .tbb-link {
    background: transparent !important;
    color: rgb(var(--color-foreground)) !important;
}

#tb-breadcrumb .tbb-svg {
    stroke: rgb(var(--color-foreground)) !important;
}

#tb-breadcrumb {
    border-color: rgb(var(--color-base-highlight)) !important;
}
.faqs .contact__sidebar>.flex {
    align-items: flex-start !important;
}
#glp-locale-popup .glp-popup__button {
    background: var(--color-button-gradient)!important; background-color:rgb(var(--color-button-background)) !important;
}
select.gt_selector {
    color: rgb(var(--color-foreground)) !important;
    border: 1px solid var(--klf-gold) !important;
    padding-top: 4px !important;
    border-radius: 5px !important;
    padding-bottom: 4px !important;
    min-height: unset !important;
    height: unset !important;
    padding-left:10px !important;
}

select.gt_selector {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
        padding-right: 40px;
    position: relative;
    background: url(https://cdn11.bigcommerce.com/s-f7u5m751xw/images/stencil/original/image-manager/chevron.png);
    background-color: rgb(var(--color-background));
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    padding-left: 20px;
}

select.gt_selector {
    color: rgb(var(--color-foreground)) !important;
    border: 1px solid var(--klf-gold) !important;
    padding-top: 4px !important;
    border-radius: 5px !important;
    padding-bottom: 4px !important;
    min-height: unset !important;
    height: unset !important;
    padding-left:10px !important;
}

select.gt_selector {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
        padding-right: 40px;
    position: relative;
    background: url(https://cdn11.bigcommerce.com/s-f7u5m751xw/images/stencil/original/image-manager/chevron.png);
    background-color: rgb(var(--color-background));
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    padding-left: 20px;
}


footer#klf-sections--32368702259525__footer {
    padding-bottom: 20px !important;
}

.klf__top {
    display: none !important;
}

#smile-ui-lite-launcher-frame-container {
    bottom: 81px !important;
}
#kled26-editorial .kled26__heading {
    font-family: "Libre Baskerville", serif !important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand {
    background: rgb(var(--color-foreground)) !important;
}

@media (min-width: 801px) {
    #fnv-header.fnv-kzh-design .fnv-header-row {
        border-top-left-radius: 25px !important;
        border-top-right-radius: 25px !important;
        background: rgb(var(--color-background)) !important;
    }
}
span.ikw-menu-label {
    display: none !important;
}

.ikw-topbar {
    z-index: 9999999999999999999999999999999999999999999999999999999999999999 !important;
}

.ikw-menu-toggle {
    padding: 5px !important;
    width: 42px !important;
    border-radius: 10px !important;
}

.ikw-icon {
    width: 24px !important;
    height: 24px !important;
}

.ikw-topbar {
    padding-left: 30px !important;
}
.ikw-sidebar {
    z-index: 999999999999999999999999999999999999999999999999999999999999999999999 !important;
}


@media (max-width: 801px) {
.fnv-header-row {
    background: rgb(var(--color-background)) !important;

  }
  .fnv-header-row {
    background: rgb(var(--color-background)) !important;
}

.ikw-topbar {
    padding-left: 20px !important;
}
}

.ikw-journal.ikw-enhanced {
    z-index: 9 !important;
}
.ikw-sidebar {
    position: absolute !important;
    top: 0px !important;
}
.kled26c {
    background: transparent !important;
}
#tb-breadcrumb .tbb-current {
    color: rgb(var(--color-foreground)) !important;
}
    .ff-features{--ff-icon:rgb(var(--color-foreground));--ff-title:rgb(var(--color-foreground));--ff-text:rgb(var(--color-foreground));background:transparent;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;max-width:1100px;margin:0 auto;padding:44px 20px;font-family:inherit}
    .ff-features .ff-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;font-family:inherit}
    .ff-features .ff-icon{width:40px;height:40px;color:var(--ff-icon);background:transparent;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
    .ff-features .ff-title{margin:0;font-family:inherit;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ff-title)}
    .ff-features .ff-text{margin:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.55;color:var(--ff-text);max-width:24ch}
    @media (prefers-color-scheme:dark){.ff-features{--ff-title:rgb(var(--color-foreground));--ff-text:rgb(var(--color-foreground))}}
    @media (max-width:860px){.ff-features{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:420px){.ff-features{grid-template-columns:1fr}}
    .ff-features {
    max-width: 100% !important;
    background: rgb(var(--color-base-highlight)) !important;
}

.ff-features .ff-text {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}

.ff-features .ff-title {
    font-size: 20px !important;
    font-family: 'Montserrat' !important;
}

.ff-features .ff-icon {
    color: rgb(var(--color-foreground)) !important;
    stroke: rgb(var(--color-foreground)) !important;
}

.ff-features .ff-item {
    background: rgb(var(--color-background) / 0.74117647) !important;
    padding: 25px !important;
    border-radius: 25px !important;
}
#kimlud-about-strip .kas__select {
    width: fit-content !important;
    max-width: fit-content !important;
    border: 0px !important;
}

#kimlud-about-strip .kas__watermark {
    opacity: 0.3;
}

#kimlud-about-strip .kas__social a svg {
    fill: rgb(var(--color-foreground)) !important;
}

#kimlud-about-strip .kas__title {
    font-weight: 500 !important;
    font-family: 'Montserrat';
}

#kimlud-about-strip .kas__copy p {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}
#kimlud-about-strip .kas__title {
    font-size: 44px !important;
}
#fnv-header.fnv-kzh-design .fnv-scroll-arrow {
    box-shadow: unset !important;
}
@media (max-width: 801px) {

#kimlud-about-strip .kas__title {
    font-size: 30px !important;
}

#kimlud-about-strip .kas__legal {
    width: 100% !important;
    display: flex !important;
    flex-direction: unset !important;
    gap: 15px !important;
}
}
p.klf__copy {
    font-size: 16px !important;
    letter-spacing: 0px !important;
}

p.klf__copy a {
    text-decoration: underline !important;
}
.klf__social-wrap a {
    background: rgb(var(--color-base-highlight)) !important;
}
button.pp-button-enter {
    color: rgb(var(--color-button-text)) !important;
}
/* ===== KIMLUD Sitemap Redesign ===== */
:root {
  --sm-bg: rgb(var(--color-background)) !important;
  --sm-card: rgb(var(--color-background)) !important;
  --sm-text: rgb(var(--color-foreground)) !important;
  --sm-muted: rgb(var(--color-foreground) / 0.65) !important;
  --sm-accent: rgb(var(--color-base-highlight)) !important;
  --sm-accent-dark: rgb(var(--color-foreground)) !important;
  --sm-border: rgb(var(--color-foreground) / 0.16) !important;
  --sm-radius: 14px !important;
}

@media (prefers-color-scheme: dark) {
  :root {
    --sm-bg: rgb(var(--color-background)) !important;
    --sm-card: rgb(var(--color-background)) !important;
    --sm-text: rgb(var(--color-foreground)) !important;
    --sm-muted: rgb(var(--color-foreground) / 0.65) !important;
    --sm-border: rgb(var(--color-foreground) / 0.16) !important;
  }
}

#sitemap {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 64px 24px 96px !important;
  color: var(--sm-text) !important;
  line-height: 1.5 !important;
}

/* Page title */
#sitemap > h1 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
  color: var(--sm-text) !important;
}

#sitemap > h1::after {
  content: "" !important;
  display: block !important;
  width: 72px !important;
  height: 2px !important;
  margin: 20px auto 0 !important;
  background: var(--sm-accent) !important;
}

#sitemap section[name="overview"] {
  margin-top: 48px !important;
}

#sitemap section[name="overview"] > h2 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

/* Top-level list = stacked section cards */
#sitemap section[name="overview"] > ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
}

#sitemap section[name="overview"] > ul > li {
  background: var(--sm-card) !important;
  border: 1px solid var(--sm-border) !important;
  border-radius: var(--sm-radius) !important;
  padding: 32px !important;
  box-shadow: 0 6px 24px rgb(var(--color-shadow) / 0.04) !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--sm-text) !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}

#sitemap section[name="overview"] > ul > li:hover {
  box-shadow: 0 12px 36px rgb(var(--color-shadow) / 0.08) !important;
}

/* Section heading accent bar (first line of each card) */
#sitemap section[name="overview"] > ul > li::first-line {
  color: var(--sm-accent-dark) !important;
}

/* Inner link lists = responsive grid */
#sitemap ul[data-type] {
  list-style: none !important;
  margin: 24px 0 0 !important;
  padding: 24px 0 0 !important;
  border-top: 1px solid var(--sm-border) !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 10px 16px !important;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

#sitemap ul[data-type] > li {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

/* Links */
#sitemap ul[data-type] a {
  display: block !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  color: var(--sm-text) !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: all 0.2s ease !important;
}

#sitemap ul[data-type] a:hover,
#sitemap ul[data-type] a:focus-visible {
  background: rgba(176, 141, 87, 0.1) !important;
  border-color: var(--sm-accent) !important;
  color: var(--sm-accent-dark) !important;
  padding-left: 20px !important;
  outline: none !important;
}

/* Collections get slightly larger, bolder links */
#sitemap ul[data-type="collections"] a {
  font-weight: 500 !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.05em !important;
}

/* Pages get a calmer look */
#sitemap ul[data-type="pages"] a {
  color: var(--sm-muted) !important;
}

/* Load More button */
#sitemap .sitemap-load-more {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  margin-top: 16px !important;
  padding: 14px 40px !important;
  background: transparent !important;
  color: var(--sm-text) !important;
  border: 1px solid var(--sm-text) !important;
  border-radius: 999px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

#sitemap .sitemap-load-more:hover {
  background: var(--sm-accent) !important;
  border-color: var(--sm-accent) !important;
  color: rgb(var(--color-button-text)) !important;
  transform: translateY(-1px) !important;
}

#sitemap .sitemap-load-more:active {
  transform: translateY(0) !important;
}

/* Tablet */
@media (max-width: 900px) {
  #sitemap { padding: 48px 16px 72px !important; }
  #sitemap section[name="overview"] > ul > li {
    padding: 24px 20px !important;
    font-size: 1.3rem !important;
  }
  #sitemap ul[data-type] {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 560px) {
  #sitemap ul[data-type] {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  #sitemap ul[data-type] a {
    white-space: normal !important;
    padding: 12px !important;
  }
}
body.template-collection .breadcrumb {
    display: none !important;
}


body.template-collection .banner__content .banner__box {
    padding-top: 0px !important;
}
.page-width--narrow .contact__sidebar {
    display: block !important;
}

.page-width--narrow .contact__sidebar .grid {
    padding-top: 15px !important;
}

.faqs.with-background .title-wrapper {
    display: block !important;
}

.faqs.with-background .title-wrapper .page-width--narrow {
    margin-top: 20px !important;
}
#shopify-section-sections--32368702325061__custom_liquid_TwLyHk .page-width {
    padding: 0px !important;
    padding: 10px !important;
}

#hsa26-announcement-b7e9 {
    border-radius: 15px !important;
}
#shopify-section-sections--32368702325061__custom_liquid_TwLyHk .page-width {
    padding: 0px !important;
}

#hsa26-announcement-b7e9 {
    border-radius: 0px !important;
    margin-bottom: -20px !important;
    padding-bottom: 30px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-art {
    bottom: 11px !important;
    transform: scale(1.5);
}
span.hsa26-b7e9-script {
    font-size: 50px !important;
}

span.hsa26-b7e9-tag {
    font-size: 20px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-offer strong {
    font-size: 54px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-cta {
    font-size: 18px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-timer * {
    font-size: 21px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-timer  span.hsa26-b7e9-timer-label {
    font-size: 14px !important;
}

@media (max-width: 801px) {
span.hsa26-b7e9-script {
    font-size: 50px !important;
}

span.hsa26-b7e9-tag {
    font-size: 20px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-offer strong {
    font-size: 24px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-cta {
    font-size: 11px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-timer * {
    font-size: 21px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-timer  span.hsa26-b7e9-timer-label {
    font-size: 14px !important;
    display: none !important;
}

#shopify-section-sections--32368702325061__custom_liquid_TwLyHk .section.section--padding {
    padding-top: 0px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-script {
    font-size: 20px !important;
}

#hsa26-announcement-b7e9 .hsa26-b7e9-tag {
    font-size: 12px !important;
}
}

.social_platform .icon {
    fill: #2d513e !important;
}
.kmd-tile {
    background: #003024 !important;
}

.kmd-tile__media::after, .kmd-season__media::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #00000057 100%) !important;
}
.kmd-card::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #00000057 100%) !important;
}
p.klf__note {
    font-weight: 400 !important;
}

.klf__input {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

.klf__btn {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

select.gt_selector {
    font-family: 'Montserrat';
    font-size: 19px !important;
    font-weight: 500 !important;
}
@media (min-width: 801px) {
p.klf__note {
    font-weight: 400 !important;
}

.klf__input {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

.klf__btn {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

select.gt_selector {
    font-family: 'Montserrat';
    font-size: 19px !important;
    font-weight: 500 !important;
}

.ff-features {
    border-top-left-radius: 40px !important;
    border-top-right-radius: 40px !important;
    margin-bottom: -40px !important;
    padding-bottom: 80px !important;
}

#klf-sections--32368702259525__footer {
    border-top-left-radius: 40px !important;
    border-top-right-radius: 40px !important;
}

#kimlud-about-strip .kas__hero {border-bottom-right-radius: 40px !important;border-bottom-left-radius: 40px !important;}
}
.kmd-tile__media::after, .kmd-season__media::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #00000057 100%) !important;
}
.kmd-card::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #00000057 100%) !important;
}
.kmd-tile__media::after, .kmd-season__media::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #00000057 100%) !important;
}
.kmd-card::after, .kmd-look__media::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #00000057 100%) !important;
}
.kmd-story__figure img {
    opacity: 1 !important;
}

.ikw-main {
    padding-top: 35px !important;
}

.ikw-sidebar {
  overflow-y: auto;
  scrollbar-width: none;
}

/* Firefox */
.ikw-sidebar:hover {
  scrollbar-width: thin;
  scrollbar-color: rgba(130, 130, 130, 0.3) transparent;
}

/* Chrome, Safari, Edge */
.ikw-sidebar::-webkit-scrollbar {
  width: 3px;
}

.ikw-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.ikw-sidebar::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 20px;
}

.ikw-sidebar:hover::-webkit-scrollbar-thumb {
  background: rgba(130, 130, 130, 0.3);
}

.ikw-sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(130, 130, 130, 0.55);
}

body.template-collection .banner__content h1.banner__title {
    margin-top: 0px !important;
}

body.template-collection .banner__content animate-element {
    margin-top: 0px !important;
}
body.template-collection .banner__content h1.banner__title {
    margin-top: 0px !important;
}

body.template-collection .banner__content animate-element {
    margin-top: 0px !important;
}

body.template-collection .banner__content empty-element {
    display: none !important;
}

body.template-collection .banner__content .banner__box {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.klf__qr-box {background: white !important;border: 0px !important;border-radius: 10px !important;}

#klf-sections--32368702259525__footer .klf__btn {
    color: #003024 !important;
}

#klf-sections--32368702259525__footer .klf__btn:hover {
    color: white !important;
}

p.klf__note {
    color: white !important;
}

p.klf__pay-note {
    color: white !important;
}

.klf__loc .klf-smart-host {
  display: block !important;
  position: relative !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}
.klf__loc .klf-smart-host > select.klf-smart-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.klf__loc .klf-smart-host > .klf__flag,
.klf__loc .klf-smart-host > .klf__select-chev {
  display: none !important;
}
.klf__loc .klf-smart-button,
.klf__loc .klf-smart-button:hover {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 43px !important;
  margin: 0 !important;
  padding: 0 12px 0 13px !important;
  border: 1px solid rgba(10, 51, 38, .12) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #17372f !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .06) !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  line-height: 1.3 !important;
  text-align: left !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.klf__loc .klf-smart-button:hover {
  border-color: rgba(12, 105, 78, .34) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .10) !important;
  transform: translateY(-1px) !important;
}
.klf__loc .klf-smart-button.is-open,
.klf__loc .klf-smart-button:focus-visible {
  outline: none !important;
  border-color: #1c8b70 !important;
  box-shadow: 0 0 0 3px rgba(28, 139, 112, .18), 0 6px 18px rgba(0, 0, 0, .09) !important;
}
/* Keep long Shopify country/currency labels readable in narrow footer cells. */
.klf__loc .klf__select-wrap--country .klf-smart-button { font-size: 12px !important; gap: 7px !important; padding-inline: 10px !important; }
.klf__loc .klf__select-wrap--country .klf-smart-button-main { gap: 7px !important; }
.klf__loc .klf-smart-button::before,
.klf__loc .klf-smart-button::after { content: none !important; }
.klf__loc .klf-smart-button-main {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
.klf__loc .klf-smart-value {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  color: inherit !important;
}
.klf__loc .klf-smart-flag,
.klf-smart-panel .klf-smart-item-flag {
  display: block !important;
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 16px !important;
  border-radius: 3px !important;
  object-fit: cover !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .08) !important;
}
.klf__loc .klf-smart-globe,
.klf__loc .klf-smart-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
.klf__loc .klf-smart-globe svg { width: 17px !important; height: 17px !important; color: #2b8b74 !important; }
.klf__loc .klf-smart-arrow { color: #647e75 !important; transition: transform .2s ease !important; }
.klf__loc .klf-smart-arrow svg { display: block !important; width: 15px !important; height: 15px !important; }
.klf__loc .klf-smart-button.is-open .klf-smart-arrow { transform: rotate(180deg) !important; }

/* Popover sits on body, so footer overflow cannot crop it. */
html body .klf-smart-panel,
html body .klf-smart-panel * { box-sizing: border-box !important; }
html body .klf-smart-panel {
  position: fixed !important;
  z-index: 2147483600 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 8px !important;
  border: 1px solid rgba(18, 57, 46, .10) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(2, 30, 20, .22), 0 5px 15px rgba(2, 30, 20, .08) !important;
  opacity: 0 !important;
  transform: translateY(7px) scale(.985) !important;
  transform-origin: top center !important;
  transition: opacity .18s ease, transform .18s cubic-bezier(.2, .75, .3, 1) !important;
  pointer-events: none !important;
}
html body .klf-smart-panel.is-up {
  transform: translateY(-7px) scale(.985) !important;
  transform-origin: bottom center !important;
}
html body .klf-smart-panel.is-open {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}
html body .klf-smart-search-wrap {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  padding: 2px 2px 9px !important;
}
html body .klf-smart-search-icon {
  position: absolute !important;
  z-index: 1 !important;
  left: 14px !important;
  top: 14px !important;
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  color: #80948c !important;
  pointer-events: none !important;
}
html body .klf-smart-search-icon svg { display: block !important; width: 100% !important; height: 100% !important; }
html body input.klf-smart-search,
html body input.klf-smart-search:focus {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 12px 0 37px !important;
  border: 1px solid #e6ece9 !important;
  border-radius: 9px !important;
  background: #f6f8f7 !important;
  box-shadow: none !important;
  color: #193a30 !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  outline: none !important;
}
html body input.klf-smart-search:focus {
  background: #fff !important;
  border-color: #65ac98 !important;
  box-shadow: 0 0 0 2px rgba(29, 139, 112, .11) !important;
}
html body input.klf-smart-search::placeholder { color: #879a91 !important; opacity: 1 !important; }
html body .klf-smart-options {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  padding: 0 2px 2px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbdad2 transparent !important;
}
html body .klf-smart-options::-webkit-scrollbar { width: 5px !important; }
html body .klf-smart-options::-webkit-scrollbar-thumb { border-radius: 50px !important; background: #cbdad2 !important; }
html body .klf-smart-item,
html body .klf-smart-item:hover {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 41px !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #233c34 !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background-color .13s ease, color .13s ease !important;
}
html body .klf-smart-item:hover,
html body .klf-smart-item:focus-visible { background: #f1f7f3 !important; color: #126a52 !important; outline: none !important; }
html body .klf-smart-item.is-selected { background: #eaf6ef !important; color: #10694f !important; font-weight: 650 !important; }
html body .klf-smart-item-text { flex: 1 1 auto !important; min-width: 0 !important; }
html body .klf-smart-check { display: inline-flex !important; flex: 0 0 auto !important; color: #118366 !important; }
html body .klf-smart-check svg { width: 17px !important; height: 17px !important; }
html body .klf-smart-empty { padding: 24px 12px !important; font-size: 13px !important; text-align: center !important; color: #81938c !important; }
@media (max-width: 640px) {
  .klf__loc .klf-smart-button { min-height: 42px !important; padding-inline: 10px !important; font-size: 12px !important; }
  .klf__loc .klf-smart-button-main { gap: 7px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .klf__loc .klf-smart-button, .klf__loc .klf-smart-arrow, html body .klf-smart-panel { transition: none !important; }
}

html body .klf-smart-item::before, html body .klf-smart-item::after { content: none !important; }
.klf__loc .klf-smart-button, .klf__loc .klf-smart-button, .klf__loc .klf-smart-button, .klf__loc .klf-smart-button:hover {
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    border-radius: 5px !important;
     margin-top:10px !important;
}

.klf__loc .klf-smart-value {
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
}

.klf__loc .klf-smart-flag, .klf-smart-panel .klf-smart-item-flag {
    height: 22px !important;
    object-fit: cover !important;
    border-radius: 50px !important;
}
footer#klf-sections--32368702259525__footer:before {
    content: 'KIMLUD';
    -webkit-text-stroke: 1px #ffffff;
    color: transparent !important;
    font-family: sans-serif !important;
    font-weight: 900 !important;
    position: absolute;
    width: 100% !important;
    font-size: 16em !important;
    opacity: 0.07;
    left: 0px !important;
}
.klf__link:hover {
    color: white !important;
}
.social__sharemains {margin-left: 0% !important;p;border-left: 1px solid #3c5f56;width: 30% !important;text-align: center !important;display: flex !important;}

#kas-hover-root .kas-hover__icon {
    width: 50px !important;
    height: 50px !important;
}

#kas-hover-card .kas__copy p {
    font-family: 'Montserrat' !important;
}

.klf__legal {
    flex-wrap: unset !important;
}

p.klf__copy {
    width: 40% !important;
}

.klf__loc {
    width: 40% !important;
    margin-left: unset !important;
    margin-right: unset !important;
}

#kas-hover-root.kas-hover {
    margin: auto !important;
}
@media (max-width: 801px) {
footer#klf-sections--32368702259525__footer:before {
    display: none !important;
}

p.klf__copy {
    width: 100% !important;
}

.social__sharemains {
    width: 100% !important;
    border: 0px !important;
}

.klf__loc {
    width: 100% !important;
}

#kas-hover-card.kas-hover__card {0px: !important;0px: !important;0px: !important;0px: !important;0px: !i;width: 100% !important;}

div#kas-hover-root {
    width: 100% !important;
}

#kas-hover-root .kas-hover__trigger {
    margin: auto !important;
}
}
footer#klf-sections--32368702259525__footer:before {
    z-index: -1 !important;
}
span.klf__heading {
    color: #ffffff !important;
    border-bottom: 1px solid currentColor;
}
span.klf__heading {
    color: #ffffff !important;
    border-bottom: 1px solid currentColor;
}

span.klf__heading {}

.klf__social-wrap a:hover {
    background: #2d513e !important;
    color:white !important;
}
.klf__social-wrap a:hover * {
    fill:white !important;
}
.social__sharemains {
    border-color: #F2E6AF !important;
}
span.klf__heading {
    color: #ffffff !important;
    border-bottom: 1px solid currentColor;
}

span.klf__heading {}

.klf__social-wrap a:hover {
    background: #2d513e !important;
    color:white !important;
}
.klf__social-wrap a:hover * {
    fill:white !important;
}

.social__sharemains {
    border-color: #F2E6AF !important;
}

.klf__link:hover {
    color: #F2E6AF !important;
}
span.klf__heading {
    color: #ffffff !important;
    border-bottom: 1px solid currentColor;
}

span.klf__heading {}

.klf__social-wrap a:hover {
    background: #2d513e !important;
    color:white !important;
}
.klf__social-wrap a:hover * {
    fill:white !important;
}

.social__sharemains {
    border-color: #F2E6AF !important;
}

.klf__link:hover {
    color: #F2E6AF !important;
}

#kimlud-about-strip .kas__inner {
    background: #00120d !important;
}

#kimlud-about-strip .kas__select {
    color: white !important;
}

#kimlud-about-strip .kas__label {
    color: white !important;
}

#kimlud-about-strip .kas__legal a {
    color: white !important;
}
span.klf__heading {
    color: #ffffff !important;
    border-bottom: 1px solid currentColor;
}

span.klf__heading {}

.klf__social-wrap a:hover {
    background: #2d513e !important;
    color:white !important;
}
.klf__social-wrap a:hover * {
    fill:white !important;
}

.social__sharemains {
    border-color: #F2E6AF !important;
}

.klf__link:hover {
    color: #F2E6AF !important;
}

#kimlud-about-strip .kas__inner {
    background: #00120d !important;
    max-width: 100% !important;
}

#kimlud-about-strip .kas__select {
    color: white !important;
}

#kimlud-about-strip .kas__label {
    color: white !important;
}

#kimlud-about-strip .kas__legal a {
    color: white !important;
}
.social__sharemains {
    border-color: #2b503d !important;
}
.social__sharemains {
    border-color: #2b503d !important;
}

#kas-hover-card.kas-hover__card {
    max-height: unset !important;
    height: unset !important;
    overflow: hidden !important;
}
.klf__loc .klf-smart-button, .klf__loc .klf-smart-button, .klf__loc .klf-smart-button, .klf__loc .klf-smart-button:hover {
    border-radius: 50px !important;
    background: transparent !important;
    color: white !important;
    border: 1px solid #ffffff38 !important;
}

.klf__loc .klf-smart-arrow svg {
    color: white !important;
}

.klf__loc .klf-smart-globe svg {
    color: white !important;
}
.klf__loc .klf-smart-button, .klf__loc .klf-smart-button, .klf__loc .klf-smart-button, .klf__loc .klf-smart-button:hover {
    border-radius: 50px !important;
    background: transparent !important;
    color: white !important;
    border: 1px solid #ffffff38 !important;
}

.klf__loc .klf-smart-arrow svg {
    color: white !important;
}

.klf__loc .klf-smart-globe svg {
    color: white !important;
}

#klf-sections--32368702259525__footer {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.ff-features {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    z-index: 0;
    position: relative;
    padding-bottom: 50px !important;
}
.klf__loc .klf-smart-button, .klf__loc .klf-smart-button, .klf__loc .klf-smart-button, .klf__loc .klf-smart-button:hover {
    border-radius: 50px !important;
    background: transparent !important;
    color: white !important;
    border: 1px solid #ffffff38 !important;
}

.klf__loc .klf-smart-arrow svg {
    color: white !important;
}

.klf__loc .klf-smart-globe svg {
    color: white !important;
}

#klf-sections--32368702259525__footer {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.ff-features {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    z-index: 2;
    position: relative;
    padding-bottom: 50px !important;
}

footer#klf-sections--32368702259525__footer {
        border-bottom-left-radius: 30px !important;
        border-bottom-right-radius: 30px !important;
        padding-bottom: 40px !important;
        margin-bottom: -40px !important;
        position: relative;
        z-index: 1;
}

#kimlud-about-strip {
}

#kimlud-about-strip .kas__inner {
    padding-top: 50px !important;
}
.ff-features .ff-item {
    flex-direction: unset !important;
    justify-content: center !important;
    text-align: left !important;
}

.ff-features .ff-icon {
    width: 50px !important;
    height: 50px !important;
}

.ff-features .ff-text {
    font-size: 15px !important;
    padding-top: 10px !important;
}
.klf__inner {
    max-width: 100% !important;
    padding: 0px !important;
}

footer#klf-sections--32368702259525__footer {
    padding-bottom: 0px !important;
}

nav.klf__menus {
    max-width: 1600px !important;
    margin: auto !important;
}

.klf__row2 {
    max-width: 1600px !important;
    margin: auto !important;
}

.klf__legal {
    padding-bottom: 25px !important;
    background: #222222 !important;
}
.klf__row2 {
    border-bottom: 0px !important;
}

.klf__legal {
    max-width: 1600px !important;
    margin: auto !important;
}

.maincontent__block {
    background: #222222 !important;
    border-top: 1px solid var(--klf-gold) !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.klf__gap {
    height: 0px !important;
}

.klf__legal {
    border: 0px !important;
}

.kas__inner {
    background: #161616 !important;
}

.kas__inner {
    border-top: 1px solid var(--klf-gold) !important;
}
div#kas-hover-card {
    display: none !important;
}
.klf__legal {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.klf__input {
    background: #1f493e !important;
    color: white !important;
}

.klf__input::placeholder
{
    color:white !important;
}

#klf-sections--32368702259525__footer .klf__input:focus-visible {
    outline: 0px !important;
}

.klf__input {
    padding: 17px 20px !important;
    height: unset !important;
}

.klf__btn {
    position: absolute;
    right: 10px;
}
.klf__input {
    border: 0px !important;
    padding: 20px 20px !important;
}

.klf__btn {
    position: unset !important;
}

.shide__button {
    position: absolute;
    right: 0px !important;
    height: 100% !important;
    padding: 8px !important;
}

.klf__form-row {
    position: relative;
}

button.klf__btn {
    background: #f3f7ed !important;
    height: 100% !important;
    width: 43px !important;
    border-radius: 50% !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
}

button.klf__btn svg {
    color: white !important;
    height: 100% !important;
    stroke: #2d513e !important;
}

.klf__input {
    border-radius: 6px !important;
}

.klf__form-row {
    margin-right: 20px !important;
}


@media (max-width: 801px) {
footer#klf-sections--32368702259525__footer {
    padding: 20px !important;
}

.klf__legal {
    background: transparent !important;
    padding: 0px !important;
}

.maincontent__block {
    background: transparent !important;
}

.klf__copy *, .klf__copy, #klf-sections--32368702259525__footer .klf__copy {
    font-size: 13px !important;
}
footer#klf-sections--32368702259525__footer {
    padding: 20px !important;
}

.klf__legal {
    background: transparent !important;
    padding: 0px !important;
}

.maincontent__block {
    background: transparent !important;
}

.klf__copy *, .klf__copy, #klf-sections--32368702259525__footer .klf__copy {
    font-size: 13px !important;
}


#klf-sections--32368702259525__footer .klf__copy {
    padding-top: 25px !important;
}
}

@media (min-width: 801px) {
.maincontent__block {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.maincontent__block {
    overflow: hidden !important;
}
}
label.kas__label {
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    display: block;
    margin-bottom: 5px;
    color: var(--klf-heading);
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}

span.kas__select-wrap {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #525252 !important;
    padding-right: 11px !important;
    margin-right: 20px !important;
    padding: 7px !important;
    border-radius: 50px !important;
}

.klf__loc {
    width: 70% !important;
}

span.kas__select-wrap select {
    background: transparent !important;
    width: fit-content !important;
    min-width: unset !important;
    border-radius: 50px !important;
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

img#kas-flag {
    border-radius: 50% !important;
    width: 22px !important;
    height: 22px !important;
}

span.kas__select-wrap select option {
    color:black !important;
}
label.kas__label {
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    display: block;
    margin-bottom: 5px;
    color: var(--klf-heading);
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}

span.kas__select-wrap {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #525252 !important;
    padding-right: 11px !important;
    margin-right: 20px !important;
    padding: 9.5px 10px !important;
    border-radius: 50px !important;
}

.klf__loc {
    width: 70% !important;
}

span.kas__select-wrap select {
    background: transparent !important;
    width: fit-content !important;
    min-width: unset !important;
    border-radius: 50px !important;
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

img#kas-flag {
    border-radius: 50% !important;
    width: 22px !important;
    height: 22px !important;
}

span.kas__select-wrap select option {
    color:black !important;
}
.maincontent__block {
    border-radius: 0px !important;
    background: #121212 !important;
}
.bigmains__footmains {
    background: #2A2A2A !important;
    border-bottom-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    overflow: hidden !important;
    position: relative;
}

.klf__input {
    background: #ffffff1a !important;
}

.maincontent__block {
    background: #1A1A1A !important;
    border: 0px !important;
}
.othermains__content {
    background: #222222 !important;
}
.footer-overlay {
    background-image: linear-gradient(to bottom, rgb(0 48 36), rgb(0 102 204 / 0%)) !important;
}
.maincontent__block {
    background: #222222 !important;
}

.klf__row2 {
    border-top: 0px !important;
}

.bigmains__footmains {
    border-top: 1px solid var(--klf-gold) !important;
}


@media (max-width: 801px) {

.ff-features {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}

.maincontent__block {
    background: transparent !important;
}

.bigmains__footmains {
    background: transparent !important;
}

.othermains__content {
    background: transparent !important;
}

span.kas__select-wrap {
    width: 100% !important;
    margin-right: 0px !important;
}

.klf__loc {
    width: 100% !important;
}

.maincontent__block {
    padding-bottom: 90px !important;
}

span.kas__select-wrap select {
    width: 100% !important;
}

}
section#shopify-section-template--32368708616517__kimlud_video_xk3mwx {
    margin-top: 50px !important;
}
.klf__cell + .klf__cell::before {
    display: none;
}

.klf__loc-cell {
    border: 0px !important;
}
.klf__loc {
    justify-content: end !important;
}
.klf__loc {
    justify-content: end !important;
}

.klf__row2 {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr) !important;
}

.klf__cell--qr {
    text-align: center !important;
}
.product-sticky-form {
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
}
a#kled26-editorial-trends img {
    object-position: top !important;
}
.ikw-big::after {
    background: linear-gradient(180deg, rgba(45, 81, 62, .14), rgb(0 0 0 / 0%)) !important;
}
@media screen and (min-width: 1280px) {
    .product__thumbnails--beside {
        order: 2;
    }
}
section#kled26-editorial, section#kled26-reads, #JournalV4-template--32368707961157__main-blog, #KimludArticle-template--32368707797317__main-article .kca-shell {
    background: #FAF9F7 !important;
}
.ff-features {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.bigmains__footmains {
    background: #07382B !important;
}

.othermains__content {
    background: #024531 !important;
}

.maincontent__block {
    background: #024531 !important;
}

.klf__legal {
    background: transparent !important;
}
.bigmains__footmains {
    background: #07382B !important;
}

.othermains__content {
    background: #024531 !important;
}

.maincontent__block {
    background: #024531 !important;
}

.klf__legal {
    background: transparent !important;
}

.klf__social-wrap svg {
    fill: #07382B !important;
}

.klf__social-wrap a {
    background: #007451 !important;
}
@media screen and (min-width: 801px) {
.klf__cell {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.klf__legal {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
}
.klf__heading, .klf__field-label, .kas__label, p.klf__pay-note, p.klf__note {
    color: #f3f7edb8 !important;
}
.klf__social-wrap svg, #klf-sections--32368702259525__footer .klf__social-wrap svg {
    fill: #F3F7ED !important;
}

@media screen and (max-width: 801px) {
.bigmains__footmains {
    background: transparent !important;
    border: 0px !important;
}

.othermains__content {
    background: transparent !important;
}

.klf__row2 {
}

.klf__cell.klf__cell--qr {
    text-align: left !important;
}

.maincontent__block {
    background: transparent !important;
}
.bigmains__footmains {
    background: transparent !important;
    border: 0px !important;
}

.othermains__content {
    background: transparent !important;
}

.klf__cell.klf__cell--qr {
    text-align: left !important;
}

.maincontent__block {
    background: transparent !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand :is(.fnv-icon-btn, .fnv-search-toggle, #fnv-hamburger-btn, [data-fnv-loc-toggle]):hover
    {
    background:transparent !important;
    }
}
@media screen and (min-width: 801px) {
.fnv-shop-dropdown {
    background: white !important;
    border: 0px !important;
    border-radius: 15px !important;
    border: 1px solid var(--fnv-brand-line) !important;
}

.fnv-shop-dropdown-title {
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: 'Montserrat' !important;
}

a.fnv-shop-dropdown-link {
    font-size: 16px !important;
}
}

@media screen and (max-width: 801px) {
section#shopify-section-template--32368708616517__kimlud_video_xk3mwx {
    margin-top: 20px !important;
    margin-bottom: 40px !important;
}
}

@media screen and (min-width: 801px) {
.othermains__consminss {
    padding-top: 150px !important;
}

.klf__cell {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
}
span.kas__select-wrap {
    border-color: rgba(255, 255, 255, 0.22) !important;
}
span.fnv-kzh-indicator, #fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion :is(.fnv-kzh-indicator,.fnv-sub-pill) {
    background: #007451 !important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega-item {
  position:static!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-mega.fnv-top-mega {
  display:block!important;
  position:fixed!important;
  top:var(--fnv-top-mega-top,var(--fnv-design-bottom,160px))!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  max-height:calc(var(--fnv-top-mega-viewport,100dvh) - var(--fnv-top-mega-top,160px) - 16px)!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  background:var(--kimlud-white,#FFFFFF)!important;
  color:var(--kimlud-forest,#1F3B2D)!important;
  border:0!important;
  border-top:1px solid var(--kimlud-gold,#D8C58D)!important;
  border-bottom:1px solid var(--kimlud-gold,#D8C58D)!important;
  border-radius:0 0 12px 12px!important;
  box-shadow:0 24px 45px -20px rgba(31,59,45,.24)!important;
  z-index:1600!important;
  scrollbar-width:thin;
  scrollbar-color:var(--kimlud-sage,#E2EAD9) var(--kimlud-white,#FFFFFF);
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega>.fnv-mega-inner {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  gap:30px!important;
  width:100%!important;
  max-width:1600px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:30px 36px 36px!important;
  box-sizing:border-box!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="shop"]>.fnv-mega-inner {
  background:var(--kimlud-mist,#F1F5EC)!important;
  gap:0!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="shop"] {
  background:var(--kimlud-mist,#F1F5EC)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="shop"] .fnv-mega-col {
  padding-inline:28px!important;
  border-inline-start:1px solid var(--kimlud-gold,#D8C58D)!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="shop"] .fnv-mega-col:first-child {
  padding-inline-start:0!important;
  border-inline-start:0!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="holidays"]>.fnv-mega-inner {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="gifts"]>.fnv-mega-inner {
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:28px!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-mega-col {
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  border:0!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-mega-col h4 {
  margin:0 0 14px!important;
  padding:0!important;
  color:var(--kimlud-forest,#1F3B2D)!important;
  font-family:var(--kzh-font,'Manrope',Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-mega-col a {
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:5px 0!important;
  color:var(--kimlud-forest,#1F3B2D)!important;
  font-family:var(--kzh-font,'Manrope',Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  transition:opacity .3s ease,translate .42s cubic-bezier(.22,1,.36,1),color .2s ease!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-mega-col a:hover {
  color:var(--kimlud-hover,#2D513E)!important;
  text-decoration:underline!important;
  text-underline-offset:4px;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-top-mega-description,
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-top-mega-description {
  margin:0 0 14px!important;
  padding:0!important;
  color:var(--kimlud-forest,#1F3B2D)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.7!important;
  white-space:normal!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-top-mega-group h5,
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-top-mega-group h5 {
  margin:16px 0 6px!important;
  padding:10px 0 0!important;
  border-top:1px solid var(--kimlud-gold,#D8C58D)!important;
  color:var(--kimlud-forest,#1F3B2D)!important;
  font-family:var(--kzh-font,'Manrope',Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega::-webkit-scrollbar {width:5px;height:5px;}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega::-webkit-scrollbar-thumb {
  background:var(--kimlud-sage,#E2EAD9);
  border-radius:8px;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-top-mega {
  display:none!important;
}

/* New mobile groups reuse the existing animated, accessible accordion. */
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-top-drawer-panel {
  background:var(--kimlud-white,#FFFFFF)!important;
}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-top-drawer-panel .fnv-top-mega-description {
  padding:12px 20px 0!important;
}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-top-drawer-panel .fnv-top-mega-group h5 {
  margin:14px 20px 6px!important;
}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-top-drawer-panel a {
  color:var(--kimlud-forest,#1F3B2D)!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-top-drawer-panel a:hover {
  color:var(--kimlud-hover,#2D513E)!important;
  background:var(--kimlud-mist,#F1F5EC)!important;
}
@media(min-width:1440px) {
  #fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="holidays"]>.fnv-mega-inner {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}
@media(min-width:1025px) and (max-width:1240px) {
  #fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="gifts"]>.fnv-mega-inner {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:1024px) {
  #fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega {display:none!important;}
}
@media(prefers-reduced-motion:reduce) {
  #fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion .fnv-mega.fnv-top-mega,
  #fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-menu-motion .fnv-mega.fnv-top-mega * {
    transition:none!important;
    transition-delay:0s!important;
    animation:none!important;
    translate:0 0!important;
  }
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-mega-col h4 {
    font-size: 16px !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-mega-col a {
    font-size: 16px !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega[data-fnv-top-kind="shop"] > .fnv-mega-inner {
    background: white !important;
}
p.fnv-top-mega-description {
    display: none !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-top-mega .fnv-top-mega-group h5, #fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand .fnv-top-mega-group h5 {
    font-size: 17px !important;
}
.kimlud__icon img {
    max-width: 60px !important;
}
.kimlud__icon>a {
    display: flex !important;
}

.kimlud__icon img {
    max-width: 80px !important;
    padding: 0px 10px !important;
}
#kmd-page img {
    object-position: top !important;
}
.blogmains--minsd img {
    max-width: 500px !important;
    margin: auto !important;
    padding-bottom: 25px !important;
}

.blogmains--minsd {
    text-align: center !important;
}

.goodmains__consm23 {
    text-align: center !important;
    position: relative;
}

.goodmains__consm23 img {
    margin: auto !important;
    max-width: 200px !important;
    transform: rotate(-20deg);
}

.ff-features {
    padding-top: 30px !important;
}

.goodmains__consm23 {
    background: linear-gradient(
  to bottom,
  #ffffff 0%,
  #ffffff 50%,
  rgb(var(--color-base-highlight)) 50%,
  rgb(var(--color-base-highlight)) 100%
) !important;
}
#kl-video-hero-template--32368708616517__kimlud_video_xk3mwx .kl-vh__heading {
    display: none !important;
}
h2.kl-ab__heading {
    font-family: 'Montserrat' !important;
}

p.kl-ab__text {
    font-family: 'Montserrat' !important;
}
@media(min-width:801px) {
.klf__menus {
    padding-bottom: 120px !important;
}
}
body.template-article .sealaminss {
    margin-top: 60px !important;
}
#fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-topnav > li > button, #fnv-header.fnv-kzh-design.fnv-pearl-brand #fnv-topnav > li > a, #fnv-header.fnv-kzh-design.fnv-pearl-brand .fnv-sub-btn
 {
    color: #008568 !important;
}
p.klf__copy img {
    max-width: 60px !important;
    margin-right: 15px !important;
}

p.klf__copy {
    display: flex !important;
    align-items: center !important;
}

span.klf__copy-brand {
    margin-left: 10px !important;
}
.goodmains__consm23 img {
    max-width: 150px !important;
    transform: unset !important;
}
.kl-wrap svg {
    max-width: 60px !important;
    height: unset !important;
}
.maincontent__block {
    z-index: 0 !important;
    position: relative;
}

.bigmains__footmains {
    position: relative;
    z-index: 2;
}

@media(max-width:801px) {
.goodmains__consm23 img {
    max-width: 90px !important;
}

p.klf__copy img {
    display: none !important;
}

.kimlud__icon>a {
    justify-content: center !important;
}
}
p.klf__copy img {
    max-width: 90px !important;
}

p.klf__copy img+img {
    position: absolute;
    top: 0px !important;
}

a.short__graded {
    position: relative;
}
a.short__graded img {transition:0.3s !important;}
a.short__graded img:last-child {opacity:0;}

a.short__graded:hover img:first-child {opacity:0;}
a.short__graded:hover img:last-child {opacity:1;}
.kl-ab__right h3 {
    color: #c1d4a5 !important;
    font-size: 30px !important;
    padding-bottom: 10px !important;
}

.kl-ab__right p {
    color: #c1d4a5 !important;
}

a.kl-ab__button {
    color: #c1d4a5 !important;
    border-color: currentColor !important;
}

h2.kl-ab__heading {
    color: #c1d4a5 !important;
}
#fnv-header.fnv-kzh-design .fnv-search-input, :is(#fnv-header.fnv-kzh-design.fnv-pearl-brand,#fnv-drawer.fnv-kzh-drawer.fnv-pearl-brand) .fnv-search-bar {
    border: 1px solid #00856854 !important;
}
dialog.sc {
    width: 100% !important;
    max-width: 850px !important;
}
.ksc {
    max-width: 100% !important;
}
    #hp-playlist-showcase {
      --hppl-green: #00704A;
      --hppl-green-dark: #00553a;
      --hppl-mint: #F0F5EA;
      --hppl-ink: #1c2b24;
      --hppl-gap: 18px;
      --hppl-card-width: calc((100% - 3 * var(--hppl-gap)) / 4);
      background: var(--hppl-mint);
      color: var(--hppl-ink);
      padding: clamp(40px, 6vw, 80px) clamp(16px, 4vw, 48px);
      font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
      box-sizing: border-box;
      width: 100%;
      min-width: 0;
    }
    #hp-playlist-showcase *, #hp-playlist-showcase *::before, #hp-playlist-showcase *::after { box-sizing: border-box; }
    #hp-playlist-showcase .hppl__inner { max-width: 1200px; margin: 0 auto; min-width: 0; }
    #hp-playlist-showcase .hppl__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 28px; }
    #hp-playlist-showcase .hppl__title { margin: 0; font-size: clamp(24px, 3.4vw, 38px); line-height: 1.15; font-weight: 700; color: var(--hppl-green); }
    #hp-playlist-showcase .hppl__sub { margin: 7px 0 0; font-size: 15px; line-height: 1.5; }
    #hp-playlist-showcase .hppl__link { display: inline-flex; align-items: center; gap: 8px; background: var(--hppl-green); color: #fff; text-decoration: none; font-weight: 600; font-size: 13px; letter-spacing: .02em; padding: 12px 20px; border-radius: 999px; transition: background .2s, transform .2s; white-space: nowrap; }
    #hp-playlist-showcase .hppl__link:hover { background: var(--hppl-green-dark); transform: translateY(-1px); }
    #hp-playlist-showcase .hppl__link:focus-visible { outline: 3px solid var(--hppl-green); outline-offset: 3px; }
    #hp-playlist-showcase .hppl__link svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

    /* Native scroll-snap slider: touch/swipe works without a slider library. */
    #hp-playlist-showcase .hppl__viewport { width: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; -ms-overflow-style: none; border-radius: 3px; }
    #hp-playlist-showcase .hppl__viewport::-webkit-scrollbar { display: none; }
    #hp-playlist-showcase .hppl__viewport:focus-visible { outline: 3px solid var(--hppl-green); outline-offset: 3px; }
    #hp-playlist-showcase .hppl__track { display: flex; gap: var(--hppl-gap); list-style: none; margin: 0; padding: 2px 0 5px; }
    #hp-playlist-showcase .hppl__item { flex: 0 0 var(--hppl-card-width); width: var(--hppl-card-width); min-width: 0; margin: 0; scroll-snap-align: start; }
    #hp-playlist-showcase .hppl__btn { appearance: none; -webkit-appearance: none; border: 1px solid rgba(0,112,74,.14); border-radius: 15px; background: #fff; color: var(--hppl-ink); font: inherit; padding: 0; width: 100%; height: 100%; display: flex; flex-direction: column; text-align: left; cursor: pointer; overflow: hidden; transition: border-color .22s, box-shadow .22s, transform .22s; }
    #hp-playlist-showcase .hppl__btn:hover { border-color: rgba(0,112,74,.45); box-shadow: 0 12px 28px rgba(0,54,33,.1); transform: translateY(-2px); }
    #hp-playlist-showcase .hppl__btn:focus-visible { outline: 3px solid var(--hppl-green); outline-offset: -3px; }

    /* Real video title is ABOVE each portrait image. */
    #hp-playlist-showcase .hppl__copy { display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 99px; padding: 16px 17px 15px; }
    #hp-playlist-showcase .hppl__eyebrow { font-size: 10px; font-weight: 700; line-height: 1.3; letter-spacing: .12em; text-transform: uppercase; color: var(--hppl-green); margin-bottom: 7px; }
    #hp-playlist-showcase .hppl__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; font-size: 14px; line-height: 1.45; font-weight: 650; min-height: 2.9em; overflow-wrap: anywhere; }

    /* 1:1.2 image ratio == 5:6. Fully inline SVG centered play button. */
    #hp-playlist-showcase .hppl__thumb { position: relative; display: block; width: 100%; aspect-ratio: 5 / 6; background: #14261c; isolation: isolate; overflow: hidden; }
    #hp-playlist-showcase .hppl__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .45s ease; }
    #hp-playlist-showcase .hppl__btn:hover .hppl__thumb img { transform: scale(1.055); }
    #hp-playlist-showcase .hppl__thumb::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.11); pointer-events: none; z-index: 1; }
    #hp-playlist-showcase .hppl__play { position: absolute; left: 50%; top: 50%; width: clamp(59px, 6vw, 76px); aspect-ratio: 1; transform: translate(-50%, -50%); z-index: 2; pointer-events: none; filter: drop-shadow(0 7px 16px rgba(0,0,0,.27)); transition: transform .23s ease, filter .23s ease; }
    #hp-playlist-showcase .hppl__play svg { display: block; width: 100%; height: 100%; }
    #hp-playlist-showcase .hppl__btn:hover .hppl__play { transform: translate(-50%, -50%) scale(1.1); filter: drop-shadow(0 10px 18px rgba(0,0,0,.3)); }

    /* Slider footer: progress and accessible next/previous buttons. */
    #hp-playlist-showcase .hppl__foot { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin-top: 22px; }
    #hp-playlist-showcase .hppl__foot-left { flex: 1; display: flex; align-items: center; gap: 17px; min-width: 0; }
    #hp-playlist-showcase .hppl__hint { font-size: 11px; font-weight: 650; letter-spacing: .06em; color: #51655a; white-space: nowrap; }
    #hp-playlist-showcase .hppl__progress { position: relative; height: 3px; flex: 1; max-width: 340px; min-width: 50px; overflow: hidden; border-radius: 10px; background: rgba(0,112,74,.16); }
    #hp-playlist-showcase .hppl__progress-thumb { position: absolute; top: 0; left: 0; height: 100%; width: 20%; background: var(--hppl-green); border-radius: inherit; transition: left .12s linear, width .12s linear; }
    #hp-playlist-showcase .hppl__nav { display: flex; gap: 10px; align-items: center; }
    #hp-playlist-showcase .hppl__arrow { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--hppl-green); border-radius: 50%; background: transparent; color: var(--hppl-green); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
    #hp-playlist-showcase .hppl__arrow:hover:not(:disabled) { background: var(--hppl-green); color: #fff; }
    #hp-playlist-showcase .hppl__arrow:focus-visible { outline: 3px solid var(--hppl-green); outline-offset: 3px; }
    #hp-playlist-showcase .hppl__arrow:disabled { opacity: .3; cursor: not-allowed; }
    #hp-playlist-showcase .hppl__arrow svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

    /* Keep the same video modal with the YouTube Error 153 iframe mitigation. */
    #hppl-modal { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; padding: clamp(12px, 4vw, 40px); background: rgba(8,20,14,.88); box-sizing: border-box; }
    #hppl-modal *, #hppl-modal *::before, #hppl-modal *::after { box-sizing: border-box; }
    #hppl-modal.is-open { display: flex; }
    #hppl-modal .hppl__dialog { position: relative; width: 100%; max-width: 960px; }
    #hppl-modal .hppl__frame { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 12px; overflow: hidden; }
    #hppl-modal .hppl__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
    #hppl-modal .hppl__close { position: absolute; top: -46px; right: 0; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #fff; color: #00704A; font-size: 22px; font-weight: 400; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
    #hppl-modal .hppl__close:hover { background: #F0F5EA; }
    #hppl-modal .hppl__close:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
    #hppl-modal .hppl__actions { display: flex; justify-content: flex-end; padding-top: 12px; }
    #hppl-modal .hppl__watch { color: #fff; font: 600 13px/1.5 "Montserrat", system-ui, sans-serif; text-decoration: underline; text-underline-offset: 3px; }
    #hppl-modal .hppl__watch:hover { color: #d6f5e5; }
    #hppl-modal .hppl__watch:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
    body.hppl-lock { overflow: hidden !important; }

    @media (max-width: 1100px) {
      #hp-playlist-showcase { --hppl-card-width: calc((100% - 2 * var(--hppl-gap)) / 3); }
    }
    @media (max-width: 780px) {
      #hp-playlist-showcase { --hppl-gap: 14px; --hppl-card-width: calc((100% - var(--hppl-gap)) / 2); }
      #hp-playlist-showcase .hppl__copy { min-height: 94px; }
    }
    @media (max-width: 560px) {
      #hp-playlist-showcase { --hppl-gap: 12px; --hppl-card-width: min(78vw, 320px); }
      #hp-playlist-showcase .hppl__head { gap: 14px; margin-bottom: 21px; }
      #hp-playlist-showcase .hppl__sub { font-size: 13px; }
      #hp-playlist-showcase .hppl__link { font-size: 12px; padding: 10px 16px; }
      #hp-playlist-showcase .hppl__copy { padding: 14px; min-height: 93px; }
      #hp-playlist-showcase .hppl__name { font-size: 13px; }
      #hp-playlist-showcase .hppl__hint { font-size: 10px; }
      #hp-playlist-showcase .hppl__foot { margin-top: 16px; gap: 12px; }
      #hp-playlist-showcase .hppl__foot-left { gap: 10px; }
      #hp-playlist-showcase .hppl__arrow { width: 40px; height: 40px; }
      #hppl-modal .hppl__frame { border-radius: 8px; }
    }
    @media (prefers-reduced-motion: reduce) {
      #hp-playlist-showcase *, #hp-playlist-showcase *::before, #hp-playlist-showcase *::after { transition: none !important; scroll-behavior: auto !important; }
    }
    section#hp-playlist-showcase {
    max-width: 100% !important;
    background: transparent !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

span.hppl__copy {
    display: none !important;
}

#hp-playlist-showcase .hppl__inner {
    max-width: 100% !important;
}
#fnv-header #fnv-top-mega-shop .fnv-shop-category a {
    font-size: 16px !important;
}

#fnv-header #fnv-top-mega-shop .fnv-shop-category h4 {
    font-size: 18px !important;
    border-color: #abd7cd !important;
}

#fnv-header #fnv-top-mega-shop .fnv-shop-tab {
    font-size: 16px !important;
}
#fnv-header #fnv-top-mega-shop .fnv-shop-tab[aria-selected="true"]
{
    color: white !important;
        background: #008568 !important;
}

#fnv-header #fnv-top-mega-shop .fnv-shop-overview h3, #fnv-drawer .fnv-shop-drawer-panel .fnv-shop-overview h3 {
    display: none !important;
}

#fnv-header #fnv-top-mega-shop .fnv-shop-shortcuts a {
    font-size: 16px !important;
}

#fnv-header #fnv-top-mega-shop .fnv-shop-shortcuts h4 {
    font-size: 17px !important;
}
.fnv-shop-overview {display:none !important;}


div#shopify-section-template--32807519748421__faq {}

div#shopify-section-template--32807519748421__faq .page-width {
    max-width: 100% !important;
    width: 100% !important;
}
.kimlud__icon img+img {
    position: absolute;
    opacity: 0;
    transition: 0.3s;
}

.kimlud__icon>a {
    position: relative;
}

.kimlud__icon:hover img {
    opacity: 0;
}

.kimlud__icon img {
    transition: 0.3s;
}

.kimlud__icon:hover img+img {
    opacity: 1;
}
.mains-2miu2n323 img {
    width: 100% !important;
}
@media screen and (max-width: 650px) and (min-width: 1020px) {
#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-logo img {
    width: 200px !important;
    max-height: unset !important;
    aspect-ratio: unset !important;
}

#fnv-header.fnv-kzh-design.fnv-pearl-brand.fnv-design-mobile .fnv-brand-secondary-utilities {
    justify-content: space-between !important;
    max-width: 650px !important;
    margin: auto !important;
    width: 100% !important;
    border-top: 0px !important;
}
}
.kimlud-guide-hero * {
    color: white !important;
}

body #KimludArticle-template--32368707797317__main-article .kca-article .kimlud-part-header * {
    color: white !important;
}
.kimlud-guide-hero * {
    color: white !important;
}

body #KimludArticle-template--32368707797317__main-article .kca-article .kimlud-part-header * {
    color: white !important;
}

#KimludArticle-template--32368707797317__main-article .kca-btn, #KimludArticle-template--32368707797317__main-article .kca-share .kca-icon-btn {
    background: #008568 !important;
    border-color: #008568 !important;
    color: white !important;
}
.olk-inner {
    max-width: 100% !important;
}

.olk-product {
    width: 39% !important;
}

.olk-products {
    justify-content: center !important;
}

.olk-title {
    font-size: 24px !important;
    text-align: center !important;
}

.olk-thumb-img {
    object-fit: cover !important;
}

.olk-heart {
    background: white !important;
    border-radius: 50px !important;
    padding: 6px !important;
}
.olk-colors {
    display: none !important;
}
@media (max-width: 780px) {
.olk-colors {
    display: none !important;
}

.olk-product {
    width: 100% !important;
}
}
.goodmains__consm23 a {
    display: block !important;
    position: relative;
    width: fit-content;
    margin: auto !important;
}

.goodmains__consm23 a img {
    transition: 0.3s;
}

.goodmains__consm23 a img+img {
    position: absolute;
    top: 0px;
    opacity: 0;
}

.goodmains__consm23 a:hover img+img {
    opacity: 1;
}
.goodmains__consm23 a:hover img:first-child {
    opacity: 0;
}
.mains-2miu2n323 {
    display: flex !important;
}

.mains-2miu2n323 img {
    width: 50% !important;
    height: 560px !important;
    border-radius: 15px !important;
}

.mains-2miu2n323 {
    gap: 10px !important;
    margin-bottom: 10px !important;
    margin-top:10px !important;
}
.mains-2miu2n323 img {
    width: 100% !important;
    height:unset !important;
}