.x17.erunu-home {
  --x17-paper: #fffdf9;
  --x17-surface: #fff;
  --x17-ink: #2d221d;
  --x17-muted: #67564e;
  --x17-accent: #784838;
  --x17-contrast: #fff;
  --x17-line: #e8dcd2;
  --x17-heading: Georgia, "Times New Roman", serif;
  --x17-radius: 12px;
  --erunu-sand: #f4eae0;
  --erunu-gutter: clamp(18px, 3vw, 64px);
  --erunu-width: min(2400px, calc(100% - 2 * var(--erunu-gutter)));
}

.erunu-home .x17-header {
  max-width: none;
  width: var(--erunu-width);
  padding: 16px 0;
  min-height: 76px;
}

.erunu-home .x17-header .x17-wordmark img,
.erunu-home .x17-full-footer .x17-wordmark img {
  width: 148px;
  filter: brightness(.48);
}

.erunu-home .x17-desktop-nav { gap: clamp(16px, 2vw, 30px); }
.erunu-home .x17-header-contact { color: var(--x17-accent); }
.erunu-home .x17-languages summary,
.erunu-home .x17-mobile-menu summary { padding-block: 10px; }
.erunu-home .x17-languages > div,
.erunu-home .x17-mobile-menu > nav { z-index: 2; border-radius: 8px; }

.x17.erunu-home main#main > :is(.x17-hero, .x17-section, .x17-midbanner) {
  width: var(--erunu-width);
  max-width: none;
  margin-inline: auto;
}

.x17.erunu-home main#main > .x17-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.22fr);
  direction: inherit;
  align-items: stretch;
  aspect-ratio: auto;
  min-height: clamp(470px, 42vw, 595px);
  height: auto;
  margin-block: 25px 0;
  padding: 0;
  background: var(--erunu-sand);
  border-radius: 14px;
  overflow: hidden;
}

.x17.erunu-home main#main > .x17-hero .x17-hero-copy {
  position: relative;
  inset: auto;
  width: auto;
  padding: clamp(32px, 4.2vw, 68px);
  margin: 0;
  transform: none;
  text-align: start;
  color: var(--x17-ink);
}

.x17.erunu-home main#main > .x17-hero h1 {
  color: var(--x17-ink);
  font-size: clamp(41px, 4.15vw, 66px);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.043em;
  text-wrap: pretty;
}

.x17.erunu-home main#main > .x17-hero .x17-eyebrow {
  color: var(--x17-accent) !important;
  opacity: 1;
  letter-spacing: .12em;
}

.x17.erunu-home main#main > .x17-hero .x17-lead {
  font-size: clamp(15px, 1.15vw, 17px);
  line-height: 1.62;
  color: var(--x17-muted);
  opacity: 1;
}

.x17.erunu-home main#main > .x17-hero .x17-actions {
  justify-content: flex-start;
  gap: 10px;
  margin-top: 24px;
}

.x17.erunu-home main#main > .x17-hero .x17-button {
  padding: 11px 16px;
  min-height: 44px;
  font-size: 13px;
}

.x17.erunu-home main#main > .x17-hero .x17-outline {
  color: var(--x17-accent) !important;
  border-color: #b68f7e;
}

.erunu-home .erunu-home-portrait { display: block; position: relative; min-width: 0; }
.erunu-home .erunu-home-portrait img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% 42%;
}

