/*
 * MEISTER Málaga v6.2.1 — COLLECTION BANNER MASTER PARITY RECOVERY
 * Root-cause fix: the collection sample assets for Laminados/Parquet/Vinílicos/
 * Lindura/Paneles are already complete marketing creatives. They must never be
 * cropped inside a split media column. Render the creative in full, then place
 * the Master copy/CTA in a controlled editorial strip below it.
 */

/* ---------- Shared desktop frame ---------- */
.laminate-samples .lam-samples-shell,
.parquet-samples .lind-samples-shell,
.lindura-samples .lind-samples-shell,
.panels-luxury-samples .panels-samples-shell,
.accessories-samples .accessories-samples-shell,
.vc-samples .vc-samples-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  width:min(1260px,calc(100% - 48px))!important;
  margin-inline:auto!important;
  overflow:hidden!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}

/* Complete creative: never crop it, never force it to the copy height. */
.laminate-samples .lam-samples-media,
.parquet-samples .lind-samples-media,
.lindura-samples .lind-samples-media,
.panels-luxury-samples .panels-samples-media,
.accessories-samples .accessories-samples-media,
.vc-samples .vc-samples-grid figure {
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  background:#050505!important;
}

.laminate-samples .lam-samples-media img,
.parquet-samples .lind-samples-media img,
.lindura-samples .lind-samples-media img,
.panels-luxury-samples .panels-samples-media img,
.accessories-samples .accessories-samples-media img,
.vc-samples .vc-samples-grid figure img {
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}

/* Copy strip: symmetric, readable, never overlaps the creative. */
.laminate-samples .lam-samples-copy,
.parquet-samples .lind-samples-copy,
.lindura-samples .lind-samples-copy,
.panels-luxury-samples .panels-samples-copy,
.accessories-samples .accessories-samples-copy,
.vc-samples .vc-samples-grid > div {
  box-sizing:border-box!important;
  padding:clamp(32px,4vw,54px)!important;
  min-width:0!important;
  align-content:center!important;
}

.laminate-samples .lam-samples-copy,
.parquet-samples .lind-samples-copy,
.lindura-samples .lind-samples-copy {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:clamp(28px,4vw,64px)!important;
  align-items:center!important;
}

.panels-luxury-samples .panels-samples-copy,
.accessories-samples .accessories-samples-copy,
.vc-samples .vc-samples-grid > div {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:start!important;
}

/* Typographic guard: large headings stay premium without breaking the frame. */
.laminate-samples .lam-samples-copy h2,
.parquet-samples .lind-samples-copy h2,
.lindura-samples .lind-samples-copy h2,
.panels-luxury-samples .panels-samples-copy h2,
.accessories-samples .accessories-samples-copy h2,
.vc-samples .vc-samples-grid h2 {
  max-width:820px!important;
  margin-top:12px!important;
  margin-bottom:16px!important;
  font-size:clamp(38px,4vw,60px)!important;
  line-height:.98!important;
  text-wrap:balance!important;
}

.laminate-samples .lam-samples-copy p,
.parquet-samples .lind-samples-copy p,
.lindura-samples .lind-samples-copy p,
.panels-luxury-samples .panels-samples-copy p,
.accessories-samples .accessories-samples-copy p,
.vc-samples .vc-samples-grid p {
  max-width:760px!important;
  margin-bottom:0!important;
  line-height:1.65!important;
}

/* CTA is part of the copy strip, never floats over the heading. */
.laminate-samples .lam-samples-copy .lam-btn,
.parquet-samples .lind-samples-copy .lind-btn,
.lindura-samples .lind-samples-copy .lind-btn,
.panels-luxury-samples .panels-samples-copy .panels-btn,
.accessories-samples .accessories-samples-copy .accessories-btn,
.vc-samples .vc-samples-grid .vc-primary {
  position:static!important;
  transform:none!important;
  margin-top:24px!important;
  width:max-content!important;
  max-width:100%!important;
  align-self:center!important;
  justify-self:start!important;
}

/* Collection-specific surfaces preserve the Master palette. */
.laminate-samples .lam-samples-shell,
.parquet-samples .lind-samples-shell,
.panels-luxury-samples .panels-samples-shell,
.accessories-samples .accessories-samples-shell,
.vc-samples .vc-samples-grid {
  background:#11100e!important;
  border:1px solid rgba(190,135,61,.42)!important;
  color:#fff!important;
}

.laminate-samples .lam-samples-copy,
.parquet-samples .lind-samples-copy,
.panels-luxury-samples .panels-samples-copy,
.accessories-samples .accessories-samples-copy,
.vc-samples .vc-samples-grid > div {
  border-top:1px solid rgba(255,255,255,.12)!important;
}

.lindura-samples .lind-samples-shell {
  background:#fff!important;
  border:1px solid #d2c6b5!important;
  color:#171512!important;
}
.lindura-samples .lind-samples-copy {border-top:1px solid #d2c6b5!important}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .laminate-samples .lam-samples-shell,
  .parquet-samples .lind-samples-shell,
  .lindura-samples .lind-samples-shell,
  .panels-luxury-samples .panels-samples-shell,
  .accessories-samples .accessories-samples-shell,
  .vc-samples .vc-samples-grid {
    width:min(100% - 32px,1260px)!important;
  }
  .laminate-samples .lam-samples-copy,
  .parquet-samples .lind-samples-copy,
  .lindura-samples .lind-samples-copy {
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .laminate-samples .lam-samples-copy .lam-btn,
  .parquet-samples .lind-samples-copy .lind-btn,
  .lindura-samples .lind-samples-copy .lind-btn {
    margin-top:8px!important;
  }
}

/* ---------- Mobile visual QA contract ---------- */
@media (max-width:767px){
  .laminate-samples,
  .parquet-samples,
  .lindura-samples,
  .panels-luxury-samples,
  .accessories-samples,
  .vc-samples {
    padding-top:52px!important;
    padding-bottom:52px!important;
  }

  .laminate-samples .lam-samples-shell,
  .parquet-samples .lind-samples-shell,
  .lindura-samples .lind-samples-shell,
  .panels-luxury-samples .panels-samples-shell,
  .accessories-samples .accessories-samples-shell,
  .vc-samples .vc-samples-grid {
    width:calc(100% - 20px)!important;
  }

  .laminate-samples .lam-samples-copy,
  .parquet-samples .lind-samples-copy,
  .lindura-samples .lind-samples-copy,
  .panels-luxury-samples .panels-samples-copy,
  .accessories-samples .accessories-samples-copy,
  .vc-samples .vc-samples-grid > div {
    padding:28px 20px 30px!important;
    gap:18px!important;
  }

  .laminate-samples .lam-samples-copy h2,
  .parquet-samples .lind-samples-copy h2,
  .lindura-samples .lind-samples-copy h2,
  .panels-luxury-samples .panels-samples-copy h2,
  .accessories-samples .accessories-samples-copy h2,
  .vc-samples .vc-samples-grid h2 {
    font-size:clamp(34px,10vw,42px)!important;
    line-height:1!important;
  }

  .laminate-samples .lam-samples-copy .lam-btn,
  .parquet-samples .lind-samples-copy .lind-btn,
  .lindura-samples .lind-samples-copy .lind-btn,
  .panels-luxury-samples .panels-samples-copy .panels-btn,
  .accessories-samples .accessories-samples-copy .accessories-btn,
  .vc-samples .vc-samples-grid .vc-primary {
    width:100%!important;
    justify-self:stretch!important;
    margin-top:10px!important;
  }
}