/* Energelia v34 — small, isolated improvements following v33 browser QA.
   Scope: smartphone art direction of 01, section 02 vertical rhythm,
   FAQ microcopy spacing, contact form density. Approved first-fold desktop,
   section 03, method and use-case footers are intentionally untouched. */
@media (max-width: 600px) {
  /* 01: suppress the competing diagonal near the editorial heading,
     retaining the existing corridor image and its lower directional light. */
  .digital-services-page .ds-imm-final {
    background-image:
      linear-gradient(115deg, rgba(3,13,24,.80) 0%, rgba(3,13,24,.65) 52%, rgba(3,13,24,.39) 100%),
      linear-gradient(180deg, rgba(3,13,24,.92) 0%, rgba(3,13,24,.82) 35%, rgba(3,13,24,.30) 65%, rgba(3,13,24,.83) 100%),
      url('../img/servizi-digitali/sd-finale-corridor.webp');
    background-position: center, center, 86% center;
    background-size: cover, cover, cover;
  }
  /* 02: remove blank transitions, never shrink the demonstrations themselves. */
  .digital-services-page .sd-solutions { padding-top: 27px; }
  .digital-services-page .sd-solutions > .sd-section-head { gap: 15px; padding-bottom: 20px; }
  .digital-services-page .sd-service + .sd-service { margin-top: 13px; }
  .digital-services-page .sd-service-inner { gap: 14px; }
  .digital-services-page .sd-service-copy { padding-top: 19px; }
  .digital-services-page .sd-service-copy h3 { margin-bottom: 10px; }
  .digital-services-page .sd-service-copy .sd-more { margin-top: 4px; min-height: 42px; }
  .digital-services-page .sd-site-scene { margin-bottom: 19px!important; }
  .digital-services-page .sd-management-mobile,
  .digital-services-page .sd-automation-mobile { margin-top: 0!important; }
  .digital-services-page .sd-service-automation { padding-block: 1px 5px; }
  /* 05: pair a succinct invitation with one legible CTA. */
  .digital-services-page .sd-faq .sd-section-head { gap: 15px; margin-bottom: 20px; }
  .digital-services-page .sd-faq-contact { gap: 13px; }
  .digital-services-page .sd-faq-contact > p { max-width: 200px; line-height: 1.45; }
  /* 06: keep the actual inputs, validation, consent and 44px targets intact. */
  .digital-services-page .ed-contact { padding-block: 36px 40px; }
  .digital-services-page .ed-contact-grid { gap: 18px; }
  .digital-services-page .ed-contact-copy h2 { margin-block: 12px 15px; }
  .digital-services-page .ed-contact-copy > .ed-contact-lead { font-size: 19px!important; margin-bottom: 9px; }
  .digital-services-page .ed-phone { margin-top: 17px; padding-top: 12px; }
  .digital-services-page .ed-form-body { padding: 20px 18px; }
  .digital-services-page .ed-form-body > h3 { margin-bottom: 7px; }
  .digital-services-page .ed-form-body > p { margin-bottom: 16px; }
  .digital-services-page .ed-form-wrap .nx-form { gap: 16px; }
  .digital-services-page .ed-form-wrap .nx-form-row { gap: 16px; }
  .digital-services-page .ed-service-choice > span { min-height: 94px; padding: 10px; gap: 4px; }
  .digital-services-page .ed-service-choice svg { width: 22px; height: 22px; margin-bottom: 1px; }
  .digital-services-page .ed-form-wrap textarea { min-height: 128px; }
}
@media (max-width: 360px) {
  /* 320px: preserve a clear one-column radio picker while avoiding excess scroll. */
  .digital-services-page .ed-service-choice > span {
    min-height: 69px; padding: 10px 33px 10px 11px;
    grid-template-columns: 24px minmax(0,1fr); gap: 3px 10px;
  }
  .digital-services-page .ed-service-choice svg { grid-row: span 2; width: 23px; height: 23px; }
}
@media (min-width:601px) and (max-width:991.98px) {
  .digital-services-page .sd-solutions > .sd-section-head { padding-bottom: 36px; }
  .digital-services-page .sd-service + .sd-service { margin-top: 18px; }
  .digital-services-page .ed-contact-grid { gap: 24px; }
  .digital-services-page .ed-contact { padding-block: 55px; }
}