/* ============================================================
   Elicandra — ritocchi SOLO per telefono (10/10/2026)
   Questo foglio è collegato con media="(max-width: 599px)" (includes/header.php):
   su schermi più larghi il browser lo ignora, quindi desktop e tablet non cambiano.
   Regole: margini laterali 20px, testo ≥16px (le micro-etichette ≥13px),
   aree toccabili ≥44px, titoli H1 34–40px / H2 28–30px, niente decorazioni sopra testi o foto.
   ============================================================ */

html body { font-size: 16px; letter-spacing: 0; }

/* ── Header e menu laterale ─────────────────────────────── */
.hamburger { width: 48px; height: 48px; padding: 0 10px; justify-content: center; gap: 6px; margin-left: -10px; }
.hamburger span { width: 24px; }
.navbar__center .site-logo a { display: inline-flex; align-items: center; min-height: 48px; }
/* ── Menu a tutto schermo (14/10/2026) ───────────────────────
   Fondo crema del sito, testo verde scuro, voci in Inter 600; entra da sinistra, dal lato dell'hamburger (niente movimento con prefers-reduced-motion). */
.mobile-drawer {
  --mn-verde: #04211A; --mn-verde-2: #0E3B2E; --mn-bronzo: #8A5A2B; --mn-filo: rgba(138, 90, 43, 0.32);
  left: 0; right: 0; width: 100%; max-width: none; height: 100vh; height: 100dvh;
  padding: 0 20px calc(24px + env(safe-area-inset-bottom));
  background: var(--sito-bg, #FAF8F4); color: var(--mn-verde);
  display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain;
  transform: translateX(-100%); visibility: hidden;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.4s;
}
.mobile-drawer.open { transform: none; visibility: visible; transition-delay: 0s; }
@media (prefers-reduced-motion: reduce) { .mobile-drawer, .mobile-drawer.open { transition: none; } }
.drawer-overlay, .drawer-overlay.active { display: none; }   /* a tutto schermo non serve lo sfondo scuro */

.mobile-drawer .drawer-top { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; min-height: 72px; padding-top: env(safe-area-inset-top); flex: 0 0 auto; }
.mobile-drawer .drawer-brand { grid-column: 2; justify-self: center; display: inline-flex; align-items: center; min-height: 48px; text-decoration: none; }
.mobile-drawer .drawer-brand .logo-text { font-size: 20px; color: var(--mn-verde); }
.mobile-drawer .drawer-close {
  position: static; grid-column: 3; justify-self: end; width: 48px; height: 48px; margin-right: -12px;
  display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--mn-verde);
}

.mobile-drawer .drawer-nav { list-style: none; margin: 8px 0 0; padding: 0; border-top: 1px solid var(--mn-filo); flex: 0 0 auto; }
.mobile-drawer .drawer-nav li { margin: 0; border-bottom: 1px solid var(--mn-filo); }
.mobile-drawer .drawer-nav li a {
  display: flex; align-items: center; min-height: 68px; padding: 10px 0;
  font-family: 'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif; font-size: 28px; font-weight: 600; line-height: 1.15;
  letter-spacing: -0.02em; color: var(--mn-verde); text-decoration: none; text-wrap: balance;
}
.mobile-drawer .drawer-nav li a:active { opacity: .6; }
.mobile-drawer .drawer-nav li a.is-current::after { content: ""; flex: none; width: 8px; height: 8px; margin-left: 14px; border-radius: 50%; background: var(--mn-bronzo); }

