/* ==========================================================================
   SKYY by AKT GROUP — CSS personalizzato per tema Salient
   v1.10.3 — JBS Agency, settembre 2026 (righe native: spaziature e pulsanti da Salient)

   COME MODIFICARLO
   Tutto si governa dalla sezione 1 (variabili). La palette è fatta di
   quattro colori: tutte le altre tinte (sfondi, filetti, testi secondari)
   sono ricavate da questi con color-mix(). Cambi uno dei quattro e si
   aggiornano anche le sue sfumature.

   DOVE SI TROVA
   Aspetto > Editor file del tema > Salient Child — SKYY > skyy.css

   FONT (Google Fonts, da Salient > Typography)
   - Cormorant Garamond 400, 400 italic, 500  → titoli H1–H4
   - Inter 400, 500, 600                       → testo, menu, H5, H6

   CLASSI DI SERVIZIO (WPBakery > "Extra class name")
   Righe:     skyy-sezione  skyy-bg-carta  skyy-bg-tortora  skyy-bg-scuro
              skyy-bg-ruggine  skyy-bg-azzurro  skyy-hero-video  skyy-manifesto
   Testi:     skyy-label  skyy-claim  skyy-lead  skyy-tech  skyy-nota
   Blocchi:   skyy-numero  skyy-model-card  skyy-progetto  skyy-spec-table
              skyy-passaggi (elenco numerato)  skyy-mosaico (tre foto)
   Link:      skyy-link-arrow
   Professionisti: skyy-pro-hero  skyy-pro-percorso  skyy-pro-metodo  skyy-pro-punti
              skyy-pro-cifre (vedi sezione 14j)
   Menu:      skyy-menu-cta (voce CONFIGURA, da Aspetto > Menu > Classi CSS)
   ========================================================================== */


/* 1. VARIABILI ------------------------------------------------------------ */
:root {
  /* PALETTE — i quattro colori di brand */
  --skyy-azzurro: #7D90AB; /* TECNOLOGIA — interazione, dati, predisposizione */
  --skyy-ruggine: #74402B; /* MATERIA — CTA, titoli forti, materiali */
  --skyy-tortora: #B1A99F; /* SPAZIO — superfici, riquadri, tabelle */
  --skyy-scuro:   #2A2320; /* testo, sezioni scure, footer */

  /* Tinte derivate (non serve toccarle) */
  --skyy-carta:          color-mix(in srgb, var(--skyy-tortora) 12%, #fff); /* ≈ #F6F5F3 sfondo principale */
  --skyy-tortora-chiaro: color-mix(in srgb, var(--skyy-tortora) 30%, #fff); /* ≈ #E8E5E2 sezioni alternate */
  --skyy-linea:          color-mix(in srgb, var(--skyy-tortora) 45%, #fff); /* ≈ #DCD8D4 filetti e bordi */
  --skyy-testo:          var(--skyy-scuro);                                  /*   #2A2320 testo principale */
  --skyy-testo-2:        color-mix(in srgb, var(--skyy-scuro) 78%, var(--skyy-tortora)); /* ≈ #48403C paragrafi */
  --skyy-testo-3:        color-mix(in srgb, var(--skyy-scuro) 52%, var(--skyy-tortora)); /* ≈ #6B635D didascalie */
  --skyy-ruggine-scuro:  color-mix(in srgb, var(--skyy-ruggine) 78%, var(--skyy-scuro)); /* ≈ #643A29 hover CTA */
  --skyy-azzurro-scuro:  color-mix(in srgb, var(--skyy-azzurro) 60%, var(--skyy-scuro)); /* ≈ #5C6473 azzurro per testi piccoli su chiaro */

  /* Tipografia */
  --skyy-font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --skyy-font-sans:  "Inter", "Helvetica Neue", Arial, sans-serif;

  --skyy-h1: clamp(2.6rem, 5.2vw, 4.6rem);   /* 42 → 74 px */
  --skyy-h2: clamp(2rem, 3.6vw, 3.2rem);     /* 32 → 52 px */
  --skyy-h3: clamp(1.5rem, 2.2vw, 2rem);     /* 24 → 32 px */
  --skyy-h4: clamp(1.15rem, 1.5vw, 1.35rem); /* 18 → 22 px */
  --skyy-h5: 1.05rem;                         /* 17 px */
  --skyy-body: 0.95rem;                       /* 15 px */
  --skyy-small: 0.8rem;                       /* 13 px */
  --skyy-label: 0.68rem;                      /* 11 px */

  --skyy-lh-titoli: 1.08;
  --skyy-lh-testo: 1.75;
  --skyy-track-label: 0.2em;

  /* Spazi, bordi, movimento */
  --skyy-sezione: clamp(4.5rem, 9vw, 8.5rem);
  --skyy-contenuto: 1240px;
  --skyy-radius: 0;          /* angoli vivi. Per pulsanti a pillola: 999px */
  --skyy-bordo: 1px solid var(--skyy-linea);
  --skyy-durata: 0.45s;
  --skyy-easing: cubic-bezier(0.22, 0.61, 0.36, 1);
}


/* 2. BASE ----------------------------------------------------------------- */
body,
.container-wrap,
#ajax-content-wrap {
  background-color: var(--skyy-carta);
  color: var(--skyy-testo-2);
  font-family: var(--skyy-font-sans);
  font-size: var(--skyy-body);
  line-height: var(--skyy-lh-testo);
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: lining-nums; /* Cormorant ha numeri "old style": li raddrizziamo */
}
::selection { background: var(--skyy-ruggine); color: var(--skyy-carta); }
a { color: var(--skyy-ruggine); transition: color var(--skyy-durata) var(--skyy-easing); }
a:hover { color: var(--skyy-ruggine-scuro); }
img { max-width: 100%; height: auto; }


/* 3. TITOLI E TESTI ------------------------------------------------------- */
body h1, body h2, body h3, body h4,
.row .col h1, .row .col h2, .row .col h3, .row .col h4 {
  font-family: var(--skyy-font-serif);
  font-weight: 400;
  color: var(--skyy-testo);
  line-height: var(--skyy-lh-titoli);
  letter-spacing: 0;
  margin: 0 0 0.5em;
}
body h1, .row .col h1 { font-size: var(--skyy-h1); }
body h2, .row .col h2 { font-size: var(--skyy-h2); }
body h3, .row .col h3 { font-size: var(--skyy-h3); }
body h4, .row .col h4 { font-size: var(--skyy-h4); }

/* H5: codici modello (S_01...) */
body h5, .row .col h5 {
  font-family: var(--skyy-font-sans);
  font-size: var(--skyy-h5);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--skyy-testo);
}

/* H6 e .skyy-label: occhiello sopra i titoli ("LA GAMMA") */
.skyy-label,
body h6, .row .col h6 {
  display: block;
  font-family: var(--skyy-font-sans);
  font-size: var(--skyy-label);
  font-weight: 600;
  letter-spacing: var(--skyy-track-label);
  text-transform: uppercase;
  color: var(--skyy-ruggine);
  margin: 0 0 1.2rem;
  line-height: 1.4;
}

/* Claim principale */
.skyy-claim { font-family: var(--skyy-font-serif); font-size: var(--skyy-h1); line-height: 1.02; color: var(--skyy-testo); }
.skyy-claim em, h1 em, h2 em { font-style: normal; color: var(--skyy-ruggine); }

/* Paragrafo introduttivo */
.skyy-lead { font-size: clamp(1rem, 1.3vw, 1.15rem); line-height: 1.6; color: var(--skyy-testo); font-weight: 500; max-width: 36em; }

/* Nota in corsivo */
.skyy-nota { font-family: var(--skyy-font-serif); font-style: italic; font-size: 1rem; color: var(--skyy-testo-3); }

/* TECNOLOGIA: tutto ciò che è dato o tecnica prende l'azzurro */
.skyy-tech, .skyy-label.skyy-tech, .skyy-tech .skyy-label { color: var(--skyy-azzurro-scuro); }


/* 4. HEADER E MENU -------------------------------------------------------- */
#header-outer {
  background-color: var(--skyy-carta);
  border-bottom: var(--skyy-bordo);
  box-shadow: none !important;
  transition: background-color var(--skyy-durata) var(--skyy-easing), border-color var(--skyy-durata);
}
#header-outer.transparent {
  background-color: transparent !important;
  border-bottom-color: color-mix(in srgb, var(--skyy-carta) 16%, transparent);
}

#header-outer #top nav > ul > li > a {
  font-family: var(--skyy-font-sans);
  font-size: var(--skyy-label);
  font-weight: 500;
  letter-spacing: var(--skyy-track-label);
  text-transform: uppercase;
  color: var(--skyy-testo);
}
#header-outer.transparent #top nav > ul > li > a { color: var(--skyy-carta); }
#header-outer #top nav > ul > li > a:hover,
#header-outer #top nav > ul > li.current-menu-item > a { color: var(--skyy-ruggine) !important; }
#header-outer.transparent #top nav > ul > li > a:hover { color: var(--skyy-tortora) !important; }

/* Selettore lingue WPML */
#header-outer .wpml-ls-item a { opacity: 0.5; color: inherit; text-decoration: none; font-size: var(--skyy-label); font-weight: 500; letter-spacing: 0.12em; }
#header-outer.transparent .wpml-ls-item a { color: var(--skyy-carta); }
#header-outer .wpml-ls-item a:hover { opacity: 1; }
#header-outer .wpml-ls-current-language a { opacity: 1; }

/* Voce CONFIGURA come pulsante */
#header-outer #top nav > ul > li.skyy-menu-cta > a {
  border: 1px solid currentColor;
  padding: 0.95em 1.6em !important;
  line-height: 1 !important;
  border-radius: var(--skyy-radius);
}
#header-outer #top nav > ul > li.skyy-menu-cta > a:hover {
  background: var(--skyy-ruggine);
  border-color: var(--skyy-ruggine);
  color: var(--skyy-carta) !important;
}

/* Sottomenu (Modelli > S_01...S_04) */
#header-outer #top .sf-menu li ul {
  background-color: var(--skyy-carta) !important;
  border: var(--skyy-bordo);
  box-shadow: none;
}
#header-outer #top .sf-menu li ul li a { font-size: var(--skyy-small); color: var(--skyy-testo-2) !important; }
#header-outer #top .sf-menu li ul li a:hover { color: var(--skyy-ruggine) !important; }


/* 5. PULSANTI ------------------------------------------------------------- */
body .nectar-button,
body input[type="submit"],
.wpcf7 .wpcf7-submit {
  display: inline-block;
  font-family: var(--skyy-font-sans) !important;
  font-size: var(--skyy-label) !important;
  font-weight: 600 !important;
  letter-spacing: var(--skyy-track-label) !important;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--skyy-radius) !important;
  box-shadow: none !important;
  transition: background-color var(--skyy-durata) var(--skyy-easing), color var(--skyy-durata) var(--skyy-easing) !important;
}
/* colori e misure: nelle righe native (skyy-nativo) li decide il pulsante di Salient */
body .nectar-button:not(.skyy-nativo *),
body input[type="submit"],
.wpcf7 .wpcf7-submit {
  background-color: var(--skyy-ruggine) !important;
  color: var(--skyy-carta) !important;
  border: 1px solid var(--skyy-ruggine) !important;
  padding: 1.25em 2.4em !important;
}
body .nectar-button:not(.skyy-nativo *):hover,
body input[type="submit"]:hover,
.wpcf7 .wpcf7-submit:hover { background-color: var(--skyy-ruggine-scuro) !important; border-color: var(--skyy-ruggine-scuro) !important; }

/* Variante contorno: in WPBakery stile "See Through" */
body .nectar-button.see-through:not(.skyy-nativo *) { background-color: transparent !important; color: var(--skyy-ruggine) !important; }
body .nectar-button.see-through:not(.skyy-nativo *):hover { background-color: var(--skyy-ruggine) !important; color: var(--skyy-carta) !important; }

/* Link con freccia: "› Vedi la scheda" */
.skyy-link-arrow a, a.skyy-link-arrow, span.skyy-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
  font-size: var(--skyy-label);
  font-weight: 600;
  letter-spacing: var(--skyy-track-label);
  text-transform: uppercase;
  color: var(--skyy-testo);
  text-decoration: none;
  padding-bottom: 0.7em;
  border-bottom: 1px solid var(--skyy-linea);
}
.skyy-link-arrow a::before, a.skyy-link-arrow::before, span.skyy-link-arrow::before {
  content: "›";
  font-size: 1.4em;
  line-height: 0;
  color: var(--skyy-ruggine);
  transition: transform var(--skyy-durata) var(--skyy-easing);
}
.skyy-link-arrow a:hover, a.skyy-link-arrow:hover, a:hover span.skyy-link-arrow { border-bottom-color: var(--skyy-ruggine); color: var(--skyy-ruggine); }
.skyy-link-arrow a:hover::before, a.skyy-link-arrow:hover::before, a:hover span.skyy-link-arrow::before { transform: translateX(4px); }


/* 6. SEZIONI (righe WPBakery) --------------------------------------------- */
.wpb_row.skyy-sezione { padding-top: var(--skyy-sezione) !important; padding-bottom: var(--skyy-sezione) !important; }

.wpb_row.skyy-bg-carta   { background-color: var(--skyy-carta); }
.wpb_row.skyy-bg-tortora { background-color: var(--skyy-tortora-chiaro); }
.wpb_row.skyy-bg-scuro   { background-color: var(--skyy-scuro); }
.wpb_row.skyy-bg-ruggine { background-color: var(--skyy-ruggine); }
.wpb_row.skyy-bg-azzurro { background-color: var(--skyy-azzurro); }
/* In Salient lo sfondo a tutta larghezza è il livello .row-bg: coloriamo anche quello */
.wpb_row.skyy-bg-carta   > .row-bg-wrap .row-bg { background-color: var(--skyy-carta); }
.wpb_row.skyy-bg-tortora > .row-bg-wrap .row-bg { background-color: var(--skyy-tortora-chiaro); }
.wpb_row.skyy-bg-scuro   > .row-bg-wrap .row-bg { background-color: var(--skyy-scuro); }
.wpb_row.skyy-bg-ruggine > .row-bg-wrap .row-bg { background-color: var(--skyy-ruggine); }
.wpb_row.skyy-bg-azzurro > .row-bg-wrap .row-bg { background-color: var(--skyy-azzurro); }

/* Testi su fondo scuro e ruggine */
.wpb_row.skyy-bg-scuro, .wpb_row.skyy-bg-ruggine { color: color-mix(in srgb, var(--skyy-carta) 75%, transparent); }
.wpb_row.skyy-bg-scuro h1, .wpb_row.skyy-bg-scuro h2, .wpb_row.skyy-bg-scuro h3, .wpb_row.skyy-bg-scuro h4,
.wpb_row.skyy-bg-ruggine h1, .wpb_row.skyy-bg-ruggine h2, .wpb_row.skyy-bg-ruggine h3, .wpb_row.skyy-bg-ruggine h4 { color: var(--skyy-carta); }
.wpb_row.skyy-bg-scuro .skyy-label { color: var(--skyy-tortora); }
.wpb_row.skyy-bg-scuro .skyy-tech { color: var(--skyy-azzurro); }
.wpb_row.skyy-bg-scuro h1 em, .wpb_row.skyy-bg-scuro h2 em { color: var(--skyy-tortora); }
.wpb_row.skyy-bg-ruggine .skyy-label { color: var(--skyy-tortora-chiaro); }
.wpb_row.skyy-bg-ruggine:not(.skyy-nativo) .nectar-button { background-color: var(--skyy-carta) !important; color: var(--skyy-ruggine) !important; border-color: var(--skyy-carta) !important; }
.wpb_row.skyy-bg-ruggine:not(.skyy-nativo) .nectar-button:hover { background-color: transparent !important; color: var(--skyy-carta) !important; }

