/*
 * Creativi Digitali — Secondary Content 2026
 * Layout editoriale V2 — plugin v1.1.0
 *
 * Scopo: sola struttura/layout del Post Content generato dal plugin.
 * La tipografia di sistema resta affidata alle classi globali cd-ui-*.
 */

.cd-secondary-content__body .cd-secondary-2026-root {
  width: min(100%, var(--cd-secondary-wide, 1040px));
  max-width: var(--cd-secondary-wide, 1040px);
  margin-inline: auto;
}

/* =========================================================
   SEZIONI EDITORIALI
   ========================================================= */

.cd-secondary-content__body .cd-secondary-2026-section {
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
  column-gap: clamp(48px, 7vw, 96px);
  align-items: start;
  width: 100%;
  padding-block: clamp(48px, 6vw, 78px);
  border-top: 1px solid var(--cd-secondary-line, rgba(7, 24, 32, 0.16));
}

.cd-secondary-content__body .cd-secondary-2026-section:first-child {
  padding-top: 0;
  border-top: 0;
}

.cd-secondary-content__body .cd-secondary-2026-section__heading {
  min-width: 0;
}

.cd-secondary-content__body .cd-secondary-2026-section__title {
  width: 100%;
  max-width: 13ch;
  margin: 0;
  font-size: clamp(45px, 4.3vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.cd-secondary-content__body .cd-secondary-2026-section__copy {
  min-width: 0;
  padding-top: 0.3em;
}

.cd-secondary-content__body .cd-secondary-2026-section__paragraph {
  width: 100%;
  max-width: 68ch;
  margin: 0 0 1.2em;
  line-height: 1.68;
  text-wrap: pretty;
  color: var(--cd-text, var(--cd-secondary-ink-soft, #24343a));
}

.cd-secondary-content__body .cd-secondary-2026-section__paragraph:last-child {
  margin-bottom: 0;
}

/* =========================================================
   MEDIA
   ========================================================= */

.cd-secondary-content__body .cd-secondary-2026-media {
  width: min(100%, var(--cd-secondary-wide, 1040px));
  max-width: var(--cd-secondary-wide, 1040px);
  margin: clamp(24px, 4vw, 48px) auto clamp(64px, 8vw, 108px);
}

.cd-secondary-content__body .cd-secondary-2026-media > :first-child {
  margin-top: 0;
}

.cd-secondary-content__body .cd-secondary-2026-media > :last-child {
  margin-bottom: 0;
}

/* =========================================================
   FAQ — details / summary
   ========================================================= */

.cd-secondary-content__body .cd-secondary-2026-faq {
  display: grid;
  grid-template-columns: minmax(220px, 0.62fr) minmax(0, 1.38fr);
  column-gap: clamp(48px, 7vw, 96px);
  width: 100%;
  padding-block: clamp(62px, 8vw, 104px);
  border-top: 1px solid var(--cd-secondary-line, rgba(7, 24, 32, 0.16));
}

.cd-secondary-content__body .cd-secondary-2026-faq__title {
  width: 100%;
  max-width: 8ch;
  margin: 0;
  font-size: clamp(45px, 4.3vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.cd-secondary-content__body .cd-secondary-2026-faq__items {
  min-width: 0;
  border-bottom: 1px solid var(--cd-secondary-line, rgba(7, 24, 32, 0.16));
}

.cd-secondary-content__body .cd-secondary-2026-faq__item {
  margin: 0;
  border-top: 1px solid var(--cd-secondary-line, rgba(7, 24, 32, 0.16));
}

.cd-secondary-content__body .cd-secondary-2026-faq__item:first-child {
  border-top: 0;
}

.cd-secondary-content__body .cd-secondary-2026-faq__question {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 24px;
  align-items: center;
  width: 100%;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
  color: var(--cd-ink, var(--cd-secondary-ink, #071820));
  font-size: clamp(1.05rem, 1.35vw, 1.24rem);
  font-weight: 720;
  line-height: 1.28;
}

.cd-secondary-content__body .cd-secondary-2026-faq__question::-webkit-details-marker {
  display: none;
}

.cd-secondary-content__body .cd-secondary-2026-faq__question::marker {
  content: "";
}

.cd-secondary-content__body .cd-secondary-2026-faq__icon {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  justify-self: end;
}

.cd-secondary-content__body .cd-secondary-2026-faq__icon::before,
.cd-secondary-content__body .cd-secondary-2026-faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 1.5px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 180ms ease, opacity 180ms ease;
}

.cd-secondary-content__body .cd-secondary-2026-faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.cd-secondary-content__body .cd-secondary-2026-faq__item[open] .cd-secondary-2026-faq__icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg);
}

.cd-secondary-content__body .cd-secondary-2026-faq__answer {
  max-width: 68ch;
  padding: 0 54px 24px 0;
}

.cd-secondary-content__body .cd-secondary-2026-faq__answer p {
  margin: 0;
  line-height: 1.65;
  color: var(--cd-text, var(--cd-secondary-ink-soft, #24343a));
}

/* =========================================================
   APPROFONDIMENTI
   ========================================================= */

.cd-secondary-content__body .cd-secondary-2026-related {
  display: grid;
  grid-template-columns: minmax(220px, 0.62fr) minmax(0, 1.38fr);
  column-gap: clamp(48px, 7vw, 96px);
  width: 100%;
  padding: 34px 0 0;
  border-top: 1px solid var(--cd-secondary-line, rgba(7, 24, 32, 0.16));
}

.cd-secondary-content__body .cd-secondary-2026-related__label {
  margin: 0;
  color: var(--cd-muted, var(--cd-secondary-ink-soft, #24343a));
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.cd-secondary-content__body .cd-secondary-2026-related__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cd-secondary-content__body .cd-secondary-2026-related__list li {
  margin: 0;
  padding: 0;
}

.cd-secondary-content__body .cd-secondary-2026-related__list a {
  font-size: 0.94rem;
  font-weight: 600;
}

/* =========================================================
   ACCESSIBILITÀ
   ========================================================= */

.cd-secondary-content__body .cd-secondary-2026-faq__question:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 6px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .cd-secondary-content__body .cd-secondary-2026-section,
  .cd-secondary-content__body .cd-secondary-2026-faq,
  .cd-secondary-content__body .cd-secondary-2026-related {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: 16ch;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__copy,
  .cd-secondary-content__body .cd-secondary-2026-faq__items,
  .cd-secondary-content__body .cd-secondary-2026-related__list {
    width: min(100%, 760px);
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .cd-secondary-content__body .cd-secondary-2026-section {
    padding-block: 44px;
  }

  .cd-secondary-content__body .cd-secondary-2026-section:first-child {
    padding-top: 0;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: none;
    font-size: clamp(38px, 10.5vw, 50px);
  }

  .cd-secondary-content__body .cd-secondary-2026-faq {
    padding-block: 54px 66px;
  }

  .cd-secondary-content__body .cd-secondary-2026-faq__question {
    grid-template-columns: minmax(0, 1fr) 20px;
    gap: 16px;
    padding: 19px 0;
  }

  .cd-secondary-content__body .cd-secondary-2026-faq__answer {
    padding: 0 36px 22px 0;
  }

  .cd-secondary-content__body .cd-secondary-2026-related {
    padding-top: 28px;
  }

  .cd-secondary-content__body .cd-secondary-2026-related__list {
    display: grid;
    gap: 10px;
  }
}


/* =========================================================
   v1.1.1 — HERO H1 + WORD WRAPPING
   ========================================================= */

/*
 * Le pagine secondarie usano lo stesso ruolo tipografico hero
 * delle pagine principali. Il selettore è volutamente specifico
 * perché il CSS legacy del template imposta un H1 più piccolo.
 */
.breakdance .cd-secondary-hero h1.cd-secondary-hero__title,
.breakdance .cd-secondary-hero .cd-secondary-hero__title,
.breakdance .cd-secondary-hero .cd-secondary-hero__title * {
  max-width: 1000px !important;
  font-family: var(--cd-font-display, var(--cd-type-display, Manrope, sans-serif)) !important;
  font-size: clamp(62px, 5.5vw, 88px) !important;
  font-style: normal !important;
  font-weight: 720 !important;
  line-height: .97 !important;
  letter-spacing: -.058em !important;
  text-transform: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/*
 * Il vecchio body usa overflow-wrap:anywhere per proteggere i contenuti
 * legacy. Sui titoli questo non deve mai produrre parole spezzate.
 */
.cd-secondary-content__body .cd-secondary-2026-section__title,
.cd-secondary-content__body .cd-secondary-2026-faq__title,
.cd-secondary-content__body .cd-secondary-2026-faq__question,
.cd-secondary-content__body .cd-secondary-2026-section__title *,
.cd-secondary-content__body .cd-secondary-2026-faq__title *,
.cd-secondary-content__body .cd-secondary-2026-faq__question * {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/*
 * Un po' più di spazio alla colonna titoli: evita che parole lunghe
 * italiane come “architettura” o “interfaccia” arrivino al limite.
 */
.cd-secondary-content__body .cd-secondary-2026-section {
  grid-template-columns: minmax(340px, .95fr) minmax(0, 1.05fr);
  column-gap: clamp(52px, 6vw, 82px);
}

.cd-secondary-content__body .cd-secondary-2026-section__title {
  max-width: 15ch;
}

@media (max-width: 1024px) {
  .cd-secondary-content__body .cd-secondary-2026-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .breakdance .cd-secondary-hero h1.cd-secondary-hero__title,
  .breakdance .cd-secondary-hero .cd-secondary-hero__title,
  .breakdance .cd-secondary-hero .cd-secondary-hero__title * {
    max-width: none !important;
    font-size: clamp(48px, 14vw, 66px) !important;
    line-height: .93 !important;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__title {
    max-width: none;
  }
}


/* =========================================================
   v1.1.2 — BREAKDANCE POST TITLE: FONT-SIZE REALE
   ========================================================= */

/*
 * In Breakdance il Post Title può applicare la classe al wrapper
 * .bde-post-title mentre la dimensione effettiva resta su un nodo
 * interno. Forziamo quindi wrapper, H1 e possibili elementi interni,
 * mantenendo la stessa scala hero del design system.
 */

html body .breakdance
.cd-secondary-hero
.bde-post-title.cd-secondary-hero__title,

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title,

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title:is(h1,h2,h3),

html body .breakdance
.cd-secondary-hero
h1.cd-secondary-hero__title,

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title > h1,

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title .bde-post-title__title,

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title [class*="post-title"],

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title [class*="heading"] {
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    var(
      --cd-type-display,
      var(--cd-font-display, Manrope, sans-serif)
    ) !important;

  font-size: clamp(62px, 5.7vw, 88px) !important;
  font-style: normal !important;
  font-weight: var(--cd-type-hero-weight, 720) !important;
  line-height: var(--cd-type-hero-leading, .97) !important;
  letter-spacing: var(--cd-type-hero-tracking, -.058em) !important;

  text-align: left !important;
  text-transform: none !important;
  text-wrap: balance !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/*
 * Gli eventuali span/a generati dentro il Post Title devono ereditare
 * la tipografia, senza reintrodurre una size locale Breakdance.
 */
html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title > span,

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title > a,

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title h1 > span,

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title h1 > a,

html body .breakdance
.cd-secondary-hero
.bde-post-title.cd-secondary-hero__title > * {
  font: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

@media (max-width: 767px) {
  html body .breakdance
  .cd-secondary-hero
  .bde-post-title.cd-secondary-hero__title,

  html body .breakdance
  .cd-secondary-hero
  .cd-secondary-hero__title,

  html body .breakdance
  .cd-secondary-hero
  .cd-secondary-hero__title:is(h1,h2,h3),

  html body .breakdance
  .cd-secondary-hero
  h1.cd-secondary-hero__title,

  html body .breakdance
  .cd-secondary-hero
  .cd-secondary-hero__title > h1,

  html body .breakdance
  .cd-secondary-hero
  .cd-secondary-hero__title .bde-post-title__title,

  html body .breakdance
  .cd-secondary-hero
  .cd-secondary-hero__title [class*="post-title"],

  html body .breakdance
  .cd-secondary-hero
  .cd-secondary-hero__title [class*="heading"] {
    max-width: none !important;
    font-size: clamp(48px, 14vw, 66px) !important;
    line-height: .93 !important;
  }
}


/* =========================================================
   v1.1.3 — SECONDARY EDITORIAL SCALE
   ========================================================= */

/*
 * Nelle pagine secondarie gli H2 sono titoli di paragrafo,
 * non headline di sezione delle landing principali.
 */
.cd-secondary-content__body .cd-secondary-2026-section__title {
  max-width: 18ch !important;
  font-family: var(--cd-type-display, var(--cd-font-display, Manrope, sans-serif)) !important;
  font-size: clamp(34px, 3vw, 46px) !important;
  font-style: normal !important;
  font-weight: 520 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.cd-secondary-content__body .cd-secondary-2026-faq__title {
  max-width: 10ch !important;
  font-family: var(--cd-type-display, var(--cd-font-display, Manrope, sans-serif)) !important;
  font-size: clamp(34px, 3vw, 46px) !important;
  font-weight: 520 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

/*
 * Con H2 meno ingombranti possiamo riequilibrare leggermente le colonne:
 * più spazio al testo, mantenendo titoli sufficientemente larghi.
 */
.cd-secondary-content__body .cd-secondary-2026-section {
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr) !important;
  column-gap: clamp(54px, 6.5vw, 90px) !important;
}

@media (max-width: 1024px) {
  .cd-secondary-content__body .cd-secondary-2026-section {
    grid-template-columns: 1fr !important;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: 20ch !important;
  }
}

@media (max-width: 767px) {
  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: none !important;
    font-size: clamp(30px, 8.8vw, 38px) !important;
    line-height: 1.08 !important;
  }
}


/* =========================================================
   v1.1.4 — EDITORIAL H2 + HERO EYEBROW SPACING
   ========================================================= */

/* Più respiro tra eyebrow e H1, coerente con le hero principali. */
html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__eyebrow {
  margin-bottom: clamp(18px, 1.6vw, 26px) !important;
}

/*
 * H2 delle pagine secondarie:
 * ruolo editoriale, non headline di landing.
 */
.cd-secondary-content__body .cd-secondary-2026-section__title {
  max-width: 20ch !important;
  font-family: var(--cd-type-display, var(--cd-font-display, Manrope, sans-serif)) !important;
  font-size: clamp(30px, 2.45vw, 38px) !important;
  font-style: normal !important;
  font-weight: 360 !important;
  line-height: 1.10 !important;
  letter-spacing: -0.032em !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Parte leggera / parte forte del titolo. */
.cd-secondary-content__body .cd-secondary-2026-section__title .cd-secondary-2026-title__light {
  font: inherit !important;
  font-weight: 360 !important;
  letter-spacing: inherit !important;
}

.cd-secondary-content__body .cd-secondary-2026-section__title .cd-secondary-2026-title__strong {
  font: inherit !important;
  font-weight: 760 !important;
  letter-spacing: -0.04em !important;
}

/* FAQ mantiene lo stesso ruolo editoriale, ma senza split. */
.cd-secondary-content__body .cd-secondary-2026-faq__title {
  max-width: 10ch !important;
  font-size: clamp(30px, 2.45vw, 38px) !important;
  font-weight: 620 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

/* Un po' più di spazio al titolo per evitare troppe righe corte. */
.cd-secondary-content__body .cd-secondary-2026-section {
  grid-template-columns: minmax(350px, .88fr) minmax(0, 1.12fr) !important;
  column-gap: clamp(56px, 6.5vw, 92px) !important;
}

@media (max-width: 1024px) {
  .cd-secondary-content__body .cd-secondary-2026-section {
    grid-template-columns: 1fr !important;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: 22ch !important;
  }
}

@media (max-width: 767px) {
  html body .breakdance
  .cd-secondary-hero
  .cd-secondary-hero__eyebrow {
    margin-bottom: 16px !important;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: none !important;
    font-size: clamp(27px, 7.8vw, 34px) !important;
    line-height: 1.10 !important;
  }
}


/* =========================================================
   v1.1.5 — FINAL MICRO-TUNING
   ========================================================= */

/* Più aria netta tra eyebrow e H1 della hero. */
html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__eyebrow {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: clamp(28px, 2.1vw, 36px) !important;
}

html body .breakdance
.cd-secondary-hero
.cd-secondary-hero__title,
html body .breakdance
.cd-secondary-hero
.bde-post-title.cd-secondary-hero__title {
  margin-top: 0 !important;
}

/* H2 editoriali leggermente più piccoli: più "titolo di paragrafo", meno headline. */
.cd-secondary-content__body .cd-secondary-2026-section__title {
  max-width: 21ch !important;
  font-size: clamp(28px, 2.15vw, 34px) !important;
  line-height: 1.11 !important;
  letter-spacing: -0.03em !important;
}

/* Manteniamo il contrasto di peso già approvato. */
.cd-secondary-content__body .cd-secondary-2026-section__title .cd-secondary-2026-title__light {
  font-weight: 340 !important;
}

.cd-secondary-content__body .cd-secondary-2026-section__title .cd-secondary-2026-title__strong {
  font-weight: 740 !important;
  letter-spacing: -0.038em !important;
}

/* FAQ appena più compatta, coerente con gli H2. */
.cd-secondary-content__body .cd-secondary-2026-faq__title {
  font-size: clamp(28px, 2.15vw, 34px) !important;
  font-weight: 620 !important;
}

/* Con titoli più piccoli possiamo dare ancora un po' più spazio al copy. */
.cd-secondary-content__body .cd-secondary-2026-section {
  grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr) !important;
  column-gap: clamp(58px, 6.6vw, 94px) !important;
}

@media (max-width: 1024px) {
  .cd-secondary-content__body .cd-secondary-2026-section {
    grid-template-columns: 1fr !important;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: 24ch !important;
  }
}

@media (max-width: 767px) {
  html body .breakdance
  .cd-secondary-hero
  .cd-secondary-hero__eyebrow {
    margin-bottom: 22px !important;
  }

  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: none !important;
    font-size: clamp(25px, 7vw, 30px) !important;
    line-height: 1.12 !important;
  }
}


/* =========================================================
   v1.1.6 — LOCKED EDITORIAL SCALE
   ========================================================= */

/* Fallback CSS: il runtime JS applica gli stessi valori inline. */
.cd-secondary-content__body .cd-secondary-2026-section__title {
  max-width: 24ch !important;
  font-size: clamp(24px, 1.75vw, 30px) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.026em !important;
}

.cd-secondary-content__body .cd-secondary-2026-section__title .cd-secondary-2026-title__light {
  font-weight: 300 !important;
}

.cd-secondary-content__body .cd-secondary-2026-section__title .cd-secondary-2026-title__strong {
  font-weight: 720 !important;
  letter-spacing: -0.032em !important;
}

.cd-secondary-content__body .cd-secondary-2026-faq__title {
  font-size: clamp(24px, 1.75vw, 30px) !important;
  line-height: 1.12 !important;
}

.cd-secondary-content__body .cd-secondary-2026-section {
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr) !important;
  column-gap: clamp(60px, 6.5vw, 96px) !important;
}

@media (max-width: 1024px) {
  .cd-secondary-content__body .cd-secondary-2026-section {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .cd-secondary-content__body .cd-secondary-2026-section__title,
  .cd-secondary-content__body .cd-secondary-2026-faq__title {
    max-width: none !important;
    font-size: clamp(23px, 6.7vw, 28px) !important;
    line-height: 1.14 !important;
  }
}


/* =========================================================
   v1.1.7 — STREET MARKETING CANONICAL VIDEO GRID
   ========================================================= */

.cd-secondary-content__body .cd-secondary-2026-street-video-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(20px, 2.2vw, 30px) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cd-secondary-content__body .cd-secondary-2026-street-video {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cd-secondary-content__body .cd-secondary-2026-street-video .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #070a12;
}

.cd-secondary-content__body .cd-secondary-2026-street-video iframe {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

.cd-secondary-content__body .cd-secondary-2026-street-video figcaption {
  margin: 9px 0 0 !important;
  color: var(--cd-muted, #555e6c) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

@media (max-width: 767px) {
  .cd-secondary-content__body .cd-secondary-2026-street-video-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
}


/* =========================================================
   v1.1.8 — STREET MARKETING EMBED RENDER FIX
   ========================================================= */

.cd-secondary-content__body
.cd-secondary-2026-street-video
.wp-block-embed__wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #070a12 !important;

  /* Nasconde l'URL raw prima che il renderer JS lo sostituisca. */
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.cd-secondary-content__body
.cd-secondary-2026-street-video
.wp-block-embed__wrapper iframe {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

.cd-secondary-content__body
.cd-secondary-2026-street-video figcaption {
  display: block !important;
  margin: 9px 0 0 !important;
  color: var(--cd-muted, #555e6c) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}


/* =========================================================
   v1.1.9 — STREET VIDEO GRID + CAPTIONS
   ========================================================= */

/*
 * Street usa lo stesso linguaggio dei video delle altre
 * pagine secondarie: 2 colonne desktop, 1 mobile.
 */
.cd-secondary-content__body .cd-secondary-2026-media {
  width: min(100%, var(--cd-secondary-wide, 1040px)) !important;
  max-width: var(--cd-secondary-wide, 1040px) !important;
  margin-inline: auto !important;
}

.cd-secondary-content__body .cd-secondary-2026-street-video-grid,
.cd-secondary-content__body .cd-secondary-2026-street-video-grid.cd-video-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(20px, 3vw, 32px) !important;
  width: 100% !important;
  max-width: var(--cd-secondary-wide, 1040px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.cd-secondary-content__body .cd-secondary-2026-street-video {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Didascalia identica al ruolo .cd-video-title delle altre pagine. */
.cd-secondary-content__body .cd-secondary-2026-street-video figcaption,
.cd-secondary-content__body .cd-secondary-2026-street-video .cd-video-title {
  display: block !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(0.95rem, 1.3vw, 1.08rem) !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: var(--cd-secondary-ink, #071820) !important;
}

@media (max-width: 767px) {
  .cd-secondary-content__body .cd-secondary-2026-street-video-grid,
  .cd-secondary-content__body .cd-secondary-2026-street-video-grid.cd-video-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
}


/* =========================================================
   v1.1.10 — STREET FULL-WIDTH SHOWCASE
   ========================================================= */

/*
 * La griglia viene ora spostata fisicamente fuori dal vecchio
 * contenitore/colonna e resa sibling della FAQ.
 */
.cd-secondary-content__body .cd-secondary-2026-street-showcase {
  display: block !important;
  width: min(100%, var(--cd-secondary-wide, 1040px)) !important;
  max-width: var(--cd-secondary-wide, 1040px) !important;
  margin: clamp(24px, 3vw, 42px) auto clamp(68px, 8vw, 110px) !important;
  padding: 0 !important;
}

.cd-secondary-content__body .cd-secondary-2026-street-showcase__grid,
.cd-secondary-content__body
.cd-secondary-2026-street-showcase__grid.cd-video-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(30px, 3.6vw, 48px) clamp(24px, 3vw, 38px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cd-secondary-content__body
.cd-secondary-2026-street-showcase__grid
.cd-secondary-2026-street-video {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cd-secondary-content__body
.cd-secondary-2026-street-showcase__grid
.cd-secondary-2026-street-video
.wp-block-embed__wrapper {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
}

.cd-secondary-content__body
.cd-secondary-2026-street-showcase__grid
.cd-secondary-2026-street-video
figcaption,
.cd-secondary-content__body
.cd-secondary-2026-street-showcase__grid
.cd-video-title {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(0.98rem, 1.3vw, 1.12rem) !important;
  font-weight: 680 !important;
  line-height: 1.30 !important;
  letter-spacing: -0.018em !important;
  color: var(--cd-secondary-ink, #071820) !important;
}

/* Il vecchio media wrapper Street non deve imporre larghezze residue. */
.cd-secondary-content__body
.cd-secondary-2026-media:has(.cd-secondary-2026-street-video) {
  display: contents !important;
}

@media (max-width: 767px) {
  .cd-secondary-content__body .cd-secondary-2026-street-showcase {
    margin-bottom: 66px !important;
  }

  .cd-secondary-content__body .cd-secondary-2026-street-showcase__grid,
  .cd-secondary-content__body
  .cd-secondary-2026-street-showcase__grid.cd-video-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}