/* Responsive repairs for the restored Elementor homepage (document 7).
 * Keep desktop styling and the original content in Elementor. */
@media (max-width: 1024px) {
  /* The original category bar is absolutely positioned beside the photograph. */
  .elementor-7.elementor [data-id="2476f41"] {padding:0;gap:28px}
  .elementor-7.elementor [data-id="fa50904"] {
    position:relative;inset:auto;width:100%;max-width:100%;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
  }
  .elementor-7.elementor [data-id="fa50904"] > [role="tab"] {
    width:100%;min-width:0;white-space:normal;text-align:left;font-size:18px;line-height:1.4;
  }
  .elementor-7.elementor [data-id="fa50904"] > [role="tab"] > * {font-size:inherit;line-height:inherit}
  .elementor-7.elementor [data-id="150452c"],
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"],
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] > div {padding:0}
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] > div {gap:28px;align-items:flex-start}
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] > div > div {padding:0;min-width:0}
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] img {
    width:100%;height:auto;max-width:100%;object-fit:cover;
  }
  .elementor-7.elementor [data-id="c8b6693"] {width:100%}
}

@media (max-width: 760px) {
  .elementor-7.elementor > [data-id] {padding:56px 24px}
  .elementor-7.elementor [data-id="e7265d7"] {padding:64px 24px;min-height:420px;justify-content:center}
  .elementor-7.elementor [data-id="e7265d7"] > h1 {font-size:30px;line-height:1.25}
  .elementor-7.elementor [data-id="e7265d7"] > p {font-size:17px;line-height:1.65;width:100%}
  .elementor-7.elementor [data-id="e7265d7"] > a {margin-top:28px}

  /* Story: place the photograph above the copy instead of shrinking both columns. */
  .elementor-7.elementor [data-id="80791a9"] {flex-direction:column;gap:28px}
  .elementor-7.elementor [data-id="80791a9"] > div {width:100%;padding:0;margin:0}
  .elementor-7.elementor [data-id="011d116"] > img {width:100%;height:auto;object-fit:contain}
  .elementor-7.elementor [data-id="70faa26"] > h2 {font-size:28px;line-height:1.3}
  .elementor-7.elementor [data-id="70faa26"] > p {font-size:16px;line-height:1.75}
  .elementor-7.elementor [data-id="b3b9b0d"] {width:100%;padding:20px 0 0;margin:0}
  .elementor-7.elementor [data-id="022d316"] {width:100%;padding:24px 0 0;gap:12px}
  .elementor-7.elementor [data-id="022d316"] > div {width:calc((100% - 24px)/3);padding:0}
  .elementor-7.elementor [data-id="022d316"] h2 {font-size:21px}

  /* Solutions: a two-column category bar, then the photograph and readable copy. */
  .elementor-7.elementor [data-id="6e2db31"] > h2 {font-size:26px;line-height:1.3}
  .elementor-7.elementor [data-id="fa50904"] {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
  .elementor-7.elementor [data-id="fa50904"] > [role="tab"] {font-size:16px;min-height:48px;padding:10px 0}
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] > div {flex-direction:column;gap:24px}
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] > div > div {width:100%}
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] img {height:360px;object-fit:cover;object-position:center}
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] h2,
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] h3 {font-size:24px;line-height:1.35}
  .elementor-7.elementor [data-id="2476f41"] [role="tabpanel"] p {font-size:16px;line-height:1.75}

  /* Benefits and process: preserve all three items without compressing their copy. */
  .elementor-7.elementor [data-id="353be3d"] > h2 {font-size:25px;line-height:1.35}
  .elementor-7.elementor [data-id="353be3d"] > h2:not(:first-child) {margin-top:64px}
  .elementor-7.elementor [data-id="353be3d"] > p {margin-top:20px;font-size:16px;line-height:1.7}
  .elementor-7.elementor [data-id="c8b6693"],
  .elementor-7.elementor [data-id="34581a4"] {flex-direction:column;width:100%;margin-top:36px;padding:0;gap:36px}
  .elementor-7.elementor [data-id="c8b6693"] > div,
  .elementor-7.elementor [data-id="34581a4"] > div {width:100%;padding:0;gap:16px;align-items:center}
  .elementor-7.elementor [data-id="c8b6693"] img {width:auto;max-width:80px;height:64px;object-fit:contain}
  .elementor-7.elementor [data-id="34581a4"] img {width:80px;height:80px;object-fit:contain}
  .elementor-7.elementor [data-id="34581a4"] hr {display:none}
  .elementor-7.elementor [data-id="c8b6693"] h2,
  .elementor-7.elementor [data-id="34581a4"] h2 {font-size:21px;line-height:1.4}
  .elementor-7.elementor [data-id="34581a4"] p {font-size:15px;line-height:1.7}

  /* Product photography: one landscape lead image above a two-column image grid. */
  .elementor-7.elementor #p5-products {margin-top:28px;padding:0}
  .elementor-7.elementor #p5-products > [data-id="9c620d2"],
  .elementor-7.elementor #p5-products [role="tabpanel"] {padding:0}
  .elementor-7.elementor #p5-products [role="tabpanel"] > div {flex-direction:column;padding:0;gap:16px}
  .elementor-7.elementor #p5-products [role="tabpanel"] > div > div {width:100%;height:auto;padding:0}
  .elementor-7.elementor #p5-products [role="tabpanel"] > div > div:first-child {aspect-ratio:4/3}
  .elementor-7.elementor #p5-products [role="tabpanel"] > div > div:first-child img {
    position:static;inset:auto;width:100%;height:100%;object-fit:cover;
  }
  .elementor-7.elementor #p5-products [role="tabpanel"] > div > div:last-child > div {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto;gap:16px;
  }
  .elementor-7.elementor #p5-products [role="tabpanel"] > div > div:last-child img {width:100%;height:auto;aspect-ratio:1;object-fit:contain}
  .elementor-7.elementor [data-id="367bf00"] h2 {font-size:27px;line-height:1.3}
  .elementor-7.elementor [data-id="367bf00"] p {font-size:16px;line-height:1.7}
}