/* Su azzurro il testo resta scuro: il bianco non ha contrasto sufficiente */
.wpb_row.skyy-bg-azzurro, .wpb_row.skyy-bg-azzurro h1, .wpb_row.skyy-bg-azzurro h2,
.wpb_row.skyy-bg-azzurro h3, .wpb_row.skyy-bg-azzurro h4, .wpb_row.skyy-bg-azzurro .skyy-label { color: var(--skyy-scuro); }

.skyy-filetto { border-top: var(--skyy-bordo); }


/* 7. HERO VIDEO (loop muto, nessun testo sovrapposto) --------------------- */
.skyy-hero-video { position: relative; min-height: 100vh; background-color: var(--skyy-scuro); overflow: hidden; }
.skyy-hero-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.skyy-hero-video::after { /* velatura per leggere il menu */
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--skyy-scuro) 55%, transparent) 0%,
    transparent 28%, transparent 70%,
    color-mix(in srgb, var(--skyy-scuro) 60%, transparent) 100%);
  pointer-events: none;
}
.skyy-scroll {
  position: absolute; left: 50%; bottom: 2.5rem; z-index: 2;
  transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; gap: 0.9rem;
  font-size: var(--skyy-label); letter-spacing: var(--skyy-track-label); text-transform: uppercase;
  color: color-mix(in srgb, var(--skyy-carta) 75%, transparent);
}
.skyy-scroll::after { content: ""; width: 1px; height: 42px; background: currentColor; animation: skyy-scorri 2.4s var(--skyy-easing) infinite; transform-origin: top; }
@keyframes skyy-scorri { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); } 100% { transform: scaleY(1); opacity: 0; } }


/* 8. MANIFESTO (banda scura con il concept) ------------------------------- */
.skyy-manifesto { text-align: center; }
/* Selettori rafforzati: la regola dei titoli di Salient (.row .col h2) azzera i margini laterali */
.skyy-manifesto h2, .wpb_row.skyy-manifesto .row .col h2, .wpb_row.skyy-manifesto h2 { max-width: 16em; margin-left: auto !important; margin-right: auto !important; margin-bottom: 0; }
.skyy-manifesto p, .wpb_row.skyy-manifesto p:not(.skyy-label) { max-width: 38em; margin: 1.6rem auto 0 !important; }
/* Stesso problema per i blocchi centrati con la classe skyy-centro */
.skyy-centro h2, .wpb_row .skyy-centro h2, .skyy-centro > .wpb_wrapper > p, .wpb_text_column.skyy-centro p { margin-left: auto !important; margin-right: auto !important; }
.wpb_text_column.skyy-centro p { max-width: 40em; }


/* 8b. ARTIGIANALITÀ ---------------------------------------------------------- */
/* Passaggi numerati: "01 Il taglio", "02 La cucitura"... (elenco <ol>) */
.skyy-passaggi { list-style: none; counter-reset: skyy-passo; margin: 2.2rem 0 0; padding: 0; }
.skyy-passaggi li { counter-increment: skyy-passo; display: grid; grid-template-columns: 3rem 1fr; column-gap: 1rem; padding: 1.1rem 0; border-top: var(--skyy-bordo); }
.skyy-passaggi li::before { content: counter(skyy-passo, decimal-leading-zero); grid-row: span 2; font-family: var(--skyy-font-serif); font-size: 1.6rem; line-height: 1; color: var(--skyy-ruggine); }
.skyy-passaggi h3, .row .col .skyy-passaggi h3 { font-family: var(--skyy-font-sans); font-size: var(--skyy-small); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; margin: 0 0 0.3rem; }
.skyy-passaggi p { margin: 0; font-size: var(--skyy-small); }

/* Mosaico di tre foto: una verticale grande + due piccole */
.skyy-mosaico { display: grid; grid-template-columns: 1.25fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; aspect-ratio: 1 / 1; }
.skyy-mosaico figure { margin: 0; overflow: hidden; background: var(--skyy-tortora-chiaro); }
.skyy-mosaico figure:first-child { grid-row: span 2; }
.skyy-mosaico img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.4s var(--skyy-easing); }
.skyy-mosaico figure:hover img { transform: scale(1.04); }


/* 9. NUMERI (The Value Equation) — sono dati: azzurro --------------------- */
.skyy-numero { border-top: 1px solid var(--skyy-azzurro); padding-top: 1.4rem; }
.skyy-numero .skyy-cifra { font-family: var(--skyy-font-serif); font-size: clamp(3rem, 5vw, 4.4rem); line-height: 1; color: var(--skyy-azzurro-scuro); }
.skyy-numero .skyy-cifra small { font-size: 0.4em; margin-left: 0.15em; color: var(--skyy-testo-3); }
.skyy-numero h3, .row .col.skyy-numero h3 { font-size: var(--skyy-h4); margin-top: 1rem; margin-bottom: 0.4rem; }
.skyy-numero p { font-size: var(--skyy-small); margin: 0; }


/* 10. SCHEDE MODELLO (S_01...S_04) ---------------------------------------- */
.skyy-model-card { display: block; text-decoration: none; color: inherit; }
.skyy-model-card .skyy-media { overflow: hidden; background: var(--skyy-tortora-chiaro); aspect-ratio: 4 / 3; }
.skyy-model-card .skyy-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.4s var(--skyy-easing); }
.skyy-model-card:hover .skyy-media img { transform: scale(1.04); }
.skyy-model-card .skyy-codice, .row .col.skyy-model-card h3.skyy-codice { font-family: var(--skyy-font-sans); font-weight: 600; font-size: var(--skyy-h5); letter-spacing: 0.16em; color: var(--skyy-testo); margin: 1.3rem 0 0.2rem; }
.skyy-model-card .skyy-misure { font-size: var(--skyy-small); color: var(--skyy-testo-2); }
.skyy-model-card .skyy-misure span { color: var(--skyy-azzurro-scuro); }
.skyy-model-card .skyy-uso { font-size: var(--skyy-small); color: var(--skyy-testo-3); margin: 0.6rem 0 1.2rem; }


/* 11. PROGETTI ------------------------------------------------------------- */
.skyy-progetto { display: block; text-decoration: none; }
.skyy-progetto .skyy-media { overflow: hidden; aspect-ratio: 4 / 5; }
.skyy-progetto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.4s var(--skyy-easing); }
.skyy-progetto:hover img { transform: scale(1.04); }
.skyy-progetto h3, .row .col.skyy-progetto h3 { font-family: var(--skyy-font-sans); font-size: var(--skyy-small); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; margin: 1.2rem 0 0.2rem; }
.skyy-progetto p { font-size: var(--skyy-small); color: var(--skyy-testo-3); margin: 0; }


/* 12. TABELLE SPECIFICHE / CONFRONTO -------------------------------------- */
.skyy-spec-table table { width: 100%; border-collapse: collapse; border: 0; }
.skyy-spec-table th, .skyy-spec-table td { border: 0; border-bottom: var(--skyy-bordo); padding: 1rem 0.75rem; text-align: left; font-size: 0.9rem; background: transparent; }
.skyy-spec-table th { font-size: var(--skyy-label); letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-testo-3); font-weight: 600; }
.skyy-spec-table td:first-child { color: var(--skyy-testo); }
.skyy-spec-table tr:hover td { background: var(--skyy-tortora-chiaro); }


/* 12b. SEO E ACCESSIBILITÀ ------------------------------------------------ */
/* Titolo leggibile da Google e screen reader ma non visibile */
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
/* Occhiello dentro l'H1: parola chiave + claim nello stesso titolo */
h1 .skyy-label { margin-bottom: 1.4rem; }
address { font-style: normal; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--skyy-azzurro); outline-offset: 3px; }


/* 13. FORM ---------------------------------------------------------------- */
body input[type="text"], body input[type="email"], body input[type="tel"], body select, body textarea {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--skyy-tortora) !important;
  border-radius: 0 !important;
  font-family: var(--skyy-font-sans);
  color: var(--skyy-testo) !important;
  padding: 0.8em 0 !important;
  box-shadow: none !important;
}
body input:focus, body select:focus, body textarea:focus { border-bottom-color: var(--skyy-azzurro) !important; outline: none; }
body ::placeholder { color: var(--skyy-testo-3); opacity: 1; }
body input[type="text"], body input[type="email"], body input[type="tel"], body select, body textarea { width: 100%; font-size: var(--skyy-body); }

/* Contact Form 7 — impaginazione del modulo (wrapper .skyy-form nel modulo) */
.skyy-form .skyy-form-griglia { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem 2.4rem; }
.skyy-form .skyy-form-intero { grid-column: 1 / -1; }
.skyy-form label { display: block; font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-testo-3); }
.skyy-form label .wpcf7-form-control-wrap { display: block; margin-top: 0.3rem; }
.skyy-form textarea { min-height: 7rem; resize: vertical; }
.skyy-form .wpcf7-acceptance label, .skyy-form .wpcf7-list-item-label { font-size: var(--skyy-small); font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--skyy-testo-2); }
.skyy-form .wpcf7-list-item { margin: 0; }
.skyy-form input[type="checkbox"] { accent-color: var(--skyy-ruggine); margin-right: 0.6em; }
.skyy-form .wpcf7-submit { margin-top: 1rem; }
.skyy-form .wpcf7-spinner { margin-left: 1rem; }
.skyy-form .wpcf7-not-valid { border-bottom-color: var(--skyy-ruggine) !important; }
.skyy-form .wpcf7-not-valid-tip { font-size: var(--skyy-small); font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--skyy-ruggine); margin-top: 0.3rem; }
.skyy-form .wpcf7-response-output { margin: 1.6rem 0 0 !important; padding: 1rem 1.2rem !important; border: 1px solid var(--skyy-linea) !important; font-size: var(--skyy-small); }
.skyy-form form.sent .wpcf7-response-output { border-color: var(--skyy-azzurro) !important; }
.skyy-form form.invalid .wpcf7-response-output, .skyy-form form.failed .wpcf7-response-output { border-color: var(--skyy-ruggine) !important; }
@media only screen and (max-width: 690px) { .skyy-form .skyy-form-griglia { grid-template-columns: 1fr; } }
/* Campi in più dei moduli (preventivo e consulenza): file, numero, scelte a pulsante, asterisco */
.skyy-form input[type="file"] { width: 100%; font-size: var(--skyy-small); padding: 0.7em 0; color: var(--skyy-testo-2); }
.skyy-form input[type="number"] { width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--skyy-tortora); border-radius: 0; padding: 0.8em 0; font-family: var(--skyy-font-sans); font-size: var(--skyy-body); color: var(--skyy-testo); }
.skyy-form .wpcf7-radio { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.6rem; }
.skyy-form .wpcf7-radio .wpcf7-list-item label {
  display: inline-block; cursor: pointer; padding: 0.7em 1.2em; border: 1px solid var(--skyy-linea);
  font-size: var(--skyy-small); font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--skyy-testo-2);
}
.skyy-form .wpcf7-radio input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.skyy-form .wpcf7-radio label:has(input:checked) { background: var(--skyy-ruggine); border-color: var(--skyy-ruggine); color: var(--skyy-carta); }
.skyy-form .wpcf7-radio label:focus-within { outline: 2px solid var(--skyy-azzurro); outline-offset: 2px; }
.skyy-form .wpcf7-radio .wpcf7-list-item-label { color: inherit; font-size: inherit; }
.skyy-form .skyy-obbligatorio { color: var(--skyy-ruggine); font-weight: 600; margin-left: 0.15em; }
.skyy-form .skyy-form-legenda { margin: 0 0 0.6rem; font-size: var(--skyy-small); color: var(--skyy-testo-3); }


/* 14. FOOTER ---------------------------------------------------------------- */
#footer-outer, #footer-outer #footer-widgets, #footer-outer #copyright { background-color: var(--skyy-scuro) !important; color: var(--skyy-tortora); }
#footer-outer { font-size: var(--skyy-small); }
#footer-outer .widget h4, #footer-outer .widget-title {
  font-family: var(--skyy-font-sans);
  font-size: var(--skyy-label);
  font-weight: 600;
  letter-spacing: var(--skyy-track-label);
  text-transform: uppercase;
  color: var(--skyy-azzurro);
  margin-bottom: 1.4rem;
}
#footer-outer a { color: var(--skyy-carta) !important; text-decoration: none; }
#footer-outer a:hover { color: var(--skyy-tortora) !important; }
#footer-outer .skyy-cert { display: inline-block; border: 1px solid color-mix(in srgb, var(--skyy-tortora) 40%, transparent); padding: 0.45em 0.9em; margin: 0 0.4rem 0.4rem 0; font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; }
#footer-outer #copyright { border-top: 1px solid color-mix(in srgb, var(--skyy-tortora) 20%, transparent); font-size: 0.7rem; letter-spacing: 0.1em; }


/* 14b. ELEMENTI FIRMA (con skyy.js) ----------------------------------------
   Sono gli elementi che rendono SKYY riconoscibile. In WPBakery si inseriscono
   con l'elemento "Raw HTML" (markup in tema/blocchi-html/). */

/* — La quota: il segno grafico del disegno tecnico, usato per le misure — */
.skyy-quota {
  position: relative; display: flex; align-items: center; justify-content: center;
  height: 14px; margin: 1rem 0 0.2rem;
  border-left: 1px solid var(--skyy-azzurro); border-right: 1px solid var(--skyy-azzurro);
}
.skyy-quota::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid var(--skyy-azzurro); }
.skyy-quota span {
  position: relative; padding: 0 0.7em; background: var(--skyy-carta);
  font-size: var(--skyy-label); font-weight: 600; letter-spacing: 0.12em; color: var(--skyy-azzurro-scuro);
}
.skyy-bg-tortora .skyy-quota span { background: var(--skyy-tortora-chiaro); }

