/* Natural-height catalogue rows replace the former uniform 8+8 placeholder grids. */
#materials.verified-materials-section,.verified-materials-section{height:auto!important;min-height:0!important;max-height:none!important;background:#fff!important;overflow:visible!important;padding:0!important;display:block!important}
.verified-materials-section>.catalogue-materials,.catalogue-materials *{visibility:visible!important}
.catalogue-materials{padding:52px 4.444444% 44px;color:#263034;font-family:Onest,Arial,sans-serif;font-weight:300}
.catalogue-materials h2{font-size:clamp(28px,3.05556vw,44px);line-height:1.12;letter-spacing:-.025em;margin:0 0 48px!important}
/* Let each part shrink to its column instead of inheriting the swatch grid minimum. */
.cm-parts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.cm-part{min-width:0}
.cm-parts-three>.cm-part[data-part="tabletop"]{grid-row:span 2}
.cm-part h3{font-size:16px;line-height:1.3;margin:0 0 22px;font-weight:400}
.cm-group{margin:0 0 28px}.cm-group h4{font-size:13px;font-weight:300;line-height:1.4;margin:0 0 15px}
.cm-group ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,64px);gap:18px 12px;max-width:620px}
.cm-group li{min-width:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.cm-group img{display:block;width:48px;height:48px;object-fit:cover;margin:0 0 12px;transform-origin:50% 65%;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;filter:none!important}
.cm-group img:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 8px 12px #26303420}
.cm-group span,.cm-group small{transform:none!important;translate:none!important;scale:none!important;animation:none!important;transition:none!important}
.cm-group small{font-size:10px;line-height:1.3;letter-spacing:0;opacity:.7;margin-top:3px}.cm-note{font-size:11px;line-height:1.45;opacity:.65;margin:8px 0 0!important}
@media(max-width:999px){.catalogue-materials{padding:42px 24px 36px}.catalogue-materials h2{font-size:28px;max-width:300px;margin-bottom:34px!important}.cm-parts{grid-template-columns:1fr;gap:8px}.cm-parts-three>.cm-part[data-part="tabletop"]{grid-row:auto}.cm-group ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}.cm-group li{font-size:12px}.cm-group small{font-size:11px}.cm-part h3{font-size:15px}.cm-group h4{font-size:13px}.cm-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cm-group img{transition:none}.cm-group img:hover{transform:none}}
.no-motion .cm-group img{transition:none}.no-motion .cm-group img:hover{transform:none}

.cm-dimensions{border-top:1px solid #26303420;margin-top:18px;padding-top:26px}.cm-dimensions h3{font-size:16px;font-weight:400;margin:0 0 20px}.cm-dimensions ul{display:flex;flex-wrap:wrap;gap:20px 36px;list-style:none;padding:0;margin:0 0 28px}.cm-dimensions li{display:flex;flex-direction:column;gap:5px;font-size:13px}.cm-dimensions small{font-size:11px;color:#6a7472}@media(max-width:999px){.cm-dimensions ul{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}}
/* Approved desktop plate is 1440×450; mobile remains readable natural flow. */
@media(min-width:1000px){
 #materials .cm-alvaro{--cm-u:calc(100vw / 1440);position:relative;height:calc(450 * var(--cm-u));padding:0}
 #materials .cm-alvaro h2{position:absolute;left:calc(64 * var(--cm-u));top:calc(46 * var(--cm-u));font-size:calc(44 * var(--cm-u));line-height:1.12;margin:0!important}
 #materials .cm-alvaro-columns{position:absolute;inset:0;display:block}
 #materials .cm-alvaro .cm-part{position:absolute;top:0;width:calc(400 * var(--cm-u));height:100%}
 #materials .cm-alvaro .cm-part:nth-child(1){left:calc(64 * var(--cm-u))}
 #materials .cm-alvaro .cm-part:nth-child(2){left:calc(520 * var(--cm-u))}
 #materials .cm-alvaro .cm-part:nth-child(3){left:calc(976 * var(--cm-u))}
 #materials .cm-alvaro .cm-part h3{position:absolute;top:calc(121 * var(--cm-u));font-size:calc(16 * var(--cm-u));line-height:1.2;margin:0}
 #materials .cm-alvaro .cm-group{position:absolute;left:0;top:calc(162 * var(--cm-u));width:100%;margin:0}
 #materials .cm-alvaro .cm-group+ .cm-group{top:calc(297 * var(--cm-u))}
 #materials .cm-alvaro .cm-group h4{font-size:calc(13 * var(--cm-u));line-height:1.2;margin:0 0 calc(15.4 * var(--cm-u))}
 #materials .cm-alvaro .cm-group ul{display:grid;grid-template-columns:repeat(5,calc(64 * var(--cm-u)));gap:calc(14 * var(--cm-u))}
 #materials .cm-alvaro .cm-group img{width:calc(48 * var(--cm-u));height:calc(48 * var(--cm-u));margin-bottom:calc(12 * var(--cm-u))}
 #materials .cm-alvaro .cm-group li{font-size:calc(11 * var(--cm-u));line-height:1.36}
}

/* Keep this verified long decor name on whole-word lines, using half of the
   existing 12px grid gutter. Swatches, tracks, type size and facts stay unchanged. */
.cm-group span[data-material-label="Calacatta Michelangelo"]{width:calc(100% + 6px)}