/* STAGE35BF_DOM_DIRECT_MOBILE_FULL_WIDTH_GALLERY
   DOM_JEDNORODZINNY_DIRECT mobile owner stylesheet.
   Cel: na telefonie główna karta galerii inwestycji ma iść na pełną szerokość ekranu.
   Zakres: wszystkie inwestycje renderowane szablonem DOM_JEDNORODZINNY_DIRECT.
   Bez selektorów pod konkretną inwestycję, bez JS, bez zmiany desktopu. */

@media (max-width: 760px) {
  body.dh-dom-direct-page .dh-direct-visual {
    width: min(100% - 24px, 1280px) !important;
    max-width: none !important;
  }

  /* STAGE35EH_DIRECT_MOBILE_GALLERY_CONTENT_WIDTH
     Damian approval: mobile gallery/banner must align with the text cards below.
     No viewport bleed, no separate narrower/wider shell. */
  body.dh-dom-direct-page .dh-direct-visual-gallery-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-right: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 22px !important;
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.09) !important;
  }

  body.dh-dom-direct-page .dh-direct-visual-hero-image {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
  }

  body.dh-dom-direct-page .dh-direct-visual-gallery-controls,
  body.dh-dom-direct-page .dh-direct-visual-thumbs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  body.dh-dom-direct-page .dh-direct-visual-gallery-controls {
    margin-top: 16px !important;
  }

  body.dh-dom-direct-page .dh-direct-visual-thumbs {
    width: auto !important;
  }
}