/** Shopify CDN: Minification failed

Line 334:0 All "@import" rules must come first
Line 452:0 All "@import" rules must come first
Line 895:0 All "@import" rules must come first
Line 1149:0 All "@import" rules must come first
Line 1446:0 All "@import" rules must come first
Line 1784:0 All "@import" rules must come first
Line 1897:35 Expected number but found "{"
Line 2093:0 All "@import" rules must come first
Line 2638:0 All "@import" rules must come first
Line 2980:0 All "@import" rules must come first
... and 5 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:yotunia-brand-story (INDEX:55) */
/* ════════════════════════════════════════════
   YOTUNIA — Brand Story
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Shell ── */
.yot-story {
  background: var(--story-bg, #FFFFFF);
  width: 100%;
}
.yot-story__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 100px 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* Image right variant */
.yot-story--right .yot-story__media  { order: 2; }
.yot-story--right .yot-story__content { order: 1; }

/* ── Media ── */
.yot-story__media {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.yot-story__img-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: #E8DDD4;
}
.yot-story__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .6s cubic-bezier(.22,1,.36,1);
}
.yot-story__img-wrap:hover .yot-story__img { transform: scale(1.03); }

.yot-story__img-placeholder {
  width: 100%;
  height: 100%;
  min-height: 480px;
  background: linear-gradient(160deg, #D4C4B8 0%, #BEA898 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #9C7B6A;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  letter-spacing: .1em;
}

/* ── Floating badge ── */
.yot-story__badge {
  position: absolute;
  background: var(--story-accent, #4A3127);
  color: #fff;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 120px;
}
.yot-story__badge--br { bottom: 32px; right: -24px; }
.yot-story__badge--bl { bottom: 32px; left:  -24px; }
.yot-story__badge--tr { top:    32px; right: -24px; }
.yot-story__badge--tl { top:    32px; left:  -24px; }

.yot-story__badge-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2;
}
.yot-story__badge-sub {
  font-family: 'Jost', sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .7;
}

/* ── Second small image ── */
.yot-story__img2-wrap {
  position: absolute;
  bottom: -32px;
  right: -32px;
  width: 46%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 4px solid var(--story-bg, #fff);
  box-shadow: 0 8px 32px rgba(44,31,24,.12);
}
.yot-story--right .yot-story__img2-wrap {
  right: auto;
  left: -32px;
}
.yot-story__img2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── Content ── */
.yot-story__eyebrow {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--story-accent, #4A3127);
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.yot-story__eyebrow-line {
  display: block;
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: .4;
  flex-shrink: 0;
}

.yot-story__heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 3.5vw, 52px);
  font-weight: 300;
  line-height: 1.08;
  color: var(--story-text, #2C1F18);
  margin-bottom: 28px;
  letter-spacing: -.01em;
}

.yot-story__para {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.85;
  color: #6B5040;
  margin-bottom: 14px;
}
.yot-story__para:last-of-type { margin-bottom: 0; }

/* ── Stats ── */
.yot-story__stats {
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 36px;
  padding-top: 36px;
  border-top: 1px solid #F2EEE8;
  flex-wrap: wrap;
  row-gap: 20px;
}
.yot-story__stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 32px;
}
.yot-story__stat:first-child { padding-left: 0; }

.yot-story__stat-value {
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  font-weight: 300;
  color: var(--story-accent, #4A3127);
  line-height: 1;
}
.yot-story__stat-label {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #9C7B6A;
}
.yot-story__stat-divider {
  width: 1px;
  height: 40px;
  background: #E8DDD4;
  flex-shrink: 0;
}

/* ── CTA ── */
.yot-btn--story {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--story-accent, #4A3127);
  border-bottom: 1px solid #C4A898;
  padding-bottom: 3px;
  margin-top: 36px;
  transition: gap .25s, border-color .25s;
  -webkit-tap-highlight-color: transparent;
}
.yot-btn--story:hover { gap: 16px; border-color: var(--story-accent, #4A3127); }
.yot-btn__arrow { display: inline-block; transition: transform .25s; }
.yot-btn--story:hover .yot-btn__arrow { transform: translateX(4px); }

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-story__inner {
    padding: 80px 48px;
    gap: 52px;
  }
  .yot-story__badge--br { right: -12px; }
  .yot-story__badge--bl { left:  -12px; }
  .yot-story__badge--tr { right: -12px; }
  .yot-story__badge--tl { left:  -12px; }
  .yot-story__img2-wrap { width: 42%; bottom: -20px; right: -20px; }
  .yot-story--right .yot-story__img2-wrap { left: -20px; }
  .yot-story__stat { padding: 0 24px; }
  .yot-story__stat-value { font-size: 30px; }
}

/* ── Mobile (≤768px) ── */
@media screen and (max-width: 768px) {
  .yot-story__inner {
    grid-template-columns: 1fr;
    padding: 60px 24px;
    gap: 40px;
  }

  /* image always on top */
  .yot-story__media  { order: 1 !important; }
  .yot-story__content { order: 2 !important; }

  .yot-story__img-wrap { aspect-ratio: 4 / 3; }

  /* badge: keep inside image on mobile */
  .yot-story__badge--br,
  .yot-story__badge--tr { right: 0; }
  .yot-story__badge--bl,
  .yot-story__badge--tl { left:  0; }
  .yot-story__badge { padding: 14px 18px; min-width: 100px; }
  .yot-story__badge-text { font-size: 17px; }

  /* second image: float over main image */
  .yot-story__img2-wrap {
    width: 38%;
    bottom: -16px;
    right: 16px;
    border-width: 3px;
  }
  .yot-story--right .yot-story__img2-wrap { left: 16px; right: auto; }

  .yot-story__heading { font-size: clamp(28px, 7vw, 40px); }
  .yot-story__para    { font-size: 13.5px; }

  .yot-story__stats {
    margin-top: 28px;
    padding-top: 28px;
    gap: 0;
  }
  .yot-story__stat { padding: 0 20px; }
  .yot-story__stat:first-child { padding-left: 0; }
  .yot-story__stat-value { font-size: 28px; }
  .yot-story__stat-label { font-size: 10px; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-story__inner { padding: 52px 16px; gap: 32px; }

  .yot-story__img-wrap { aspect-ratio: 1 / 1; }

  .yot-story__img2-wrap { width: 36%; bottom: -12px; right: 12px; }

  .yot-story__stats { flex-wrap: wrap; row-gap: 16px; }
  .yot-story__stat {
    padding: 0 16px;
    flex: 1;
    min-width: 80px;
  }
  .yot-story__stat-divider { height: 30px; }

  .yot-story__eyebrow { font-size: 10px; }
  .yot-story__heading { font-size: clamp(26px, 8vw, 36px); margin-bottom: 20px; }
  .yot-story__para    { font-size: 13px; line-height: 1.8; }

  .yot-btn--story { font-size: 10px; margin-top: 28px; }
}
/* END_SECTION:yotunia-brand-story */

/* START_SECTION:yotunia-footer (INDEX:56) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400&family=Jost:wght@300;400;500&display=swap');

.yot-f {
  background: var(--f-bg, #1C1612);
  color: #b8a898;
  padding: 56px 80px 0;
  font-family: 'Jost', sans-serif;
}

.yot-f__top {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: 32px;
  align-items: start;
  padding-bottom: 44px;
  border-bottom: 1px solid var(--f-border, #2e2520);
}

.yot-f__brand { display: flex; flex-direction: column; gap: 12px; }

.yot-f__logo {
  display: flex; flex-direction: column;
  text-decoration: none; gap: 3px; width: fit-content;
}
.yot-f__logo-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px; font-weight: 300;
  letter-spacing: .22em; color: #ede3d8; line-height: 1;
}
.yot-f__logo-sub {
  font-size: 8px; font-weight: 300;
  letter-spacing: .38em; text-transform: uppercase;
  color: rgba(255,255,255,.35);
}
.yot-f__desc {
  font-size: 13px; font-weight: 300; line-height: 1.8;
  color: #9a8e85; max-width: 200px; margin: 0;
}

.yot-f__socials { display: flex; gap: 8px; flex-wrap: wrap; }
.yot-f__social {
  width: 30px; height: 30px;
  border: 1px solid rgba(255,255,255,.12); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none; color: rgba(255,255,255,.5);
  transition: border-color .2s, background .2s;
}
.yot-f__social:hover { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.05); }
.yot-f__social svg { width: 12px; height: 12px; }

.yot-f__col-title {
  font-size: 10px; font-weight: 600;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--f-accent, #c8b09a); margin: 0 0 16px 0;
}
.yot-f__links {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 10px;
}
.yot-f__link {
  font-size: 13px; font-weight: 300; color: #a09890;
  text-decoration: none; letter-spacing: .2px;
  transition: color .2s; display: block; line-height: 1.4;
}
.yot-f__link:hover { color: #ede3d8; }

.yot-f__middle {
  padding: 18px 0;
  border-bottom: 1px solid var(--f-border, #2e2520);
}
.yot-f__badges { display: flex; flex-wrap: wrap; gap: 8px 28px; align-items: center; }
.yot-f__badge-item { display: flex; align-items: center; gap: 7px; }
.yot-f__badge-lbl {
  font-size: 10px; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase; color: #7a6e65;
}

.yot-f__bottom {
  display: flex; align-items: center;
  justify-content: space-between;
  padding: 18px 0; flex-wrap: wrap; gap: 10px;
}
.yot-f__copy {
  font-size: 12px; font-weight: 300;
  color: #6a605a; letter-spacing: .2px;
}
.yot-f__payments { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.yot-f__pay {
  background: #252018; border: 1px solid #38302a;
  border-radius: 3px; padding: 4px 9px;
  font-size: 10px; font-weight: 300; color: #9a8e85; white-space: nowrap;
}

@media (max-width: 1100px) {
  .yot-f { padding: 56px 48px 0; }
  .yot-f__top { gap: 28px; }
}
@media (max-width: 900px) {
  .yot-f { padding: 48px 36px 0; }
  .yot-f__top { grid-template-columns: 1fr 1fr 1fr; gap: 32px; }
  .yot-f__brand { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 20px; }
  .yot-f__desc { max-width: 340px; }
}
@media (max-width: 640px) {
  .yot-f { padding: 40px 20px 0; }
  .yot-f__top { grid-template-columns: 1fr 1fr; gap: 28px; }
  .yot-f__brand { grid-column: 1 / -1; flex-direction: column; gap: 12px; }
  .yot-f__desc { max-width: 100%; }
  .yot-f__badges { gap: 10px 20px; }
  .yot-f__bottom { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 400px) {
  .yot-f { padding: 32px 16px 0; }
  .yot-f__top { grid-template-columns: 1fr 1fr; gap: 22px; }
}
/* END_SECTION:yotunia-footer */

/* START_SECTION:yotunia-header (INDEX:57) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400&family=Jost:wght@300;400;500&display=swap');

/* ════════════════════════════════════════════
   ANNOUNCEMENT BAR
   ════════════════════════════════════════════ */
.yot-ann {
  background: var(--ann-bg, #4A3127);
  color: var(--ann-text, #fff);
  text-align: center;
  padding: 8px 16px;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .1em;
}
.yot-ann__text  { margin: 0; }
.yot-ann__link  { color: inherit; text-decoration: none; }
.yot-ann__link:hover { opacity: .8; }

/* ════════════════════════════════════════════
   HEADER SHELL
   ════════════════════════════════════════════ */
.yot-hdr {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--hdr-bg, rgba(253,252,251,.97));
  border-bottom: 1px solid var(--hdr-border, #E8DDD4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background .3s, border-color .3s, box-shadow .3s;
}
.yot-hdr.is-scrolled {
  box-shadow: 0 2px 20px rgba(44,31,24,.06);
}
/* Transparent mode (over hero) */
.yot-hdr--transparent:not(.is-scrolled) {
  background: transparent;
  border-bottom-color: transparent;
  --hdr-text: #fff;
  --hdr-accent: rgba(255,255,255,.6);
  --hdr-border: transparent;
}

/* ── Inner layout ── */
.yot-hdr__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
  height: var(--hdr-height, 64px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* ════════════════
   LOGO
   ════════════════ */
.yot-hdr__logo {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  line-height: 1;
  gap: 2px;
  flex-shrink: 0;
}
.yot-hdr__logo-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: .22em;
  color: var(--hdr-text, #2C1F18);
  line-height: 1;
}
.yot-hdr__logo-sub {
  font-family: 'Jost', sans-serif;
  font-size: 7px;
  font-weight: 300;
  letter-spacing: .38em;
  text-transform: uppercase;
  color: var(--hdr-accent, #9C7B6A);
}
.yot-hdr__logo-img {
  display: block;
  object-fit: contain;
}

/* ════════════════
   DESKTOP NAV
   ════════════════ */
.yot-hdr__nav { flex: 1; display: flex; justify-content: center; }
.yot-hdr__nav-list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 36px;
  margin: 0; padding: 0;
}
.yot-hdr__nav-item { position: relative; }
.yot-hdr__nav-link {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--hdr-text, #2C1F18);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
  position: relative;
  transition: color .2s;
}
.yot-hdr__nav-link::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 0; height: 1px;
  background: var(--hdr-accent, #4A3127);
  transition: width .25s ease;
}
.yot-hdr__nav-link:hover::after,
.yot-hdr__nav-link.is-active::after { width: 100%; }
.yot-hdr__nav-link:hover,
.yot-hdr__nav-link.is-active { color: var(--hdr-accent, #4A3127); }
.yot-hdr__nav-chevron { width: 12px; height: 12px; flex-shrink: 0; transition: transform .25s; }
.yot-hdr__nav-item:hover .yot-hdr__nav-chevron { transform: rotate(180deg); }

/* Dropdown */
.yot-hdr__dropdown {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 180px;
  background: #FDFCFB;
  border: 1px solid #E8DDD4;
  list-style: none;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(6px);
  transition: opacity .2s, transform .2s;
  box-shadow: 0 8px 24px rgba(44,31,24,.08);
  z-index: 10;
}
.yot-hdr__nav-item:hover .yot-hdr__dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.yot-hdr__dropdown-link {
  display: block;
  padding: 9px 20px;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .08em;
  color: #6B5040;
  text-decoration: none;
  transition: background .15s, color .15s;
  white-space: nowrap;
}
.yot-hdr__dropdown-link:hover { background: #F9F6F2; color: #4A3127; }

/* ════════════════
   ICONS
   ════════════════ */
.yot-hdr__icons {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.yot-hdr__icon-btn {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  background: none; border: none; cursor: pointer;
  color: var(--hdr-text, #2C1F18);
  text-decoration: none;
  transition: color .2s, background .2s;
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.yot-hdr__icon-btn:hover { color: var(--hdr-accent, #4A3127); background: rgba(74,49,39,.06); }
.yot-hdr__icon-btn svg { width: 18px; height: 18px; display: block; }

/* Cart count bubble */
.yot-hdr__cart-count {
  position: absolute;
  top: 5px; right: 4px;
  min-width: 16px; height: 16px;
  background: var(--hdr-accent, #4A3127);
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-size: 9px;
  font-weight: 500;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 3px;
  line-height: 1;
}
.yot-hdr__cart-count--empty { display: none; }

/* Hamburger */
.yot-hdr__hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 4px;
  -webkit-tap-highlight-color: transparent;
}
.yot-hdr__ham-line {
  display: block;
  width: 22px; height: 1px;
  background: var(--hdr-text, #2C1F18);
  transition: all .3s;
  transform-origin: center;
}
.yot-hdr__hamburger.is-open .yot-hdr__ham-line:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.yot-hdr__hamburger.is-open .yot-hdr__ham-line:nth-child(2) { opacity: 0; transform: scaleX(0); }
.yot-hdr__hamburger.is-open .yot-hdr__ham-line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ════════════════
   SEARCH DRAWER
   ════════════════ */
.yot-search-drawer {
  position: absolute;
  top: 100%; left: 0; right: 0;
  background: var(--hdr-bg, #FDFCFB);
  border-bottom: 1px solid #E8DDD4;
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: transform .25s ease, opacity .2s ease;
  z-index: 99;
}
.yot-search-drawer.is-open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.yot-search-drawer__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 16px 80px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.yot-search-drawer__field {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #E8DDD4;
  padding: 0 16px;
  height: 46px;
}
.yot-search-drawer__field svg { width: 16px; height: 16px; stroke: #9C7B6A; flex-shrink: 0; }
.yot-search-drawer__input {
  flex: 1;
  border: none;
  outline: none;
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #2C1F18;
  background: transparent;
}
.yot-search-drawer__input::placeholder { color: #C4A898; }
.yot-search-drawer__submit {
  background: #4A3127;
  color: #fff;
  border: none;
  padding: 0 20px;
  height: 32px;
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s;
  flex-shrink: 0;
}
.yot-search-drawer__submit:hover { background: #2C1F18; }
.yot-search-drawer__close {
  width: 40px; height: 40px;
  background: none; border: none;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: #6B5040; flex-shrink: 0;
}
.yot-search-drawer__close svg { width: 18px; height: 18px; }

/* ════════════════
   MOBILE MENU
   ════════════════ */
.yot-mobile-menu {
  position: fixed;
  inset: 0;
  background: #FDFCFB;
  z-index: 300;
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform .35s cubic-bezier(.22,1,.36,1);
  overflow-y: auto;
}
.yot-mobile-menu.is-open {
  transform: translateX(0);
}
.yot-mobile-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #F2EEE8;
  flex-shrink: 0;
}
.yot-mobile-menu__logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: .22em;
  color: #2C1F18;
  text-decoration: none;
}
.yot-mobile-menu__close {
  width: 40px; height: 40px;
  background: none; border: none;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: #6B5040;
}
.yot-mobile-menu__close svg { width: 20px; height: 20px; }
.yot-mobile-menu__nav { flex: 1; padding: 32px 24px; }
.yot-mobile-menu__nav ul { list-style: none; padding: 0; margin: 0; }
.yot-mobile-menu__nav > ul { display: flex; flex-direction: column; gap: 0; }
.yot-mobile-menu__link {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  font-weight: 300;
  color: #2C1F18;
  text-decoration: none;
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #F9F6F2;
  letter-spacing: .04em;
  transition: color .2s;
}
.yot-mobile-menu__link:hover,
.yot-mobile-menu__link.is-active { color: #4A3127; }
.yot-mobile-menu__sub { padding: 8px 0 4px 16px; }
.yot-mobile-menu__sub-link {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #6B5040;
  text-decoration: none;
  display: block;
  padding: 7px 0;
  letter-spacing: .06em;
}
.yot-mobile-menu__footer {
  padding: 20px 24px 32px;
  border-top: 1px solid #F2EEE8;
  display: flex;
  gap: 20px;
  flex-shrink: 0;
}
.yot-mobile-menu__meta-link {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #9C7B6A;
  text-decoration: none;
  transition: color .2s;
}
.yot-mobile-menu__meta-link:hover { color: #4A3127; }

/* Overlay */
.yot-overlay {
  position: fixed;
  inset: 0;
  background: rgba(44,31,24,.4);
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
.yot-overlay.is-open { opacity: 1; pointer-events: auto; }

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

@media screen and (max-width: 1024px) {
  .yot-hdr__inner { padding: 0 40px; }
  .yot-hdr__nav-list { gap: 24px; }
  .yot-search-drawer__inner { padding: 14px 40px; }
}

@media screen and (max-width: 768px) {
  .yot-hdr__inner { padding: 0 20px; }
  .yot-hdr__nav { display: none; }
  .yot-hdr__hamburger { display: flex; }
  .yot-search-drawer__inner { padding: 12px 20px; }
  .yot-hdr__icon-btn:not(.yot-hdr__cart) { display: none; }
  .yot-hdr__hamburger { display: flex; }
  .yot-hdr__icon-btn[aria-label="Account"] { display: none; }
  .yot-hdr__icon-btn[aria-label*="Search"] { display: none; }
  .yot-hdr__icon-btn.yot-hdr__cart { display: flex; }
}

@media screen and (max-width: 480px) {
  .yot-hdr__logo-text { font-size: 17px; letter-spacing: .18em; }
  .yot-hdr__logo-sub  { letter-spacing: .28em; }
}
/* END_SECTION:yotunia-header */

/* START_SECTION:yotunia-hero (INDEX:58) */
:root {
  --yot-brown:        #4A3127;
  --yot-brown-light:  #7A5C4E;
  --yot-brown-pale:   #C4A898;
  --yot-cream:        #F9F6F2;
  --yot-beige:        #E8DDD4;
  --yot-text:         #2C1F18;
  --yot-text-mid:     #6B5040;
  --yot-text-light:   #9C7B6A;
  --yot-white:        #FDFCFB;
  --font-display:     'Cormorant Garamond', Georgia, serif;
  --font-body:        'Jost', sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

.yot-hero {
  position: relative;
  width: 100%;
  min-height: 600px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--yot-cream);
}
.yot-hero--full { min-height: 100svh; }

.yot-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.yot-hero__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.yot-hero__bg-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #D4C4B8 0%, #BEA898 45%, #A8907F 100%);
}
.yot-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(44, 31, 24, var(--overlay-opacity, 0.3));
}

.yot-hero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 120px 80px;
}
.yot-hero__content { max-width: 620px; }

.yot-hero__eyebrow {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.yot-hero__eyebrow-line {
  display: block;
  width: 32px;
  height: 1px;
  background: rgba(255,255,255,.4);
  flex-shrink: 0;
}

.yot-hero__title {
  font-family: var(--font-display);
  font-size: clamp(44px, 5.5vw, 80px);
  font-weight: 300;
  line-height: 1.03;
  letter-spacing: -.01em;
  color: #fff;
  margin-bottom: 24px;
}
.yot-hero__title em {
  font-style: italic;
  color: var(--yot-brown-pale);
}

.yot-hero__desc {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
  color: rgba(255,255,255,.72);
  max-width: 400px;
  margin-bottom: 40px;
}

.yot-hero__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.yot-btn {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 32px;
  cursor: pointer;
  transition: background .25s, border-color .25s, color .25s, transform .15s;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.yot-btn:active { transform: scale(.97); }
.yot-btn--primary {
  background: var(--yot-brown);
  color: #fff;
  border-color: var(--yot-brown);
}
.yot-btn--primary:hover {
  background: var(--yot-text);
  border-color: var(--yot-text);
  color: #fff;
}

.yot-hero__scroll {
  position: absolute;
  bottom: 36px;
  left: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  z-index: 2;
}
.yot-hero__scroll-label {
  font-family: var(--font-body);
  font-size: 9px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: rgba(255,255,255,.4);
  writing-mode: vertical-rl;
}
.yot-hero__scroll-line {
  display: block;
  width: 1px;
  height: 48px;
  background: rgba(255,255,255,.2);
  position: relative;
  overflow: hidden;
}
.yot-hero__scroll-line::after {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.6);
  animation: scrollDrop 1.8s ease-in-out infinite;
}
@keyframes scrollDrop {
  0%   { top: -100%; }
  100% { top: 200%; }
}

.animate-fadeup {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp .7s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay: var(--delay, 0ms);
}
@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0); }
}

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-hero__inner { padding: 100px 48px; }
  .yot-hero__scroll { left: 48px; }
}

/* ── Mobile (≤768px) ── */
@media screen and (max-width: 768px) {
  .yot-hero {
    min-height: 100svh;
    align-items: flex-end;
  }
  .yot-hero--full {
    min-height: 100svh;
    align-items: flex-end;
  }
  .yot-hero__bg-img {
    object-position: 65% center;
  }
  .yot-hero__overlay {
    background: linear-gradient(
      to top,
      rgba(44,31,24,.90) 0%,
      rgba(44,31,24,.60) 40%,
      rgba(44,31,24,.10) 100%
    );
  }
  .yot-hero__inner {
    padding: 0 24px 56px;
  }
  .yot-hero__content { max-width: 100%; }
  .yot-hero__title {
    font-size: clamp(36px, 10vw, 52px);
  }
  .yot-hero__desc {
    font-size: 14px;
    max-width: 100%;
    margin-bottom: 32px;
  }
  .yot-hero__btns { gap: 10px; }
  .yot-btn {
    padding: 13px 24px;
    font-size: 10px;
  }
  .yot-hero__scroll { display: none; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-hero { min-height: 100svh; }
  .yot-hero__inner { padding: 0 20px 48px; }
  .yot-hero__title {
    font-size: clamp(32px, 11vw, 44px);
    margin-bottom: 16px;
  }
  .yot-hero__eyebrow {
    font-size: 10px;
    margin-bottom: 18px;
  }
  .yot-hero__desc {
    font-size: 13.5px;
    margin-bottom: 28px;
  }
  .yot-hero__btns {
    flex-direction: column;
    align-items: stretch;
  }
  .yot-btn {
    width: 100%;
    text-align: center;
    padding: 15px 20px;
  }
}
/* END_SECTION:yotunia-hero */

/* START_SECTION:yotunia-ingredients (INDEX:59) */
/* ════════════════════════════════════════════
   YOTUNIA — Ingredients
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Shell ── */
.yot-ing {
  background: var(--ing-bg, #FFFFFF);
  width: 100%;
}
.yot-ing__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 100px 80px;
}

/* ── Header ── */
.yot-ing__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 56px;
  flex-wrap: wrap;
}
.yot-ing__header--center {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.yot-ing__header--center .yot-ing__eyebrow { justify-content: center; }

.yot-ing__eyebrow {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ing-accent, #4A3127);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.yot-ing__eyebrow-line {
  display: block;
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: .4;
  flex-shrink: 0;
}
.yot-ing__heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 300;
  line-height: 1.1;
  color: var(--ing-text, #2C1F18);
  margin: 0;
}
.yot-ing__view-all {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ing-accent, #4A3127);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  padding-bottom: 2px;
  border-bottom: 1px solid #C4A898;
  transition: border-color .2s, gap .2s;
  flex-shrink: 0;
}
.yot-ing__view-all:hover { border-color: var(--ing-accent, #4A3127); gap: 12px; }
.yot-ing__view-all-arrow { transition: transform .2s; display: inline-block; }
.yot-ing__view-all:hover .yot-ing__view-all-arrow { transform: translateX(4px); }

/* ════════════════
   GRID
   ════════════════ */
.yot-ing__grid {
  display: grid;
  grid-template-columns: repeat(var(--ing-cols, 3), 1fr);
}

/* ══ CLASSIC style ══ */
.yot-ing__grid--classic { gap: 24px; }
.yot-ing__card--classic {
  border: 1px solid #E8DDD4;
  overflow: hidden;
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
  background: #FDFCFB;
}
.yot-ing__card--classic:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(74,49,39,.09);
}
.yot-ing__card--classic .yot-ing__img-wrap {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
  background: #F2EEE8;
}
.yot-ing__card--classic .yot-ing__body {
  padding: 24px 22px 28px;
}

/* ══ EDITORIAL style ══ */
.yot-ing__grid--editorial { gap: 2px; background: #E8DDD4; }
.yot-ing__card--editorial {
  overflow: hidden;
  background: var(--ing-bg, #FFFFFF);
  transition: background .25s;
}
.yot-ing__card--editorial:hover { background: #F9F6F2; }
.yot-ing__card--editorial .yot-ing__img-wrap {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
  background: #F2EEE8;
}
.yot-ing__card--editorial .yot-ing__body {
  padding: 24px 28px 32px;
}

/* ══ MINIMAL style ══ */
.yot-ing__grid--minimal { gap: 0; }
.yot-ing__card--minimal {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid #F2EEE8;
  transition: background .2s;
}
.yot-ing__card--minimal:hover { background: #FDFAF8; }
.yot-ing__card--minimal .yot-ing__img-wrap {
  width: 120px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
  background: #F2EEE8;
  flex-shrink: 0;
}
.yot-ing__card--minimal .yot-ing__body {
  padding: 24px 28px;
}

/* ── Image shared ── */
.yot-ing__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.yot-ing__card:hover .yot-ing__img { transform: scale(1.06); }

.yot-ing__img-placeholder {
  width: 100%;
  height: 100%;
  min-height: 180px;
  background: linear-gradient(160deg, #E8DDD4 0%, #D4C4B8 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #9C7B6A;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  letter-spacing: .08em;
}

/* ── Origin badge ── */
.yot-ing__origin {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(74,49,39,.82);
  color: rgba(255,255,255,.9);
  font-family: 'Jost', sans-serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 4px 10px;
  backdrop-filter: blur(4px);
}

/* ── Body text ── */
.yot-ing__name {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ing-accent, #4A3127);
  margin-bottom: 6px;
}
.yot-ing__benefit {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
  color: var(--ing-text, #2C1F18);
  margin-bottom: 8px;
  line-height: 1.3;
}
.yot-ing__desc {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #6B5040;
  line-height: 1.75;
  margin: 0;
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-ing__inner { padding: 80px 48px; }
  .yot-ing__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* minimal: single col on tablet */
  .yot-ing__grid--minimal {
    grid-template-columns: 1fr;
  }
  .yot-ing__card--minimal { grid-template-columns: 100px 1fr; }
  .yot-ing__card--minimal .yot-ing__img-wrap { width: 100px; }
}

/* ── Mobile (≤768px) ── */
@media screen and (max-width: 768px) {
  .yot-ing__inner { padding: 64px 24px; }
  .yot-ing__header { margin-bottom: 36px; }
  .yot-ing__heading { font-size: clamp(24px, 6vw, 34px); }

  .yot-ing__grid { grid-template-columns: repeat(2, 1fr); }

  /* editorial: tighter gap */
  .yot-ing__grid--editorial { gap: 1px; }
  .yot-ing__card--editorial .yot-ing__body { padding: 16px 18px 20px; }

  /* classic */
  .yot-ing__card--classic .yot-ing__body { padding: 16px 16px 20px; }

  /* minimal: compact row */
  .yot-ing__grid--minimal { grid-template-columns: 1fr; }
  .yot-ing__card--minimal { grid-template-columns: 88px 1fr; }
  .yot-ing__card--minimal .yot-ing__img-wrap { width: 88px; }
  .yot-ing__card--minimal .yot-ing__body { padding: 16px 20px; }

  .yot-ing__name    { font-size: 11px; }
  .yot-ing__benefit { font-size: 16px; }
  .yot-ing__desc    { font-size: 12.5px; }

  .yot-ing__view-all { font-size: 10px; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-ing__inner { padding: 52px 16px; }

  /* single column — cards stack vertically */
  .yot-ing__grid,
  .yot-ing__grid--classic,
  .yot-ing__grid--editorial { grid-template-columns: 1fr; gap: 12px; }

  .yot-ing__grid--editorial { gap: 1px; }

  /* minimal: wider image on small screen */
  .yot-ing__card--minimal { grid-template-columns: 80px 1fr; }
  .yot-ing__card--minimal .yot-ing__img-wrap { width: 80px; }

  .yot-ing__card--classic .yot-ing__img-wrap,
  .yot-ing__card--editorial .yot-ing__img-wrap { aspect-ratio: 16 / 9; }

  .yot-ing__card--classic .yot-ing__body  { padding: 16px 16px 20px; }
  .yot-ing__card--editorial .yot-ing__body { padding: 14px 16px 18px; }

  .yot-ing__header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .yot-ing__header--center { align-items: center; }
}
/* END_SECTION:yotunia-ingredients */

/* START_SECTION:yotunia-newsletter (INDEX:61) */
/* ════════════════════════════════════════════
   YOTUNIA — Newsletter
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

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

/* ── Shell ── */
.yot-nl {
  background: var(--nl-bg, #F2EEE8);
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* ── Background image ── */
.yot-nl__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.yot-nl__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.yot-nl__bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(44,31,24, var(--nl-overlay, 0.5));
}

/* ── Watermark ── */
.yot-nl__watermark {
  position: absolute;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(80px, 14vw, 200px);
  font-weight: 300;
  letter-spacing: .08em;
  color: rgba(74,49,39,.06);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
/* When bg image is present: watermark is white/transparent */
.yot-nl__bg ~ .yot-nl__watermark {
  color: rgba(255,255,255,.04);
}

/* ── Inner ── */
.yot-nl__inner {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 100px 80px;
}

/* ── CENTRE layout ── */
.yot-nl--centre .yot-nl__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 40px;
}
.yot-nl--centre .yot-nl__eyebrow    { justify-content: center; }
.yot-nl--centre .yot-nl__perks      { justify-content: center; }
.yot-nl--centre .yot-nl__form-wrap  { width: 100%; max-width: 480px; }
.yot-nl--centre .yot-nl__disclaimer { text-align: center; }

/* ── SPLIT layout ── */
.yot-nl--split .yot-nl__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* ── Eyebrow ── */
.yot-nl__eyebrow {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--nl-accent, #4A3127);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.yot-nl__eyebrow-line {
  display: block;
  width: 24px;
  height: 1px;
  background: currentColor;
  opacity: .4;
  flex-shrink: 0;
}

/* ── Heading ── */
.yot-nl__heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 300;
  line-height: 1.08;
  color: var(--nl-text, #2C1F18);
  margin-bottom: 14px;
  letter-spacing: -.01em;
}

/* ── Sub ── */
.yot-nl__sub {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7;
  color: #6B5040;
  max-width: 420px;
  margin-bottom: 0;
}
.yot-nl--centre .yot-nl__sub { margin: 0 auto; }

/* ── Perks ── */
.yot-nl__perks {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 20px;
}
.yot-nl__perk {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #6B5040;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: .04em;
}
.yot-nl__perk-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--nl-accent, #4A3127);
  flex-shrink: 0;
}

/* ── Form wrap ── */
.yot-nl__form-wrap {
  position: relative;
}

/* ── Incentive badge ── */
.yot-nl__badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--nl-accent, #4A3127);
  color: #fff;
  padding: 16px 24px;
  margin-bottom: 24px;
  min-width: 100px;
  text-align: center;
}
.yot-nl__badge-value {
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
}
.yot-nl__badge-sub {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .75;
  margin-top: 4px;
}

/* ── Input row ── */
.yot-nl__input-row {
  display: flex;
  gap: 0;
  width: 100%;
}
.yot-nl__input {
  flex: 1;
  min-width: 0;
  padding: 14px 20px;
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: var(--nl-text, #2C1F18);
  background: var(--nl-input-bg, rgba(255,255,255,.8));
  border: 1px solid #D4C4B8;
  border-right: none;
  outline: none;
  transition: border-color .2s;
  -webkit-appearance: none;
  border-radius: 0;
}
.yot-nl__input::placeholder { color: #B8A090; }
.yot-nl__input:focus { border-color: var(--nl-accent, #4A3127); }

.yot-nl__btn {
  background: var(--nl-btn-bg, #4A3127);
  color: var(--nl-btn-txt, #FFFFFF);
  border: 1px solid var(--nl-btn-bg, #4A3127);
  padding: 14px 28px;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background .25s, border-color .25s;
  -webkit-tap-highlight-color: transparent;
  border-radius: 0;
  flex-shrink: 0;
}
.yot-nl__btn:hover {
  background: #2C1F18;
  border-color: #2C1F18;
}

/* ── Disclaimer ── */
.yot-nl__disclaimer {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #9C7B6A;
  line-height: 1.6;
  margin-top: 12px;
}

/* ── Success / Error states ── */
.yot-nl__success {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 24px;
  background: rgba(122,158,106,.12);
  border: 1px solid rgba(122,158,106,.3);
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #4A6B3A;
  line-height: 1.6;
}
.yot-nl__success svg { stroke: #4A6B3A; flex-shrink: 0; margin-top: 2px; }
.yot-nl__error {
  padding: 14px 18px;
  background: rgba(180,60,60,.08);
  border: 1px solid rgba(180,60,60,.2);
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #8B3030;
  margin-bottom: 12px;
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-nl__inner { padding: 80px 48px; }
  .yot-nl--split .yot-nl__inner { gap: 48px; }
}

/* ── Mobile (≤768px) ── */
@media screen and (max-width: 768px) {
  .yot-nl__inner { padding: 64px 24px; }

  /* Both layouts become single column */
  .yot-nl--split .yot-nl__inner {
    grid-template-columns: 1fr;
    gap: 36px;
    text-align: center;
  }
  .yot-nl--split .yot-nl__eyebrow { justify-content: center; }
  .yot-nl--split .yot-nl__perks   { justify-content: center; }
  .yot-nl--split .yot-nl__sub     { margin: 0 auto; }
  .yot-nl--split .yot-nl__disclaimer { text-align: center; }

  .yot-nl__heading { font-size: clamp(28px, 8vw, 44px); }
  .yot-nl__sub     { font-size: 13.5px; }

  .yot-nl__badge { margin: 0 auto 20px; }

  /* Input: stack on mobile */
  .yot-nl__input-row {
    flex-direction: column;
    gap: 8px;
  }
  .yot-nl__input {
    border-right: 1px solid #D4C4B8;
    width: 100%;
  }
  .yot-nl__btn { width: 100%; padding: 14px 20px; text-align: center; }
  .yot-nl__disclaimer { text-align: center; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-nl__inner { padding: 52px 16px; }
  .yot-nl__heading { font-size: clamp(26px, 9vw, 38px); }
  .yot-nl__eyebrow { font-size: 10px; }
  .yot-nl__badge-value { font-size: 30px; }
  .yot-nl__perks { gap: 10px 16px; }
  .yot-nl__perk  { font-size: 11.5px; }
}
/* END_SECTION:yotunia-newsletter */

/* START_SECTION:yotunia-problem-solution (INDEX:63) */
/* ════════════════════════════════════════════
   YOTUNIA — Problem → Solution
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Section shell ── */
.yot-ps {
  background: var(--ps-bg, #FFFFFF);
  width: 100%;
}

.yot-ps__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 100px 80px;
}

/* ── Alignment helpers ── */
.yot-ps--align-left   { text-align: left; }
.yot-ps--align-center { text-align: center; }

/* ── Header ── */
.yot-ps__header {
  margin-bottom: 64px;
}
.yot-ps--align-center.yot-ps__header { max-width: 640px; margin-left: auto; margin-right: auto; margin-bottom: 64px; }

.yot-ps__eyebrow {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ps-accent, #4A3127);
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.yot-ps--align-center .yot-ps__eyebrow { justify-content: center; }

.yot-ps__eyebrow-line {
  display: block;
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: .4;
  flex-shrink: 0;
}

.yot-ps__heading {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(32px, 3.5vw, 52px);
  font-weight: 300;
  line-height: 1.1;
  color: var(--ps-text, #2C1F18);
  margin-bottom: 16px;
}

.yot-ps__subheading {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
  color: #6B5040;
  max-width: 520px;
}
.yot-ps--align-center .yot-ps__subheading { margin: 0 auto; }

/* ════════════════
   GRID
   ════════════════ */
.yot-ps__grid {
  display: grid;
  grid-template-columns: repeat(var(--ps-cols, 4), 1fr);
}

/* ── Bordered style ── */
.yot-ps__grid--bordered {
  gap: 2px;
  background: #E8DDD4;
}
.yot-ps__card--bordered {
  background: var(--ps-bg, #FFFFFF);
  padding: 44px 36px;
  transition: background .25s;
}
.yot-ps__card--bordered:hover { background: #F9F6F2; }

/* ── Cards style ── */
.yot-ps__grid--cards {
  gap: 24px;
  background: transparent;
}
.yot-ps__card--cards {
  background: #F9F6F2;
  border: 1px solid #E8DDD4;
  border-radius: 2px;
  padding: 40px 32px;
  transition: transform .25s, box-shadow .25s;
}
.yot-ps__card--cards:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(74,49,39,.08);
}

/* ── Minimal style ── */
.yot-ps__grid--minimal {
  gap: 0;
  background: transparent;
}
.yot-ps__card--minimal {
  padding: 40px 32px;
  border-bottom: 1px solid #E8DDD4;
  border-right: 1px solid #E8DDD4;
}
.yot-ps__card--minimal:nth-child(n+{{ section.blocks.size | minus: 1 }}) { border-bottom: none; }

/* ── Number ── */
.yot-ps__num {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1;
  color: #E8DDD4;
  display: block;
  margin-bottom: 20px;
  letter-spacing: -.02em;
  transition: color .25s;
}
.yot-ps__card:hover .yot-ps__num { color: #C4A898; }

/* ── Icon ── */
.yot-ps__icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--ps-accent, #4A3127);
  border: 1px solid #E8DDD4;
  border-radius: 50%;
  transition: border-color .25s, background .25s;
  flex-shrink: 0;
}
.yot-ps__card:hover .yot-ps__icon {
  background: var(--ps-accent, #4A3127);
  border-color: var(--ps-accent, #4A3127);
  color: #fff;
}
.yot-ps__icon svg { width: 22px; height: 22px; }
.yot-ps__icon-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.yot-ps--align-center .yot-ps__icon { margin-left: auto; margin-right: auto; }

/* ── Card body ── */
.yot-ps__card-title {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ps-text, #2C1F18);
  margin-bottom: 10px;
  line-height: 1.4;
}
.yot-ps__card-desc {
  font-family: 'Jost', sans-serif;
  font-size: 13.5px;
  font-weight: 300;
  line-height: 1.75;
  color: #6B5040;
}

/* ── CTA ── */
.yot-ps__cta {
  margin-top: 56px;
  text-align: center;
}
.yot-btn--outline-dark {
  display: inline-block;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 36px;
  border: 1px solid #C4A898;
  color: #4A3127;
  background: transparent;
  transition: border-color .25s, background .25s, color .25s;
  cursor: pointer;
}
.yot-btn--outline-dark:hover {
  background: #4A3127;
  border-color: #4A3127;
  color: #fff;
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-ps__inner { padding: 80px 48px; }
  .yot-ps__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .yot-ps__card--bordered { padding: 36px 28px; }
  .yot-ps__card--cards    { padding: 32px 24px; }
  .yot-ps__card--minimal  { padding: 32px 24px; }
  .yot-ps__num  { font-size: 40px; }
  .yot-ps__icon { width: 46px; height: 46px; }
  .yot-ps__icon svg { width: 20px; height: 20px; }
}

/* ── Mobile landscape (≤768px) ── */
@media screen and (max-width: 768px) {
  .yot-ps__inner { padding: 64px 24px; }
  .yot-ps__header { margin-bottom: 40px; }
  .yot-ps__heading { font-size: clamp(28px, 7vw, 38px); }
  .yot-ps__subheading { font-size: 14px; }

  .yot-ps__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .yot-ps__card--bordered { padding: 28px 20px; }
  .yot-ps__card--cards    { padding: 28px 20px; gap: 16px; }
  .yot-ps__card--minimal  { padding: 28px 20px; }

  .yot-ps__num  { font-size: 36px; margin-bottom: 14px; }
  .yot-ps__icon { width: 42px; height: 42px; margin-bottom: 14px; }
  .yot-ps__icon svg { width: 18px; height: 18px; }
  .yot-ps__card-title { font-size: 12px; margin-bottom: 8px; }
  .yot-ps__card-desc  { font-size: 13px; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-ps__inner { padding: 56px 16px; }

  /* single column on very small screens */
  .yot-ps__grid {
    grid-template-columns: 1fr;
  }

  /* minimal & bordered: restore borders */
  .yot-ps__card--bordered {
    padding: 24px 20px;
    border-bottom: 2px solid #E8DDD4;
  }
  .yot-ps__card--minimal {
    padding: 24px 20px;
    border-right: none;
  }
  .yot-ps__card--cards { padding: 24px 20px; }

  /* horizontal layout on mobile single-col: icon left, text right */
  .yot-ps__card--bordered,
  .yot-ps__card--cards,
  .yot-ps__card--minimal {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 16px;
    align-items: start;
  }

  .yot-ps__num {
    grid-column: 1;
    grid-row: 1;
    font-size: 28px;
    margin-bottom: 0;
    align-self: center;
  }

  .yot-ps__icon {
    grid-column: 1;
    grid-row: 1;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    align-self: center;
  }

  /* if both num and icon exist, stack them */
  .yot-ps__card .yot-ps__num ~ .yot-ps__icon {
    grid-row: 2;
    margin-top: 8px;
  }

  .yot-ps__card-body {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: center;
  }

  .yot-ps__card-title { font-size: 12px; }
  .yot-ps__card-desc  { font-size: 13px; }
  .yot-ps__cta { margin-top: 40px; }
}
/* END_SECTION:yotunia-problem-solution */

/* START_SECTION:yotunia-product-detail (INDEX:64) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');

.yot-pd2 {
  background: var(--pd2-bg, #fff);
  width: 100%;
  border-top:    1px solid var(--pd2-border, #ede8e0);
  border-bottom: 1px solid var(--pd2-border, #ede8e0);
}

/* ── Grid ── */
.yot-pd2__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  min-height: 560px;
}

/* ════════════
   GALLERY
   ════════════ */
.yot-pd2__gallery {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: sticky;
  top: 68px;
  background: var(--pd2-img-bg, #f7f3ee);
}

/* Main image */
.yot-pd2__main-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: var(--pd2-img-bg, #f7f3ee);
}
.yot-pd2__main-img {
  position: absolute;
  inset: var(--pd2-inset, 0px);
  width: calc(100% - var(--pd2-inset, 0px) * 2);
  height: calc(100% - var(--pd2-inset, 0px) * 2);
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .6s ease;
}
.yot-pd2__main-wrap:hover .yot-pd2__main-img { transform: scale(1.04); }
.yot-pd2__main-img.is-loading { opacity: 0; }
.yot-pd2__placeholder { width: 100%; height: 100%; display: block; }

/* Badges on image */
.yot-pd2__img-badge {
  position: absolute;
  font-family: 'DM Sans', sans-serif;
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: 6px 14px;
  border: 1px solid var(--pd2-border, #ede8e0);
  background: #fff;
  color: var(--pd2-accent, #7a4030);
}
.yot-pd2__img-badge--tl { top: 20px; left: 20px; }
.yot-pd2__img-badge--tr { top: 20px; right: 20px; border-radius: 20px; }

/* Mobile slider */
.yot-pd2__slider {
  display: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.yot-pd2__slider::-webkit-scrollbar { display: none; }
.yot-pd2__slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
}
.yot-pd2__slide-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  display: block;
  background: var(--pd2-img-bg, #f7f3ee);
  padding: 24px;
}

/* Dots */
.yot-pd2__dots {
  display: none;
  justify-content: center;
  gap: 6px;
  padding: 8px 0 4px;
}
.yot-pd2__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e0d8d0;
  transition: background .2s;
}
.yot-pd2__dot.on { background: var(--pd2-accent, #7a4030); }

/* Thumbnails */
.yot-pd2__thumbs {
  display: flex;
  gap: 8px;
  padding: 0 16px 16px;
  flex-wrap: wrap;
  background: var(--pd2-img-bg, #f7f3ee);
}
.yot-pd2__thumb {
  width: 68px;
  height: 68px;
  border: 1.5px solid transparent;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  background: #fff;
  flex-shrink: 0;
  transition: border-color .2s;
}
.yot-pd2__thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.yot-pd2__thumb.on { border-color: var(--pd2-accent, #7a4030); }

/* ════════════
   COPY
   ════════════ */
.yot-pd2__copy {
  padding: 52px 52px 52px 48px;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--pd2-bg, #fff);
}

/* Eyebrow */
.yot-pd2__eyebrow {
  font-family: 'DM Sans', sans-serif;
  font-size: 10px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--pd2-accent, #7a4030);
  margin-bottom: 10px;
}

/* Title */
.yot-pd2__title {
  font-family: 'Playfair Display', serif;
  font-size: var(--pd2-title-sz, 36px);
  font-weight: 400;
  line-height: 1.15;
  color: var(--pd2-text, #2a1a12);
  margin-bottom: 6px;
}
.yot-pd2__subtitle {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: var(--pd2-muted, #999);
  letter-spacing: .04em;
  margin-bottom: 14px;
}

/* Stars */
.yot-pd2__stars-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.yot-pd2__stars { display: flex; gap: 1px; font-size: 14px; color: #ddd; }
.yot-pd2__stars .on { color: #c4923c; }
.yot-pd2__rev-lbl {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  color: var(--pd2-muted, #999);
}
.yot-pd2__derm {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  color: var(--pd2-accent, #7a4030);
  background: rgba(122,64,48,.08);
  border: 1px solid rgba(122,64,48,.15);
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: .04em;
}

/* Price */
.yot-pd2__price-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.yot-pd2__price {
  font-family: 'Playfair Display', serif;
  font-size: var(--pd2-price-sz, 44px);
  font-weight: 400;
  color: var(--pd2-text, #2a1a12);
  line-height: 1;
}
.yot-pd2__price-was {
  font-family: 'Playfair Display', serif;
  font-size: calc(var(--pd2-price-sz, 44px) * .48);
  font-weight: 400;
  color: #ccc;
  text-decoration: line-through;
}
.yot-pd2__save-pill {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  color: var(--pd2-accent, #7a4030);
  background: rgba(122,64,48,.08);
  border: 1px solid rgba(122,64,48,.15);
  padding: 3px 10px;
  border-radius: 20px;
  align-self: center;
}

/* Meta rows (Skin Type / Actives) */
.yot-pd2__meta-row {
  margin-bottom: 14px;
}
.yot-pd2__meta-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 9px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--pd2-muted, #999);
  display: block;
  margin-bottom: 8px;
}
.yot-pd2__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.yot-pd2__pill {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 300;
  padding: 5px 14px;
  border: 1px solid var(--pd2-border, #ede8e0);
  border-radius: 20px;
  color: var(--pd2-muted, #999);
  transition: all .2s;
  cursor: default;
}
.yot-pd2__pill.on {
  border-color: var(--pd2-accent, #7a4030);
  color: var(--pd2-text, #2a1a12);
}
.yot-pd2__pill--active {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--pd2-muted, #999);
}
.yot-pd2__pill--active svg { color: var(--pd2-accent, #7a4030); flex-shrink: 0; }

/* ATC row */
.yot-pd2__form { margin-bottom: 10px; }
.yot-pd2__atc-row {
  display: flex;
  gap: 0;
  height: 52px;
  margin-bottom: 0;
}
.yot-pd2__qty {
  display: flex;
  align-items: center;
  border: 1px solid var(--pd2-border, #ede8e0);
  border-right: none;
  flex-shrink: 0;
}
.yot-pd2__qty-b {
  width: 40px;
  height: 100%;
  background: none;
  border: none;
  font-size: 18px;
  font-weight: 300;
  color: var(--pd2-text, #2a1a12);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s;
  -webkit-tap-highlight-color: transparent;
}
.yot-pd2__qty-b:hover { background: #f7f3ee; }
.yot-pd2__qty-input {
  width: 44px;
  height: 100%;
  text-align: center;
  border: none;
  border-left: 1px solid var(--pd2-border, #ede8e0);
  border-right: 1px solid var(--pd2-border, #ede8e0);
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: var(--pd2-text, #2a1a12);
  background: none;
  outline: none;
  -moz-appearance: textfield;
}
.yot-pd2__qty-input::-webkit-inner-spin-button,
.yot-pd2__qty-input::-webkit-outer-spin-button { -webkit-appearance: none; }

.yot-pd2__atc {
  flex: 1;
  background: var(--pd2-atc-bg, #2a1a12);
  color: var(--pd2-atc-txt, #fff);
  border: none;
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .18em;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: opacity .2s;
  -webkit-tap-highlight-color: transparent;
}
.yot-pd2__atc:hover:not(:disabled) { opacity: .88; }
.yot-pd2__atc:disabled { opacity: .45; cursor: not-allowed; }

.yot-pd2__buynow {
  width: 100%;
  height: 52px;
  margin-top: 8px;
  background: transparent;
  color: var(--pd2-text, #2a1a12);
  border: 1px solid var(--pd2-border, #ede8e0);
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .2s;
  -webkit-tap-highlight-color: transparent;
}
.yot-pd2__buynow:hover:not(:disabled) { border-color: var(--pd2-text, #2a1a12); }

/* Benefits 2x2 grid */
.yot-pd2__bens {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
  padding: 16px 0;
  border-top: 1px solid var(--pd2-border, #ede8e0);
}
.yot-pd2__ben-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.yot-pd2__ben-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  color: var(--pd2-accent, #7a4030);
  display: flex;
  align-items: center;
  justify-content: center;
}
.yot-pd2__ben-icon svg { width: 22px; height: 22px; display: block; }
.yot-pd2__ben-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: var(--pd2-muted, #999);
  line-height: 1.4;
}

/* Trust badges row */
.yot-pd2__trust-badges {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 14px 0;
  border-top: 1px solid var(--pd2-border, #ede8e0);
}
.yot-pd2__trust-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 10px;
  font-weight: 300;
  color: var(--pd2-muted, #999);
  letter-spacing: .04em;
}
.yot-pd2__trust-badge svg { width: 24px; height: 24px; color: var(--pd2-accent, #7a4030); }

/* Full description */
.yot-pd2__full-desc {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: var(--pd2-muted, #999);
  line-height: 1.9;
  padding-top: 14px;
  border-top: 1px solid var(--pd2-border, #ede8e0);
}
.yot-pd2__view-link {
  display: inline-block;
  margin-top: 10px;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--pd2-accent, #7a4030);
  text-decoration: none;
  letter-spacing: .04em;
}
.yot-pd2__view-link:hover { opacity: .7; }

/* Bottom trust bar */
.yot-pd2__bottom-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--pd2-border, #ede8e0);
  border-top: 1px solid var(--pd2-border, #ede8e0);
}
.yot-pd2__bottom-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  background: #fff;
}
.yot-pd2__bottom-icon {
  flex-shrink: 0;
  color: var(--pd2-accent, #7a4030);
  display: flex;
  align-items: center;
  justify-content: center;
}
.yot-pd2__bottom-icon svg { width: 28px; height: 28px; display: block; }
.yot-pd2__bottom-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--pd2-text, #2a1a12);
  margin: 0 0 2px;
}
.yot-pd2__bottom-sub {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: var(--pd2-muted, #999);
  margin: 0;
}

@media screen and (max-width: 768px) {
  .yot-pd2__bottom-bar { grid-template-columns: repeat(2, 1fr); }
  .yot-pd2__trust-badges { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 480px) {
  .yot-pd2__bens { grid-template-columns: 1fr 1fr; gap: 10px; }
  .yot-pd2__bottom-bar { grid-template-columns: 1fr 1fr; }
  .yot-pd2__bottom-item { padding: 14px; gap: 8px; }
}

/* Description */
.yot-pd2__desc {
  font-family: 'DM Sans', sans-serif;
  font-size: var(--pd2-body-sz, 13px);
  font-weight: 300;
  color: var(--pd2-muted, #999);
  line-height: 1.9;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--pd2-border, #ede8e0);
}

/* Shipping */
.yot-pd2__ship {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #ccc;
  letter-spacing: .06em;
  margin-top: 10px;
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

@media screen and (max-width: 1100px) {
  .yot-pd2__copy { padding: 44px 40px; }
}

@media screen and (max-width: 768px) {
  .yot-pd2__inner { grid-template-columns: 1fr; min-height: unset; }

  /* Hide desktop gallery, show mobile slider */
  .yot-pd2__main-wrap { display: none; }
  .yot-pd2__thumbs    { display: none; }
  .yot-pd2__slider    { display: flex; }
  .yot-pd2__dots      { display: flex; }
  .yot-pd2__gallery   { position: static; gap: 0; }

  .yot-pd2__copy      { padding: 28px 20px 36px; gap: 0; }
  .yot-pd2__title     { font-size: clamp(26px, 7vw, 36px); }
  .yot-pd2__price     { font-size: clamp(28px, 8vw, 40px); }
  .yot-pd2__atc-row   { height: 48px; }
  .yot-pd2__qty-b     { width: 36px; }
  .yot-pd2__qty-input { width: 38px; font-size: 13px; }
  .yot-pd2__buynow    { height: 48px; }
  .yot-pd2__atc       { font-size: 10px; letter-spacing: .14em; }
}

@media screen and (max-width: 480px) {
  .yot-pd2__copy    { padding: 22px 16px 32px; }
  .yot-pd2__title   { font-size: clamp(22px, 8vw, 30px); margin-bottom: 4px; }
  .yot-pd2__eyebrow { font-size: 9px; }
  .yot-pd2__subtitle { font-size: 12px; }
  .yot-pd2__price   { font-size: clamp(26px, 9vw, 36px); }
  .yot-pd2__pill    { font-size: 11px; padding: 4px 11px; }
  .yot-pd2__img-badge--tl { font-size: 8px; padding: 4px 10px; top: 10px; left: 10px; }
  .yot-pd2__img-badge--tr { font-size: 8px; padding: 4px 10px; top: 10px; right: 10px; }
}
/* END_SECTION:yotunia-product-detail */

/* START_SECTION:yotunia-product-spotlight (INDEX:65) */
/* ════════════════════════════════════════════
   YOTUNIA — Product Spotlight
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Shell ── */
.yot-spot {
  background: var(--spot-bg, #F9F6F2);
  width: 100%;
}

.yot-spot__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 100px 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: stretch;
}

/* Image right variant */
.yot-spot--right .yot-spot__media  { order: 2; }
.yot-spot--right .yot-spot__content { order: 1; }

/* ── Media column ── */
.yot-spot__media {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}

.yot-spot__main-img-wrap {
  position: relative;
  overflow: hidden;
  flex: 1;
  min-height: 480px;
  background: #E8DDD4;
}
.yot-spot__main-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: opacity .3s;
}
.yot-spot__main-img.is-loading { opacity: 0; }

.yot-spot__img-placeholder {
  width: 100%;
  height: 100%;
  min-height: 400px;
  background: linear-gradient(160deg, #DDD0C8 0%, #C4B0A4 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #9C7B6A;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  letter-spacing: .1em;
}

/* ── Price badge ── */
.yot-spot__badge {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  background: var(--spot-accent, #4A3127);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  gap: 2px;
}
.yot-spot__badge--br { bottom: -20px; right: -20px; }
.yot-spot__badge--bl { bottom: -20px; left:  -20px; }
.yot-spot__badge--tr { top:    20px;  right:  20px; }

.yot-spot__badge-was {
  font-size: 10px;
  opacity: .6;
  text-decoration: line-through;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
}
.yot-spot__badge-price {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}
.yot-spot__badge-sub {
  font-size: 9px;
  font-family: 'Jost', sans-serif;
  letter-spacing: .1em;
  opacity: .65;
  text-transform: uppercase;
}

/* ── Thumbnails ── */
.yot-spot__thumbs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.yot-spot__thumb {
  width: 72px;
  height: 72px;
  border: 1px solid #E8DDD4;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  background: #E8DDD4;
  transition: border-color .2s;
  flex-shrink: 0;
}
.yot-spot__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.yot-spot__thumb:hover img { transform: scale(1.05); }
.yot-spot__thumb.is-active { border: 1.5px solid var(--spot-accent, #4A3127); }

/* ── Content column ── */
.yot-spot__eyebrow {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #9C7B6A;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.yot-spot__eyebrow-line {
  display: block;
  width: 28px;
  height: 1px;
  background: #C4A898;
  flex-shrink: 0;
}

.yot-spot__title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 3.5vw, 52px);
  font-weight: 300;
  line-height: 1.05;
  color: #2C1F18;
  margin-bottom: 10px;
}

.yot-spot__tagline {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #9C7B6A;
  margin-bottom: 28px;
}

/* ── Price inline ── */
.yot-spot__price {
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  font-weight: 400;
  color: var(--spot-accent, #4A3127);
  margin-bottom: 28px;
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.yot-spot__price-was {
  font-size: 20px;
  color: #C4A898;
  text-decoration: line-through;
  font-weight: 300;
}

/* ── Feature list ── */
.yot-spot__features {
  list-style: none;
  margin-bottom: 36px;
}
.yot-spot__feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: 'Jost', sans-serif;
  font-size: 13.5px;
  font-weight: 300;
  color: #6B5040;
  padding: 10px 0;
  border-bottom: 1px solid #F2EEE8;
  line-height: 1.5;
}
.yot-spot__feature:last-child { border-bottom: none; }
.yot-spot__feature-check {
  width: 20px;
  height: 20px;
  border: 1px solid #C4A898;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--spot-accent, #4A3127);
  transition: background .2s, border-color .2s;
}
.yot-spot__feature:hover .yot-spot__feature-check {
  background: var(--spot-accent, #4A3127);
  border-color: var(--spot-accent, #4A3127);
  color: #fff;
}
.yot-spot__feature-check svg { width: 10px; height: 10px; }

/* ── CTA ── */
.yot-btn--primary-dark {
  display: inline-block;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 40px;
  background: var(--spot-accent, #4A3127);
  color: #fff;
  border: 1px solid var(--spot-accent, #4A3127);
  cursor: pointer;
  transition: background .25s, color .25s;
  margin-bottom: 28px;
  -webkit-tap-highlight-color: transparent;
}
.yot-btn--primary-dark:hover { background: #2C1F18; border-color: #2C1F18; }

/* ── Trust row ── */
.yot-spot__trust {
  display: flex;
  gap: 24px;
  padding-top: 20px;
  border-top: 1px solid #F2EEE8;
  flex-wrap: wrap;
}
.yot-spot__trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #9C7B6A;
  letter-spacing: .06em;
}
.yot-spot__trust-item svg {
  width: 16px;
  height: 16px;
  stroke: #C4A898;
  flex-shrink: 0;
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-spot__inner {
    padding: 80px 48px;
    gap: 48px;
  }
  .yot-spot__badge { width: 84px; height: 84px; }
  .yot-spot__badge-price { font-size: 20px; }
  .yot-spot__thumb { width: 60px; height: 60px; }
}

/* ── Mobile (≤768px) ── single column, image on top ── */
@media screen and (max-width: 768px) {
  .yot-spot__inner {
    grid-template-columns: 1fr;
    padding: 56px 24px;
    gap: 36px;
  }

  /* always image on top regardless of left/right setting */
  .yot-spot__media  { order: 1 !important; align-self: auto; }
  .yot-spot__content { order: 2 !important; }

  /* fixed height on mobile — image fills it fully */
  .yot-spot__main-img-wrap {
    min-height: 300px;
    height: 72vw;
    max-height: 420px;
    flex: none;
  }

  .yot-spot__badge--br { bottom: -14px; right: -8px; width: 76px; height: 76px; }
  .yot-spot__badge--bl { bottom: -14px; left:  -8px; width: 76px; height: 76px; }
  .yot-spot__badge--tr { top: 14px; right: 14px; width: 76px; height: 76px; }
  .yot-spot__badge-price { font-size: 18px; }
  .yot-spot__badge-sub { font-size: 8px; }

  .yot-spot__thumbs { gap: 8px; }
  .yot-spot__thumb  { width: 56px; height: 56px; }

  .yot-spot__title    { font-size: clamp(28px, 7vw, 40px); }
  .yot-spot__price    { font-size: 30px; margin-bottom: 20px; }
  .yot-spot__features { margin-bottom: 28px; }
  .yot-spot__feature  { font-size: 13px; gap: 10px; }

  .yot-btn--primary-dark { width: 100%; text-align: center; padding: 14px 24px; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-spot__inner { padding: 48px 16px; gap: 28px; }
  .yot-spot__main-img-wrap { height: 85vw; max-height: 380px; min-height: 260px; }
  .yot-spot__eyebrow { font-size: 10px; }
  .yot-spot__title   { font-size: clamp(26px, 8vw, 36px); }
  .yot-spot__tagline { font-size: 13px; margin-bottom: 20px; }
  .yot-spot__price   { font-size: 26px; }
  .yot-spot__thumb   { width: 52px; height: 52px; }
  .yot-spot__trust   { gap: 16px; }
  .yot-spot__trust-item { font-size: 10.5px; }
}
/* END_SECTION:yotunia-product-spotlight */

/* START_SECTION:yotunia-reviews (INDEX:66) */
/* ════════════════════════════════════════════
   YOTUNIA — Reviews
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Shell ── */
.yot-rev {
  background: var(--rev-bg, #FFFFFF);
  width: 100%;
}
.yot-rev__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 100px 80px;
}

/* ── Header row ── */
.yot-rev__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.yot-rev__eyebrow {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--rev-accent, #4A3127);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.yot-rev__eyebrow-line {
  display: block;
  width: 24px;
  height: 1px;
  background: currentColor;
  opacity: .4;
  flex-shrink: 0;
}
.yot-rev__heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(26px, 2.8vw, 40px);
  font-weight: 300;
  color: var(--rev-text, #2C1F18);
  margin: 0;
  line-height: 1.1;
}

/* ── Average score block ── */
.yot-rev__avg {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
.yot-rev__avg-score {
  font-family: 'Cormorant Garamond', serif;
  font-size: 72px;
  font-weight: 300;
  color: var(--rev-text, #2C1F18);
  line-height: 1;
}
.yot-rev__avg-right {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.yot-rev__avg-stars {
  display: flex;
  gap: 3px;
  font-size: 18px;
}
.yot-rev__avg-count {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #9C7B6A;
  margin: 0;
}
.yot-rev__read-all {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--rev-accent, #4A3127);
  text-decoration: none;
  border-bottom: 1px solid #C4A898;
  padding-bottom: 1px;
  transition: border-color .2s;
  width: fit-content;
}
.yot-rev__read-all:hover { border-color: var(--rev-accent, #4A3127); }

/* ── Stars shared ── */
.yot-rev__star { line-height: 1; }
.yot-rev__star--full  { color: var(--rev-star, #C4923C); }
.yot-rev__star--empty { color: #E8DDD4; }

/* ════════════════
   GRID
   ════════════════ */
.yot-rev__grid {
  display: grid;
  grid-template-columns: repeat(var(--rev-cols, 3), 1fr);
  gap: 24px;
}

/* ══ CLASSIC style ══ */
.yot-rev__grid--classic { gap: 20px; }
.yot-rev__card--classic {
  padding: 32px;
  border: 1px solid #F2EEE8;
  background: #FDFCFB;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: border-color .25s, transform .25s;
}
.yot-rev__card--classic:hover {
  border-color: #E8DDD4;
  transform: translateY(-3px);
}
.yot-rev__card--classic .yot-rev__card-stars {
  font-size: 13px;
  display: flex;
  gap: 2px;
  margin-bottom: 18px;
}
.yot-rev__card--classic .yot-rev__text { margin-bottom: 24px; }
.yot-rev__card--classic .yot-rev__reviewer { margin-top: auto; }

/* ══ MINIMAL style ══ */
.yot-rev__grid--minimal {
  gap: 0;
  background: #F9F6F2;
}
.yot-rev__card--minimal {
  padding: 32px;
  border-bottom: 1px solid #EDE6DC;
  border-right: 1px solid #EDE6DC;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #F9F6F2;
  transition: background .2s;
}
.yot-rev__card--minimal:hover { background: #F2EEE8; }
.yot-rev__card--minimal:nth-child({{ cols }}n) { border-right: none; }
.yot-rev__card--minimal .yot-rev__card-stars {
  font-size: 12px;
  display: flex;
  gap: 2px;
  margin-bottom: 14px;
}
.yot-rev__card--minimal .yot-rev__text { margin-bottom: 20px; }
.yot-rev__card--minimal .yot-rev__reviewer { margin-top: auto; }

/* ══ QUOTE style ══ */
.yot-rev__grid--quote { gap: 24px; }
.yot-rev__card--quote {
  padding: 36px 32px 28px;
  border: 1px solid #F2EEE8;
  background: #FDFCFB;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.yot-rev__quote-mark {
  font-family: 'Cormorant Garamond', serif;
  font-size: 80px;
  color: #F2EEE8;
  line-height: .8;
  position: absolute;
  top: 20px;
  left: 24px;
  pointer-events: none;
  user-select: none;
}
.yot-rev__card--quote .yot-rev__text {
  position: relative;
  margin-bottom: 20px;
  padding-top: 16px;
}
.yot-rev__card--quote .yot-rev__card-stars {
  font-size: 11px;
  display: flex;
  gap: 2px;
  margin-bottom: 24px;
}
.yot-rev__card--quote .yot-rev__reviewer { margin-top: auto; }

/* ── Review text ── */
.yot-rev__text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.6;
  color: var(--rev-text, #2C1F18);
  margin: 0;
}

/* ── Reviewer footer ── */
.yot-rev__reviewer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #F9F6F2;
}
.yot-rev__card--minimal .yot-rev__reviewer { border-top-color: #EDE6DC; }

.yot-rev__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--rev-accent, #4A3127);
  color: rgba(255,255,255,.85);
  font-family: 'Cormorant Garamond', serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: .04em;
}

.yot-rev__reviewer-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.yot-rev__reviewer-name {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  color: var(--rev-text, #2C1F18);
  text-transform: uppercase;
}
.yot-rev__reviewer-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.yot-rev__verified {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 300;
  color: #7A9E6A;
  display: flex;
  align-items: center;
  gap: 4px;
  letter-spacing: .06em;
}
.yot-rev__verified svg { stroke: #7A9E6A; }
.yot-rev__date {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 300;
  color: #C4A898;
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-rev__inner { padding: 80px 48px; }
  .yot-rev__avg-score { font-size: 60px; }
  .yot-rev__grid { grid-template-columns: repeat(2, 1fr); }
  .yot-rev__card--classic,
  .yot-rev__card--quote  { padding: 28px 24px; }
  .yot-rev__card--minimal { padding: 28px 20px; }
}

/* ── Mobile (≤768px) ── */
@media screen and (max-width: 768px) {
  .yot-rev__inner { padding: 64px 24px; }

  .yot-rev__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 40px;
  }
  .yot-rev__avg {
    gap: 16px;
    padding-top: 20px;
    border-top: 1px solid #F2EEE8;
    width: 100%;
  }
  .yot-rev__avg-score { font-size: 52px; }
  .yot-rev__avg-stars { font-size: 16px; }

  .yot-rev__grid { grid-template-columns: 1fr; gap: 12px; }
  .yot-rev__grid--minimal { gap: 0; }

  .yot-rev__text { font-size: 17px; }
  .yot-rev__card--classic,
  .yot-rev__card--quote  { padding: 24px 20px; }
  .yot-rev__card--minimal { padding: 24px 20px; }
  .yot-rev__card--minimal:nth-child(n) { border-right: none; }
  .yot-rev__quote-mark { font-size: 64px; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-rev__inner { padding: 52px 16px; }
  .yot-rev__avg-score { font-size: 44px; }
  .yot-rev__heading { font-size: clamp(22px, 7vw, 32px); }
  .yot-rev__text { font-size: 16px; }
  .yot-rev__card--classic,
  .yot-rev__card--quote  { padding: 20px 16px; }
  .yot-rev__card--minimal { padding: 20px 16px; }
  .yot-rev__avatar { width: 32px; height: 32px; font-size: 12px; }
  .yot-rev__reviewer-name { font-size: 11px; }
}
/* END_SECTION:yotunia-reviews */

/* START_SECTION:yotunia-ritual (INDEX:68) */
/* ════════════════════════════════════════════
   YOTUNIA — Simple Daily Ritual
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Shell ── */
.yot-ritual {
  background: var(--ritual-bg, #F2EEE8);
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* ── Background image ── */
.yot-ritual__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.yot-ritual__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.yot-ritual__bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(44,31,24, var(--ritual-overlay, 0.55));
}

/* ── Inner ── */
.yot-ritual__inner {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 100px 80px;
}

/* ── Section header ── */
.yot-ritual__header {
  text-align: center;
  margin-bottom: 64px;
}
.yot-ritual__eyebrow {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ritual-accent, #4A3127);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.yot-ritual__eyebrow-line {
  display: block;
  width: 24px;
  height: 1px;
  background: currentColor;
  opacity: .45;
}
.yot-ritual__heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 300;
  line-height: 1.1;
  color: var(--ritual-text, #2C1F18);
  margin-bottom: 12px;
}
.yot-ritual__subheading {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #6B5040;
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ── Columns wrapper ── */
.yot-ritual__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  align-items: stretch;
  background: #E8DDD4;
}
.yot-ritual--one-col .yot-ritual__cols {
  grid-template-columns: 1fr;
  max-width: 560px;
  margin: 0 auto;
  background: transparent;
  gap: 0;
}

/* ── Vertical divider — hidden, gap handles separation ── */
.yot-ritual__divider {
  display: none;
}

/* ── Column ── */
.yot-ritual__col {
  padding: 48px 40px;
  background: var(--ritual-step-bg, #FDFCFB);
  min-width: 0;
}
.yot-ritual--one-col .yot-ritual__col { padding: 48px; }

/* Has bg image: transparent cards */
.yot-ritual--has-bg .yot-ritual__col {
  background: rgba(253,252,251,.07);
  border: 1px solid rgba(255,255,255,.12);
}

/* ── Column header ── */
.yot-ritual__col-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 36px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E8DDD4;
}
.yot-ritual__col-icon {
  width: 36px;
  height: 36px;
  border: 1px solid #E8DDD4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--ritual-accent, #4A3127);
}
.yot-ritual__col-icon svg { width: 16px; height: 16px; }
.yot-ritual__col-icon-img { width: 18px; height: 18px; object-fit: contain; }
.yot-ritual__col-title {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--ritual-accent, #4A3127);
}

/* ── Steps list ── */
.yot-ritual__steps {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.yot-ritual__step {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

/* ── Step indicator column ── */
.yot-ritual__step-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 36px;
}
.yot-ritual__step-line {
  width: 1px;
  flex: 1;
  min-height: 28px;
  background: #E8DDD4;
  margin-top: 4px;
}
.yot-ritual__step:last-child .yot-ritual__step-line { display: none; }

/* ── Numbered style ── */
.yot-ritual__steps--numbered .yot-ritual__step-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--ritual-accent, #4A3127);
  color: #fff;
  font-family: 'Cormorant Garamond', serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}

/* ── Icon style ── */
.yot-ritual__steps--icon .yot-ritual__step-icon-wrap {
  width: 36px;
  height: 36px;
  border: 1px solid #E8DDD4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--ritual-accent, #4A3127);
  background: #FDFCFB;
  transition: background .2s, border-color .2s;
}
.yot-ritual__step:hover .yot-ritual__step-icon-wrap {
  background: var(--ritual-accent, #4A3127);
  border-color: var(--ritual-accent, #4A3127);
  color: #fff;
}
.yot-ritual__steps--icon .yot-ritual__step-icon-wrap svg { width: 15px; height: 15px; }
.yot-ritual__step-icon-img { width: 18px; height: 18px; object-fit: contain; }

/* ── Minimal style ── */
.yot-ritual__steps--minimal .yot-ritual__step-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ritual-accent, #4A3127);
  margin: 14px 14px 0;
  flex-shrink: 0;
}
.yot-ritual__steps--minimal .yot-ritual__step-indicator { width: auto; }
.yot-ritual__steps--minimal .yot-ritual__step-line { display: none; }

/* ── Step body ── */
.yot-ritual__step-body {
  padding: 8px 0 28px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.yot-ritual__step:last-child .yot-ritual__step-body { padding-bottom: 0; }

.yot-ritual__step-name {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--ritual-text, #2C1F18);
  line-height: 1.4;
}
.yot-ritual__step-note {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #9C7B6A;
  font-style: italic;
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-ritual__inner { padding: 80px 48px; }
  .yot-ritual__col { padding: 36px 24px; }
}

/* ── Mobile (≤768px) — stack columns vertically ── */
@media screen and (max-width: 768px) {
  .yot-ritual__inner { padding: 64px 24px; }
  .yot-ritual__header { margin-bottom: 40px; }
  .yot-ritual__heading { font-size: clamp(26px, 7vw, 36px); }

  /* Stack the two columns */
  .yot-ritual__cols {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  /* Hide vertical divider — replaced by gap */
  .yot-ritual__divider { display: none; }

  .yot-ritual__col { padding: 32px 24px; }
  .yot-ritual--one-col .yot-ritual__col { padding: 32px 24px; }

  .yot-ritual__col-header { margin-bottom: 24px; padding-bottom: 16px; }

  .yot-ritual__step-body { padding-bottom: 20px; }
  .yot-ritual__step-name { font-size: 14px; }
  .yot-ritual__step-line { min-height: 20px; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-ritual__inner { padding: 52px 16px; }

  .yot-ritual__col { padding: 28px 20px; }

  .yot-ritual__steps--numbered .yot-ritual__step-num {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .yot-ritual__steps--icon .yot-ritual__step-icon-wrap {
    width: 30px;
    height: 30px;
  }
  .yot-ritual__step-indicator { width: 30px; }

  .yot-ritual__step-name { font-size: 13.5px; }
  .yot-ritual__step-note { font-size: 11.5px; }
  .yot-ritual__step-body { padding-bottom: 18px; gap: 2px; }
}
/* END_SECTION:yotunia-ritual */

/* START_SECTION:yotunia-sticky-atc (INDEX:71) */
/* ════════════════════════════════════════════
   YOTUNIA — Sticky ATC Bar
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400&family=Jost:wght@300;400;500&display=swap');

/* ── Shell — hidden by default ── */
.yot-satc {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: var(--satc-bg, rgba(253,252,251,.97));
  border-bottom: 1px solid var(--satc-border, #E8DDD4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  /* hidden state */
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .25s ease;
  will-change: transform;
}

/* visible state — toggled by JS */
.yot-satc.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.yot-satc.is-visible[aria-hidden="true"] { aria-hidden: false; }

/* ── Inner layout ── */
.yot-satc__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* ── Product block ── */
.yot-satc__product {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1;
}

/* Thumbnail */
.yot-satc__thumb {
  width: 44px;
  height: 44px;
  overflow: hidden;
  flex-shrink: 0;
  background: #F2EEE8;
}
.yot-satc__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Info */
.yot-satc__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.yot-satc__name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
  font-weight: 300;
  color: var(--satc-text, #2C1F18);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.yot-satc__price-wrap {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.yot-satc__price {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--satc-accent, #4A3127);
  line-height: 1;
}
.yot-satc__price-was {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #C4A898;
  text-decoration: line-through;
}
.yot-satc__ship {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #7A9E6A;
  letter-spacing: .04em;
}

/* ── Actions block ── */
.yot-satc__actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}

/* Stars */
.yot-satc__stars {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 13px;
}
.yot-satc__star        { color: #E8DDD4; }
.yot-satc__star.on     { color: #C4923C; }
.yot-satc__rev-ct {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #9C7B6A;
  margin-left: 4px;
  white-space: nowrap;
}

/* Buttons */
.yot-satc__btns {
  display: flex;
  gap: 8px;
  align-items: center;
}
.yot-satc__atc-btn {
  background: var(--satc-btn-bg, #4A3127);
  color: var(--satc-btn-txt, #FFFFFF);
  border: 1px solid var(--satc-btn-bg, #4A3127);
  padding: 10px 24px;
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background .2s, border-color .2s;
  -webkit-tap-highlight-color: transparent;
}
.yot-satc__atc-btn:hover:not(:disabled) {
  background: #2C1F18;
  border-color: #2C1F18;
}
.yot-satc__atc-btn:disabled {
  background: #C4A898;
  border-color: #C4A898;
  cursor: not-allowed;
}
.yot-satc__buynow-btn {
  background: transparent;
  color: var(--satc-text, #2C1F18);
  border: 1px solid #D4C4B8;
  padding: 10px 20px;
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color .2s;
  -webkit-tap-highlight-color: transparent;
}
.yot-satc__buynow-btn:hover:not(:disabled) {
  border-color: var(--satc-text, #2C1F18);
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-satc__inner { padding: 0 40px; gap: 16px; }
  .yot-satc__stars { display: none; }
}

/* ── Mobile (≤768px) ── */
@media screen and (max-width: 768px) {
  .yot-satc__inner {
    padding: 0 16px;
    height: 56px;
    gap: 12px;
  }
  .yot-satc__thumb    { width: 36px; height: 36px; }
  .yot-satc__name     { font-size: 14px; }
  .yot-satc__price    { font-size: 13px; }
  .yot-satc__ship     { display: none; }
  .yot-satc__buynow-btn { display: none; }
  .yot-satc__atc-btn  { padding: 10px 16px; font-size: 9px; }
}

/* ── Mobile hidden if setting says so ── */
@media screen and (max-width: 768px) {
  .yot-satc--hide-mobile { display: none !important; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-satc__name { max-width: 140px; }
  .yot-satc__price-was { display: none; }
}
/* END_SECTION:yotunia-sticky-atc */

/* START_SECTION:yotunia-turst-problem (INDEX:73) */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');

.yot-tb {
  background: var(--tb-bg, #4A3127);
  width: 100%;
  --tb-icon-size: 28px;
}

.yot-tb__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  min-height: 72px;
}

/* ── Item ── */
.yot-tb__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 16px 28px;
  text-align: center;
  flex-shrink: 0;
}

/* ── Icon ── */
.yot-tb__icon {
  width: var(--tb-icon-size, 28px);
  height: var(--tb-icon-size, 28px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tb-accent, rgba(255,255,255,.75));
  flex-shrink: 0;
}
.yot-tb__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* ── Text ── */
.yot-tb__label {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--tb-text, rgba(255,255,255,.85));
  white-space: nowrap;
  line-height: 1.2;
}
.yot-tb__sublabel {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 300;
  color: rgba(255,255,255,.45);
  white-space: nowrap;
  line-height: 1.3;
  letter-spacing: .04em;
}

/* ── Separator ── */
.yot-tb__sep {
  width: 1px;
  height: 28px;
  background: var(--tb-border, rgba(255,255,255,.12));
  flex-shrink: 0;
  align-self: center;
}

/* ════════════════
   RESPONSIVE
   ════════════════ */

@media screen and (max-width: 1024px) {
  .yot-tb__inner { padding: 0 40px; }
  .yot-tb__item  { padding: 14px 20px; }
}

@media screen and (max-width: 768px) {
  .yot-tb__inner {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    min-height: auto;
  }
  .yot-tb__sep { display: none; }
  .yot-tb__item {
    padding: 16px 12px;
    border-right: 1px solid var(--tb-border, rgba(255,255,255,.1));
    border-bottom: 1px solid var(--tb-border, rgba(255,255,255,.1));
    flex-direction: row;
    gap: 10px;
    text-align: left;
  }
  .yot-tb__item:nth-child(even) { border-right: none; }
  .yot-tb__item:nth-last-child(-n+2) { border-bottom: none; }
}

@media screen and (max-width: 480px) {
  .yot-tb__inner  { grid-template-columns: 1fr 1fr; }
  .yot-tb__label  { font-size: 9.5px; letter-spacing: .08em; white-space: normal; }
  .yot-tb__sublabel { font-size: 9px; white-space: normal; }
  .yot-tb__item   { padding: 14px 10px; }
}
/* END_SECTION:yotunia-turst-problem */

/* START_SECTION:yotunia-why-love-it (INDEX:74) */
/* ════════════════════════════════════════════
   YOTUNIA — Why You'll Love It
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Shell ── */
.yot-why {
  background: var(--why-bg, #FDFCFB);
  width: 100%;
}
.yot-why__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 80px;
}

/* ── Header ── */
.yot-why__header { margin-bottom: 52px; }
.yot-why__header--centre { text-align: center; }
.yot-why__header--centre .yot-why__eyebrow { justify-content: center; }

.yot-why__eyebrow {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--why-accent, #4A3127);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.yot-why__eyebrow-line {
  display: block;
  width: 24px;
  height: 1px;
  background: currentColor;
  opacity: .4;
  flex-shrink: 0;
}
.yot-why__heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(26px, 3vw, 44px);
  font-weight: 300;
  line-height: 1.1;
  color: var(--why-text, #2C1F18);
  margin-bottom: 12px;
}
.yot-why__subheading {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #6B5040;
  line-height: 1.7;
  max-width: 520px;
}
.yot-why__header--centre .yot-why__subheading { margin: 0 auto; }

/* ════════ GRID ════════ */
.yot-why__grid {
  display: grid;
  grid-template-columns: repeat(var(--why-cols, 3), 1fr);
}

/* ── BORDERED style ── */
.yot-why__grid--bordered {
  gap: 2px;
  background: #E8DDD4;
}
.yot-why__card--bordered {
  background: var(--why-bg, #FDFCFB);
  padding: 44px 36px;
  transition: background .25s;
}
.yot-why__card--bordered:hover { background: #F9F6F2; }

/* ── RAISED style ── */
.yot-why__grid--raised {
  gap: 20px;
}
.yot-why__card--raised {
  background: #F9F6F2;
  border: 1px solid #E8DDD4;
  padding: 40px 32px;
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
}
.yot-why__card--raised:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 36px rgba(74,49,39,.09);
}

/* ── HORIZONTAL style ── */
.yot-why__grid--horizontal {
  gap: 0;
  grid-template-columns: 1fr;
}
.yot-why__card--horizontal {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 0 24px;
  align-items: start;
  padding: 28px 0;
  border-bottom: 1px solid #F2EEE8;
}
.yot-why__card--horizontal:last-child { border-bottom: none; }
.yot-why__card--horizontal .yot-why__icon { grid-column: 1; grid-row: 1 / 3; align-self: start; margin-top: 2px; }
.yot-why__card--horizontal .yot-why__card-body { grid-column: 2; }

/* ── Icon ── */
.yot-why__icon {
  width: 52px;
  height: 52px;
  border: 1px solid #E8DDD4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--why-accent, #4A3127);
  margin-bottom: 20px;
  flex-shrink: 0;
  transition: background .25s, border-color .25s, color .25s;
}
.yot-why__card:hover .yot-why__icon {
  background: var(--why-accent, #4A3127);
  border-color: var(--why-accent, #4A3127);
  color: #fff;
}
.yot-why__icon svg { width: 22px; height: 22px; display: block; }
.yot-why__icon-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

/* ── Card text ── */
.yot-why__card-title {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--why-text, #2C1F18);
  margin-bottom: 10px;
  line-height: 1.4;
}
.yot-why__card-desc {
  font-family: 'Jost', sans-serif;
  font-size: 13.5px;
  font-weight: 300;
  line-height: 1.75;
  color: #6B5040;
}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media screen and (max-width: 1024px) {
  .yot-why__inner { padding: 64px 48px; }
  .yot-why__grid--bordered,
  .yot-why__grid--raised {
    grid-template-columns: repeat(2, 1fr);
  }
  .yot-why__card--bordered { padding: 36px 28px; }
  .yot-why__card--raised   { padding: 32px 24px; }
}

/* ── Mobile (≤768px) ── */
@media screen and (max-width: 768px) {
  .yot-why__inner { padding: 52px 24px; }
  .yot-why__header { margin-bottom: 36px; }

  /* Bordered + raised: 2 cols on mobile */
  .yot-why__grid--bordered,
  .yot-why__grid--raised {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Bordered: compact horizontal layout per card */
  .yot-why__card--bordered {
    padding: 24px 18px;
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 14px;
    align-items: start;
  }
  .yot-why__card--bordered .yot-why__icon {
    margin-bottom: 0;
    width: 42px;
    height: 42px;
    grid-row: 1 / 3;
    align-self: center;
  }
  .yot-why__card--bordered .yot-why__icon svg { width: 18px; height: 18px; }
  .yot-why__card--bordered .yot-why__card-body { grid-column: 2; }

  /* Raised: compact */
  .yot-why__card--raised { padding: 24px 18px; }
  .yot-why__icon { width: 44px; height: 44px; margin-bottom: 14px; }
  .yot-why__icon svg { width: 18px; height: 18px; }

  .yot-why__card-title { font-size: 11.5px; margin-bottom: 6px; }
  .yot-why__card-desc  { font-size: 12.5px; }

  /* Horizontal: stays single col, just less padding */
  .yot-why__card--horizontal { padding: 22px 0; gap: 0 18px; }
}

/* ── Small mobile (≤480px) ── */
@media screen and (max-width: 480px) {
  .yot-why__inner { padding: 44px 16px; }

  /* Single column on very small screens */
  .yot-why__grid--bordered,
  .yot-why__grid--raised {
    grid-template-columns: 1fr;
  }

  /* Restore normal layout (no horizontal grid) */
  .yot-why__card--bordered {
    display: flex;
    flex-direction: column;
    padding: 28px 20px;
  }
  .yot-why__card--bordered .yot-why__icon {
    margin-bottom: 14px;
    align-self: auto;
  }
  .yot-why__card--raised { padding: 28px 20px; }
}
/* END_SECTION:yotunia-why-love-it */