/* MEISTER Málaga v6.1.0 — COLLECTION BANNER SAFE-FRAME QA
   Goal: no accidental cropping of collection banners on desktop/mobile.
   Heroes keep premium cover on desktop with safer focal points; mobile shows the complete image
   above the copy instead of forcing a landscape asset into a tall portrait crop. */

/* Desktop / large tablet — reduce aggressive focal crop and standardize hero height. */
@media (min-width:768px){
  .lam-page .lam-hero,
  .lind-page .lind-hero,
  .vinyl-archidona-page .vc-hero,
  .panels-page .panels-hero,
  .accessories-page .accessories-hero{min-height:min(760px,84svh)!important;overflow:hidden;background:#0a0a0a}
  .lam-page .lam-hero-media{object-fit:cover!important;object-position:center 56%!important}
  .parquet-luxury-page .lind-hero-media{object-fit:cover!important;object-position:center 55%!important}
  .lindura-luxury-page .lind-hero-media{object-fit:cover!important;object-position:center 56%!important}
  .vinyl-archidona-page .vc-hero>img{object-fit:cover!important;object-position:center 55%!important}
  .panels-page .panels-hero-media{object-fit:cover!important;object-position:center 52%!important;transform:none!important}
  .accessories-page .accessories-hero-media{object-fit:cover!important;object-position:center 52%!important}
}

/* Mobile — do not use a 3:2 landscape photo as a 700–800px portrait crop.
   Keep the full banner visible at the top and move readable copy into the dark lower field. */
@media (max-width:767px){
  .lam-page .lam-hero,
  .lind-page .lind-hero,
  .vinyl-archidona-page .vc-hero,
  .panels-page .panels-hero,
  .accessories-page .accessories-hero{
    min-height:720px!important;
    background:#090909!important;
    overflow:hidden!important;
    align-items:flex-end!important;
  }
  .lam-page .lam-hero-media,
  .lind-page .lind-hero-media,
  .vinyl-archidona-page .vc-hero>img,
  .panels-page .panels-hero-media,
  .accessories-page .accessories-hero-media{
    position:absolute!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center top!important;
    transform:none!important;
    background:#090909!important;
  }
  .lam-page .lam-hero-overlay,
  .lind-page .lind-hero-overlay,
  .vinyl-archidona-page .vc-hero-overlay,
  .panels-page .panels-hero-shade,
  .accessories-page .accessories-hero-shade{
    background:linear-gradient(0deg,#090909 0%,rgba(9,9,9,.98) 43%,rgba(9,9,9,.76) 57%,rgba(9,9,9,.12) 78%,rgba(9,9,9,0) 100%)!important;
  }
  .lam-page .lam-hero-content,
  .lind-page .lind-hero-content,
  .vinyl-archidona-page .vc-hero-copy,
  .panels-page .panels-hero-content,
  .accessories-page .accessories-hero-content{
    padding-top:300px!important;
    padding-bottom:48px!important;
  }

  /* Secondary collection banners / sample panels: show full creative, never crop text/artwork. */
  .lam-samples-media,
  .lind-samples-media,
  .vc-samples-grid figure,
  .panels-samples-media,
  .accessories-samples-media,
  .panels-banner-media,
  .panels-banner-feature figure{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    background:#0a0a0a!important;
  }
  .lam-samples-media img,
  .lind-samples-media img,
  .vc-samples-grid img,
  .panels-samples-media img,
  .accessories-samples-media img,
  .panels-banner-media img,
  .panels-banner-feature img,
  .panels-banner-wide img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* Tablet split banners: preserve complete marketing creatives with embedded text. */
@media (min-width:768px) and (max-width:1180px){
  .lam-samples-media img,
  .lind-samples-media img,
  .vc-samples-grid img,
  .panels-samples-media img,
  .accessories-samples-media img,
  .panels-banner-media img,
  .panels-banner-feature img{
    object-fit:contain!important;
    object-position:center!important;
    height:auto!important;
    min-height:0!important;
  }
}