.erunu-home .x17-category-navigation { border-top: 0; }
.erunu-home .x17-category-grid { gap: 14px; }
.erunu-home .x17-category-entry {
  margin: 0;
  border: 1px solid var(--x17-line);
  border-radius: var(--x17-radius);
  background: var(--x17-surface);
}
.erunu-home .x17-category-entry:hover { border-color: #b68f7e; }
.erunu-home .x17-catalogue-products {
  gap: 16px;
  border: 0;
  background: transparent;
}
.erunu-home .x17-catalogue-products .x17-product { border: 1px solid var(--x17-line); }
.erunu-home .x17-product .x17-product-image { background: #fff; }
.erunu-home .x17-product .x17-text-link { color: var(--x17-accent); }

.x17.erunu-home main#main > .x17-midbanner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  direction: inherit;
  align-items: center;
  min-height: 0;
  height: auto;
  padding: clamp(26px, 4.5vw, 68px);
  margin-block: 65px 0;
  border-radius: 14px;
  background: var(--erunu-sand);
  gap: 28px;
}

.erunu-home .x17-midbanner::before,
.erunu-home .x17-midbanner::after { content: none; }
.x17.erunu-home main#main > .x17-midbanner :is(.x17-midbanner-copy, .x17-midbanner-device) {
  position: relative;
  inset: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.erunu-home .x17-midbanner .x17-midbanner-device img { height: clamp(170px, 24vw, 325px); }
.erunu-home .x17-midbanner h2 { font-family: var(--x17-heading); font-weight: 400; }
.erunu-home .x17-cta { background: var(--erunu-sand); color: var(--x17-ink); }
.erunu-home .x17-cta .x17-button {
  background: var(--x17-accent);
  color: var(--x17-contrast) !important;
  border-color: var(--x17-accent);
}
.erunu-home .x17-full-footer {
  background: #f7eee6;
  color: var(--x17-ink);
  padding-inline: max(var(--erunu-gutter), calc((100% - 2400px) / 2));
}
.erunu-home .x17-footer-bottom { border-color: var(--x17-line); }

html[dir="rtl"] .x17.erunu-home main#main > .x17-hero .x17-hero-copy { text-align: start; }
html[lang="ar"] .erunu-home,
html[lang="ja"] .erunu-home { --x17-heading: var(--x17-body); }
html[lang="ar"] .erunu-home :is(h1, h2, .x17-eyebrow),
html[lang="ja"] .erunu-home :is(h1, h2, .x17-eyebrow) { letter-spacing: normal !important; }

@media (max-width: 760px) {
  .x17.erunu-home { --erunu-gutter: 16px; }
  .erunu-home .x17-header { min-height: 65px; padding-block: 10px; gap: 10px; }
  .erunu-home .x17-header .x17-wordmark img { width: clamp(96px, 29vw, 135px); }
  .x17.erunu-home main#main > .x17-hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    margin-top: 15px;
  }
  .x17.erunu-home main#main > .x17-hero .x17-hero-copy { padding: 27px 22px; }
  .x17.erunu-home main#main > .x17-hero h1 { font-size: clamp(32px, 7vw, 47px); }
  .erunu-home .erunu-home-portrait { aspect-ratio: 1.3; }
  .erunu-home .erunu-home-portrait img { object-position: 50% 42%; }
  .x17.erunu-home main#main > .x17-midbanner { grid-template-columns: minmax(0, 1fr); margin-top: 42px; }
  .erunu-home .x17-category-entry { gap: 8px; padding: 10px; }
  .erunu-home .x17-category-entry img { width: 42px; height: 42px; }
  .erunu-home .x17-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .erunu-home .x17-product-copy { padding: 14px; }
}

@media (max-width: 350px) {
  .erunu-home .x17-category-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .erunu-home .x17-button,
  .erunu-home .x17-product-image img { transition: none; }
}

.erunu-ui {
  --erunu-ink: #2d221d;
  --erunu-warm: #fffdf9;
  --erunu-sand: #f4eae0;
  --erunu-line: #e8dcd2;
  --erunu-clay: #784838;
  --erunu-gutter: clamp(16px, 3vw, 64px);
}

body.erunu-ui:not(.erunu-home) {
  --x17-ink: var(--erunu-ink);
  --x17-paper: var(--erunu-warm);
  --x17-line: var(--erunu-line);
  --x17-accent: var(--erunu-clay);
  --x17-surface: #fff;
  --color-primary: var(--erunu-clay);
  --color-accent: var(--erunu-clay);
  --color-text: var(--erunu-ink);
  --color-border: var(--erunu-line);
  --color-background: var(--erunu-warm);
  background: var(--erunu-warm);
  color: var(--erunu-ink);
}

.erunu-ui:not(.erunu-home) :is(.x17-topbar, .wr-announcement) {
  background: #f6eee6;
  color: #654b40;
}
.erunu-ui :is(.xe-header, .wr-site-header, .i18n-header) {
  background: #fffdfb;
  border-color: var(--erunu-line);
  box-shadow: none;
}
.erunu-ui :is(.xe-header, .wr-site-header, .i18n-header) img { filter: brightness(.48); }
.erunu-ui :is(.xe-footer, .wr-footer, .i18n-footer, .x17-full-footer) {
  background: #f7eee6;
  color: var(--erunu-ink);
}
.erunu-ui :is(.xe-footer, .wr-footer, .i18n-footer) a { color: inherit; }
.erunu-ui :is(.xe-footer, .wr-footer, .i18n-footer) img[src*="wordmark"] { filter: brightness(.48); }

