/* Compact mobile treatment for product and system catalogs. */
@media (max-width:640px){
  .grid-3{gap:16px}
  .card{border-radius:18px}
  .card__media{aspect-ratio:16/9}
  .card__body{padding:17px 18px 19px;gap:5px}
  .card__body h3{font-size:1.15rem}
  .card__body p{font-size:.91rem;line-height:1.48}

  .reynaers-system{padding:22px 18px;gap:10px;border-radius:20px}
  .reynaers-system__main h2{font-size:clamp(1.8rem,9vw,2.35rem);line-height:.98}
  .reynaers-system__tagline{font-size:1rem}
  .reynaers-system__main>p:last-of-type{margin-top:11px;font-size:.94rem;line-height:1.55}
  .reynaers-system__features{gap:6px;margin-top:15px}
  .reynaers-system__features span{padding:6px 9px;font-size:.7rem}
  .reynaers-system__side{gap:10px}
  .reynaers-system__product-zoom{width:min(350px,88vw)!important;height:255px!important;margin:0 auto}
  .window-catalog-modern .reynaers-system__product-zoom{width:100%!important;height:clamp(255px,78vw,340px)!important;margin:0!important}

  .schueco-system-card{min-height:0;padding:23px 19px;border-radius:20px}
  .schueco-system-card h2{margin-top:14px;font-size:clamp(1.8rem,9vw,2.4rem);line-height:1}
  .schueco-system-card p{margin-top:10px;font-size:.94rem;line-height:1.55}
  .schueco-system-card__footer{padding-top:21px}

  .sliding-product{width:100%;max-width:100%;min-width:0;gap:8px;padding:22px 17px;border-radius:20px}
  .sliding-product>*{min-width:0}
  .sliding-product__copy h2{font-size:clamp(2rem,10vw,2.7rem);line-height:.96}
  .sliding-product__tagline{font-size:1rem;line-height:1.42}
  .sliding-product__copy>p:not(.sliding-product__tagline){margin-top:11px;font-size:.94rem;line-height:1.55}
  .sliding-product__chips{gap:6px;margin-top:16px}
  .sliding-product__chips span{padding:6px 9px;font-size:.7rem}
  .sliding-product__details>summary{padding-top:20px;font-size:1rem;font-weight:850;line-height:1.28}

  .door-product{padding:22px 18px!important;border-radius:20px}
  .door-product h2{font-size:clamp(1.9rem,9vw,2.6rem)!important}

  /* Schüco sliding-system detail pages use an extra three-column layout. */
  .schueco-sliding-page .sliding-product{width:100%;max-width:100%;min-width:0;padding:20px 16px;gap:7px}
  .schueco-sliding-page .sliding-product__num{padding-top:0;font-size:.72rem}
  .schueco-sliding-page .sliding-product__copy h2{margin:3px 0 9px;font-size:clamp(1.85rem,9vw,2.45rem);line-height:.98}
  .schueco-sliding-page .sliding-product__tagline{font-size:.96rem;line-height:1.36}
  .schueco-sliding-page .sliding-product__copy>p:not(.sliding-product__tagline){font-size:.9rem;line-height:1.5}
  .schueco-sliding-page .sliding-door-product__visual{width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:285px!important;margin-top:8px;padding:22px 16px 17px;border-radius:18px}
  .schueco-sliding-page .sliding-door-product__visual::before{inset:10px;border-radius:13px}
  .schueco-sliding-page .sliding-door-product__visual img{height:180px!important;max-width:260px!important}
  .schueco-sliding-page .sliding-door-product__visual span{left:14px;top:13px;font-size:.56rem}
  .schueco-sliding-page .sliding-door-product__visual figcaption{max-width:220px;margin-top:7px;gap:3px}
  .schueco-sliding-page .sliding-door-product__visual figcaption strong{font-size:.72rem}
  .schueco-sliding-page .sliding-door-product__visual figcaption small{font-size:.62rem;line-height:1.32}
}

@media (max-width:390px){
  .sliding-product{padding:19px 14px}
  .schueco-sliding-page .sliding-product{padding:18px 14px}
  .schueco-sliding-page .sliding-door-product__visual{min-height:260px!important;padding:19px 13px 14px}
  .schueco-sliding-page .sliding-door-product__visual img{height:158px!important;max-width:235px!important}
}