/* i selettori a tendina del pannello laterale: sul telefono ci sono le pillole */
.mobile-drawer .drawer-language, .mobile-drawer .drawer-currency { display: none; }
.mobile-drawer .drawer-group { display: block; margin-top: 26px; flex: 0 0 auto; }
.mobile-drawer .drawer-label { margin: 0 0 10px; font-size: 12px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--mn-bronzo); }
.mobile-drawer .drawer-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.mobile-drawer .drawer-pill {
  display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 44px; padding: 0 18px;
  border: 1px solid rgba(4, 33, 26, 0.35); border-radius: 999px; background: transparent; color: var(--mn-verde);
  font: 500 15px/1 'Inter', sans-serif; letter-spacing: 0.06em; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none;
}
.mobile-drawer .drawer-pill.is-active { background: var(--mn-verde); border-color: var(--mn-verde); color: #fff; }

.mobile-drawer .drawer-foot { display: block; margin-top: auto; padding-top: 30px; flex: 0 0 auto; }
.mobile-drawer .drawer-wa {
  display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 56px; padding: 0 20px;
  border-radius: 999px; background: var(--mn-verde); color: #fff; text-decoration: none;
  font-size: 16px; font-weight: 500; letter-spacing: 0; text-align: center;
  box-shadow: 0 1px 2px rgba(4, 33, 26, .16), 0 6px 14px -8px rgba(4, 33, 26, .4);
}
.mobile-drawer .drawer-wa:active { background: var(--mn-verde-2); }
.mobile-drawer .drawer-contact { margin: 14px 0 0; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 14px; line-height: 1.4; color: var(--mn-verde); text-align: center; }
.mobile-drawer .drawer-contact a { display: inline-flex; align-items: center; min-height: 44px; color: var(--mn-verde); text-decoration: underline; text-underline-offset: 4px; }
.mobile-drawer .drawer-contact span { opacity: .8; }


/* ── Footer ─────────────────────────────────────────────── */
.footer { padding: 14px 20px calc(14px + env(safe-area-inset-bottom)); }
.footer__copy { font-size: 14px; line-height: 1.5; }
.footer .footer__link { display: inline-block; padding: 12px 4px; font-size: 14px; }
.footer:has(+ .wa-bar) { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }

/* ── Barra WhatsApp fissa (scheda e contatti; la landing ha la sua) ── */
.wa-bar {
  display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: rgba(250, 248, 244, 0.96); border-top: 1px solid #E6DED2;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.wa-bar__btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; border-radius: 999px; background: #04211A; color: #fff;
  font-size: 16px; font-weight: 500; letter-spacing: 0; text-decoration: none;
  box-shadow: 0 1px 2px rgba(4, 33, 26, .16), 0 6px 14px -8px rgba(4, 33, 26, .4);
}
.wa-bar__btn:active { background: #0E3B2E; }

/* ── HOME ───────────────────────────────────────────────── */
.hm-root .hm-hero__inner { padding: 32px 20px 36px; }
.hm-root .hm-eyebrow { font-size: 13px; }
.hm-root .hm-hero__title { font-size: 32px; line-height: 1.15; margin-top: 18px; }
html[lang='de'] .hm-root .hm-hero__title { font-size: 28px; }
html[lang='fr'] .hm-root .hm-hero__title { font-size: 30px; }
.hm-root .hm-hero__text { font-size: 16px; line-height: 1.6; margin-top: 18px; max-width: 34em; }
.hm-root .hm-hero__ctas { flex-direction: column; align-items: stretch; gap: 6px; margin-top: 24px; }
.hm-root .hm-hero__ctas .hm-btn { width: 100%; justify-content: center; min-height: 54px; font-size: 16px; }
.hm-root .hm-hero__ctas .hm-link { display: flex; align-items: center; justify-content: center; min-height: 48px; font-size: 16px; border-bottom: 0; text-decoration: underline; text-underline-offset: 5px; }
.hm-root .hm-points { gap: 14px; margin-top: 22px; }
.hm-root .hm-points li span, .hm-root .hm-points span { font-size: 16px; line-height: 1.4; }
.hm-root .hm-hero__stamp { display: none; }   /* timbro decorativo: tolto su telefono */
.hm-root .hm-hero__media { height: auto; aspect-ratio: 900 / 692; }

.hm-root .hm-collection { padding: 40px 0 56px; }
.hm-root .hm-collection__head h2 { font-size: 28px; line-height: 1.2; }
.hm-root #cat-root { padding: 28px 16px 0; }

/* barra strumenti: ricerca sempre visibile, "Filtri" apre il pannello con marca e ordinamento */
.hm-root .hm-toolbar { grid-template-columns: 1fr auto; gap: 12px; margin-bottom: 22px; align-items: stretch; }
.hm-root .hm-search { order: 1; grid-column: 1 / -1; height: 52px; }
.hm-root .hm-search input { font-size: 16px; }
.hm-root .hm-filters-btn {
  order: 2; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 18px; border: 1px solid var(--hm-hair); border-radius: 6px;
  background: #fff; color: #1b1b1b; font: 500 16px/1 var(--hm-sans); cursor: pointer;
}
.hm-root .hm-filters-btn[aria-expanded="true"] { border-color: #071a14; }
.hm-root .hm-filters-btn__n { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: #071a14; color: #fff; font: 500 13px/22px var(--hm-sans); text-align: center; }
.hm-root .hm-filters-btn__n[hidden] { display: none; }
.hm-root .hm-toolbar .hm-views { order: 3; grid-column: 2 / 3; gap: 8px; }
.hm-root .hm-view { width: 48px; height: 48px; }
.hm-root .hm-toolbar .hm-field { order: 4; grid-column: 1 / -1; display: none; }
.hm-root .hm-toolbar.is-filters-open .hm-field { display: block; }
.hm-root .hm-field label { font-size: 13px; letter-spacing: 0.12em; }
.hm-root .hm-toolbar { --hm-ctl-h: 52px; }
.hm-root .hm-select select { height: 52px; font-size: 16px; }
.hm-root .hm-select.is-active select { padding-right: 76px; }
.hm-root .hm-search { padding: 0 8px 0 16px; }
.hm-root .hm-search__clear, .hm-root .hm-select__clear { width: 32px; height: 32px; }
.hm-root .hm-select__clear { right: 38px; }
.hm-root .hm-toolbar .hm-count { order: 5; grid-column: 1 / -1; font-size: 14px; }

.hm-root .cat-grid { gap: 22px; }
.hm-root .cat-card__ref { font-size: 14px; }
.hm-root .cat-card__cur { font-size: 14px; }
.hm-root .cat-card__badge { font-size: 13px; }

/* Collezione su telefono (14/10/2026): 2 card per riga, compatte. La vista a elenco resta com'è (selettore :not). */
.hm-root .cat-grid:not([data-view="list"]) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.hm-root .cat-grid:not([data-view="list"]) .cat-card__body { padding: 10px 12px 12px; }
.hm-root .cat-grid:not([data-view="list"]) .cat-card__name {
  font-size: 15px; line-height: 1.25;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;   /* max 2 righe, poi … */
}
.hm-root .cat-grid:not([data-view="list"]) .cat-card__ref { margin-top: 2px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hm-root .cat-grid:not([data-view="list"]) .cat-card__price { padding-top: 8px; font-size: 15px; font-weight: 600; }
.hm-root .cat-grid:not([data-view="list"]) .cat-card__cur { margin-right: 3px; font-size: 12px; }
.hm-root .cat-grid:not([data-view="list"]) .cat-card__arrow { display: none; }   /* tutta la card resta cliccabile */
.hm-root .cat-grid:not([data-view="list"]) .cat-card__badge { left: 8px; top: 8px; padding: 4px 9px; font-size: 12px; letter-spacing: 0.08em; }
.hm-root .cat-more { margin-top: 28px; }
.hm-root .cat-more .hm-btn { width: 100%; justify-content: center; min-height: 54px; font-size: 16px; }

/* ── SCHEDA OROLOGIO ────────────────────────────────────── */
.product-layout { width: 100%; box-sizing: border-box; padding: 0 20px 36px; margin: 20px 0 0; gap: 22px; }
.product__media-wrapper { overflow: visible; min-width: 0; }   /* senza questo la foto a tutta larghezza veniva tagliata di 20px per lato */
.product-gallery__stage { margin-inline: -20px; width: calc(100% + 40px); }
.product-gallery__arrow { width: 44px; height: 44px; }
.product-gallery__thumb { width: 68px; height: 68px; }
.product__info-wrapper { padding-left: 0; }
.product-info__brand { font-size: 14px; letter-spacing: 0.18em; }
.product-info__title { font-size: 30px; line-height: 1.15; }
.product-info__ref { font-size: 14px; }
.product-info__price { font-size: 28px; font-weight: 500; }
.product-info__price-ref { font-size: 14px; }
.product-info__pill { font-size: 13px; padding: 6px 12px; }
.product-details dt { font-size: 14px; letter-spacing: 0.08em; }
.product-details dd { font-size: 16px; line-height: 1.5; }
.product-info__desc { font-size: 16px; line-height: 1.6; }
.product-enquire-link { display: flex; align-items: center; justify-content: center; min-height: 52px; font-size: 16px; }

/* ── LANDING VENDI-OROLOGIO ─────────────────────────────── */
.vo-hero2 { --g: 20px; }
.vo-root .vo-eyebrow, .vo-faq2__eyebrow, .vo-story__eyebrow { font-size: 13px; }
.vo-root .vo-hero2__title { font-size: 38px; line-height: 1.12; }
html[lang='de'] .vo-root .vo-hero2__title { font-size: 33px; }
html[lang='fr'] .vo-root .vo-hero2__title { font-size: 35px; }
.vo-root .vo-hero2__subtitle { font-size: 16px; margin-top: 20px; }
.vo-btn--hero { min-height: 56px; font-size: 16px; }
.vo-root .vo-hero2__notes { flex-direction: column; flex-wrap: nowrap; gap: 8px; font-size: 13px; letter-spacing: 0.12em; }
.vo-hero2__notes li { padding-left: 16px; }
.vo-root .vo-privacy-note a, .vo-privacy-note a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.vo-hero2__ring { display: none; }                        /* scritta circolare decorativa: tolta su telefono */
.vo-hero2__panel { display: none; }                       /* pannello verde decorativo dietro la foto */
.vo-root .vo-photo--hero { margin-right: 0; }
.vo-root .vo-guarantees { margin: 12px 0 0; padding: 4px 0; grid-template-columns: 1fr; box-shadow: none; background: var(--vo-card); }
.vo-guarantees li { flex-direction: row; justify-content: flex-start; gap: 16px; padding: 14px 18px; text-align: left; font-size: 16px; }
.vo-guarantees li + li { border-left: 0; border-top: 1px solid var(--vo-hair); }

.vo-process { padding: 40px 0 48px; }
.vo-process .vo-shell, .vo-brands2 .vo-shell { padding-inline: 20px; }
.vo-root .vo-process__title, .vo-root .vo-faq2__title, .vo-root .vo-cta2__title { font-size: 30px; line-height: 1.15; }
.vo-root .vo-cta2__text { font-size: 16px; }
.vo-mobile-bar .vo-btn { font-size: 16px; }
.vo-process__more { min-height: 44px; font-size: 16px; padding-bottom: 0; align-items: center; }
.vo-root .vo-reviews__label { font-size: 13px; letter-spacing: 0.1em; }
.vo-reviews__count { font-size: 14px; }
.vo-root .vo-steps2__title { font-size: 18px; }
.vo-root .vo-steps2__text { font-size: 16px; line-height: 1.55; }
.vo-steps2__item { gap: 16px; padding: 22px 0; }

.vo-root .vo-brands2__label { font-size: 13px; max-width: none; }
.vo-brands2__item { min-height: 76px; }
.vo-root .vo-brands2__note { font-size: 13px; line-height: 1.5; }

.vo-story__text { padding: 28px 20px 32px; }
.vo-root .vo-story__text p { font-size: 16px; }
.vo-faq2 { padding: 40px 20px 36px; }
.vo-faq2__list summary { min-height: 56px; padding-block: 14px; font-size: 17px; }
.vo-root .vo-faq2__list details p { font-size: 16px; line-height: 1.6; }
.vo-faq2__all { min-height: 48px; font-size: 16px; }

.vo-cta2 .vo-btn { min-height: 56px; font-size: 16px; }
/* barra WhatsApp della landing: lo spazio sotto è del footer, niente fascia vuota dopo */
.vo-has-mobile-bar { padding-bottom: 0; }
.vo-has-mobile-bar .footer { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }

/* ── CONTATTI ───────────────────────────────────────────── */
.ct-root { --ct-pad: 20px; }
.ct-root .ct-eyebrow { font-size: 13px; }
.ct-root .ct-title { font-size: 34px; line-height: 1.15; }
.ct-root .ct-lead { font-size: 16px; }
.ct-root .ct-row__label { font-size: 13px; letter-spacing: 0.14em; }
.ct-root .ct-row__value { font-size: 17px; }
.ct-root .ct-row { padding: 16px 0; min-height: 80px; }
.ct-root .ct-feat span, .ct-root .ct-feat small, .ct-root .ct-feat p { font-size: 14px; }
.ct-root .ct-card__title { font-size: 26px; line-height: 1.2; }
.ct-root .ct-card__text { font-size: 16px; }
.ct-root .ct-help__title { font-size: 26px; line-height: 1.2; }
.ct-root .ct-help__text { font-size: 16px; }
.ct-root .ct-btn, .ct-root .ct-card .ct-btn { width: 100%; min-height: 54px; font-size: 16px; justify-content: center; }
.ct-root .ct-map__pinlabel { font-size: 15px; }
.ct-root .ct-map__attr { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; padding: 0 12px; right: 6px; bottom: 4px; }
.ct-root .ct-privacy a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }

/* ══════════════════════════════════════════════════════════════
   REVISIONE UX — contatti e vendi-orologio su telefono (15/10/2026)
   Tutto qui dentro vale solo sotto i 600px (questo foglio non si carica sugli schermi più larghi).
   Un solo stile di card (crema #F4F0EA, filetto, angoli 16px), spazi multipli di 8px.
   ══════════════════════════════════════════════════════════════ */

/* ── CONTATTI ─────────────────────────────────────────────── */
/* ordine dei blocchi: azioni rapide → sede (mappa + card) → caratteristiche → invito finale */
.ct-root { display: flex; flex-direction: column; }
.ct-root .ct-top   { order: 1; padding: 32px 0 24px; }
.ct-root .ct-band  { display: contents; }
.ct-root .ct-map   { order: 2; border-top: 1px solid var(--ct-hair); }
.ct-root .ct-feats { order: 3; border-top: 0; }
.ct-root .ct-help  { order: 4; }
.ct-root .ct-top__grid { gap: 24px; }
.ct-root .ct-title { margin: 16px 0; }
.ct-root .ct-lead { max-width: none; }
.ct-root .ct-rule, .ct-root .ct-lead--2 { display: none; }       /* la nota "su appuntamento" sta nella card della sede */
.ct-root .ct-d-only { display: none; }
.ct-root .ct-m-only { display: flex; }
.ct-root .ct-btn.ct-m-only { display: inline-flex; }

/* 4 azioni rapide: griglia 2×2 di pulsanti grandi (ordine: Chiama, WhatsApp, Email, Indicazioni) */
.ct-root .ct-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; border: 0; padding: 0; }
.ct-root .ct-rows li { border: 0; display: flex; }
.ct-root .ct-rows li + li { border: 0; }
.ct-root .ct-rows li:nth-child(2) { order: 1; }
.ct-root .ct-rows li:nth-child(3) { order: 2; }
.ct-root .ct-rows li:nth-child(1) { order: 3; }
.ct-root .ct-rows li:nth-child(4) { order: 4; }
.ct-root .ct-row {
  flex: 1; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; min-height: 120px; padding: 16px;
  background: var(--vo-card, #F4F0EA); border: 1px solid var(--ct-hair); border-radius: 16px; box-shadow: none;
}
.ct-root .ct-row:active { background: var(--ct-bronzo-bg); }
.ct-root .ct-row__icon { width: 40px; height: 40px; box-shadow: none; background: #fff; }
.ct-root .ct-row__icon .ct-ico { width: 20px; height: 20px; }
.ct-root .ct-row__text { width: 100%; gap: 4px; }
.ct-root .ct-row__label, .ct-root .ct-row__value, .ct-root .ct-row__arrow { display: none; }
.ct-root .ct-row__verb { display: block; font-size: 17px; font-weight: 600; line-height: 1.2; color: var(--ct-verde); }
.ct-root .ct-row__data {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  font-size: 13px; line-height: 1.35; color: var(--ct-testo-2); overflow-wrap: anywhere;
}

/* sede: mappa intera + card con nota e pulsante */
.ct-root .ct-card { margin: 16px; padding: 24px 16px 16px; }
.ct-root .ct-card__title { margin: 8px 0; }
.ct-root .ct-card__text { margin-bottom: 16px; }
.ct-root .ct-card__note { align-items: flex-start; gap: 8px; margin: 0 0 16px; font-size: 14px; line-height: 1.45; color: var(--ct-testo-2); }
.ct-root .ct-card__note .ct-ico { width: 20px; height: 20px; margin-top: 1px; color: var(--ct-bronzo); }

/* 4 caratteristiche: 2×2 compatta */
.ct-root .ct-feat { padding: 16px 8px; gap: 8px; }
.ct-root .ct-feat__icon .ct-ico { width: 28px; height: 28px; }
.ct-root .ct-feat__text strong { font-size: 16px; }
.ct-root .ct-feat__text span { font-size: 13px; }

/* invito finale: titolo e testo (i pulsanti ci sono già in alto e nella barra fissa) */
.ct-root .ct-help { padding: 32px 20px 40px; }
.ct-root .ct-help__title { margin: 8px 0 16px; }

/* ── VENDI-OROLOGIO ───────────────────────────────────────── */
/* hero: note su una riga che va a capo, pulsante su una riga (anche in tedesco), garanzie in fila di 3 */
.vo-root .vo-hero2__notes { flex-direction: row; flex-wrap: wrap; gap: 8px 16px; margin-top: 16px; }
.vo-root .vo-hero2__ctas .vo-btn--hero { padding: 0 16px; font-size: 15px; gap: 10px; }
.vo-root .vo-hero2__ctas .vo-btn--hero .vo-btn__label, .vo-cta2 .vo-btn { text-wrap: balance; line-height: 1.25; }   /* se va a capo (francese, 360px) le due righe restano bilanciate */
.vo-root .vo-hero2__ctas .vo-btn--hero .vo-btn__arrow { display: none; }
.vo-root .vo-guarantees {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 8px 0 0; padding: 0;
  background: var(--vo-card); border: 1px solid var(--vo-hair); border-radius: 16px; box-shadow: none; overflow: hidden;
}
.vo-root .vo-guarantees li { flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; padding: 16px 8px; text-align: center; font-size: 13px; line-height: 1.3; }
.vo-root .vo-guarantees li + li { border-top: 0; border-left: 1px solid var(--vo-hair); }
.vo-root .vo-guarantees svg { width: 24px; height: 24px; }

/* recensioni: foto 16:9 a tutta larghezza, card sotto (non sovrapposta) */
.vo-process__grid { gap: 24px; }
.vo-process__media { position: static; }
.vo-root .vo-photo--detail { aspect-ratio: 16 / 9; border-radius: 16px; }
.vo-root .vo-reviews { position: static; left: auto; right: auto; bottom: auto; margin-top: 8px; padding: 16px; border: 1px solid var(--vo-hair); border-radius: 16px; box-shadow: none; }

/* come funziona: linea verticale con i 4 passi (il link "Scopri di più" porterebbe alla lista qui sotto) */
.vo-process__more { display: none; }
.vo-process__head { gap: 8px; }
.vo-root .vo-steps2 { margin-top: 24px; }
.vo-root .vo-steps2__item { position: relative; gap: 16px; padding: 0 0 24px; border: 0; }
.vo-root .vo-steps2__item:last-child { padding-bottom: 0; border: 0; }
.vo-root .vo-steps2__num { width: 40px; height: 40px; background: var(--vo-avorio); position: relative; z-index: 1; }
.vo-root .vo-steps2__item:not(:last-child)::before { content: ""; position: absolute; left: 20px; top: 40px; bottom: 0; width: 1px; background: rgba(var(--vo-bronzo-rgb), 0.55); }

/* marchi: striscia a scorrimento orizzontale (scroll-snap), bordo sfumato e barretta di avanzamento */
.vo-brands2 { padding: 40px 0 32px; }
.vo-root .vo-brands2__list {
  display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none;
  background: var(--vo-card); border: 1px solid var(--vo-hair); border-radius: 16px;
  -webkit-mask-image: linear-gradient(90deg, #000 86%, transparent); mask-image: linear-gradient(90deg, #000 86%, transparent);
}
.vo-root .vo-brands2__list.is-end { -webkit-mask-image: none; mask-image: none; }
.vo-root .vo-brands2__list::-webkit-scrollbar { display: none; }
.vo-root .vo-brands2__list:focus-visible { outline: 2px solid var(--vo-bronzo-focus); outline-offset: 2px; }
.vo-root .vo-brands2__item { flex: 0 0 42%; min-height: 80px; scroll-snap-align: start; border: 0; }
.vo-root .vo-brands2__item + .vo-brands2__item { border-left: 1px solid var(--vo-hair); }
.vo-brands2__prog { display: block; position: relative; width: 64px; height: 2px; margin: 16px auto 0; border-radius: 2px; background: var(--vo-hair); }
.vo-brands2__prog span { position: absolute; top: 0; left: 0; height: 100%; width: 40%; border-radius: 2px; background: var(--vo-bronzo); }

/* storia: spazi regolari */
.vo-story__text { padding: 32px 20px; }

/* FAQ: tendine come oggi (tutte chiuse); "Vedi tutte le domande" sotto la lista */
.vo-faq2 { display: flex; flex-direction: column; padding: 48px 20px 40px; }
.vo-faq2__head { display: contents; }
.vo-faq2__head > div { order: 0; margin-bottom: 8px; }
.vo-faq2__list { order: 1; }
.vo-faq2__list--extra { order: 2; }
.vo-faq2__all { order: 3; align-self: flex-start; margin-top: 16px; }

/* invito finale */
.vo-cta2__inner { padding-block: 48px 40px; }
.vo-cta2 .vo-btn { padding: 0 16px; font-size: 15px; }

/* ── VENDI-OROLOGIO: ritocchi del 15/10/2026 (sera) ───────────
   1) foto di dettaglio + recensioni passano sotto "Marchi che acquistiamo"
   2) niente link all'informativa sopra la prima foto né nella fascia finale: resta solo nel footer
   3) i due titoli in Cormorant (hero e "Un processo semplice e sicuro") passano al sans del sito */
.vo-root main { display: flex; flex-direction: column; }
.vo-root main > .vo-hero2 { order: 1; }
.vo-root main > .vo-process, .vo-root main > .vo-process > .vo-shell, .vo-root main > .vo-process .vo-process__grid { display: contents; }
.vo-root .vo-process__body  { order: 2; padding: 40px 20px 48px; border-top: 1px solid var(--vo-hair); }
.vo-root main > .vo-form-band { order: 3; }
.vo-root main > .vo-brands2 { order: 4; }
.vo-root .vo-process__media { order: 5; padding: 32px 20px 48px; }
.vo-root main > .vo-split { order: 6; }
.vo-root main > .vo-cta2 { order: 7; }

.vo-root .vo-privacy-note { display: none; }

.vo-root .vo-hero2__title, .vo-root .vo-process__title {
  font-family: 'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif; font-weight: 600; letter-spacing: -0.025em;
}
.vo-root .vo-hero2__title { font-size: 32px; line-height: 1.15; }
html[lang='fr'] .vo-root .vo-hero2__title { font-size: 30px; }
html[lang='de'] .vo-root .vo-hero2__title { font-size: 28px; }
.vo-root .vo-hero2__title em { font-style: normal; font-weight: 600; }
.vo-root .vo-process__title { font-size: 26px; line-height: 1.2; }
.vo-root .vo-faq2__title { font-size: 26px; line-height: 1.2; }
.product-wa-link { display: none; }   /* scheda: su telefono c'è la barra WhatsApp fissa in basso */

/* vendi-orologio, telefono (15/10/2026): foto principale e riquadro con le tre garanzie nascosti sotto l'hero (su PC e tablet restano) */
.vo-hero2__media { display: none; }