/* Keep the existing panel photograph and quotation actions visible on phones. */
@media (max-width: 1000px) {
  .hero { min-height:0; }
  .hero .slide:first-child { position:relative; flex-direction:column; padding:28px 0 64px; }
  .hero .slide:first-child .container { order:1; padding-right:0; }
  .hero .slide:first-child .hero-product { display:block; position:relative; order:2; inset:auto; transform:none; width:88%; max-width:440px; margin:20px auto 0; padding:12px; border-radius:12px; }
  .hero .hero-product img { height:150px; width:100%; object-fit:contain; }
  .hero .hero-product span { padding-top:8px; font-size:13px; line-height:1.4; }
  .hero .slide p { font-size:16px; line-height:1.6; margin-bottom:20px; }
  .hero .slide h1 { margin-bottom:14px; }
  .hero .slide .ctas { gap:12px; }
  .hero .slide .ctas .btn { min-height:44px; padding:12px 18px; }
  .hero .slide:not(:first-child) .container { padding-top:24px; padding-bottom:64px; }
}

/* Give buyers a direct route to supplier details and catalogue dimensions. */
.hero-verification-links { display:flex; flex-wrap:wrap; gap:0 24px; margin-top:12px; }
.hero-verification-links a { display:inline-flex; align-items:center; min-height:44px; color:#e2edf6; font-size:14px; line-height:1.5; text-decoration:underline; text-underline-offset:4px; }
.hero-verification-links a:hover { color:#fff; }
.hero-verification-links a:focus-visible { outline:3px solid #fff; outline-offset:4px; border-radius:2px; }
@media (max-width: 1000px) { .hero-verification-links { gap:0 20px; margin-top:8px; } }

/* Cap reserved photo space so wider screens do not narrow the heading. */
@media (min-width:1001px) { .hero .slide:first-child .container { padding-right:min(44vw,600px); } }