@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --ink:#111315;--muted:#687177;--line:#dfe3e5;--paper:#f7f7f4;
  --accent:#d8ff43;--accent2:#8da900;--dark:#151819;--soft:#eceeea;
}
.catalog-brochure *{box-sizing:border-box}
.catalog-brochure{color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
.catalog-brochure .page{
  width:210mm;min-height:297mm;margin:16px auto;background:var(--paper);
  overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.15);position:relative;
}
.catalog-brochure .topbar{height:20mm;padding:6mm 13mm 4mm;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.catalog-brochure .brand{font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-1.3px}.catalog-brochure .brand span{color:var(--accent2)}
.catalog-brochure .brand-note,.catalog-brochure .overline,.catalog-brochure .label{font-size:7.2px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}
.catalog-brochure .hero-grid{display:grid;grid-template-columns:47% 53%;min-height:76mm;padding:9mm 13mm 8mm;gap:7mm;border-bottom:1px solid var(--line)}
.catalog-brochure .overline{margin-bottom:4mm}
.catalog-brochure h1{font-family:Manrope,sans-serif;font-size:38px;line-height:.94;letter-spacing:-2.5px;margin:0 0 6mm;font-weight:800}
.catalog-brochure h1 i,.catalog-brochure h2 i{font-style:normal;color:var(--accent2)}
.catalog-brochure .hero-lead{font-size:10px;line-height:1.52;color:#596167;max-width:92%}
.catalog-brochure .hero-badges{display:flex;gap:3mm;margin-top:7mm;flex-wrap:wrap}.catalog-brochure .hero-badges span,.catalog-brochure .chips span,.catalog-brochure .ex-badges span,.catalog-brochure .cert-badges span{font-size:6.5px;text-transform:uppercase;letter-spacing:.65px;border:1px solid #cfd4d6;padding:1.5mm 2mm}
.catalog-brochure .hero-badges span:first-child{border-color:#9fb700;background:#eff6cc}
.catalog-brochure .hero-visual{position:relative;min-height:58mm;background:white;overflow:hidden}.catalog-brochure .hero-visual img{width:100%;height:100%;object-fit:cover}
.catalog-brochure .hero-specs{position:absolute;top:4mm;right:4mm;display:grid;gap:2mm;max-width:42%}
.catalog-brochure .hero-spec-item{background:rgba(255,255,255,.94);border:1px solid #dfe3e5;padding:2mm 2.5mm;font-size:6.8px;line-height:1.35}
.catalog-brochure .hero-spec-item span{display:block;color:#8a9195;font-weight:700;letter-spacing:.5px;margin-bottom:.5mm}
.catalog-brochure .hero-spec-item b{color:#1b1e20;font-size:7.2px}
.catalog-brochure .hero-caption{position:absolute;left:4mm;bottom:4mm;background:rgba(17,19,21,.93);color:#fff;padding:3mm 4mm;font-size:7px;line-height:1.4;letter-spacing:.7px}.catalog-brochure .hero-caption b{color:var(--accent)}
.catalog-brochure .intro-strip{margin:0 13mm 5mm;padding:4mm 5mm;background:#fff;border:1px solid var(--line)}
.catalog-brochure .intro-strip p{font-size:8px;line-height:1.55;color:#566065;margin:0 0 3mm}
.catalog-brochure .cert-badges{display:flex;gap:2mm;flex-wrap:wrap}
.catalog-brochure .cert-badges span{border-color:#bcc78a;background:#f3f6de;font-size:6.2px}
.catalog-brochure .section-head{display:grid;grid-template-columns:56% 44%;gap:7mm;padding:7mm 13mm 5mm}.catalog-brochure .section-head h2{font-family:Manrope,sans-serif;font-size:20px;line-height:1.05;letter-spacing:-1px;margin:2.5mm 0 0;font-weight:800}.catalog-brochure .section-head p{font-size:8.6px;line-height:1.52;color:#666e73;margin:5mm 0 0}
.catalog-brochure .family-grid{padding:0 13mm 6mm;display:grid;grid-template-columns:1fr 1fr;gap:3.5mm}.catalog-brochure .family{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:43% 57%;min-height:42mm}.catalog-brochure .family.feature{grid-column:span 2;grid-template-columns:48% 52%;min-height:47mm}.catalog-brochure .family-img{overflow:hidden;background:#fff}.catalog-brochure .family-img img{width:100%;height:100%;object-fit:cover;display:block}.catalog-brochure .family-img.dark{background:#111}.catalog-brochure .family-body{padding:4.5mm}.catalog-brochure .family-no{font-size:6.5px;letter-spacing:1.1px;color:#8aa400;font-weight:700;margin-bottom:1.8mm}.catalog-brochure .family h3{font-family:Manrope,sans-serif;font-size:13px;line-height:1.08;letter-spacing:-.45px;margin:0 0 2.2mm}.catalog-brochure .family p{font-size:7.6px;line-height:1.42;color:#687075;margin:0}.catalog-brochure .chips{display:flex;gap:2px;flex-wrap:wrap;margin-top:3mm}.catalog-brochure .chips span{padding:1mm 1.5mm;font-size:5.8px}.catalog-brochure .spec-row{display:flex;gap:4mm;flex-wrap:wrap;margin-top:3mm;font-size:6.8px;color:#677076}.catalog-brochure .spec-row b{color:#1b1e20}.catalog-brochure .micro-note{margin:0 13mm 6mm;padding:3mm 4mm;background:#eceeea;font-size:6.4px;line-height:1.45;color:#747b7f}

.catalog-brochure .dark-hero{background:var(--dark);color:#fff;margin:8mm 13mm 6mm;display:grid;grid-template-columns:58% 42%;min-height:55mm;overflow:hidden}.catalog-brochure .dark-hero>div{padding:7mm}.catalog-brochure .dark-hero .overline{color:#aeb5b8}.catalog-brochure .dark-hero h2{font-family:Manrope,sans-serif;font-size:24px;line-height:1;letter-spacing:-1.2px;margin:3mm 0}.catalog-brochure .dark-hero p{font-size:8px;line-height:1.5;color:#b9c0c3;margin:0;max-width:92%}.catalog-brochure .dark-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.catalog-brochure .light{color:#aeb5b8}
.catalog-brochure .fittings-grid{padding:0 13mm 6mm;display:grid;grid-template-columns:1fr 1fr;gap:3.5mm}.catalog-brochure .fit-card-wide{grid-column:1/-1}.catalog-brochure .fit-card{background:#fff;border:1px solid var(--line);padding:5mm}.catalog-brochure .fit-title{font-size:6.5px;letter-spacing:1.2px;color:#8ba400;font-weight:700}.catalog-brochure .fit-card h3{font-family:Manrope,sans-serif;font-size:14px;margin:2mm 0 1.5mm}.catalog-brochure .fit-card>p{font-size:7.5px;line-height:1.4;color:#687075;margin:0 0 3mm}.catalog-brochure .fit-card dl{display:grid;grid-template-columns:20% 80%;margin:0;font-size:6.8px;line-height:1.5}.catalog-brochure .fit-card dt{color:#8a9195;font-weight:700}.catalog-brochure .fit-card dd{margin:0;color:#444b50}
.catalog-brochure .compact{padding:0 0 4mm;grid-template-columns:57% 43%}.catalog-brochure .spec-section{padding:0 13mm 6mm}.catalog-brochure .matrix{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:6.6px}.catalog-brochure .matrix th{text-align:left;background:#eef0ed;color:#697176;font-size:6px;text-transform:uppercase;letter-spacing:.8px;padding:2.4mm;border-bottom:1px solid var(--line)}.catalog-brochure .matrix td{padding:2.2mm 2.4mm;border-bottom:1px solid #e6e8e8;vertical-align:top;line-height:1.35}.catalog-brochure .matrix tr:last-child td{border-bottom:0}.catalog-brochure .footnote{display:block;margin-top:2mm;color:#7a8185;font-size:5.8px;line-height:1.35}
.catalog-brochure .special-grid{padding:0 13mm 7mm;display:grid;grid-template-columns:63% 37%;gap:4mm}.catalog-brochure .special-copy{background:#e9edcf;padding:5mm}.catalog-brochure .special-copy h2{font-family:Manrope,sans-serif;font-size:19px;line-height:1.02;letter-spacing:-.8px;margin:2mm 0}.catalog-brochure .special-copy p{font-size:7.3px;line-height:1.48;color:#56605c;margin:0}.catalog-brochure .ex-badges{display:flex;gap:2px;flex-wrap:wrap;margin-top:3mm}.catalog-brochure .ex-badges span{border-color:#bcc78a;background:#f3f6de}.catalog-brochure .special-box{background:#171a1b;color:#fff;padding:5mm;display:flex;flex-direction:column;justify-content:center}.catalog-brochure .quote-mark{font-family:Georgia,serif;font-size:30px;line-height:.5;color:var(--accent)}.catalog-brochure .special-box strong{font-family:Manrope,sans-serif;font-size:13px;line-height:1.15;margin:3mm 0}.catalog-brochure .special-box p{font-size:6.5px;color:#aeb5b8;margin:0}
.catalog-brochure .brochure-footer{background:#111315;color:#fff;padding:7mm 13mm 6mm;display:grid;grid-template-columns:43% 57%;gap:7mm}.catalog-brochure .brochure-footer .label{color:#aeb5b8}.catalog-brochure .brochure-footer h2{font-family:Manrope,sans-serif;font-size:18px;line-height:1.04;letter-spacing:-.8px;margin:2mm 0}.catalog-brochure .contact{display:grid;grid-template-columns:1fr 1fr;gap:2mm 6mm;align-content:center}.catalog-brochure .contact-line{font-size:6.6px;color:#b9c0c3}.catalog-brochure .contact-line span{color:var(--accent);font-weight:700;margin-right:1.5mm}.catalog-brochure .contact-final{grid-column:1/-1;border-top:1px solid #383c3e;padding-top:3mm;margin-top:1mm;font-size:7px;color:#fff}

body.catalog-page{background:#dfe1df}
.catalog-shell{padding-top:var(--nav-height)}
.catalog-toolbar{background:var(--bg-section);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.catalog-toolbar a{color:var(--text-secondary);font-size:.9rem;font-weight:500}
.catalog-toolbar a:hover{color:var(--accent)}
.catalog-toolbar-actions{display:flex;gap:12px;flex-wrap:wrap}

@media print{
  @page{size:A4;margin:0}
  .navbar,.catalog-toolbar,.site-footer,.enamad-container{display:none!important}
  body.catalog-page{background:#fff;padding:0}
  .catalog-shell{padding-top:0}
  .catalog-brochure .page{margin:0;width:210mm;min-height:297mm;box-shadow:none;page-break-after:always}
  .catalog-brochure .page:last-child{page-break-after:auto}
}
@media screen and (max-width:800px){
  .catalog-brochure .page{width:100%;margin:0;box-shadow:none}
  .catalog-brochure .hero-grid,.catalog-brochure .section-head,.catalog-brochure .dark-hero,.catalog-brochure .brochure-footer{grid-template-columns:1fr}
  .catalog-brochure .family-grid,.catalog-brochure .fittings-grid,.catalog-brochure .special-grid{grid-template-columns:1fr}
  .catalog-brochure .family,.catalog-brochure .family.feature{grid-column:auto;grid-template-columns:1fr}
  .catalog-brochure .family-img{min-height:170px}.catalog-brochure .contact{grid-template-columns:1fr}
  .catalog-brochure .hero-specs{position:static;max-width:none;margin-top:3mm;grid-template-columns:1fr 1fr}
  .catalog-brochure .fit-card-wide{grid-column:auto}
}

/* Screen readability — scale up print-oriented typography */
@media screen{
  .catalog-brochure .brand{font-size:26px}
  .catalog-brochure .brand-note,.catalog-brochure .overline,.catalog-brochure .label{font-size:11px}
  .catalog-brochure h1{font-size:42px}
  .catalog-brochure .hero-lead{font-size:14px;line-height:1.6}
  .catalog-brochure .hero-badges span,.catalog-brochure .chips span,.catalog-brochure .ex-badges span,.catalog-brochure .cert-badges span{font-size:10px;padding:2mm 2.5mm}
  .catalog-brochure .hero-spec-item{font-size:11px;padding:3mm}
  .catalog-brochure .hero-spec-item b{font-size:12px}
  .catalog-brochure .hero-caption{font-size:11px;padding:4mm 5mm}
  .catalog-brochure .intro-strip p{font-size:13px;line-height:1.65}
  .catalog-brochure .section-head h2{font-size:24px}
  .catalog-brochure .section-head p{font-size:13px}
  .catalog-brochure .family-no{font-size:10px}
  .catalog-brochure .family h3{font-size:16px}
  .catalog-brochure .family p{font-size:12px;line-height:1.5}
  .catalog-brochure .spec-row{font-size:11px}
  .catalog-brochure .micro-note{font-size:11px;line-height:1.55}
  .catalog-brochure .dark-hero h2{font-size:28px}
  .catalog-brochure .dark-hero p{font-size:13px}
  .catalog-brochure .fit-title{font-size:10px}
  .catalog-brochure .fit-card h3{font-size:16px}
  .catalog-brochure .fit-card>p{font-size:12px;line-height:1.5}
  .catalog-brochure .fit-card dl{font-size:11px;line-height:1.6}
  .catalog-brochure .matrix{font-size:11px}
  .catalog-brochure .matrix th{font-size:10px;padding:3mm}
  .catalog-brochure .matrix td{padding:3mm 3.5mm}
  .catalog-brochure .footnote{font-size:10px}
  .catalog-brochure .special-copy h2{font-size:22px}
  .catalog-brochure .special-copy p{font-size:12px;line-height:1.55}
  .catalog-brochure .special-box strong{font-size:15px}
  .catalog-brochure .special-box p{font-size:10px}
  .catalog-brochure .brochure-footer h2{font-size:20px}
  .catalog-brochure .contact-line{font-size:11px}
  .catalog-brochure .contact-final{font-size:12px}
}