:root {
  --paper:#fffefa;
  --surface:#f8fbfc;
  --blue-soft:#eef6fa;
  --blue-panel:#d9ebf3;
  --blue-strong:#2d637d;
  --gold:#b99350;
  --gold-strong:#75531d;
  --ink:#26394a;
  --muted:#60717f;
  --line:#e6dfd2;
  --white:#fff;
  --navy:#26394a;
  --blue:#2d637d;
}

* { box-sizing:border-box; }
html { overflow-x:clip; }
body { margin:0; font-family:Arial, Helvetica, sans-serif; color:var(--ink); background:var(--paper); line-height:1.5; }
a { color:inherit; overflow-wrap:anywhere; }
img, video { display:block; max-inline-size:100%; }
main, section, article, div, form, fieldset { min-inline-size:0; }
.skip-link { position:absolute; inset-inline-start:-9999px; }
.skip-link:focus { inset-inline-start:1rem; top:1rem; z-index:100; background:var(--white); padding:.75rem 1rem; }
.site-header {
  min-height:68px;
  padding:0 clamp(1rem,4vw,4rem);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  color:var(--ink);
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.site-header nav { display:flex; max-inline-size:100%; gap:1.25rem; }
.site-header a { text-decoration:none; }
.brand { color:var(--gold-strong); font-weight:800; letter-spacing:.06em; }
.site-header nav a { position:relative; }
.site-header nav a::after {
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:-.35rem;
  height:2px;
  background:var(--gold);
  transform:scaleX(0);
  transition:transform .2s ease;
}
.site-header nav a:hover::after,
.site-header nav a:focus-visible::after { transform:scaleX(1); }
.language-switcher { position:relative; margin-inline-start:auto; }
.language-switcher summary {
  cursor:pointer;
  list-style:none;
  padding:.45rem .75rem;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--blue-strong);
  background:var(--white);
  font-weight:700;
  white-space:nowrap;
}
.language-switcher summary::-webkit-details-marker { display:none; }
.language-switcher summary::after { content:"▾"; margin-inline-start:.45rem; color:var(--gold-strong); }
.language-switcher[open] summary::after { content:"▴"; }
.language-switcher ul {
  position:absolute;
  inset-block-start:calc(100% + .65rem);
  inset-inline-end:0;
  z-index:20;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.25rem;
  min-inline-size:19rem;
  margin:0;
  padding:.6rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--white);
  box-shadow:0 18px 42px rgba(38, 57, 74, .16);
  list-style:none;
}
.language-switcher li { min-inline-size:0; }
.language-switcher a { display:block; padding:.5rem .65rem; border-radius:7px; overflow-wrap:anywhere; }
.language-switcher a:hover,
.language-switcher a:focus-visible { background:var(--blue-soft); }
.language-switcher a[aria-current="true"] { color:var(--gold-strong); background:var(--surface); font-weight:800; }
.ltr-value { direction:ltr; unicode-bidi:isolate; }
[dir="rtl"] .site-header,
[dir="rtl"] .breadcrumb,
[dir="rtl"] .product-actions { direction:rtl; }
[dir="rtl"] .site-footer { direction:rtl; }
.site-footer {
  padding:2rem clamp(1rem,4vw,4rem);
  display:flex;
  flex-wrap:wrap;
  gap:1rem 2rem;
  color:var(--ink);
  background:var(--blue-soft);
  border-top:2px solid var(--gold);
}
:focus-visible { outline:3px solid var(--gold-strong); outline-offset:3px; }

@media (max-width:720px) {
  .site-header { align-items:flex-start; flex-direction:column; padding-block:1rem; }
  .site-header nav { inline-size:100%; flex-wrap:wrap; gap:.75rem 1rem; }
  .language-switcher { inline-size:100%; margin-inline-start:0; }
  .language-switcher summary { inline-size:100%; }
  .language-switcher ul { position:static; inline-size:100%; min-inline-size:0; margin-block-start:.6rem; }
}

@media (prefers-reduced-motion:reduce) {
  .site-header nav a::after { transition:none; }
}