/* — Il gesto: il letto si regola mentre si scorre — */
.skyy-gesto { position: relative; height: 260vh; background: var(--skyy-scuro); color: color-mix(in srgb, var(--skyy-carta) 72%, transparent); }
.skyy-gesto-fermo {
  position: sticky; top: 0; height: 100vh; overflow: hidden;
  display: grid; grid-template-columns: minmax(280px, 4fr) 8fr; align-items: center; gap: 4vw;
  max-width: 1400px; margin: 0 auto; padding: 90px clamp(20px, 4vw, 56px) 40px;
}
.skyy-gesto h2 { color: var(--skyy-carta); }
.skyy-gesto .skyy-label { color: var(--skyy-azzurro); }
.skyy-gesto-passi { list-style: none; margin: 2rem 0 0; padding: 0; }
.skyy-gesto-passi li { padding: 0.9rem 0; border-top: 1px solid color-mix(in srgb, var(--skyy-tortora) 25%, transparent); opacity: 0.4; transition: opacity var(--skyy-durata) var(--skyy-easing); }
.skyy-gesto-passi li.attivo { opacity: 1; }
.skyy-gesto-passi strong { display: block; font-size: var(--skyy-label); letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-carta); margin-bottom: 0.2rem; }
.skyy-gesto-passi p { margin: 0; font-size: var(--skyy-small); }
.skyy-letture { display: flex; gap: clamp(1.4rem, 3vw, 3rem); margin-top: 2.2rem; }
.skyy-letture div { font-size: var(--skyy-label); letter-spacing: var(--skyy-track-label); text-transform: uppercase; }
.skyy-letture b { display: block; font-family: var(--skyy-font-serif); font-weight: 400; font-size: clamp(2.2rem, 3.6vw, 3.2rem); line-height: 1; letter-spacing: 0; color: var(--skyy-azzurro); margin-bottom: 0.3rem; font-variant-numeric: tabular-nums lining-nums; }
.skyy-letture b small { font-size: 0.45em; margin-left: 0.1em; color: var(--skyy-tortora); }
.skyy-gesto svg { width: 100%; height: auto; max-height: 72vh; overflow: hidden; }
.skyy-gesto .skyy-svg-linea { fill: none; stroke: var(--skyy-carta); stroke-width: 1.4; }
.skyy-gesto .skyy-svg-materasso { fill: color-mix(in srgb, var(--skyy-carta) 10%, transparent); stroke: var(--skyy-carta); stroke-width: 1.4; }
.skyy-gesto .skyy-svg-plateau { fill: color-mix(in srgb, var(--skyy-tortora) 30%, transparent); stroke: var(--skyy-tortora); stroke-width: 1.4; }
.skyy-gesto .skyy-svg-metallo { fill: color-mix(in srgb, var(--skyy-carta) 6%, transparent); stroke: var(--skyy-tortora); stroke-width: 1.2; }
.skyy-gesto .skyy-svg-pavimento { stroke: color-mix(in srgb, var(--skyy-tortora) 40%, transparent); stroke-width: 1; stroke-dasharray: 2 6; }
.skyy-gesto .skyy-svg-quota line { stroke: var(--skyy-azzurro); stroke-width: 1.2; }
.skyy-gesto .skyy-svg-quota text { fill: var(--skyy-azzurro); font-family: var(--skyy-font-sans); font-size: 15px; font-weight: 600; letter-spacing: 0.1em; }
.skyy-gesto .skyy-svg-pannello { fill: var(--skyy-azzurro); }
.skyy-gesto.statico { height: auto; }
.skyy-gesto.statico .skyy-gesto-fermo { position: relative; height: auto; }

/* — Anatomia: punti numerati sul prodotto — */
.skyy-anatomia { display: grid; grid-template-columns: 8fr 4fr; gap: clamp(2rem, 4vw, 4rem); align-items: center; }
.skyy-anatomia-figura { position: relative; margin: 0; }
.skyy-anatomia-figura img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.skyy-punto {
  position: absolute; transform: translate(-50%, -50%);
  width: 34px; height: 34px; border-radius: 50%; padding: 0; cursor: pointer;
  border: 1px solid var(--skyy-ruggine); background: var(--skyy-carta);
  font: 600 11px/1 var(--skyy-font-sans); color: var(--skyy-ruggine);
  transition: background var(--skyy-durata) var(--skyy-easing), color var(--skyy-durata) var(--skyy-easing), transform var(--skyy-durata) var(--skyy-easing);
}
.skyy-punto::after { /* alone che pulsa */
  content: ""; position: absolute; inset: -7px; border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--skyy-ruggine) 45%, transparent);
  animation: skyy-alone 2.6s var(--skyy-easing) infinite;
}
.skyy-punto:hover, .skyy-punto.attivo { background: var(--skyy-ruggine); color: var(--skyy-carta); transform: translate(-50%, -50%) scale(1.08); }
.skyy-punto.attivo::after { animation: none; opacity: 0; }
@keyframes skyy-alone { 0% { transform: scale(0.8); opacity: 0.9; } 100% { transform: scale(1.5); opacity: 0; } }
.skyy-anatomia-voci { list-style: none; margin: 0; padding: 0; }
.skyy-anatomia-voce img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 1.4rem; }
.skyy-anatomia-voce .skyy-numero-voce { font-family: var(--skyy-font-serif); font-size: 1.6rem; color: var(--skyy-ruggine); line-height: 1; margin-bottom: 0.8rem; display: block; }
.skyy-anatomia-voce.attiva { animation: skyy-entra 0.5s var(--skyy-easing); }
@keyframes skyy-entra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* — Finiture: la fila di campioni — */
:root { --skyy-finiture-spazio: 30px; } /* spazio tra i campioni = margine sinistro e destro */
.skyy-finiture-fila {
  display: flex; gap: var(--skyy-finiture-spazio); overflow-x: auto; scroll-snap-type: x proximity;
  padding: 8px var(--skyy-finiture-spazio) 0.4rem; margin: 0; list-style: none; /* 8px sopra: spazio per il sollevamento al passaggio del mouse */
  scroll-padding-inline: var(--skyy-finiture-spazio); /* l'aggancio rispetta il margine */
  cursor: grab; scrollbar-width: none;
  /* sfumatura a destra: fa capire che la fila continua */
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 90px), transparent);
          mask-image: linear-gradient(90deg, #000 calc(100% - 90px), transparent);
}
.skyy-finiture-fila::-webkit-scrollbar { display: none; }
.skyy-finiture-fila.alla-fine { -webkit-mask-image: none; mask-image: none; }
.skyy-finiture-fila.trascina { cursor: grabbing; scroll-snap-type: none; }

/* Comandi del carosello: barra di avanzamento + frecce */
.skyy-finiture-comandi { display: flex; align-items: center; gap: 1.2rem; margin: 1.8rem var(--skyy-finiture-spazio) 0; }
.skyy-finiture-barra { position: relative; flex: 1; height: 1px; background: var(--skyy-linea); }
.skyy-finiture-barra span { position: absolute; left: 0; top: -1px; height: 3px; width: 20%; background: var(--skyy-ruggine); transition: left 0.15s linear; }
.skyy-finiture-conta { font-size: var(--skyy-small); letter-spacing: 0.08em; color: var(--skyy-testo-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.skyy-finiture-conta b { font-weight: 600; color: var(--skyy-testo); }
.skyy-finiture-freccia {
  width: 48px; height: 48px; border-radius: 50%; padding: 0; cursor: pointer; flex: none;
  border: 1px solid var(--skyy-ruggine); background: transparent; color: var(--skyy-ruggine);
  font: 400 22px/1 var(--skyy-font-sans);
  transition: background var(--skyy-durata) var(--skyy-easing), color var(--skyy-durata) var(--skyy-easing), opacity var(--skyy-durata);
}
.skyy-finiture-freccia:hover:not(:disabled) { background: var(--skyy-ruggine); color: var(--skyy-carta); }
.skyy-finiture-freccia:disabled { opacity: 0.3; cursor: default; }
.skyy-finiture-fila li { flex: 0 0 clamp(120px, 13vw, 170px); scroll-snap-align: start; }
.skyy-finiture-fila figure { margin: 0; }
.skyy-finiture-fila img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; pointer-events: none; transition: transform var(--skyy-durata) var(--skyy-easing); }
.skyy-finiture-fila li:hover img { transform: translateY(-6px); }
.skyy-finiture-fila figcaption { margin-top: 0.8rem; font-size: var(--skyy-small); color: var(--skyy-testo); }
.skyy-finiture-fila figcaption small { display: block; font-size: var(--skyy-label); letter-spacing: 0.14em; text-transform: uppercase; color: var(--skyy-testo-3); }
.skyy-finiture-separatore { flex: 0 0 1px !important; background: var(--skyy-linea); }
@media only screen and (max-width: 690px) { .skyy-finiture-freccia { width: 42px; height: 42px; } }

/* — Comparsa leggera dei blocchi (skyy.js aggiunge .pronto e .visibile) — */
.skyy-reveal.pronto { opacity: 0; transform: translateY(24px); transition: opacity 0.9s var(--skyy-easing), transform 0.9s var(--skyy-easing); }
.skyy-reveal.pronto.visibile { opacity: 1; transform: none; }

@media only screen and (max-width: 999px) {
  .skyy-gesto { height: 220vh; }
  .skyy-gesto-fermo { grid-template-columns: 1fr; align-content: center; gap: 1.5rem; padding-top: 84px; }
  .skyy-gesto-passi { display: none; }
  .skyy-gesto h2 { font-size: var(--skyy-h3); }
  .skyy-letture { margin-top: 1rem; }
  .skyy-anatomia { grid-template-columns: 1fr; }
  .skyy-punto { width: 28px; height: 28px; }
}


/* 14c. GRIGLIE E UTILITÀ PER I BLOCCHI "RAW HTML" --------------------------
   Nei blocchi HTML non si usa la griglia di Salient (.row/.col) ma queste. */
.skyy-due { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.skyy-due--alto { align-items: start; }
.skyy-quattro { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1.4rem, 3vw, 2.5rem); align-items: start; }
.skyy-centro { text-align: center; }
.skyy-centro > p, .skyy-centro .skyy-lead { margin-left: auto; margin-right: auto; max-width: 40em; }
.skyy-mt-l { margin-top: clamp(2.5rem, 5vw, 3.5rem); }
.skyy-mt-m { margin-top: 2rem; }
.skyy-foto { overflow: hidden; margin: 0; }
.skyy-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.skyy-link-riga { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.4rem 2.8rem; }
.skyy-destra { text-align: right; }
.skyy-contenitore { max-width: var(--skyy-contenuto); margin: 0 auto; padding: 0 clamp(20px, 4vw, 56px); }
/* I blocchi HTML dentro le righe SKYY non aggiungono margini propri */
.wpb_row[class*="skyy-"] .wpb_raw_html, .wpb_row[class*="skyy-"] .wpb_content_element { margin-bottom: 0 !important; }
.wpb_row[class*="skyy-"] .wpb_raw_html p:last-child { margin-bottom: 0; }
@media only screen and (max-width: 999px) {
  .skyy-due { grid-template-columns: 1fr; }
  .skyy-quattro { grid-template-columns: 1fr 1fr; }
  .skyy-destra { text-align: left; }
}
@media only screen and (max-width: 560px) {
  .skyy-quattro.skyy-quattro--1-mobile { grid-template-columns: 1fr; }
}


/* 14d. ELEMENTI NATIVI WPBAKERY / SALIENT ----------------------------------
   Classi da mettere nel campo "Extra class name" degli elementi.
   Righe: skyy-sezione--no-top / --no-bottom tolgono il padding sopra/sotto. */
.wpb_row.skyy-sezione--no-top    { padding-top: 0 !important; }
.wpb_row.skyy-sezione--no-bottom { padding-bottom: 0 !important; }
.wpb_row[class*="skyy-"] .wpb_text_column > .wpb_wrapper > *:last-child { margin-bottom: 0; }
.wpb_row[class*="skyy-"] .wpb_text_column { margin-bottom: 0; }
p.skyy-label { margin-bottom: 1.2rem !important; }

/* Immagini con proporzioni fisse (Extra class name dell'elemento Immagine) */
.skyy-img-4-5 img, .skyy-img-4-3 img, .skyy-img-16-10 img, .skyy-img-quadrata img, .skyy-img-alta img {
  width: 100% !important; height: auto; object-fit: cover; display: block;
}
.skyy-img-4-5 img     { aspect-ratio: 4 / 5; }
.skyy-img-4-3 img     { aspect-ratio: 4 / 3; }
.skyy-img-16-10 img   { aspect-ratio: 16 / 10; }
.skyy-img-quadrata img { aspect-ratio: 1 / 1; }
.skyy-img-alta img    { aspect-ratio: 7 / 10; }
.skyy-img-4-5 .inner, .skyy-img-4-3 .inner, .skyy-img-16-10 .inner, .skyy-img-quadrata .inner, .skyy-img-alta .inner,
.skyy-img-4-5 .hover-wrap, .skyy-img-4-3 .hover-wrap, .skyy-img-quadrata .hover-wrap, .skyy-img-alta .hover-wrap { overflow: hidden; }
.skyy-img-4-5 img, .skyy-img-4-3 img, .skyy-img-quadrata img, .skyy-img-alta img { transition: transform 1.4s var(--skyy-easing); }
.skyy-img-quadrata + .skyy-img-quadrata, .img-with-aniamtion-wrap.skyy-img-quadrata ~ .img-with-aniamtion-wrap.skyy-img-quadrata { margin-top: 10px; }

/* Salient mette la classe direttamente sull'<img> e ne fissa l'altezza inline (lazy load) */
img.skyy-img-4-5, img.skyy-img-4-3, img.skyy-img-16-10, img.skyy-img-quadrata, img.skyy-img-alta, img.skyy-campione {
  width: 100% !important; height: auto !important; object-fit: cover; display: block;
  transition: transform 1.4s var(--skyy-easing);
}
img.skyy-img-4-5 { aspect-ratio: 4 / 5; }
img.skyy-img-4-3 { aspect-ratio: 4 / 3; }
img.skyy-img-16-10 { aspect-ratio: 16 / 10; }
img.skyy-img-quadrata, img.skyy-campione { aspect-ratio: 1 / 1; }
img.skyy-img-alta { aspect-ratio: 7 / 10; }
.img-with-aniamtion-wrap .hover-wrap:has(img[class*="skyy-img-"]) { overflow: hidden; }

/* Hero: video di sfondo della riga, "Scorri" in basso */
.wpb_row.skyy-hero .skyy-scroll { position: static; transform: none; margin: 0 auto 2.2rem; }
.wpb_row.skyy-hero .skyy-scroll { color: color-mix(in srgb, var(--skyy-carta) 80%, transparent); }

/* Schede modello e progetti: colonna con "Column Link" */
.wpb_column.skyy-model-card, .wpb_column.skyy-progetto { transition: transform var(--skyy-durata) var(--skyy-easing); }
.wpb_column.skyy-model-card:hover img, .wpb_column.skyy-progetto:hover img { transform: scale(1.04); }
.wpb_column.skyy-model-card h3.skyy-codice { font-family: var(--skyy-font-sans); font-weight: 600; font-size: var(--skyy-h5); letter-spacing: 0.16em; margin: 1.3rem 0 0.2rem; }
.wpb_column.skyy-model-card .skyy-misure { font-size: var(--skyy-small); color: var(--skyy-testo-2); margin: 0; }
.wpb_column.skyy-model-card .skyy-uso { font-size: var(--skyy-small); color: var(--skyy-testo-3); margin: 0.6rem 0 1.2rem; }
.wpb_column.skyy-progetto h3 { font-family: var(--skyy-font-sans); font-size: var(--skyy-small); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; margin: 1.2rem 0 0.2rem; }
.wpb_column.skyy-progetto p { font-size: var(--skyy-small); color: var(--skyy-testo-3); margin: 0; }
p .skyy-link-arrow, p a.skyy-link-arrow { margin: 0; }
.skyy-link-riga a { display: inline-flex; }

/* Numeri della Value Equation (colonne con classe skyy-numero) */
.wpb_column.skyy-numero { border-top: 1px solid var(--skyy-azzurro); padding-top: 1.4rem; }
.skyy-riga-numeri { margin-top: clamp(2.5rem, 5vw, 3.5rem); }

/* Il gesto come riga WPBakery (classe skyy-gesto sulla riga).
   Salient mette overflow: hidden sul body, che impedisce al contenuto di restare
   fermo (sticky): "clip" taglia allo stesso modo ma lascia funzionare lo sticky. */
body:has(.skyy-gesto) { overflow-x: clip !important; overflow-y: visible !important; }
.wpb_row.skyy-gesto { height: 260vh; padding: 0 !important; }
.wpb_row.skyy-gesto > .row_col_wrap_12 {
  position: sticky; top: 0; min-height: 100vh; align-items: center;
  padding-top: 90px; padding-bottom: 40px;
}
.wpb_row.skyy-gesto .skyy-gesto-passi strong { color: var(--skyy-carta); }

/* Anatomia: immagine con punti di Salient */
.skyy-anatomia-nativa .nectar_image_with_hotspots img { mix-blend-mode: multiply; }
.skyy-anatomia-nativa .nectar_hotspot {
  background-color: var(--skyy-carta) !important; color: var(--skyy-ruggine) !important;
  border: 1px solid var(--skyy-ruggine); font-family: var(--skyy-font-sans); font-weight: 600;
}
.skyy-anatomia-nativa .nectar_hotspot_wrap:hover .nectar_hotspot,
.skyy-anatomia-nativa .nectar_hotspot_wrap.open .nectar_hotspot { background-color: var(--skyy-ruggine) !important; color: var(--skyy-carta) !important; }
.skyy-anatomia-nativa .nttip { font-family: var(--skyy-font-sans); font-size: var(--skyy-small); line-height: 1.5; border-radius: 0 !important; }
.skyy-anatomia-nativa .nttip h3, .skyy-anatomia-nativa .nttip strong { font-family: var(--skyy-font-sans); font-size: var(--skyy-small); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--skyy-ruggine); }
.skyy-anatomia-elenco { list-style: none; counter-reset: skyy-voce; margin: 0; padding: 0; }
.skyy-anatomia-elenco li { counter-increment: skyy-voce; display: grid; grid-template-columns: 2.6rem 1fr; padding: 0.9rem 0; border-top: 1px solid color-mix(in srgb, var(--skyy-tortora) 60%, transparent); }
.skyy-anatomia-elenco li::before { content: counter(skyy-voce, decimal-leading-zero); grid-row: span 2; font-family: var(--skyy-font-serif); font-size: 1.4rem; line-height: 1; color: var(--skyy-ruggine); }
.skyy-anatomia-elenco h3, .row .col .skyy-anatomia-elenco h3 { font-family: var(--skyy-font-sans); font-size: var(--skyy-small); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 0.2rem; }
.skyy-anatomia-elenco p { font-size: var(--skyy-small); margin: 0; }

