body.yoko-native-template { overflow-x: clip; }
body.yoko-native-template .rey-siteContent,
body.yoko-native-template .rey-siteContent > .container,
body.yoko-native-template .rey-siteContent > .rey-mainContent,
body.yoko-native-template .rey-pageContent,
body.yoko-native-template .rey-pageContent > .container {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}
.yoko-section,
.yoko-section--full { width: 100%; }
.yoko-shell,
.yoko-pdp__container,
.yoko-seasonal-container,
.yoko-dealer-shell,
.yoko-content-shell,
.yoko-about__shell,
.yoko-archive__shell,
.yoko-homepage__shell,
.yoko-sales-policy__shell,
.yoko-size-guide__shell {
  width: min(calc(100% - (var(--yoko-page-gutter) * 2)), var(--yoko-content-max));
  max-width: var(--yoko-content-max);
  margin-inline: auto;
  padding-inline: 0;
}
.yoko-reading-shell { width: min(calc(100% - (var(--yoko-page-gutter) * 2)), var(--yoko-reading-max)); margin-inline: auto; }
.yoko-section-space { padding-block: var(--yoko-section-space); }
.yoko-section-space--top { padding-top: var(--yoko-section-space); }
.yoko-section-space--bottom { padding-bottom: var(--yoko-section-space); }
.yoko-grid { display: grid; gap: var(--yoko-grid-gap); }
.yoko-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yoko-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.yoko-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.yoko-grid--5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.yoko-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.yoko-stack { display: flex; flex-direction: column; gap: var(--yoko-grid-gap); }
.yoko-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.yoko-section-heading { width: min(100%, 840px); margin: 0 auto clamp(28px, 3.4vw, 48px); text-align: center; }
.yoko-section-heading h2 { margin-bottom: 10px; color: var(--yoko-heading); font-size: var(--yoko-heading-2); }
.yoko-section-heading p { margin: 0; color: var(--yoko-muted); font-size: 17px; }
.yoko-full-bleed-media { width: 100%; min-height: 100%; object-fit: cover; }
.yoko-scroll-row { scrollbar-width: none; }
.yoko-scroll-row::-webkit-scrollbar { display: none; }

@media (max-width: 1023px) {
  .yoko-grid--5,.yoko-grid--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yoko-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .yoko-grid--2,.yoko-grid--3,.yoko-grid--4 { grid-template-columns: 1fr; }
  .yoko-grid--5,.yoko-grid--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yoko-section-heading { margin-bottom: 26px; }
  .yoko-section-heading p { font-size: 16px; }
  .yoko-mobile-scroll {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(78%, 1fr);
    grid-template-columns: none;
    gap: 14px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    padding-bottom: 8px;
    scrollbar-width: none;
  }
  .yoko-mobile-scroll > * { scroll-snap-align: start; }
  .yoko-mobile-scroll::-webkit-scrollbar { display: none; }
}
