/* =====================================================================
   DREAMTIME - layout desktop condiviso
   Attivo solo da 992px e solo sulle pagine con <body class="dt-d">.
   Smartphone e tablet invariati.
   Le pagine sistema-di-riposo, sistema-riposo-futuro e hypnos hanno
   stili propri (blocco <style> nella pagina) e non usano questa classe.
   ===================================================================== */
@media (min-width: 992px) {
  body.dt-d { --dt-col: 860px; --dt-wide: 1140px; }

  /* ---------- colonna di lettura ---------- */
  .dt-d .container-2 { max-width: var(--dt-col); margin-left: auto; margin-right: auto; }
  .dt-d > img[width="100%"]:not(.grafica-guscio),
  .dt-d section > img[width="100%"] {
    display: block; max-width: var(--dt-col); margin-left: auto; margin-right: auto; border-radius: 4px;
  }
  .dt-d section.relative { max-width: var(--dt-col); margin-left: auto; margin-right: auto; }
  .dt-d .grafica-guscio { max-width: var(--dt-col); left: 50%; transform: translateX(-50%); }
  .dt-d img[src$="cert7.png"] { max-width: var(--dt-col); }

  /* bottoni in col-md-6: centrati invece che spostati a sinistra */
  .dt-d .container-2 > .col-md-6.text-center,
  .dt-d .container > .col-md-6.text-center,
  .dt-d .col-md-8 > .col-md-6.text-center,
  .dt-d .row > .col-12 + .col-md-6.text-center:last-child { margin-left: auto; margin-right: auto; }

  /* ---------- accordion, elenchi con freccia, elenchi con icona ---------- */
  .dt-d .accordion,
  .dt-d .list-button,
  .dt-d .list-icon { max-width: var(--dt-col); margin-left: auto; margin-right: auto; }
  .dt-d .list-icon .row { flex-wrap: nowrap; align-items: center; margin-left: 0; margin-right: 0; }
  .dt-d .list-icon .row > .col-4 { flex: 0 0 120px; width: 120px; }
  .dt-d .list-icon .row > .col-4 img { max-width: 90px; }
  .dt-d .list-icon .row > .col-8 { flex: 1 1 auto; width: auto; }

  /* ---------- certificazioni: griglia invece di colonna singola ---------- */
  .dt-d .certifications .container.mb-5 { max-width: var(--dt-wide); }
  .dt-d .certifications .container.mb-5 > .row { justify-content: center; }
  .dt-d .certifications .container.mb-5 > .row > .col-12.text-center { width: 33.333%; padding-left: 1.5rem; padding-right: 1.5rem; }

  /* ---------- scheda prodotto (product.php, product-rete.php) ---------- */
  /* foto a sinistra, dati e "Aggiungi" a destra (prima: foto centrata, dati spostati a sinistra) */
  .dt-d section.product.mt-0 {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 3.5rem; align-items: start;
    max-width: var(--dt-wide); margin: 2rem auto 3rem !important; padding: 0 var(--bs-gutter-x, 1.75rem);
  }
  .dt-d section.product.mt-0 > .productSwiper { grid-column: 1; width: 100%; margin: 0; }
  .dt-d section.product.mt-0 > .container { grid-column: 2; max-width: none; padding: 0; }
  .dt-d section.product.mt-0 > .container > .row { margin: 0; }
  .dt-d section.product.mt-0 > .container > .row > .col-md-6 { width: 100%; padding: 0; }
  .dt-d section.product.info > .container { max-width: var(--dt-wide); }
  .dt-d section.product.info > .container > .col-md-10 { width: 100%; }

  /* ---------- barre sticky sotto l'header ----------
     top calcolato da js/dreamtime-desktop.js; qui i valori di riserva */
  .dt-d .top-bar { top: 122px; z-index: 1010; }
  .dt-d .top-bar2 { top: 190px; z-index: 1009; }
  .dt-d section.top-bar > .container {
    display: flex; align-items: center; gap: 24px; max-width: var(--dt-wide);
    padding-top: 10px !important; padding-bottom: 10px !important;
  }
  .dt-d section.top-bar > .container > .row { flex: 1 1 auto; flex-wrap: nowrap; margin: 0; }
  /* barra a due righe (icona + nome / prezzo + bottone) -> una sola riga */
  .dt-d section.top-bar > .container > .row:first-child:not(:only-child) { gap: 14px; }
  .dt-d section.top-bar > .container > .row + .row { flex: 0 0 auto; margin-left: auto; gap: 20px; }
  .dt-d section.top-bar > .container > .row:not(:only-child) > [class*="col"] { flex: 0 0 auto; width: auto; padding: 0; }
  .dt-d section.top-bar .col-3 img { width: 44px; }
  .dt-d .top-bar2 .col,
  .dt-d div.row.top-bar .col { padding-left: max(1.75rem, calc((100vw - var(--dt-wide)) / 2)); padding-right: max(1.75rem, calc((100vw - var(--dt-wide)) / 2)); }

}