/* Finiture: carosello Flickity di Salient dentro una colonna "skyy-finiture" */
.skyy-finiture .flickity-viewport { overflow: hidden; }
.skyy-finiture .nectar-flickity { padding-left: var(--skyy-finiture-spazio) !important; } /* margine sinistro = spazio tra i campioni */
.skyy-finiture .flickity-viewport { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 90px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 90px), transparent); }
.skyy-finiture .skyy-finiture-comandi { margin-left: var(--skyy-finiture-spazio); margin-right: var(--skyy-finiture-spazio); }
.skyy-finiture .cell img, .skyy-finiture .skyy-campione img { aspect-ratio: 1 / 1; width: 100% !important; object-fit: cover; }
.skyy-finiture .skyy-campione-nome { margin: 0.8rem 0 0; font-size: var(--skyy-small); color: var(--skyy-testo); line-height: 1.4; }
.skyy-finiture .skyy-campione-nome small { display: block; font-size: var(--skyy-label); letter-spacing: 0.14em; text-transform: uppercase; color: var(--skyy-testo-3); }
.skyy-finiture .flickity-page-dots, .skyy-finiture .flickity-prev-next-button { display: none !important; }
@media only screen and (max-width: 999px) {
  .wpb_row.skyy-gesto { height: 220vh; }
  .wpb_row.skyy-gesto .skyy-gesto-passi { display: none; }
}


/* 14f. SCHEDA PRODOTTO (S_01...S_04) ---------------------------------------- */
.skyy-tre { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.4rem, 3vw, 2.5rem); align-items: start; }
.skyy-due--stretto { gap: clamp(1.4rem, 3vw, 2.5rem); align-items: start; }

/* Briciole di pane */
.skyy-briciole { font-size: var(--skyy-label); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--skyy-testo-3); margin-bottom: 2.4rem; }
.skyy-briciole a { color: var(--skyy-testo-3); text-decoration: none; }
.skyy-briciole a:hover { color: var(--skyy-ruggine); }
.skyy-briciole span { color: var(--skyy-testo); }

/* Titolo prodotto: il codice è grande, l'occhiello contiene la parola chiave */
body h1.skyy-scheda-titolo, .row .col h1.skyy-scheda-titolo, .skyy-scheda-titolo h1 { font-family: var(--skyy-font-sans); font-weight: 600; letter-spacing: 0.08em; font-size: clamp(3rem, 7vw, 6.5rem); line-height: 1; }
body h1.skyy-scheda-titolo .skyy-label, .row .col h1.skyy-scheda-titolo .skyy-label { letter-spacing: var(--skyy-track-label); }

/* Tre punti chiave sotto il titolo */
.skyy-punti-chiave { list-style: none; margin: 2rem 0; padding: 0; }
.skyy-punti-chiave li { padding: 0.9rem 0; border-top: var(--skyy-bordo); font-size: var(--skyy-small); color: var(--skyy-testo-2); }
.skyy-punti-chiave li:last-child { border-bottom: var(--skyy-bordo); }
.skyy-punti-chiave b { display: block; font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-testo); margin-bottom: 0.2rem; }
.skyy-azioni { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem 2rem; }

/* Foto prodotto scontornata con la quota della lunghezza */
.skyy-prodotto { margin: 0; }
.skyy-prodotto img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.skyy-prodotto .skyy-quota { margin: 0.4rem 4% 0; }
.skyy-prodotto-misure { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.6rem 2.4rem; margin-top: 1.4rem; font-size: var(--skyy-label); letter-spacing: 0.14em; text-transform: uppercase; color: var(--skyy-testo-3); }
.skyy-prodotto-misure b { font-weight: 600; letter-spacing: 0.06em; color: var(--skyy-azzurro-scuro); margin-left: 0.4em; }

/* Foto a tutta larghezza */
.skyy-foto-piena { margin: 0; line-height: 0; }
.skyy-foto-piena img { display: block; width: 100%; height: auto; max-height: 92vh; object-fit: cover; }

/* Schede dei dettagli (su fondo scuro) */
.skyy-dettaglio .skyy-foto { margin-bottom: 1.4rem; }
.skyy-dettaglio h3 { font-size: var(--skyy-h4); margin: 0.2rem 0 0.6rem; }
.skyy-dettaglio p { font-size: var(--skyy-small); margin: 0; }
.skyy-bg-scuro .skyy-dettaglio h3 { color: var(--skyy-carta); }

/* Forme del plateau */
figure.skyy-forma { margin: 0; background: var(--skyy-carta); }
figure.skyy-forma img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
figure.skyy-forma figcaption { padding: 1rem 1.2rem 1.2rem; font-size: var(--skyy-small); color: var(--skyy-testo-3); }
figure.skyy-forma figcaption b { display: block; font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-testo); margin-bottom: 0.2rem; }

/* Scheda tecnica */
.skyy-spec-table th[scope="row"] { width: 38%; }
.skyy-spec-table td { color: var(--skyy-testo); }
.skyy-titoletto, .row .col h3.skyy-titoletto { font-family: var(--skyy-font-sans); font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-testo-3); margin: 2.4rem 0 1rem; }
.skyy-opzioni { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.2rem 2rem; }
.skyy-opzioni li { padding: 0.55rem 0 0.55rem 1.2rem; position: relative; font-size: var(--skyy-small); border-bottom: var(--skyy-bordo); }
.skyy-opzioni li::before { content: "+"; position: absolute; left: 0; color: var(--skyy-ruggine); }
.skyy-nota-tech { margin-top: 2.4rem; padding: 1.4rem 1.6rem; border-left: 2px solid var(--skyy-azzurro); background: color-mix(in srgb, var(--skyy-azzurro) 8%, transparent); }
.skyy-nota-tech p { margin: 0; font-size: var(--skyy-small); }
.skyy-nota-tech .skyy-label { margin-bottom: 0.5rem; }

/* Garanzie e certificazioni */
.skyy-certificati { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.skyy-certificati span { border: 1px solid var(--skyy-tortora); padding: 0.45em 0.9em; font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--skyy-testo-2); }
.skyy-garanzie { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--skyy-tortora); border: 1px solid var(--skyy-tortora); }
.skyy-garanzie li { background: var(--skyy-tortora-chiaro); padding: 1.8rem 1.6rem; min-height: 8rem; display: flex; flex-direction: column; justify-content: space-between; }
.skyy-garanzie b { font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-testo); }
.skyy-garanzie em { font-style: normal; font-family: var(--skyy-font-serif); font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1; color: var(--skyy-azzurro-scuro); }

@media only screen and (max-width: 999px) {
  .skyy-tre { grid-template-columns: 1fr 1fr; }
  .skyy-opzioni { grid-template-columns: 1fr; }
}
@media only screen and (max-width: 690px) {
  .skyy-tre, .skyy-garanzie { grid-template-columns: 1fr; }
  .skyy-prodotto-misure { justify-content: flex-start; }
}


/* 14g. SCHEDA PRODOTTO: APERTURA, CONFRONTO FORME, GARANZIE ------------------ */

/* — Apertura a tutto schermo: codice gigante disegnato a filo, letto in primo piano — */
.skyy-hero-prodotto {
  position: relative; overflow: hidden; min-height: 100vh;
  display: grid; grid-template-rows: 1fr auto;
  padding-top: 96px;
  background: radial-gradient(ellipse 70% 60% at 50% 42%, var(--skyy-carta) 0%, var(--skyy-tortora-chiaro) 100%);
}
.skyy-hero-codice {
  position: absolute; left: 50%; top: 64%; transform: translate(-50%, -50%); /* sotto il letto, come inciso sul pavimento */
  font-family: var(--skyy-font-sans); font-weight: 600; letter-spacing: 0.02em; line-height: 0.8;
  font-size: min(30vw, 50vh); white-space: nowrap; pointer-events: none; user-select: none;
  color: transparent; -webkit-text-stroke: 1px color-mix(in srgb, var(--skyy-tortora) 85%, transparent);
  will-change: transform;
}
.skyy-hero-palco { position: relative; align-self: center; /* niente z-index: il multiply deve fondersi con lo sfondo */ width: min(76%, 1320px); margin: 0 auto; padding: 2vh 0 0; }
.skyy-hero-palco img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; animation: skyy-arrivo 1.4s var(--skyy-easing) both; }
@keyframes skyy-arrivo { from { opacity: 0; transform: translateX(5%); } to { opacity: 1; transform: none; } }

.skyy-hero-barra {
  position: relative; border-top: 1px solid color-mix(in srgb, var(--skyy-tortora) 50%, transparent);
  display: grid; grid-template-columns: 5fr 4fr auto; gap: clamp(1.5rem, 4vw, 4rem); align-items: center;
  max-width: var(--skyy-contenuto); width: 100%; margin: 0 auto; padding: 1.8rem clamp(20px, 4vw, 56px) 2.2rem;
}
.skyy-hero-barra h1 { font-size: var(--skyy-h3); margin: 0; }
.skyy-hero-barra h1 .skyy-label { margin-bottom: 0.6rem; }
.skyy-hero-dati { display: flex; gap: clamp(1rem, 2.5vw, 2.4rem); margin: 0; padding: 0; list-style: none; }
.skyy-hero-dati li { font-size: var(--skyy-label); letter-spacing: 0.12em; text-transform: uppercase; color: var(--skyy-testo-3); }
.skyy-hero-dati b { display: block; white-space: nowrap; font-family: var(--skyy-font-serif); font-weight: 400; font-size: clamp(1.6rem, 2.4vw, 2.2rem); letter-spacing: 0; text-transform: none; line-height: 1.1; color: var(--skyy-azzurro-scuro); }
.skyy-hero-barra .skyy-azioni { justify-content: flex-end; }
.skyy-hero-prodotto .skyy-briciole { position: absolute; z-index: 2; top: 116px; left: clamp(20px, 4vw, 56px); margin: 0; }

/* — Confronto delle forme del plateau: interruttore + immagine che cambia — */
.skyy-confronto { display: grid; grid-template-columns: 4fr 8fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.skyy-interruttore { display: inline-flex; border: 1px solid var(--skyy-ruggine); border-radius: var(--skyy-radius); margin: 0.6rem 0 2rem; }
.skyy-interruttore button {
  appearance: none; border: 0; background: transparent; cursor: pointer; padding: 0.95em 1.6em;
  font: 600 var(--skyy-label) / 1 var(--skyy-font-sans); letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-ruggine);
  transition: background var(--skyy-durata) var(--skyy-easing), color var(--skyy-durata) var(--skyy-easing);
}
.skyy-interruttore button + button { border-left: 1px solid var(--skyy-ruggine); }
.skyy-interruttore button[aria-pressed="true"] { background: var(--skyy-ruggine); color: var(--skyy-carta); }
.skyy-confronto-testo[hidden] { display: none; }
.skyy-confronto-testo { animation: skyy-entra 0.5s var(--skyy-easing); }
.skyy-confronto-testo h3 { font-size: var(--skyy-h3); margin-bottom: 0.4rem; }
.skyy-confronto-testo ul { list-style: none; margin: 1.4rem 0 0; padding: 0; }
.skyy-confronto-testo li { padding: 0.7rem 0; border-top: var(--skyy-bordo); font-size: var(--skyy-small); }
.skyy-confronto-palco { position: relative; margin: 0; aspect-ratio: 1280 / 768; }
.skyy-confronto-palco img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply;
  opacity: 0; transform: scale(0.985); transition: opacity 0.7s var(--skyy-easing), transform 0.9s var(--skyy-easing);
}
.skyy-confronto-palco img.attiva { opacity: 1; transform: none; }
.skyy-confronto-palco figcaption { position: absolute; left: 0; bottom: 0; font-size: var(--skyy-label); letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-testo-3); }

