/* MØHT ONE product page, sharing the Atmosphere silver and charcoal identity. */
.nav [aria-current="page"] { color: var(--accent); text-decoration: underline; text-underline-offset: .4rem; }
.auto-hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; padding-block: clamp(3rem, 5vw, 5rem); }
.auto-hero > *, .auto-detail-grid > *, .auto-scent > * { min-width: 0; }
.auto-hero h1 { font-size: clamp(3rem, 6.7vw, 6rem); line-height: 1.08; letter-spacing: -.055em; }
.auto-tagline { color: var(--text); font-size: clamp(1.7rem, 3.4vw, 3rem); line-height: 1.23; letter-spacing: -.03em; margin-top: 1.5rem; }
.auto-description { max-width: 560px; margin-top: 1.75rem; font-size: 1.0625rem; }
.auto-purchase { margin-top: 2.5rem; padding-top: 1.75rem; border-top: 1px solid var(--line); }
.auto-price { color: var(--text); font-weight: 500; font-size: 1.125rem; }
.auto-purchase .actions { margin-top: 1.25rem; }
.auto-purchase .subtle { margin-top: 1rem; }
.auto-hero-visual { margin: 0; background: #fff; color: #171717; align-self: stretch; display: flex; flex-direction: column; }
.auto-hero-visual img { width: 100%; height: 510px; flex: 1; min-height: 0; object-fit: contain; }
.auto-hero-visual figcaption { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-top: 1px solid #d3d2cf; font-size: .875rem; }
.auto-hero-visual figcaption span { color: #5e5d59; }
.auto-details { color-scheme: light; --text: #171717; --muted: #5e5d59; --accent: #78633f; --line: #b7b5af; background: #e8e8e5; color: var(--text); }
.auto-details-heading { margin-bottom: 3rem; }
.auto-detail-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 4rem; align-items: center; }
.auto-detail-visual { margin: 0; }
.auto-detail-visual img { width: 100%; height: auto; }
.auto-detail-visual figcaption { margin-top: 1rem; color: var(--muted); font-size: .875rem; }
.auto-features article { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 1rem; padding-block: 1.5rem; border-top: 1px solid var(--line); }
.auto-features article:last-child { border-bottom: 1px solid var(--line); }
.auto-features article > span { color: var(--accent); font-size: .875rem; }
.auto-features h3 { font-size: 1.35rem; margin-bottom: .75rem; }
.auto-fit-note { margin-top: 2rem; max-width: 820px; font-size: .9375rem; }
.auto-scent { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 5rem; }
.auto-scent-visual { margin: 0; background: #fff; padding: 1rem; }
.auto-scent-visual img { width: 100%; height: 370px; object-fit: contain; }
.auto-last-call { background: #211e18; border-block: 1px solid #45413a; padding-block: 3rem; }
.auto-last-call > .wrap { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.auto-last-call .eyebrow { margin-bottom: 1rem; }
.auto-last-call h2 { font-size: clamp(1.65rem, 3vw, 2.75rem); }
.auto-last-call p:not(.eyebrow) { margin-top: 1rem; }
.auto-last-call .button { flex-shrink: 0; }
@media (max-width: 1000px) {
  .auto-hero { gap: 2rem; }
  .auto-detail-grid { gap: 2.5rem; }
  .auto-scent { gap: 3rem; }
}
@media (max-width: 760px) {
  .auto-hero { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .auto-hero h1 { font-size: clamp(3rem, 12vw, 5rem); }
  .auto-hero-visual img { height: 410px; flex: none; }
  .auto-purchase { margin-top: 2rem; }
  .auto-detail-grid, .auto-scent { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .auto-details-heading { margin-bottom: 2rem; }
  .auto-scent-visual { width: min(100%, 390px); justify-self: center; }
  .auto-scent-visual img { height: 320px; }
  .auto-last-call > .wrap { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
}
@media (max-width: 420px) {
  .auto-hero-visual figcaption { font-size: .8125rem; padding-inline: 1rem; gap: .75rem; }
  .auto-purchase .actions { align-items: flex-start; flex-direction: column; }
  .auto-purchase .button, .auto-last-call .button { width: 100%; }
}