.erunu-ui main:has(>.xm-catalogue) { background: var(--erunu-warm); }
.erunu-ui main > .xm-catalogue-banner--branded {
  min-height: clamp(165px, 13.5vw, 265px);
  background: #352820;
}
.erunu-ui .xm-catalogue-banner--branded::after {
  background: linear-gradient(90deg, #30241dea, #36271eba 48%, #30241d4d);
}
html[dir="rtl"] .erunu-ui .xm-catalogue-banner--branded::after {
  background: linear-gradient(270deg, #30241dea, #36271eba 48%, #30241d4d);
}
.erunu-ui .xm-catalogue-banner-copy {
  width: min(100%, 1780px);
  padding-inline: var(--erunu-gutter);
}
.erunu-ui .xm-catalogue-banner-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}
.erunu-ui main > .xm-catalogue { max-width: 1780px; padding-inline: var(--erunu-gutter); }
.erunu-ui :is(.xm-catalogue-sidebar, .xm-catalogue-toolbar) {
  border: 1px solid var(--erunu-line);
  border-radius: 12px;
  background: #fff;
}
.erunu-ui .xm-catalogue-sidebar :is(a:hover, a[aria-current="page"]) { background: var(--erunu-sand); }
.erunu-ui .xm-catalogue-sidebar h2 { border-color: var(--erunu-line); }
.erunu-ui .xm-catalogue-card.xe-product {
  background: #fff;
  border: 1px solid var(--erunu-line);
  border-radius: 12px;
  box-shadow: none;
}
.erunu-ui :is(.xm-catalogue-actions a:last-child, .xm-catalogue-toolbar button) {
  color: #fff;
  background: var(--erunu-clay);
  border-color: var(--erunu-clay);
}
.erunu-ui .xm-catalogue-image { background: #fff; }

.erunu-ui :is(.pilot-gallery-card, .pilot-summary, .pilot-purchase, .pilot-recommendations, #pilot-description) {
  border-color: var(--erunu-line);
  border-radius: 12px;
}
.erunu-ui .pilot-purchase > header { background: var(--erunu-sand); color: var(--erunu-clay); }
.erunu-ui .pilot-purchase { box-shadow: 0 8px 24px #4830250d; }
.erunu-ui .pilot-product :is(h2, h3) { color: var(--erunu-ink); }
.erunu-ui .pilot-rec { border-radius: 10px; }
.erunu-ui .pilot-product .pilot-facts { background: #faf5ef; }
.erunu-ui .x17-catalogue-group .x17-eyebrow { display: none; }
.erunu-ui .x17-catalogue-group .x17-section-heading h2 { margin-top: 0; }
.erunu-ui .x17-category-entry { min-height: 94px; }

.erunu-deferred { display: block; min-width: 0; }
.erunu-deferred > svg { display: block; max-width: 100%; height: auto; }
.erunu-deferred:has(noscript > img) > svg { display: none; }
.x17-product-image .erunu-deferred { width: 100%; height: 100%; }
.xm-catalogue-product > .erunu-deferred {
  aspect-ratio: 1;
  background: #fbf8f4;
}
.x17-category-entry > .erunu-deferred { width: 62px; height: 62px; flex: 0 0 62px; }
.erunu-ui .pilot-rec > .erunu-deferred {
  display: block;
  aspect-ratio: 1;
  border-radius: 6px;
  background: #f8f5f2;
}
.x17-midbanner-device > .erunu-deferred { height: clamp(170px, 24vw, 325px); }
:is(#pilot-description, .product-details) .erunu-deferred > img { display: block; height: auto; max-width: 100%; }

@media (max-width: 760px) {
  .erunu-ui { --erunu-gutter: 16px; }
  .erunu-ui .x17-category-entry { min-height: 70px; }
  .x17-category-entry > .erunu-deferred { width: 42px; height: 42px; flex-basis: 42px; }
  .erunu-ui .xe-section .narrow { min-width: 0; max-width: 100%; }
  .erunu-ui #site-form,
  .erunu-ui #site-form label,
  .erunu-ui #site-form :is(input, textarea, select) { min-width: 0; max-width: 100%; }
  .erunu-ui #site-form select { width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
  .erunu-ui .erunu-entered { animation: erunu-reveal .36s cubic-bezier(.22,.61,.36,1) both; }
  .erunu-ui :is(.x17-product, .xm-catalogue-card, .x17-category-entry, .pilot-rec) {
    transition: transform .18s ease, border-color .18s ease;
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .erunu-ui :is(.x17-product, .xm-catalogue-card, .x17-category-entry, .pilot-rec):hover {
    transform: translateY(-3px);
    border-color: #b68f7e;
  }
}
@keyframes erunu-reveal {
  from { opacity: .65; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