/* — Icone a filo (si scelgono con la classe: skyy-icona--fulmine, --strati, ...) — */
.skyy-icona { display: inline-block; width: 30px; height: 30px; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.skyy-icona--fulmine, .skyy-ico--fulmine { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M13.5 2.5 5 13.5h6l-1 8 8.5-11h-6z'/%3E%3C/svg%3E"); }
.skyy-icona--strati, .skyy-ico--strati { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M12 3 2.5 8 12 13l9.5-5z'/%3E%3Cpath d='m2.5 12 9.5 5 9.5-5'/%3E%3Cpath d='m2.5 16 9.5 5 9.5-5'/%3E%3C/svg%3E"); }
.skyy-icona--motore, .skyy-ico--motore { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M7.5 7.5 12 3l4.5 4.5M7.5 16.5 12 21l4.5-4.5'/%3E%3Cpath d='M4 12h3M17 12h3'/%3E%3C/svg%3E"); }
.skyy-icona--struttura, .skyy-ico--struttura { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'%3E%3Crect x='2.5' y='8' width='19' height='3.5'/%3E%3Crect x='6' y='11.5' width='4' height='9'/%3E%3Crect x='14' y='11.5' width='4' height='9'/%3E%3C/svg%3E"); }
.skyy-icona--mano, .skyy-ico--mano { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-7.5-10A4.3 4.3 0 0 1 12 7.8a4.3 4.3 0 0 1 7.5 2.7c0 5.4-7.5 10-7.5 10z'/%3E%3C/svg%3E"); }
.skyy-icona--foglia, .skyy-ico--foglia { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5C4.5 10 10 4.5 19.5 4.5 19.5 14 14 19.5 4.5 19.5z'/%3E%3Cpath d='M4.5 19.5 13 11'/%3E%3C/svg%3E"); }
.skyy-icona--tessuto, .skyy-ico--tessuto { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.3 2.8 2.8L16.3 9'/%3E%3C/svg%3E"); }
.skyy-icona--albero, .skyy-ico--albero { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 17.5 10h-3l4 6.5h-13l4-6.5h-3z'/%3E%3Cpath d='M12 16.5v5'/%3E%3C/svg%3E"); }

/* — Garanzie: anelli che si disegnano, colori della palette — */
@property --skyy-giro { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
.skyy-garanzie-griglia { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: color-mix(in srgb, var(--skyy-tortora) 22%, transparent); border: 1px solid color-mix(in srgb, var(--skyy-tortora) 22%, transparent); }
.skyy-garanzia { --c: var(--skyy-azzurro); background: var(--skyy-scuro); padding: 2.4rem 1.6rem 2rem; text-align: center; transition: background var(--skyy-durata) var(--skyy-easing); }
.skyy-garanzia:hover { background: color-mix(in srgb, var(--c) 10%, var(--skyy-scuro)); }
.skyy-garanzia--ruggine { --c: color-mix(in srgb, var(--skyy-ruggine) 55%, var(--skyy-carta)); }
.skyy-garanzia--tortora { --c: var(--skyy-tortora); }
.skyy-garanzia--carta   { --c: var(--skyy-carta); }
.skyy-anello {
  position: relative; width: 8rem; height: 8rem; margin: 0 auto 1.6rem; border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--skyy-carta);
}
.skyy-anello::before { /* l'anello: un conic-gradient ritagliato a corona */
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(var(--c) var(--skyy-giro), color-mix(in srgb, var(--skyy-tortora) 18%, transparent) 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
          mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
  transition: --skyy-giro 1.6s var(--skyy-easing);
}
.skyy-reveal.pronto .skyy-anello::before { --skyy-giro: 0%; }
.skyy-reveal.pronto.visibile .skyy-anello::before { --skyy-giro: 100%; }
.skyy-anello b { font-family: var(--skyy-font-serif); font-weight: 400; font-size: 3.2rem; line-height: 0.9; }
.skyy-anello span, .skyy-anello small { display: block; font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--c); }
.skyy-anello--testo b { font-family: var(--skyy-font-sans); font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; line-height: 1.5; }
.skyy-garanzia .skyy-icona { color: var(--c); margin-bottom: 0.8rem; }
.skyy-garanzia h3, .row .col .skyy-garanzia h3 { font-family: var(--skyy-font-sans); font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-carta); margin: 0 0 0.4rem; line-height: 1.5; }
.skyy-garanzia p { font-size: var(--skyy-small); margin: 0; color: color-mix(in srgb, var(--skyy-carta) 60%, transparent); }

.skyy-certificazioni { list-style: none; margin: clamp(2.5rem, 5vw, 3.5rem) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.4rem, 3vw, 2.5rem); }
.skyy-certificazioni li { display: grid; grid-template-columns: 52px 1fr; gap: 1rem; align-items: start; }
.skyy-certificazioni .skyy-icona { width: 52px; height: 52px; color: var(--skyy-tortora); }
.skyy-certificazioni b { display: block; font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); text-transform: uppercase; color: var(--skyy-carta); margin: 0.3rem 0 0.4rem; }
.skyy-certificazioni p { font-size: var(--skyy-small); margin: 0; color: color-mix(in srgb, var(--skyy-carta) 60%, transparent); }

@media only screen and (max-width: 999px) {
  :root { --skyy-testata: 80px; }
  .skyy-hero-barra { grid-template-columns: 1fr; }
  .skyy-hero-barra .skyy-azioni { justify-content: flex-start; }
  .skyy-hero-palco { width: 88%; }
  .skyy-confronto { grid-template-columns: 1fr; }
  .skyy-garanzie-griglia { grid-template-columns: repeat(2, 1fr); }
  .skyy-garanzia:last-child { grid-column: span 2; }
  .skyy-certificazioni { grid-template-columns: 1fr; } /* una per riga */
}
@media only screen and (max-width: 560px) {
  .skyy-hero-codice { display: none; } /* su mobile niente filigrana */
  .skyy-hero-dati { flex-wrap: wrap; }
  /* su mobile garanzie a coppie e più compatte; certificazioni una per riga */
  .skyy-garanzia { padding: 1.6rem 0.8rem 1.4rem; }
  .skyy-anello { width: 5.5rem; height: 5.5rem; margin-bottom: 1rem; }
  .skyy-anello b { font-size: 2.2rem; }
  .skyy-anello--testo b { font-size: 0.56rem; }
  .skyy-garanzia .skyy-icona { width: 24px; height: 24px; margin-bottom: 0.5rem; }
  .skyy-garanzia p { font-size: 0.72rem; }
  .skyy-certificazioni li { grid-template-columns: 40px 1fr; }
  .skyy-certificazioni .skyy-icona { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .skyy-hero-palco img { animation: none; }
}


/* 14h. SALIENT: LIVELLI E SCHEDA PRODOTTO CON ELEMENTI NATIVI ------------------
   Salient mette z-index: 10 sulle colonne: così le foto scontornate (multiply)
   non si fondono con lo sfondo e mostrano il riquadro bianco. Nelle righe SKYY
   togliamo quel livello e mandiamo lo sfondo della riga dietro al contenuto. */
.wpb_row[class*="skyy-"] .row_col_wrap_12,
.wpb_row[class*="skyy-"] .row_col_wrap_12_inner { z-index: auto !important; }
.wpb_row[class*="skyy-"] > .row-bg-wrap { z-index: -1 !important; }
.wpb_row[class*="skyy-"] .nectar_image_with_hotspots img,
img.skyy-scontornata { mix-blend-mode: multiply; }

/* Apertura prodotto costruita con righe e colonne WPBakery */
/* Salient mette già il contenuto sotto l'header: niente padding in più, e niente griglia dell'anteprima */
:root { --skyy-testata: 122px; }
@media only screen and (max-width: 999px) { :root { --skyy-testata: 80px; } }
.wpb_row.skyy-hero-prodotto { padding: 0 !important; display: block !important; min-height: 0 !important; overflow: hidden; }
.wpb_row.skyy-hero-prodotto > .row-bg-wrap .row-bg { background: radial-gradient(ellipse 70% 60% at 50% 42%, var(--skyy-carta) 0%, var(--skyy-tortora-chiaro) 100%) !important; }
/* solo la colonna principale (non quelle della barra) occupa tutta l'altezza dello schermo */
.wpb_row.skyy-hero-prodotto > .row_col_wrap_12 > .wpb_column > .vc_column-inner > .wpb_wrapper { min-height: calc(100vh - var(--skyy-testata)) !important; display: flex; flex-direction: column; }
.wpb_row.skyy-hero-prodotto .skyy-briciole { position: relative; z-index: 2; margin: 20px 0 0 clamp(20px, 4vw, 56px); }
.wpb_row.skyy-hero-prodotto .img-with-aniamtion-wrap { position: relative; flex: 1; display: flex; align-items: center; justify-content: center; margin: 0; }
.wpb_row.skyy-hero-prodotto .img-with-aniamtion-wrap .inner, .wpb_row.skyy-hero-prodotto .hover-wrap, .wpb_row.skyy-hero-prodotto .hover-wrap-inner { overflow: visible !important; }
img.skyy-hero-img { width: min(76vw, 1320px) !important; max-width: none; height: auto !important; mix-blend-mode: multiply; animation: skyy-arrivo 1.4s var(--skyy-easing) both; }
.wpb_row.skyy-hero-prodotto .skyy-hero-codice { z-index: 0; }
/* foto scontornata (PNG trasparente): niente fusione, così la filigrana resta davvero dietro il lettino */
body img.skyy-hero-img[src*=".png"] { mix-blend-mode: normal; }
.wpb_row.skyy-hero-prodotto .wpb_text_column:has(.skyy-hero-codice) { position: static; }
.inner_row.skyy-hero-barra, .wpb_row.skyy-hero-barra {
  border-top: 1px solid color-mix(in srgb, var(--skyy-tortora) 50%, transparent);
  padding: 1.8rem clamp(20px, 4vw, 56px) 2.2rem !important; position: relative;
}
/* in Salient la barra è una riga interna: blocco centrato, non la griglia dell'anteprima */
.inner_row.skyy-hero-barra { display: block !important; grid-template-columns: none !important; width: 100% !important; max-width: var(--skyy-contenuto) !important; margin: 0 auto !important; }
.inner_row.skyy-hero-barra > .row_col_wrap_12_inner { width: 100%; }
.skyy-hero-barra .wpb_column > .vc_column-inner > .wpb_wrapper { min-height: 0 !important; }
.skyy-hero-barra h1 { font-size: var(--skyy-h3); margin: 0; }
.skyy-hero-barra .skyy-hero-dati { flex-wrap: wrap; }
.skyy-hero-barra:not(.skyy-nativo *) .wpb_column:last-child > .vc_column-inner > .wpb_wrapper { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 1rem 2rem; }
.skyy-hero-barra:not(.skyy-nativo *) .nectar-button { margin: 0 !important; }
/* righe native: pulsante e link della barra allineati a sinistra, lo spazio lo dà il Gap della colonna */
.wpb_row.skyy-nativo .skyy-hero-barra .wpb_column > .vc_column-inner > .wpb_wrapper { align-items: flex-start; justify-content: flex-start; }
.wpb_row.skyy-nativo .skyy-hero-barra .wpb_text_column p { text-align: left; }
.wpb_row.skyy-nativo .skyy-hero-barra .wpb_column:not([class*="flex_gap_desktop"]) > .vc_column-inner > .wpb_wrapper { gap: 1rem; } /* se la colonna non ha un Gap impostato */

/* Confronto forme costruito con elementi nativi: lo interruttore lo crea skyy.js */
.skyy-confronto-nativo .skyy-forma[hidden] { display: none !important; }
.skyy-confronto-nativo .skyy-forma { animation: skyy-entra 0.5s var(--skyy-easing); }
.skyy-confronto-nativo .skyy-forma h3 { font-size: var(--skyy-h3); margin-bottom: 0.4rem; }
.skyy-confronto-nativo .skyy-forma ul { list-style: none; margin: 1.4rem 0 0; padding: 0; }
.skyy-confronto-nativo .skyy-forma li { padding: 0.7rem 0; border-top: var(--skyy-bordo); font-size: var(--skyy-small); }
.skyy-forme-palco { position: relative; }
.skyy-forme-palco > .img-with-aniamtion-wrap { margin: 0 !important; transition: opacity 0.7s var(--skyy-easing); }
.skyy-forme-palco > .img-with-aniamtion-wrap + .img-with-aniamtion-wrap { position: absolute; inset: 0; }
.skyy-forme-palco > .img-with-aniamtion-wrap:not(.attiva) { opacity: 0; pointer-events: none; }
img.skyy-forma-img { width: 100% !important; height: auto !important; mix-blend-mode: multiply; }
/* le foto del plateau hanno lo sfondo grigio: i bordi sfumano nello sfondo della sezione */
img.skyy-forma-img, .skyy-confronto-palco img {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14%, #000 86%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 16%, #000 84%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0, #000 14%, #000 86%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 16%, #000 84%, transparent 100%);
  mask-composite: intersect;
}

/* Foto a tutta larghezza (riga skyy-foto-piena, immagine skyy-img-piena) */
.wpb_row.skyy-foto-piena { padding: 0 !important; }
.wpb_row.skyy-foto-piena .img-with-aniamtion-wrap { margin: 0 !important; }
img.skyy-img-piena { width: 100% !important; height: auto !important; max-height: 92vh; object-fit: cover; display: block; }

/* Dettagli (colonne con classe skyy-dettaglio) */
.wpb_column.skyy-dettaglio img { margin-bottom: 1.4rem; }
.wpb_column.skyy-dettaglio h3 { font-size: var(--skyy-h4); margin: 0.2rem 0 0.6rem; }
.wpb_column.skyy-dettaglio p:not(.skyy-label) { font-size: var(--skyy-small); }
.wpb_row.skyy-bg-scuro .wpb_column.skyy-dettaglio h3 { color: var(--skyy-carta); }


/* 14i. A PROVA DI EDITOR E DI SALIENT ------------------------------------------
   L'editor di WordPress elimina gli elementi vuoti: le icone quindi si disegnano
   con ::before sull'elemento che le porta (classe skyy-ico + skyy-ico--nome). */
.skyy-ico::before {
  content: ""; display: block; width: 1.9rem; height: 1.9rem; background: currentColor; /* in rem: cresce con lo schermo */
  -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat;
}
.skyy-garanzia h3.skyy-ico::before, .row .col .skyy-garanzia h3.skyy-ico::before { margin: 0 auto 0.9rem; background: var(--c); }
.skyy-certificazioni li.skyy-ico { display: grid; grid-template-columns: 3.25rem 1fr; gap: 1rem; align-items: start; }
.skyy-certificazioni li.skyy-ico::before { width: 3.25rem; height: 3.25rem; background: var(--skyy-tortora); }
.skyy-certificazioni li.skyy-ico p { margin: 0; font-size: var(--skyy-small); color: color-mix(in srgb, var(--skyy-carta) 60%, transparent); }
.skyy-certificazioni li.skyy-ico p b { display: block; }
.wpb_row[class*="skyy-"] .wpb_text_column p:only-child:empty { display: none; }

/* Gli elenchi SKYY non vogliono i pallini né i rientri di Salient */
.skyy-hero-dati, .skyy-punti-chiave, .skyy-opzioni, .skyy-certificazioni, .skyy-passaggi,
.skyy-gesto-passi, .skyy-anatomia-elenco, .skyy-forma ul, .skyy-garanzie, .skyy-finiture-fila {
  list-style: none !important; margin-left: 0 !important; padding-left: 0 !important;
}
.skyy-hero-dati li, .skyy-punti-chiave li, .skyy-opzioni li, .skyy-certificazioni li, .skyy-passaggi li,
.skyy-gesto-passi li, .skyy-anatomia-elenco li, .skyy-forma li, .skyy-garanzie li { list-style: none !important; margin-left: 0 !important; }

/* Apertura prodotto: barra a tutta larghezza, titolo della misura giusta */
.wpb_row.skyy-hero-prodotto .skyy-hero-barra { width: 100%; align-self: stretch; flex: none; }
.wpb_row.skyy-hero-prodotto .skyy-hero-barra h1,
body .row .col .skyy-hero-barra h1 { font-size: var(--skyy-h3) !important; line-height: 1.12; margin: 0; }
.wpb_row.skyy-hero-prodotto .skyy-hero-barra .wpb_column { margin-bottom: 0 !important; }
/* L'immagine si adatta allo spazio: mai più alta dello schermo meno testata e barra */
img.skyy-hero-img, .skyy-hero-palco img { width: min(76vw, calc((100vh - 420px) * 2.45)) !important; min-width: min(88vw, 320px); }


/* 14j. PROFESSIONISTI (pagina e sottopagine) -------------------------------
   Righe:   skyy-pro-hero (immagine di sfondo della riga)  skyy-pro-numeri
            skyy-pro-percorso (+ --destra)  skyy-pro-metodo (elemento Icon List di Salient)
   Colonne: skyy-pro-percorso-foto  skyy-pro-fisso (resta ferma)   Testi: skyy-pro-numero (numero in filigrana)
   Sottopagine: skyy-pro-frase  skyy-pro-dettaglio (+ .skyy-pro-voce)  skyy-pro-banda  skyy-pro-campioni
   Blocchi: .skyy-pro-indice (i tre link nell'apertura)  .skyy-pro-punti (elenco con icone)
            .skyy-pro-cifre (numeri grandi) */

/* Apertura a tutta immagine (riga con immagine di sfondo di Salient + classe skyy-pro-hero) */
.wpb_row.skyy-pro-hero {
  position: relative; display: flex !important; align-items: flex-end; overflow: visible !important; /* niente taglio: lo sfondo esce dalla colonna fino ai bordi dello schermo */
  background: var(--skyy-scuro);
}
.wpb_row.skyy-pro-hero:not(.skyy-nativo) { min-height: max(520px, min(calc(100vh - var(--skyy-testata, 122px)), 72vw)); padding: 0 !important; }
/* sfondo sempre a tutto schermo (stessa formula di Salient, ma senza dipendere dalle sue condizioni) */
.wpb_row.skyy-pro-hero > .row-bg-wrap, .wpb_row.skyy-pro-banda > .row-bg-wrap {
  left: 50% !important; right: auto !important; top: 0 !important; height: 100% !important;
  width: calc(100vw - var(--scroll-bar-w, 0px)) !important; margin-left: calc(-50vw + var(--scroll-bar-w, 0px) / 2) !important;
}
.wpb_row.skyy-pro-hero > .row-bg-wrap { z-index: 0 !important; overflow: hidden; }
.wpb_row.skyy-pro-hero > .row-bg-wrap .row-bg {
  position: absolute; inset: 0; background-size: cover !important; background-position: center !important;
  animation: skyy-pro-avvicina 14s var(--skyy-easing) both;
}
@keyframes skyy-pro-avvicina { from { transform: scale(1.08); } to { transform: scale(1); } }
/* velatura: la foto resta leggibile sotto il titolo */
.wpb_row.skyy-pro-hero > .row-bg-wrap::after {
  content: ""; position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(to top, color-mix(in srgb, var(--skyy-scuro) 88%, transparent) 0%, color-mix(in srgb, var(--skyy-scuro) 45%, transparent) 45%, color-mix(in srgb, var(--skyy-scuro) 10%, transparent) 75%);
}
.wpb_row.skyy-pro-hero > .container, .wpb_row.skyy-pro-hero > .row_col_wrap_12 { position: relative; z-index: 1; width: 100%; }
.wpb_row.skyy-pro-hero:not(.skyy-nativo) > .container, .wpb_row.skyy-pro-hero:not(.skyy-nativo) > .row_col_wrap_12 { padding-top: 8rem; padding-bottom: clamp(2.4rem, 5vw, 4rem); }
.skyy-pro-hero, .skyy-pro-hero p { color: color-mix(in srgb, var(--skyy-carta) 82%, transparent); }
.skyy-pro-hero .skyy-label { color: var(--skyy-tortora-chiaro); }
.skyy-pro-hero .skyy-label a { color: inherit; text-decoration: none; }
.skyy-pro-hero .skyy-label a:hover { text-decoration: underline; text-underline-offset: 0.3em; }
body .skyy-pro-hero h1, .row .col .skyy-pro-hero h1, .skyy-pro-hero .row .col h1, .wpb_row.skyy-pro-hero h1 {
  font-size: clamp(2.4rem, 4.4vw, 4.6rem); line-height: 1.04; color: var(--skyy-carta) !important; max-width: 14em; margin: 0 0 1.4rem;
}
.skyy-pro-hero .skyy-lead { max-width: 34em; color: color-mix(in srgb, var(--skyy-carta) 85%, transparent); }
.skyy-pro-hero .skyy-azioni { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; margin-top: 2.2rem; }
.skyy-pro-hero .skyy-link-arrow, .skyy-pro-hero .skyy-link-arrow a { color: var(--skyy-carta) !important; }
.wpb_row.skyy-pro-hero:not(.skyy-nativo) .nectar-button:not(:hover) { background-color: var(--skyy-carta) !important; border-color: var(--skyy-carta) !important; color: var(--skyy-scuro) !important; }
/* indice dei tre percorsi, in fondo all'immagine */
.skyy-pro-indice { list-style: none !important; display: grid; grid-template-columns: repeat(3, 1fr); margin: 3.4rem 0 0 !important; padding: 0 !important; border-top: 1px solid color-mix(in srgb, var(--skyy-carta) 30%, transparent); }
.skyy-pro-indice li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.skyy-pro-indice li + li { border-left: 1px solid color-mix(in srgb, var(--skyy-carta) 30%, transparent); }
.skyy-pro-indice a {
  display: grid; grid-template-columns: 2.4rem 1fr auto; align-items: baseline; gap: 0.8rem; padding: 1.2rem 1.4rem 0.4rem;
  color: var(--skyy-carta) !important; text-decoration: none; font-size: var(--skyy-body);
  transition: background-color var(--skyy-durata) var(--skyy-easing);
}
.skyy-pro-indice li:first-child a { padding-left: 0; }
.skyy-pro-indice a b { font-size: var(--skyy-label); font-weight: 600; letter-spacing: var(--skyy-track-label); color: var(--skyy-azzurro); }
.skyy-pro-indice a::after { content: "›"; font-size: 1.3rem; line-height: 1; transition: transform var(--skyy-durata) var(--skyy-easing); }
.skyy-pro-indice a:hover::after { transform: translateX(6px); }

/* Numeri sotto l'apertura (colonne skyy-numero come nella home) */
.skyy-pro-numeri .skyy-numero h3, .row .col.skyy-pro-numeri .skyy-numero h3 { font-size: var(--skyy-small); font-family: var(--skyy-font-sans); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.wpb_row.skyy-pro-numeri:not(.skyy-nativo) { padding-top: clamp(3rem, 6vw, 5rem) !important; padding-bottom: clamp(3rem, 6vw, 5rem) !important; }

/* I tre percorsi: sezioni alternate, foto grande e numero in filigrana.
   Riga: skyy-pro-percorso (+ skyy-pro-percorso--destra per mettere la foto a destra)
   Colonna della foto: skyy-pro-percorso-foto */
.skyy-pro-percorso-foto { overflow: hidden; }
.skyy-pro-percorso-foto img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 1.6s var(--skyy-easing); }
.skyy-pro-percorso:hover .skyy-pro-percorso-foto img { transform: scale(1.04); }
@media only screen and (min-width: 1000px) {
  .skyy-pro-percorso--destra .skyy-pro-percorso-foto { order: 2; }
  .skyy-pro-percorso-foto img { aspect-ratio: 4 / 5; } /* alta come il testo accanto */
}
@media only screen and (min-width: 1400px) {
  .skyy-pro-percorso-foto img { aspect-ratio: 1 / 1; }
}
.skyy-pro-numero, p.skyy-pro-numero {
  display: block; margin: 0 0 -0.32em !important; font-family: var(--skyy-font-sans); font-weight: 600; line-height: 0.8; letter-spacing: 0.02em;
  font-size: clamp(4.5rem, 7.5vw, 7.5rem); color: transparent; -webkit-text-stroke: 1px color-mix(in srgb, var(--skyy-tortora) 75%, var(--skyy-scuro)); user-select: none;
}
.skyy-pro-percorso h2 { position: relative; margin: 0 0 1rem; }
.skyy-pro-percorso .skyy-label { margin-bottom: 0.4rem; }
.skyy-pro-percorso ul { list-style: none !important; margin: 1.6rem 0 2rem !important; padding: 0 !important; border-top: 1px solid var(--skyy-linea); }
.skyy-pro-percorso li { list-style: none !important; position: relative; margin: 0 !important; padding: 0.7rem 0 0.7rem 1.6rem !important; border-bottom: 1px solid var(--skyy-linea); font-size: var(--skyy-small); color: var(--skyy-testo); }
.skyy-pro-percorso li::before { content: ""; position: absolute; left: 0; top: 1.3em; width: 0.8rem; height: 1px; background: var(--skyy-ruggine); }
.skyy-pro-percorso .skyy-azioni { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }

/* Gli altri percorsi (in fondo alle sottopagine): due riquadri ruggine, tutta la colonna è il link */
.col.skyy-pro-altro > a, .wpb_column.skyy-pro-altro > .vc_column-inner {
  display: block; position: relative; height: 100%; min-height: 11rem; border: 0; color: var(--skyy-carta); text-decoration: none;
  transition: background-color var(--skyy-durata) var(--skyy-easing), transform var(--skyy-durata) var(--skyy-easing);
}
/* sfondo e padding: nelle righe native li danno i campi della colonna (colore di sfondo, padding avanzato) */
.col.skyy-pro-altro > a, .wpb_row:not(.skyy-nativo) .wpb_column.skyy-pro-altro > .vc_column-inner { padding: 2rem 4.4rem 2rem 2.2rem !important; background: var(--skyy-ruggine); }
.col.skyy-pro-altro > a:hover, .wpb_row:not(.skyy-nativo) .wpb_column.skyy-pro-altro:hover > .vc_column-inner { background: var(--skyy-ruggine-scuro); }
.col.skyy-pro-altro > a:hover, .wpb_column.skyy-pro-altro:hover > .vc_column-inner { transform: translateY(-4px); }
.skyy-pro-altro .skyy-label, .wpb_row .skyy-pro-altro p.skyy-label { margin: 0 0 0.9rem !important; color: color-mix(in srgb, var(--skyy-carta) 70%, transparent) !important; opacity: 1 !important; }
body .skyy-pro-altro h3, .row .col.skyy-pro-altro h3, .wpb_row .skyy-pro-altro h3 { font-size: var(--skyy-h3); line-height: 1.15; margin: 0; color: var(--skyy-carta) !important; }
/* la freccia nel cerchio, in basso a destra */
.col.skyy-pro-altro > a::after, .wpb_column.skyy-pro-altro > .vc_column-inner::after {
  content: "›"; position: absolute; right: 1.6rem; bottom: 1.6rem; display: grid; place-items: center; width: 2.4rem; height: 2.4rem;
  border: 1px solid color-mix(in srgb, var(--skyy-carta) 50%, transparent); border-radius: 50%;
  font-size: 1.3rem; line-height: 1; color: var(--skyy-carta);
  transition: background-color var(--skyy-durata) var(--skyy-easing), color var(--skyy-durata) var(--skyy-easing), transform var(--skyy-durata) var(--skyy-easing);
}
.col.skyy-pro-altro > a:hover::after, .wpb_column.skyy-pro-altro:hover > .vc_column-inner::after { background: var(--skyy-carta); color: var(--skyy-ruggine); transform: translateX(4px); }
.row .skyy-pro-altri .row { gap: 1.2rem; }

/* Pulsanti pieni nelle pagine Professionisti.
   Salient schiarisce al 70% i link nelle righe con testo chiaro: nelle righe SKYY no. */
.wpb_row[class*="skyy-"] .span_12.light .wpb_text_column a:not(:hover) { opacity: 1 !important; }
/* "Scopri il percorso": pieno anche lui */
.skyy-pro-percorso:not(.skyy-nativo) .nectar-button { background-color: var(--skyy-ruggine) !important; color: var(--skyy-carta) !important; border-color: var(--skyy-ruggine) !important; }
.skyy-pro-percorso:not(.skyy-nativo) .nectar-button:hover { background-color: var(--skyy-ruggine-scuro) !important; border-color: var(--skyy-ruggine-scuro) !important; }

/* La frase dopo l'apertura (riga skyy-pro-frase, testo con classe skyy-pro-frase-testo) */
.wpb_row.skyy-pro-frase { text-align: center; }
p.skyy-pro-frase-testo, .skyy-pro-frase-testo {
  font-family: var(--skyy-font-serif); font-weight: 400; font-size: clamp(2rem, 4.4vw, 4.4rem); line-height: 1.12;
  color: var(--skyy-testo); max-width: 18em; margin: 0 auto !important;
}
.skyy-pro-frase-testo em { font-style: italic; color: var(--skyy-ruggine); }
.skyy-pro-frase .skyy-label { margin-bottom: 1.6rem !important; }

/* Cosa conta per te: colonna ferma (skyy-pro-fisso) e punti numerati (skyy-pro-voce) */
body:has(.skyy-pro-fisso) { overflow-x: clip !important; overflow-y: visible !important; }
.skyy-pro-dettaglio .row, .wpb_row.skyy-pro-dettaglio .row_col_wrap_12 { align-items: stretch !important; }
.skyy-pro-fisso > .vc_column-inner { position: sticky; top: calc(var(--skyy-testata, 122px) + 2rem); }
.skyy-pro-fisso h2 { margin-bottom: 1.2rem; }
.skyy-pro-voce { display: grid; grid-template-columns: clamp(4rem, 7vw, 6.5rem) 1fr; gap: 1.4rem; padding: 2rem 0 2.2rem; border-top: 1px solid var(--skyy-tortora); }
.skyy-pro-voce:last-child { border-bottom: 1px solid var(--skyy-tortora); }
/* righe native: ogni voce è un elemento di testo a sé, quindi ognuna è "l'ultima": la riga sotto
   solo sull'ultima voce della colonna, tra una voce e l'altra resta una riga sola */
.wpb_row.skyy-nativo .skyy-pro-voce:last-child { border-bottom: 0; }
.wpb_row.skyy-nativo .wpb_text_column:has(.skyy-pro-voce):not(:has(~ .wpb_text_column .skyy-pro-voce)) .skyy-pro-voce { border-bottom: 1px solid var(--skyy-tortora); }
p.skyy-pro-voce-numero, .skyy-pro-voce-numero {
  margin: 0 !important; font-family: var(--skyy-font-serif); font-size: clamp(2.6rem, 4.4vw, 4rem); line-height: 0.9;
  color: transparent; -webkit-text-stroke: 1px var(--skyy-ruggine); transition: color var(--skyy-durata) var(--skyy-easing);
}
.skyy-pro-voce:hover .skyy-pro-voce-numero { color: var(--skyy-ruggine); }
.skyy-pro-voce h3.skyy-ico { display: flex; align-items: center; gap: 0.8rem; }
.skyy-pro-voce h3.skyy-ico::before { flex: none; width: 1.5rem; height: 1.5rem; margin: 0; background: var(--skyy-azzurro-scuro); }
body .skyy-pro-voce h3, .row .col .skyy-pro-voce h3 { font-size: var(--skyy-h3); margin: 0 0 0.7rem; color: var(--skyy-testo); }
.skyy-pro-voce p { margin: 0; max-width: 34em; }

/* Fascia fotografica a tutta larghezza (riga con immagine di sfondo + classe skyy-pro-banda) */
.wpb_row.skyy-pro-banda {
  position: relative; display: flex !important; align-items: flex-end; overflow: visible !important; background: var(--skyy-scuro);
}
.wpb_row.skyy-pro-banda:not(.skyy-nativo) { padding: 0 !important; min-height: clamp(320px, 52vw, 820px); }
.wpb_row.skyy-pro-banda > .row-bg-wrap { z-index: 0 !important; overflow: hidden; }
.wpb_row.skyy-pro-banda > .row-bg-wrap .row-bg { position: absolute; inset: 0; background-size: cover !important; background-position: center !important; }
.wpb_row.skyy-pro-banda > .row-bg-wrap::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to top, color-mix(in srgb, var(--skyy-scuro) 55%, transparent), transparent 40%); }
.wpb_row.skyy-pro-banda > .container, .wpb_row.skyy-pro-banda > .row_col_wrap_12 { position: relative; z-index: 1; width: 100%; }
.wpb_row.skyy-pro-banda:not(.skyy-nativo) > .container, .wpb_row.skyy-pro-banda:not(.skyy-nativo) > .row_col_wrap_12 { padding-bottom: 1.6rem; }
.skyy-pro-banda .skyy-label { color: var(--skyy-carta) !important; margin: 0 !important; }
/* la foto resta ferma mentre la pagina scorre (solo schermi grandi: sui telefoni non è affidabile) */
@media only screen and (min-width: 1000px) and (hover: hover) {
  .wpb_row.skyy-pro-banda > .row-bg-wrap .row-bg { background-attachment: fixed; }
}

/* Campioni di finitura (riga interna skyy-pro-campioni, colonne con Immagine + testo) */
.skyy-pro-campioni { row-gap: 2rem; }
.skyy-pro-campioni img { display: block; width: 100% !important; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--skyy-linea); transition: transform var(--skyy-durata) var(--skyy-easing); }
.skyy-pro-campioni .col:hover img, .skyy-pro-campioni .wpb_column:hover img { transform: translateY(-6px); }
.skyy-pro-campioni p { margin: 0.8rem 0 0 !important; font-size: var(--skyy-small); color: var(--skyy-testo); }
.skyy-pro-campioni small { display: block; font-size: var(--skyy-label); letter-spacing: 0.14em; text-transform: uppercase; color: var(--skyy-testo-3); }

/* Icone in PNG (Libreria media: skyy-icona-*.png) dentro i blocchi di testo */
img.skyy-icona-img, .skyy-pro-voce img, .skyy-garanzia img { display: block; width: 2rem !important; height: auto !important; margin: 0 0 1rem !important; }
.skyy-garanzia img, .skyy-garanzia img.skyy-icona-img { margin: 0 auto 0.9rem !important; width: 1.9rem !important; }
.skyy-pro-voce img { width: 1.8rem !important; margin-bottom: 0.9rem !important; }

/* Il metodo su fondo scuro */
.wpb_row.skyy-bg-scuro.skyy-pro-metodo .nectar-icon-list::before { border-top-color: color-mix(in srgb, var(--skyy-tortora) 40%, transparent); }
.wpb_row.skyy-bg-scuro.skyy-pro-metodo .nectar-icon-list .list-icon-holder { background: var(--skyy-scuro) !important; border-color: var(--skyy-azzurro) !important; color: var(--skyy-azzurro) !important; }
body .wpb_row.skyy-bg-scuro.skyy-pro-metodo .nectar-icon-list-item h4 { color: var(--skyy-carta); }
.wpb_row.skyy-bg-scuro.skyy-pro-metodo .nectar-icon-list-item .content { color: color-mix(in srgb, var(--skyy-carta) 70%, transparent) !important; }

/* Il metodo: elemento "Icon List" di Salient (orizzontale, 4 colonne, piccole, con bordo, numerico).
   Qui cambiamo solo l'aspetto: numeri a due cifre nel cerchio ruggine, una linea che li unisce. */
.skyy-pro-metodo .nectar-icon-list { position: relative; counter-reset: skyy-passo; display: grid !important; grid-template-columns: repeat(4, 1fr); gap: clamp(1.4rem, 3vw, 2.8rem); width: 100% !important; margin-top: 3rem; }
.skyy-pro-metodo .nectar-icon-list::after { display: none !important; }
.skyy-pro-metodo .nectar-icon-list::before { content: ""; position: absolute; left: 0; right: 0; top: 1.1rem; border-top: 1px solid var(--skyy-tortora); }
.skyy-pro-metodo .nectar-icon-list .nectar-icon-list-item { position: relative; counter-increment: skyy-passo; width: auto !important; margin: 0 !important; padding: 3.2rem 0 0 !important; }
.skyy-pro-metodo .nectar-icon-list .nectar-icon-list-item .list-icon-holder {
  position: absolute; left: 0; top: 0; z-index: 1; border-radius: 50%; text-align: center;
  width: 2.2rem !important; height: 2.2rem !important; line-height: 2.2rem !important;
  background: var(--skyy-carta) !important; border: 1px solid var(--skyy-ruggine) !important; color: var(--skyy-ruggine) !important;
  transform: none !important; opacity: 1 !important;
}
.wpb_row.skyy-bg-tortora .skyy-pro-metodo .nectar-icon-list .list-icon-holder { background: var(--skyy-tortora-chiaro) !important; }
/* il numero di Salient (1, 2…) diventa 01, 02… */
.skyy-pro-metodo .nectar-icon-list .list-icon-holder > span { font-size: 0 !important; margin: 0 !important; line-height: inherit !important; }
.skyy-pro-metodo .nectar-icon-list .list-icon-holder > span::before { content: counter(skyy-passo, decimal-leading-zero); font-size: var(--skyy-label); font-weight: 600; letter-spacing: 0.06em; }
body .skyy-pro-metodo .nectar-icon-list-item h4, .row .col .skyy-pro-metodo .nectar-icon-list-item h4 {
  font-family: var(--skyy-font-sans); font-size: var(--skyy-small); font-weight: 600; line-height: 1.4; letter-spacing: 0.14em; text-transform: uppercase;
  margin: 0 0 0.5rem; color: var(--skyy-testo);
}
.skyy-pro-metodo .nectar-icon-list-item .content { font-size: var(--skyy-small); color: var(--skyy-testo-2) !important; opacity: 1 !important; transform: none !important; }

/* Cosa conta per te: punti con icona (l'icona è sul titolo: h3.skyy-ico.skyy-ico--...) */
.skyy-pro-punti { list-style: none !important; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1.6rem, 3vw, 3rem); margin: 3rem 0 0 !important; padding: 0 !important; }
.skyy-pro-punti li { list-style: none !important; margin: 0 !important; padding: 1.6rem 0 0 !important; border-top: 1px solid var(--skyy-tortora); }
.skyy-pro-punti h3.skyy-ico::before { margin: 0 0 1rem; color: var(--skyy-ruggine); background: var(--skyy-ruggine); }
body .skyy-pro-punti h3, .row .col .skyy-pro-punti h3 { font-size: var(--skyy-h4); margin: 0 0 0.6rem; color: var(--skyy-testo); }
.skyy-pro-punti p { font-size: var(--skyy-small); margin: 0; }

/* Numeri grandi (terapisti: le regolazioni) */
.skyy-pro-cifre { list-style: none !important; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 3rem 0 0 !important; padding: 0 !important; background: color-mix(in srgb, var(--skyy-tortora) 30%, transparent); }
.skyy-pro-cifre li { list-style: none !important; margin: 0 !important; padding: 2rem 1.4rem !important; background: var(--skyy-scuro); color: color-mix(in srgb, var(--skyy-carta) 70%, transparent); font-size: var(--skyy-small); }
.skyy-pro-cifre b { display: block; font-family: var(--skyy-font-serif); font-weight: 400; font-size: var(--skyy-h2); line-height: 1; color: var(--skyy-carta); margin-bottom: 0.6rem; }
.skyy-pro-cifre small { font-family: var(--skyy-font-sans); font-size: 0.45em; margin-left: 0.2em; color: var(--skyy-azzurro); }

@media only screen and (max-width: 999px) {
  .skyy-pro-indice { grid-template-columns: 1fr; margin-top: 2.4rem !important; }
  .skyy-pro-indice li + li { border-left: 0; border-top: 1px solid color-mix(in srgb, var(--skyy-carta) 30%, transparent); }
  .skyy-pro-indice a, .skyy-pro-indice li:first-child a { padding: 0.9rem 0; }
  .wpb_row.skyy-pro-hero:not(.skyy-nativo) > .container, .wpb_row.skyy-pro-hero:not(.skyy-nativo) > .row_col_wrap_12 { padding-top: 6rem; }
  .skyy-pro-percorso-foto { margin-bottom: 0.4rem; }
  .skyy-pro-fisso > .vc_column-inner { position: static; }
  .row.skyy-pro-campioni { grid-template-columns: repeat(6, 1fr) !important; gap: 1rem; }
  .row.skyy-pro-campioni > [class*="span_"] { grid-column: auto !important; }
  /* in Salient: sei campioni per riga su tablet, tre su telefono */
  .inner_row.skyy-pro-campioni > .row_col_wrap_12_inner { display: flex !important; flex-wrap: wrap; row-gap: 1.6rem; }
  .skyy-pro-campioni .wpb_column { width: 16.666% !important; margin-left: 0 !important; padding: 0 0.4rem; float: none !important; }
  .wpb_row.skyy-pro-frase { text-align: left; }
  .skyy-pro-frase-testo { margin-left: 0 !important; }
  .skyy-pro-metodo .nectar-icon-list, .skyy-pro-punti { grid-template-columns: 1fr 1fr; row-gap: 2.6rem; }
  .skyy-pro-metodo .nectar-icon-list::before { display: none; }
  .skyy-pro-cifre { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 690px) {
  .wpb_row.skyy-pro-hero:not(.skyy-nativo) { min-height: max(560px, 86vh); }
  /* colonne una sotto l'altra: via i margini laterali di Salient (con 60px uscivano dalla pagina) */
  .wpb_row[class*="skyy-pro"] > .row_col_wrap_12, .wpb_row[class*="skyy-pro"] .row_col_wrap_12_inner { margin-left: 0 !important; margin-right: 0 !important; }
  .wpb_row[class*="skyy-pro"] .wpb_column:not(.skyy-numero) { padding-left: 0 !important; padding-right: 0 !important; }
  .row.skyy-pro-campioni { grid-template-columns: repeat(3, 1fr) !important; }
  .skyy-pro-campioni .wpb_column { width: 33.333% !important; }
  /* su telefono il titolo copre quasi tutta la foto: velatura più piena */
  .wpb_row.skyy-pro-hero > .row-bg-wrap::after { background: linear-gradient(to top, color-mix(in srgb, var(--skyy-scuro) 90%, transparent) 0%, color-mix(in srgb, var(--skyy-scuro) 72%, transparent) 55%, color-mix(in srgb, var(--skyy-scuro) 40%, transparent) 100%); }
  .skyy-pro-numero, p.skyy-pro-numero { font-size: 4.5rem; }
  .skyy-pro-metodo .nectar-icon-list, .skyy-pro-punti { grid-template-columns: 1fr; row-gap: 2rem; }
}


/* 14k. RIGHE NATIVE (classe skyy-nativo sulla riga) --------------------------
   Qui il CSS non decide nessuna spaziatura. Si regolano da WPBakery / Salient:
   - sopra e sotto la sezione: Riga > Padding (computer, tablet, telefono)
   - tra un elemento e l'altro: Colonna > Spacing/Size > Gap (computer, tablet, telefono)
   - stacchi più grandi: elemento Divider (altezza per computer, tablet, telefono)
   - pulsanti: elemento Button (stile, colore, dimensione, margini)
   Il CSS rende la colonna una pila di elementi, così il Gap di Salient funziona. */
.wpb_row.skyy-nativo .wpb_column:not([class*="column_element_direction_desktop_horizontal"]) > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; }
@media only screen and (max-width: 999px) {
  .wpb_row.skyy-nativo .wpb_column[class*="column_element_direction_desktop_horizontal"]:not([class*="column_element_direction_tablet_horizontal"]) > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; }
}
@media only screen and (max-width: 690px) {
  .wpb_row.skyy-nativo .wpb_column:not([class*="column_element_direction_phone_horizontal"]) > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; align-items: stretch; }
}
.wpb_row.skyy-nativo .wpb_wrapper > .nectar-button { align-self: flex-start; margin-bottom: 0; }
.wpb_row.skyy-nativo .wpb_column[class*="direction_desktop_horizontal"] > .vc_column-inner > .wpb_wrapper { flex-wrap: wrap; align-items: center; }
.wpb_row.skyy-nativo .wpb_text_column, .wpb_row.skyy-nativo .divider-wrap, .wpb_row.skyy-nativo .wpb_wrapper > .wpb_row { margin-top: 0 !important; margin-bottom: 0 !important; }
/* dentro un blocco di testo: niente margini sopra il primo e sotto l'ultimo elemento; titoli ed etichette senza margini */
.wpb_row.skyy-nativo .wpb_text_column > .wpb_wrapper > :first-child { margin-top: 0 !important; }
.wpb_row.skyy-nativo .wpb_text_column > .wpb_wrapper > :last-child { margin-bottom: 0 !important; }
.wpb_row.skyy-nativo .wpb_text_column > .wpb_wrapper > :is(h1, h2, h3, h4, h5, h6), .wpb_row.skyy-nativo .wpb_text_column p.skyy-label { margin-top: 0 !important; margin-bottom: 0 !important; }
/* l'etichetta occupa tutta la riga: così segue l'allineamento scelto nell'elemento (sinistra, centro, destra) */
.wpb_row.skyy-nativo .wpb_text_column p.skyy-label { max-width: none !important; }
.wpb_row.skyy-nativo .skyy-riga-numeri { margin-top: 0; }
/* numero in filigrana dei percorsi: il titolo dopo lo sovrappone un po' (effetto grafico, non spaziatura) */
.wpb_row.skyy-nativo .wpb_text_column:has(> .wpb_wrapper > .skyy-pro-numero) + .wpb_text_column { margin-top: calc(-0.3 * clamp(4.5rem, 7.5vw, 7.5rem)) !important; position: relative; }
@media only screen and (max-width: 690px) {
  /* colonne una sotto l'altra: via i margini laterali del "Column margin" di Salient (uscivano dalla pagina) */
  .wpb_row.skyy-nativo > .row_col_wrap_12, .wpb_row.skyy-nativo .row_col_wrap_12_inner { margin-left: 0 !important; margin-right: 0 !important; }
  .wpb_row.skyy-nativo > .row_col_wrap_12 > .wpb_column,
  .wpb_row.skyy-nativo .row_col_wrap_12_inner > .wpb_column:not(.skyy-numero) { padding-left: 0 !important; padding-right: 0 !important; }
}
@media only screen and (max-width: 400px) {
  /* interruttore Squadrato / Arrotondato sui telefoni piccoli */
  .wpb_row.skyy-nativo .tabbed[data-style="toggle_button"] > ul > li.tab-item > a { padding-left: 4px !important; padding-right: 4px !important; font-size: 12px !important; letter-spacing: .06em !important; }
  .wpb_row.skyy-nativo .tabbed[data-style="toggle_button"] > ul > li.toggle-button { padding-left: 6px !important; padding-right: 6px !important; }
}

/* 14l. CONSULENZA (pagina Richiedi una consulenza) ---------------------------
   Passi: Icon List a 3 colonne (anche nelle pagine Professionisti, se ne scegli 3).
   Contatti accanto al modulo: blocco skyy-consulenza-contatti nel testo della colonna. */
.skyy-pro-metodo .nectar-icon-list[data-columns="3"] { grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 999px) { .skyy-pro-metodo .nectar-icon-list[data-columns="3"] { grid-template-columns: 1fr; row-gap: 2rem; } }
.skyy-consulenza-contatti { margin-top: 2rem; }
.skyy-consulenza-contatti .skyy-nota { margin: 0; }
.skyy-consulenza-sede { margin-top: 1.4rem; }
.skyy-consulenza-sede p { margin: 0; }
.wpb_row.skyy-nativo .wpb_text_column .skyy-consulenza-sede p.skyy-label, .skyy-consulenza-sede p.skyy-label { margin: 0 0 0.4rem !important; }
.skyy-consulenza-contatti a[href^="tel"] { color: inherit; text-decoration: none; }
.skyy-consulenza-contatti > p:last-child { margin: 1.4rem 0 0; line-height: 2.2; }

/* 14n. CONTATTI (pagina Contatti) --------------------------------------------
   Contatti rapidi (blocco skyy-contatti-rapidi), sedi (colonne skyy-contatti-sede), social.
   Le due strade usano le colonne ruggine skyy-pro-altro: colori e padding nei campi della colonna. */
.skyy-contatti-rapidi p { margin: 0; }
.wpb_row.skyy-nativo .wpb_text_column .skyy-contatti-rapidi p.skyy-label, .skyy-contatti-rapidi p.skyy-label { margin: 0 0 0.8rem !important; }
.skyy-contatti-grande { font-family: var(--skyy-font-serif); font-size: clamp(1.5rem, 2.2vw, 2.1rem); line-height: 1.3; }
.skyy-contatti-grande a, .skyy-contatti-sede a[href^="tel"], .skyy-contatti-sede a[href^="mailto"] { color: inherit; text-decoration: none; }
.skyy-contatti-rapidi .skyy-link-arrow { margin-top: 1rem; }
.skyy-contatti-strade .skyy-pro-altro p:not(.skyy-label) { font-size: var(--skyy-small); opacity: 0.85; }
.wpb_column.skyy-contatti-sede { border-top: 1px solid var(--skyy-tortora); padding-top: 1.6rem; }
.skyy-contatti-sede p { margin: 0; }
.skyy-contatti-sede a[href^="tel"], .skyy-contatti-sede a[href^="mailto"] { line-height: 1.9; }
.skyy-contatti-social { margin-top: 2rem; }
.wpb_row.skyy-nativo .wpb_text_column .skyy-contatti-social p.skyy-label, .skyy-contatti-social p.skyy-label { margin: 0 0 0.4rem !important; }
.skyy-contatti-social p { line-height: 2.2; margin: 0; }
@media only screen and (max-width: 690px) {
  .wpb_column.skyy-contatti-sede + .wpb_column.skyy-contatti-sede { margin-top: 2rem; }
}
/* Apertura divisa: testo a sinistra, foto a destra a tutta altezza (colonna skyy-contatti-foto-col) */
.skyy-contatti-elenco { list-style: none !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--skyy-tortora); }
.skyy-contatti-elenco li { list-style: none !important; display: grid; grid-template-columns: 8rem 1fr; align-items: baseline; margin: 0 !important; padding: 1rem 0 !important; border-bottom: 1px solid var(--skyy-tortora); }
.skyy-contatti-elenco .skyy-label { margin: 0 !important; }
.skyy-contatti-elenco a { font-family: var(--skyy-font-serif); font-size: clamp(1.3rem, 1.8vw, 1.7rem); color: inherit !important; text-decoration: none; }
.skyy-contatti-elenco a:hover { color: var(--skyy-ruggine) !important; }
.wpb_row.skyy-contatti-intro--b .skyy-contatti-foto-col > .vc_column-inner { position: relative; min-height: clamp(560px, calc(100vh - 90px), 1100px); padding: 0 !important; }
.wpb_row.skyy-contatti-intro--b .skyy-contatti-foto-col .img-with-aniamtion-wrap { position: absolute; inset: 0; margin: 0 !important; }
.wpb_row.skyy-contatti-intro--b .skyy-contatti-foto-col .img-with-aniamtion-wrap .inner,
.wpb_row.skyy-contatti-intro--b .skyy-contatti-foto-col .hover-wrap,
.wpb_row.skyy-contatti-intro--b .skyy-contatti-foto-col .hover-wrap-inner { height: 100%; }
.wpb_row.skyy-contatti-intro--b .skyy-contatti-foto-col img { width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; margin: 0 !important; }
@media only screen and (max-width: 999px) {
  .wpb_row.skyy-contatti-intro--b .skyy-contatti-foto-col > .vc_column-inner { min-height: 70vw; }
}
@media only screen and (max-width: 690px) {
  .skyy-contatti-elenco li { grid-template-columns: 1fr; gap: 0.3rem; }
}

