/* ═══════════════════════════════════════════════════════
   BRANDS PAGE — page furniture only.
   The brand card grid lives in the blade (.blp-* classes),
   so NOTHING here can affect the mega menu or the homepage
   brand strip. Colours/fonts/tokens come from global.css.
   ═══════════════════════════════════════════════════════ */

/* Trust ribbon */
#ribbon{background:#f3f2ef;border-bottom:1px solid var(--border);padding:9px 0;}
.rib-row{display:flex;justify-content:center;flex-wrap:wrap;}
.ri{display:inline-flex;align-items:center;gap:7px;font-family:var(--fb);font-size:var(--fs-tag);font-weight:var(--fw-med);color:var(--g1);padding:3px 24px;position:relative;}
.ri+.ri::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:13px;background:var(--border);}
.ri i{color:var(--red);font-size:13px;}

/* Breadcrumb + trust badges bar */
.page-meta-bar{background:#fff;border-bottom:1px solid var(--border);}
.pmb-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 0;}
.bc-list{display:flex;align-items:center;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0;}
.bc-list li{display:flex;align-items:center;font-family:var(--fb);font-size:var(--fs-tag);color:var(--g3);}
.bc-list li a{color:var(--g2);font-weight:var(--fw-med);display:flex;align-items:center;gap:5px;transition:color .18s;padding:2px 0;}
.bc-list li a i{font-size:11px;color:var(--g4);}
.bc-list li a:hover{color:var(--red);}
.bc-list li.active{color:var(--ink);font-weight:var(--fw-bold);}
.bc-list li.bc-sep{color:var(--g4);font-size:var(--fs-small);padding:0 7px;user-select:none;}
.pmb-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pmb-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--fb);font-size:var(--fs-tag);font-weight:var(--fw-med);color:var(--g1);background:var(--surface);border:1px solid var(--border);border-radius:30px;padding:4px 12px;white-space:nowrap;}
.pmb-badge i{font-size:11px;color:var(--g3);}
.pmb-badge.red{background:var(--red);border-color:var(--red);color:#fff;}
.pmb-badge.red i{color:rgba(255,255,255,.85);}
@media(max-width:700px){.pmb-badges .pmb-badge:not(.red){display:none;}}

/* Page header */
.page-hdr{background:#fff;padding:32px 0 28px;border-bottom:1px solid var(--border);}
.page-hdr h1{font-family:var(--fh);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--ink);letter-spacing:-.5px;margin-bottom:10px;}
.page-hdr p{font-family:var(--fb);font-size:var(--fs-body);color:var(--g2);line-height:var(--lh-body);max-width:700px;margin-bottom:0;}

/* Mount / ISO banner */
.mount-banner{background:var(--red);padding:24px 0;position:relative;overflow:hidden;}
.mount-banner::before{content:'';position:absolute;top:-60px;right:0;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none;}
.mb-i{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1;flex-wrap:wrap;}
.mb-txt{display:flex;flex-direction:column;gap:6px;}
.mb-i h2{font-family:var(--fh);font-size:var(--fs-h4);font-weight:var(--fw-bold);letter-spacing:-.3px;color:#fff;margin:0;display:flex;align-items:center;gap:10px;}
.mb-i h2 i{color:#f5c542;font-size:1em;}
.mb-txt p{font-family:var(--fb);font-size:var(--fs-body);font-weight:var(--fw-light);color:rgba(255,255,255,.85);margin:0;line-height:var(--lh-body);}
.btn-wh{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--red);border:none;border-radius:5px;padding:12px 24px;font-family:var(--fb);font-size:var(--fs-btn);font-weight:var(--fw-bold);transition:transform .18s,box-shadow .18s;cursor:pointer;text-decoration:none;flex-shrink:0;}
.btn-wh:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15);}

/* Help section */
.help-sec{background:var(--ink2);padding:60px 0;text-align:center;}
.help-sec h2{font-family:var(--fh);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:#fff;margin-bottom:10px;letter-spacing:-.3px;line-height:var(--lh-h3);}
.help-sec p{font-family:var(--fb);font-size:var(--fs-body);color:rgba(255,255,255,.55);max-width:500px;margin:0 auto 24px;line-height:var(--lh-body);}
.btn-r{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;border:none;border-radius:5px;padding:12px 26px;font-family:var(--fb);font-size:var(--fs-btn);font-weight:var(--fw-bold);letter-spacing:.1px;transition:background .18s,transform .18s,box-shadow .18s;text-decoration:none;}
.btn-r:hover{background:var(--red-d);color:#fff;transform:translateY(-2px);box-shadow:0 7px 20px rgba(192,57,43,.3);}

/* Footer certs */
.foot-certs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.foot-cert{border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:8px 12px;text-align:center;}
.foot-cert .ci{font-family:var(--fh);font-size:var(--fs-tag);font-weight:var(--fw-med);color:var(--red);display:block;line-height:var(--lh-eye);}
.foot-cert p{font-family:var(--fb);font-size:var(--fs-tag);color:rgba(255,255,255,.35);margin:3px 0 0;line-height:var(--lh-eye);}