/** Shopify CDN: Minification failed

Line 86:16 Unexpected "--sale"

**/
/* ============================================================
   Edencicli — identità sportiva (rif. configuratore Wheelie)
   Override sopra il tema Horizon. B&N minimal + accento rosso.
   ============================================================ */

:root {
  --ed-red: 237, 26, 35;     /* #ed1a23 */
  --ed-ink: 10, 10, 10;
  --ed-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* font del brand — forzati sulle famiglie di Horizon */
  --font-heading--family: 'Archivo', sans-serif !important;
  --font-body--family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
  --font-accent--family: 'Archivo', sans-serif !important;
  --font-subheading--family: var(--ed-mono) !important;
  --font-heading--weight: 900 !important;
  --font-accent--weight: 900 !important;
  --font-heading--spacing: -0.02em !important;
  --font-h1--spacing: -0.025em !important;
  --font-h2--spacing: -0.02em !important;

  /* spigoli vivi, look tecnico (Horizon usa questi raggi ovunque) */
  --style-border-radius-xs: 2px !important;
  --style-border-radius-sm: 2px !important;
  --style-border-radius-md: 3px !important;
  --style-border-radius-lg: 4px !important;
  --style-border-radius-inputs: 2px !important;
  --style-border-radius-buttons-primary: 2px !important;
  --style-border-radius-buttons-secondary: 2px !important;
  --style-border-radius-popover: 4px !important;
}

body { -webkit-font-smoothing: antialiased; letter-spacing: -0.005em; }

/* header fixed/trasparente: offset del contenuto solo NON-home (la home gestisce
   il top con il padding dell'hero). Le pagine con hero full-bleed scuro
   (.eda-heroX) passano sotto l'header come la home. */
body:not(.eden-tpl-index):not(:has(.eda-heroX)) #MainContent { padding-top: 72px; }

/* home: blocca lo scroll del contenitore al primo paint così il browser non può
   ripristinare/spostare la posizione (niente salto "parte più in basso → su").
   Sbloccato via JS dopo il load (o failsafe a 3.5s). */
html.eden-hero-lock .page-wrapper { overflow: hidden !important; }

/* intro: nascondi header finché il preloader non ha rivelato (no doppio logo) */
.eden-intro-run #header-group { opacity: 0; }
.eden-intro-reveal #header-group { opacity: 1; transition: opacity .6s ease .2s; }

/* ---------- Display: maiuscolo, tirato, sportivo ---------- */
/* !important: Horizon imposta text-transform con regole più specifiche */
h1, h2, h3,
.h0, .h1, .h2, .h3,
[class*='section-title'], [class*='banner__heading'], [class*='__heading'] {
  text-transform: uppercase !important;
  font-weight: 900 !important;
  line-height: 0.95;
}

/* parola accento rossa in corsivo: usa <em> dentro i titoli */
h1 em, h2 em, h3 em, .eden-accent { color: rgb(var(--ed-red)); font-style: italic; }

/* sottotitoli / eyebrow in mono, spaziati */
.subheading, [class*='subheading'] {
  font-family: var(--ed-mono);
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

/* ---------- Bottoni: mono, maiuscolo, spigolosi ---------- */
.button, button.button, .shopify-payment-button__button--unbranded {
  font-family: var(--ed-mono);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
}

/* ---------- Accento rosso: saldi, badge ---------- */
/* niente hover rosso globale sui link: rendeva invisibile il testo nelle card
   interamente <a> (testo rosso su sfondo rosso/scuro). Gli hover sono per componente. */
.price__sale, .price--on-sale .price__current, s + .price__current { color: rgb(var(--ed-red)); }
[class*='badge']--sale, .badge.badge--sale {
  background: rgb(var(--ed-red)) !important;
  color: #fff !important;
  border-color: rgb(var(--ed-red)) !important;
}

/* prezzi in mono (look tecnico) */
.price, [class*='price__'] { font-family: var(--ed-mono); }

/* card prodotto: hover deciso, titolo Archivo */
.product-card:hover .product-card__title,
.card__heading:hover { color: rgb(var(--ed-red)); }

/* hero home: titolo maiuscolo display */
.hero .text-block, .hero .text-block p {
  text-transform: uppercase !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 0.92 !important;
}

/* header menu in mono */
.header__menu a, .menu-list a, [class*='header'] nav a {
  font-family: var(--ed-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
}

/* ---------- Collection / griglia prodotti ---------- */
/* kicker sopra il titolo (blocco "text_kicker" nel template collection) */
[class*='__text_kicker'] p {
  font-family: var(--ed-mono);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgb(var(--ed-red));
  margin: 0;
}
/* filtri, sort e conteggio in mono tecnico */
.facets, [class*='facets'] summary, [class*='facets'] label,
[class*='sorting'], [class*='product-count'], [class*='results-count'] {
  font-family: var(--ed-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.78rem;
}
/* immagini card con angoli card-style e zoom hover coerente con la home */
.product-card__image, .card__media img, [class*='product-card'] img {
  border-radius: 14px;
  transition: transform .5s cubic-bezier(.2,.7,.2,1);
}
.product-card:hover img, [class*='product-card']:hover img { transform: scale(1.03); }
/* titolo card compatto */
.product-card__title, .card__heading { font-weight: 600; letter-spacing: -0.01em; }

/* ---------- Pagina prodotto ---------- */
[class*='product-information'] h1 { font-size: clamp(30px, 3.6vw, 52px); }
[class*='product-information'] .price { font-size: 1.35rem; }
/* CTA acquisto: rosso Eden */
.product-form__submit, [class*='add-to-cart'] .button, button[name='add'] {
  background: rgb(var(--ed-red)) !important;
  border-color: rgb(var(--ed-red)) !important;
  color: #fff !important;
}
button[name='add']:hover { filter: brightness(.92); }