/* 14o. MODELLI (pagina Modelli) ---------------------------------------------
   Apertura skyy-pro-hero + skyy-modelli-hero (titolo più grande).
   Scelta: riga interna skyy-modelli-carte, colonne skyy-modelli-carta con link e un elemento Immagine
   che il CSS stende su tutto il riquadro (per cambiare foto: cambia l'immagine nell'elemento).
   Modelli: colonne skyy-modelli-foto (foto) e il nome con l'elemento Split Line Heading. */
.wpb_row.skyy-modelli-hero h1 { font-size: clamp(3rem, 7vw, 7rem) !important; line-height: 0.98 !important; }
.wpb_row.skyy-modelli-scelta .wpb_text_column:not(.skyy-modelli-carta-testo) p:not(.skyy-label) { color: color-mix(in srgb, var(--skyy-carta) 72%, transparent); max-width: 32em; }
.skyy-modelli-carte > .row_col_wrap_12_inner { display: flex !important; flex-wrap: wrap; margin-left: -7px !important; margin-right: -7px !important; width: calc(100% + 14px) !important; }
.wpb_column.skyy-modelli-carta { padding: 0 !important; margin-bottom: 0 !important; }
.wpb_column.skyy-modelli-carta > .vc_column-inner { position: relative; margin: 0 7px 14px; aspect-ratio: 3 / 4.4; overflow: hidden; padding: 0 !important; }
.wpb_column.skyy-modelli-carta > .vc_column-inner > .wpb_wrapper { height: 100%; justify-content: flex-end; }
.wpb_column.skyy-modelli-carta .img-with-aniamtion-wrap { position: absolute !important; inset: 0; margin: 0 !important; z-index: 0; }
.wpb_column.skyy-modelli-carta .img-with-aniamtion-wrap .inner,
.wpb_column.skyy-modelli-carta .hover-wrap, .wpb_column.skyy-modelli-carta .hover-wrap-inner { height: 100%; }
.wpb_column.skyy-modelli-carta img { width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: 50% 60%; margin: 0 !important; transition: transform 0.9s var(--skyy-easing); }
.wpb_column.skyy-modelli-carta:hover img { transform: scale(1.06); }
.wpb_column.skyy-modelli-carta > .vc_column-inner::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to top, color-mix(in srgb, var(--skyy-scuro) 88%, transparent) 0%, transparent 55%); }
.wpb_column.skyy-modelli-carta > .vc_column-inner::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; z-index: 2; background: var(--skyy-ruggine); transform: scaleX(0); transform-origin: left; transition: transform 0.6s var(--skyy-easing); }
.wpb_column.skyy-modelli-carta:hover > .vc_column-inner::after { transform: scaleX(1); }
.wpb_column.skyy-modelli-carta .skyy-modelli-carta-testo { position: static !important; z-index: 2; padding: 1.6rem 1.4rem; pointer-events: none; }
.wpb_row .skyy-modelli-carta-testo p { position: relative; z-index: 2; margin: 0 !important; padding: 0 !important; color: var(--skyy-carta) !important; }
.wpb_column.skyy-modelli-carta .skyy-modelli-carta-n { position: absolute; top: 1.2rem; left: 1.4rem; z-index: 2; font-size: var(--skyy-label); font-weight: 600; letter-spacing: 0.14em; }
.skyy-modelli-carta-codice { font-family: var(--skyy-font-serif); font-size: clamp(2.6rem, 4.4vw, 4.2rem); line-height: 1; }
.wpb_row .skyy-modelli-carta-testo p.skyy-modelli-carta-base { margin-top: 0.6rem !important; font-size: var(--skyy-small); opacity: 0.8; }
.skyy-modelli-comuni { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--skyy-tortora); }
.skyy-modelli-comuni li { list-style: none !important; margin: 0 !important; padding: 1.6rem 1.4rem 0 0 !important; font-size: var(--skyy-small); color: var(--skyy-testo-3); }
.skyy-modelli-comuni li + li { padding-left: 1.4rem !important; border-left: 1px solid var(--skyy-tortora); }
.skyy-modelli-comuni b { display: block; font-family: var(--skyy-font-serif); font-weight: 400; font-size: clamp(3rem, 5.4vw, 5.2rem); line-height: 1; color: var(--skyy-ruggine); margin-bottom: 0.4rem; }
.skyy-modelli-comuni small { font-size: 0.35em; margin-left: 0.15em; color: var(--skyy-testo-3); }
.wpb_column.skyy-modelli-foto > .vc_column-inner { position: relative; }
/* nome del modello: elemento Split Line Heading. Grandezza, interlinea e colore nei suoi campi;
   qui solo il carattere e nessun margine: lo spazio dal testo dopo è il Gap della colonna */
