/* CoolPro datasheet: per-doc overrides only (layout is ../../../../brochure.css).
   The CoolPro sheet carries a feature list and model/option chips where the
   EarthGuard sheets have benefit cards; both are styled here until promoted. */

/* The render has a wide transparent margin round a small box: show it larger,
   centred in the ring. */
.brochure .cover__photo { left: 5mm; top: 76mm; width: 200mm; }

/* Isometric line drawing: no orthographic views to dimension, so the
   dimensions are in the caption only. */
.brochure .spec-dwg--iso img { display: block; width: 52mm; height: auto; margin: 0 auto 2.4mm; }

/* "Why choose" feature list: two columns, square orange bullets (the
   booklet's .feature-list). */
.brochure .why__title { font-family: var(--font-brand); font-size: 16px; font-weight: 700; margin: 0 0 2mm; padding-bottom: 1.6mm; border-bottom: 0.5mm solid var(--sheet-ink); }
.brochure .why__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1.4mm 7mm; }
.brochure .why__list li { position: relative; padding-left: 4.4mm; font-size: 13px; line-height: 1.45; color: var(--fg-2); }
.brochure .why__list li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 1.6mm; height: 1.6mm; border-radius: 0.4mm; background: var(--or); }
.brochure .why__list strong { color: var(--fg-1); font-weight: 600; }

/* Models / options: outlined chips (the booklet's .chip). */
.brochure .chiprow { display: grid; grid-template-columns: auto 1fr; gap: 0 12mm; }
.brochure .chiprow h4 { font-size: 12px; font-weight: 600; color: var(--fg-3); margin: 0 0 1.4mm; }
.brochure .chiprow p { margin: 0; display: flex; flex-wrap: wrap; gap: 2mm; }
.brochure .chip { font-size: 12px; font-weight: 600; white-space: nowrap; color: var(--fg-1); padding: 0.8mm 2.6mm; border: 0.35mm solid var(--gray-300); border-radius: 2mm; }
