/* =====================================================================
   SHOP (shop.php): layout desktop
   Attivo solo da 992px e solo su questa pagina (body.shop-d). Mobile invariato.
   ===================================================================== */
@media (min-width: 992px) {
  .shop-d {
    --sd-max: 1200px;
    --sd-navy: #102d45;
    --sd-muted: #55626c;
    --sd-soft: #f3f5f7;
    --sd-space: clamp(56px, 6vw, 88px);
  }

  /* ---------- consulente: foto a sinistra, contatti e invito a destra ---------- */
  .shop-d .consultant-wrap {
    display: grid; grid-template-columns: 380px 1fr; column-gap: 64px; align-items: center;
    max-width: 1000px; margin: var(--sd-space) auto; padding: 48px 56px !important;
    text-align: left; background: var(--sd-soft);
  }
  .shop-d .consultant-wrap > * { grid-column: 2; }
  .shop-d .consultant-wrap .consultant-avatar { grid-column: 1; grid-row: 1 / span 6; height: 340px; display: flex; align-items: center; justify-content: center; }
  .shop-d .consultant-wrap .consultant-avatar .avatar { width: 240px; height: 240px; max-width: none; max-height: none; position: relative; z-index: 1; }
  .shop-d .consultant-wrap .consultant-avatar .avatar-corner { width: 360px; max-width: none; }
  .shop-d .consultant-wrap .your-consultant { margin-bottom: 0; font-size: 1.1em; }
  .shop-d .consultant-wrap .consultant-name { font-size: 1.6em; font-weight: 500; color: var(--sd-navy); margin-top: 4px; }
  .shop-d .consultant-wrap h3 { margin: 16px 0 4px; }
  .shop-d .consultant-wrap .social-home { margin: 0 !important; max-width: 220px; }
  .shop-d .consultant-wrap .social-home .row { margin-top: 8px !important; }
  .shop-d .consultant-wrap .social-home a span { margin-bottom: 0; }
  .shop-d .consultant-wrap .text-lite { margin: 16px 0 0; font-size: 1.05rem; color: var(--sd-muted); }
  .shop-d .consultant-wrap .btn { justify-self: start; margin-top: 20px !important; }

  /* ---------- la nostra azienda: icona piccola accanto al testo ---------- */
  .shop-d .reassurance { max-width: 900px; margin: 0 auto; }
  .shop-d .reassurance > .row {
    display: grid; grid-template-columns: 140px 1fr; column-gap: 40px; align-items: center; margin: 0;
  }
  .shop-d .reassurance > .row > h2 { grid-column: 2; margin: 0 0 8px !important; padding: 0; text-align: left !important; width: auto; }
  .shop-d .reassurance > .row > .col-12 { grid-column: 1; grid-row: 1 / span 2; width: auto; padding: 0; }
  .shop-d .reassurance > .row > .col-12 .door { max-width: 120px !important; margin: 0 !important; }
  .shop-d .reassurance > .row > .col { grid-column: 2; padding: 0; text-align: left !important; }
  .shop-d .reassurance > .row > .col p { margin: 0; font-size: 1.15rem; color: var(--sd-muted); }

  /* ---------- brand: icone contenute, 6 card in griglia 3x2 ---------- */
  .shop-d .our-brand { margin-top: var(--sd-space) !important; }
  .shop-d .our-brand .header-section { max-width: 900px; }
  .shop-d .our-brand .header-section p { max-width: 640px; margin: 0 auto; color: var(--sd-muted); }
  .shop-d .our-brand .header-section .row.p-3 { max-width: 640px; margin: 8px auto 0; }
  .shop-d .our-brand .header-section .row.p-3 img { max-width: 150px; width: 100%; }
  .shop-d .our-brand > .container-fluid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
    max-width: var(--sd-max); margin: 0 auto; padding: 0 32px;
  }
  .shop-d .our-brand > .container-fluid > .row { display: contents; }
  .shop-d .our-brand > .container-fluid .col-lg-3 { width: auto; max-width: none; flex: none; }
  .shop-d .our-brand .brand-card { margin: 0; overflow: hidden; }
  .shop-d .our-brand .brand-card .brand-parallax { height: 340px; width: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
  .shop-d .our-brand .brand-card:hover .brand-parallax { transform: scale(1.04); }

  /* ---------- carriera: testo in colonna leggibile ---------- */
  .shop-d section.happy .happy-join .container { max-width: 760px; }
  .shop-d section.happy .happy-join .btn { width: auto !important; padding: 14px 40px; }

  /* ---------- newsletter centrata ---------- */
  .shop-d section.welcome .row { justify-content: center; }
}


/* === SEO h1: titoli principali con aspetto da h2/h3 (classe .h2/.h3): stesse regole degli h2/h3 === */
@media (min-width: 992px){.shop-d .consultant-wrap h1:where(.h3){margin: 16px 0 4px;}.shop-d .reassurance > .row > h1:where(.h2){grid-column: 2; margin: 0 0 8px !important; padding: 0; text-align: left !important; width: auto;}}