.wpb_row.skyy-modelli-riga .nectar-split-heading { margin: 0 !important; padding: 0 !important; }
.wpb_row.skyy-modelli-riga .nectar-split-heading :is(h1, h2, h3, h4, h5, h6, p) { font-family: var(--skyy-font-serif) !important; font-weight: 400 !important; letter-spacing: 0 !important; margin: 0 !important; padding: 0 !important; }
.wpb_column.skyy-modelli-foto .img-with-aniamtion-wrap { position: relative; z-index: 1; margin: 0 !important; }
.wpb_row.skyy-modelli-riga > .row_col_wrap_12 { padding-top: clamp(2rem, 6vw, 6rem); }
.skyy-modelli-dati { list-style: none !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--skyy-tortora); }
.skyy-modelli-dati li { list-style: none !important; display: grid; grid-template-columns: 8.5rem 1fr; margin: 0 !important; padding: 0.7rem 0 !important; border-bottom: 1px solid var(--skyy-tortora); font-size: var(--skyy-small); }
.skyy-modelli-dati b { font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; font-size: var(--skyy-label); color: var(--skyy-testo-3); align-self: center; }
/* foto a destra (02, 04): testo, poi foto, poi le colonne a tutta larghezza (per esempio il pulsante) */
@media only screen and (min-width: 1000px) {
  .wpb_row.skyy-modelli-riga--destra > .row_col_wrap_12 > .wpb_column { order: 1; }
  .wpb_row.skyy-modelli-riga--destra > .row_col_wrap_12 > .wpb_column.skyy-modelli-foto { order: 2; }
  .wpb_row.skyy-modelli-riga--destra > .row_col_wrap_12 > .wpb_column.vc_col-sm-12 { order: 3; }
}
/* tutte le foto dei modelli con le stesse proporzioni (la S_03 è più alta: viene rifilata) */
.wpb_column.skyy-modelli-foto img { width: 100% !important; height: auto !important; aspect-ratio: 1400 / 725; object-fit: cover; }
@media only screen and (max-width: 999px) {
  .wpb_column.skyy-modelli-carta { width: 50% !important; }
  .skyy-modelli-comuni { grid-template-columns: repeat(2, 1fr); row-gap: 1.6rem; }
  .skyy-modelli-comuni li:nth-child(3) { border-left: 0; padding-left: 0 !important; }
}
@media only screen and (max-width: 690px) {
  .wpb_column.skyy-modelli-carta > .vc_column-inner { aspect-ratio: 3 / 4; }
  .wpb_column.skyy-modelli-carta .skyy-modelli-carta-testo { padding: 1rem; }
}

/* 14m. SOTTOMENU DELLA TESTATA ----------------------------------------------
   Salient colora con l'Accent (ruggine) lo sfondo della voce aperta e di quella sotto il mouse,
   ma il testo delle voci è già ruggine: sfondo tortora chiaro, così la scritta resta leggibile. */
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul li > a:hover,
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul li > a:focus,
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul li.sfHover > a,
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul li.current-menu-item > a,
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul li.current-menu-ancestor > a { background-color: color-mix(in srgb, var(--skyy-tortora) 30%, transparent) !important; }

/* 14e. SCHERMI GRANDI ------------------------------------------------------
   Oltre i 15": il contenitore si allarga e tutta la tipografia (in rem) cresce
   in proporzione, così il sito non "galleggia" piccolo al centro dello schermo. */
@media only screen and (min-width: 1600px) {
  html { font-size: 17px; }
  :root { --skyy-contenuto: 1440px; }
  body .container, body .container-wrap .container, body #footer-outer .container { max-width: 1560px; }
}
@media only screen and (min-width: 1920px) {
  html { font-size: 18px; }
  :root { --skyy-contenuto: 1600px; --skyy-sezione: clamp(6rem, 8vw, 10rem); }
  body .container, body .container-wrap .container, body #footer-outer .container { max-width: 1720px; }
}
@media only screen and (min-width: 2400px) {
  html { font-size: 20px; }
  :root { --skyy-contenuto: 1900px; }
  body .container, body .container-wrap .container, body #footer-outer .container { max-width: 2040px; }
}
@media only screen and (min-width: 3200px) {
  html { font-size: 24px; }
  :root { --skyy-contenuto: 2400px; }
  body .container, body .container-wrap .container, body #footer-outer .container { max-width: 2600px; }
}


/* 15. RESPONSIVE --------------------------------------------------------- */
@media only screen and (max-width: 999px) {
  :root { --skyy-sezione: 4rem; }
}
@media only screen and (max-width: 690px) {
  .skyy-spec-table { overflow-x: auto; }
  body .nectar-button { display: block; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}