/* ============================================================
   Rmg Bike — Brand UI v2.0 "Editorial" (Aventon-benchmarked)
   Light, photo-led, generous whitespace. Video/animation-ready slots.
   Brand: red #d8232a · ink #13151a · warm paper #f7f6f3 · dark #111317
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap');

:root{
  --rmg-red:#d8232a; --rmg-red-dark:#b01b21;
  --rmg-ink:#13151a; --rmg-muted:#6b7280; --rmg-line:#e8e6e1;
  --rmg-paper:#f7f6f3; --rmg-dark:#111317; --rmg-card:#ffffff;
  --rmg-shadow:0 18px 50px rgba(17,19,23,.10);
}

body,button,input,select,textarea{font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif;color:var(--rmg-ink)}
h1,h2,h3,.rmg-display{font-family:'Barlow Condensed','Inter',sans-serif;letter-spacing:.005em}

/* ---------- layout ---------- */
.rmg-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;box-sizing:border-box}
.rmg-wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.rmg-sec{padding:clamp(56px,8vw,104px) 0}
.rmg-paper{background:var(--rmg-paper)}
.rmg-kicker{display:block;color:var(--rmg-red);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:11.5px;margin-bottom:10px}
.rmg-h-xl{font-size:clamp(34px,5.6vw,74px);line-height:1.02;font-weight:800}
.rmg-h-lg{font-size:clamp(26px,3.6vw,44px);line-height:1.08;font-weight:700}
.rmg-lead{color:var(--rmg-muted);font-size:clamp(15px,1.4vw,17px);line-height:1.75;max-width:640px}

/* ---------- buttons (pill, restrained) ---------- */
.rmg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:99px;padding:14px 30px;font-weight:700;font-size:14.5px;text-decoration:none;transition:all .22s ease;border:1.5px solid transparent;cursor:pointer;letter-spacing:.01em}
.rmg-btn-primary{background:var(--rmg-red);color:#fff}
.rmg-btn-primary:hover{background:var(--rmg-red-dark);color:#fff;transform:translateY(-2px)}
.rmg-btn-dark{background:var(--rmg-ink);color:#fff}
.rmg-btn-dark:hover{background:#000;color:#fff}
.rmg-btn-ghost{border-color:rgba(255,255,255,.75);color:#fff}
.rmg-btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.rmg-btn-outline{border-color:#c9c5bc;color:var(--rmg-ink)}
.rmg-btn-outline:hover{border-color:var(--rmg-ink);color:var(--rmg-ink)}
.rmg-link{color:var(--rmg-ink);font-weight:700;font-size:14px;text-decoration:none;border-bottom:2px solid var(--rmg-red);padding-bottom:2px}
.rmg-link:hover{color:var(--rmg-red)}

/* ---------- media slots (video / AI animation ready) ---------- */
.rmg-slot{position:relative;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,#edf0f5 0%,#dde4ee 55%,#ccd7e5 100%);display:flex;align-items:center;justify-content:center;color:#93a1b8}
.rmg-slot--dark{background:linear-gradient(150deg,#232b38 0%,#141a24 60%,#0c1016 100%);color:#67748a}
.rmg-slot img,.rmm-slot video,.rmg-slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rmg-slot-tag{position:absolute;bottom:10px;right:12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(120,135,160,.85);font-weight:700;pointer-events:none}
.rmg-slot--dark .rmg-slot-tag{color:rgba(148,163,184,.6)}
.rmg-slot-icon{width:64px;height:64px;opacity:.55}
.rmg-slot--hero{position:absolute;inset:0;border-radius:0}
.rmg-slot--story{aspect-ratio:4/3}
.rmg-slot--tile{position:absolute;inset:0;border-radius:0}
.rmg-slot--feat{aspect-ratio:16/10}

/* ---------- HERO (photo-led, bottom-left copy) ---------- */
.rmg-hero{position:relative;min-height:clamp(460px,74vh,780px);display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.rmg-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(12deg,rgba(10,12,16,.72) 0%,rgba(10,12,16,.25) 45%,rgba(10,12,16,0) 75%)}
.rmg-hero .rmg-wrap{position:relative;z-index:2;padding-bottom:clamp(40px,7vh,80px);width:100%}
.rmg-hero h1{color:#fff;margin:0 0 14px;font-weight:800}
.rmg-hero h1 em{font-style:normal;color:#ff6d6a}
.rmg-hero .rmg-lead{color:#c7cfdd;max-width:620px;margin:0 0 26px}
.rmg-hero .rmg-kicker{color:#ffb1af}
.rmg-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ---------- story rows (alternating, editorial) ---------- */
.rmg-story{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.rmg-story-alt .rmg-slot--story{order:2}
.rmg-story-copy h2{margin:0 0 12px}
.rmg-story-copy p{color:var(--rmg-muted);line-height:1.8;font-size:15.5px;margin:0 0 22px}
.rmg-story-row+.rmg-story-row{margin-top:clamp(48px,7vw,88px)}
.rmg-story-stats{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap}
.rmg-story-stats div b{display:block;font-size:24px;font-family:'Barlow Condensed';color:var(--rmg-ink)}
.rmg-story-stats div span{font-size:12px;color:var(--rmg-muted);text-transform:uppercase;letter-spacing:.1em}

/* ---------- manifesto band ---------- */
.rmg-manifesto{text-align:center;max-width:760px;margin:0 auto}
.rmg-manifesto p{color:var(--rmg-muted);font-size:clamp(15px,1.6vw,18px);line-height:1.85;margin:0}

/* ---------- category tiles (3:4 photo tiles) ---------- */
.rmg-catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}
.rmg-cat{position:relative;display:block;aspect-ratio:3/4;border-radius:6px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate}
.rmg-cat::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(18deg,rgba(12,15,20,.78) 0%,rgba(12,15,20,.05) 55%)}
.rmg-cat-body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:16px 16px 15px}
.rmg-cat-body h3{margin:0;font-size:19px;color:#fff;font-weight:700}
.rmg-cat-body span{font-size:12px;color:rgba(255,255,255,.72);display:block;margin-top:3px}
.rmg-cat .rmg-slot-icon{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);z-index:0;width:84px;height:84px;opacity:.5}
.rmg-cat:hover .rmg-slot--tile{filter:brightness(1.06)}

/* ---------- feature trio (tech) ---------- */
.rmg-tech{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(18px,3vw,34px)}
.rmg-tech article h3{font-size:21px;margin:14px 0 8px}
.rmg-tech article p{color:var(--rmg-muted);font-size:14.5px;line-height:1.7;margin:0 0 10px}
.rmg-tech .rmg-slot--feat{margin-bottom:0}

/* ---------- guarantee cards ---------- */
.rmg-guarantee{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.rmg-guarantee .g{border:1px solid var(--rmg-line);border-radius:8px;padding:26px 24px;background:var(--rmg-card)}
.rmg-guarantee .g svg{width:34px;height:34px;color:var(--rmg-red);margin-bottom:12px}
.rmg-guarantee .g h3{margin:0 0 6px;font-size:17px}
.rmg-guarantee .g p{margin:0;color:var(--rmg-muted);font-size:14px;line-height:1.65}

/* ---------- newsletter band ---------- */
.rmg-nlband{text-align:center}
.rmg-nlband form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.rmg-nlband input{padding:14px 20px;border-radius:99px;border:1.5px solid #d5d1c8;min-width:280px;font-size:15px;background:#fff}
.rmg-nlband input:focus{outline:none;border-color:var(--rmg-ink)}
.rmg-nlband small{display:block;color:#9aa0ab;margin-top:12px;font-size:12.5px}

/* ---------- CTA band (red, restrained) ---------- */
.rmg-cta{background:var(--rmg-dark);color:#fff;text-align:center;padding:clamp(56px,8vw,90px) 0}
.rmg-cta h2{color:#fff;margin:0 auto 12px;max-width:820px}
.rmg-cta p{color:#9aa7bd;margin:0 auto 28px;max-width:620px;font-size:15.5px;line-height:1.7}
.rmg-cta .rmg-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- page head (light editorial) ---------- */
.rmg-phead{background:var(--rmg-paper);color:var(--rmg-ink);padding:clamp(44px,7vw,84px) 0 clamp(36px,5vw,64px);border-bottom:1px solid var(--rmg-line)}
.rmg-phead h1{color:var(--rmg-ink);margin:0 0 12px;font-weight:800;font-size:clamp(30px,4.6vw,60px)}
.rmg-phead p{color:var(--rmg-muted);max-width:760px;margin:0 0 20px;font-size:16px;line-height:1.7}
.rmg-phead .rmg-kicker{text-align:left}
.rmg-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}
.rmg-chip{border:1px solid #d5d1c8;color:var(--rmg-ink);border-radius:99px;padding:7px 15px;font-weight:600;font-size:12.5px;background:#fff}
.rmg-chip-red{border-color:var(--rmg-red);color:var(--rmg-red);font-weight:700}
.rmg-phead .rmg-chip{background:#fff}

/* ---------- generic grids kept ---------- */
.rmg-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.rmg-feat{background:var(--rmg-card);border:1px solid var(--rmg-line);border-radius:8px;padding:24px 24px 26px}
.rmg-feat h3{margin:0 0 8px;color:var(--rmg-ink);font-size:17px}
.rmg-feat p{margin:0;color:var(--rmg-muted);font-size:14px;line-height:1.7}
.rmg-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px;counter-reset:s}
.rmg-step{border:1px solid var(--rmg-line);border-radius:8px;padding:24px;background:#fff}
.rmg-step b{display:flex;width:42px;height:42px;border-radius:50%;background:var(--rmg-ink);color:#fff;align-items:center;justify-content:center;font-size:17px;margin-bottom:12px;font-family:'Barlow Condensed'}
.rmg-step h3{margin:0 0 6px;font-size:17px}
.rmg-step p{margin:0;font-size:13.5px;color:var(--rmg-muted);line-height:1.65}
.rmg-cols2{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.rmg-prose{font-size:15.5px;color:var(--rmg-ink);line-height:1.85}
.rmg-prose h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 12px}
.rmg-prose h3{color:var(--rmg-ink);font-size:17px;margin:20px 0 8px}
.rmg-prose p{color:var(--rmg-muted)}
.rmg-stats-lite{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rmg-stats-lite .rmg-stat{background:#fff;border:1px solid var(--rmg-line);border-radius:8px;padding:18px 10px;text-align:center}
.rmg-stats-lite .rmg-stat b{display:block;font-size:26px;color:var(--rmg-ink);font-family:'Barlow Condensed'}
.rmg-stats-lite .rmg-stat span{font-size:12px;color:var(--rmg-muted);text-transform:uppercase;letter-spacing:.08em}

/* ---------- chips row on pages ---------- */
.rmg-chips-left{justify-content:flex-start}

/* ---------- inquiry form ---------- */
.rmg-qwrap{max-width:940px;margin:0 auto}
.rmg-qcard{background:#fff;border:1px solid var(--rmg-line);border-radius:10px;box-shadow:var(--rmg-shadow);padding:clamp(20px,3vw,38px)}
.rmg-quote{max-width:none}
.rmg-q-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.rmg-q-row2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0}
.rmg-q-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:var(--rmg-ink);text-transform:uppercase;letter-spacing:.06em}
.rmg-q-field input,.rmg-q-field select,.rmg-q-field textarea{font-weight:400;font-size:15px;color:var(--rmg-ink);text-transform:none;letter-spacing:normal;padding:13px 15px;border:1.5px solid #d9d5cc;border-radius:6px;background:#fff;width:100%;box-sizing:border-box}
.rmg-q-field textarea{min-height:120px;resize:vertical}
.rmg-q-field input:focus,.rmg-q-field select:focus,.rmg-q-field textarea:focus{outline:none;border-color:var(--rmg-ink)}
.rmg-q-certs{border:1px solid var(--rmg-line);border-radius:8px;padding:16px 18px;margin:16px 0;background:var(--rmg-paper)}
.rmg-q-certs h4{margin:0;font-size:12px;color:var(--rmg-ink);text-transform:uppercase;letter-spacing:.06em}
.rmg-cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.rmg-cert{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--rmg-ink);background:#fff;border:1px solid var(--rmg-line);border-radius:6px;padding:9px 11px;cursor:pointer}
.rmg-cert input{width:auto}
.rmg-q-submit{width:100%;background:var(--rmg-red);color:#fff;border:none;border-radius:99px;padding:16px;font-size:16px;font-weight:800;cursor:pointer;transition:all .2s;margin-top:6px}
.rmg-q-submit:hover{background:var(--rmg-red-dark)}
.rmg-q-note{margin:12px 0 0;font-size:12.5px;color:var(--rmg-muted);text-align:center}
.rmg-q-err{background:#fff1f2;border:1px solid var(--rmg-red);color:#8f1318;border-radius:8px;padding:12px 14px;margin-bottom:16px;font-weight:600;font-size:14px}
.rmg-quote-ok{background:#f4faf5;border:1.5px solid #2ea44f;border-radius:10px;padding:26px;margin-bottom:22px}
.rmg-quote-ok h3{margin:0 0 8px;color:#1a7f3c}
.rmg-quote-ok p{margin:0;color:#2d5a3b;font-size:14.5px;line-height:1.7}

/* ---------- FAQ ---------- */
.rmg-faq{max-width:860px;margin:0 auto}
.rmg-faq details{background:#fff;border:1px solid var(--rmg-line);border-radius:8px;margin-bottom:10px;padding:4px 20px}
.rmg-faq summary{cursor:pointer;font-weight:700;color:var(--rmg-ink);padding:15px 30px 15px 0;font-size:15.5px;list-style:none;position:relative}
.rmg-faq summary::-webkit-details-marker{display:none}
.rmg-faq summary::after{content:"+";position:absolute;right:2px;top:12px;font-size:21px;color:var(--rmg-red);font-weight:800}
.rmg-faq details[open] summary::after{content:"–"}
.rmg-faq details p{margin:0 0 16px;color:var(--rmg-muted);line-height:1.75;font-size:14.5px}
.rmg-faq details p a{color:var(--rmg-red)}

/* ---------- tables ---------- */
.rmg-table-scroll{overflow-x:auto;border:1px solid var(--rmg-line);border-radius:8px}
.rmg-table{width:100%;border-collapse:collapse;min-width:640px;background:#fff}
.rmg-table th{background:var(--rmg-ink);color:#fff;text-align:left;padding:13px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.rmg-table td{padding:13px 16px;border-bottom:1px solid #efece6;font-size:14px;color:var(--rmg-ink)}
.rmg-table tr:nth-child(even) td{background:#faf9f6}
.rmg-table b{color:var(--rmg-red)}

/* ---------- compat aliases & dark band (about page) ---------- */
.rmg-sec-alt{background:var(--rmg-paper)}
.rmg-oemband{background:var(--rmg-dark);color:#e8edf5;padding:clamp(56px,8vw,90px) 0}
.rmg-oemgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}
.rmg-oemband h2{color:#fff;margin:0 0 12px;font-size:clamp(26px,3.4vw,42px);font-family:'Barlow Condensed',sans-serif}
.rmg-oemband .rmg-kicker{text-align:left}
.rmg-oemlist{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:10px}
.rmg-oemlist li{padding-left:32px;position:relative;font-size:14.5px;color:#c3cddc;line-height:1.5}
.rmg-oemlist li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--rmg-red);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.rmg-oemcard{background:rgba(255,255,255,.05);border:1px solid #2c3340;border-radius:10px;padding:24px}
.rmg-oemcard h3{margin:0 0 12px;color:#fff;font-size:16px}
.rmg-oemcard ul{margin:0;padding-left:18px;color:#9aa7bd;font-size:13.5px;line-height:1.8}
.rmg-oemcard a{color:#ff8a86}
@media(max-width:1024px){.rmg-oemgrid{grid-template-columns:1fr}}

/* ---------- smart match finder (light, in category band) ---------- */
.rmg-finder{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto 40px;background:#fff;border:1px solid var(--rmg-line);border-radius:99px;padding:8px 8px 8px 20px;max-width:720px;box-shadow:0 8px 24px rgba(17,19,23,.05)}
.rmg-finder label{font-size:13px;color:var(--rmg-ink);font-weight:700}
.rmg-finder select{padding:9px 14px;border-radius:99px;border:1.5px solid #d9d5cc;background:#fff;color:var(--rmg-ink);font-size:14px;flex:1;min-width:150px}
.rmg-finder select:focus{outline:none;border-color:var(--rmg-ink)}
.rmg-finder-out{display:flex;gap:8px;flex-wrap:wrap}
.rmg-finder-out a{background:var(--rmg-ink);color:#fff;border-radius:99px;padding:8px 15px;font-size:12.5px;text-decoration:none;font-weight:700}
.rmg-finder-out a:hover{background:var(--rmg-red)}

/* ---------- header (promo bar + white nav) ---------- */
.rmg-promo{background:var(--rmg-dark);color:#cbd5e1;text-align:center;font-size:12.5px;letter-spacing:.03em;padding:8px 14px}
.rmg-promo a{color:#ff8a86;font-weight:700;text-decoration:none;margin-left:8px;border-bottom:1px solid rgba(255,138,134,.5)}
.rmg-promo a:hover{color:#fff}
.rmg-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--rmg-line);position:sticky;top:0;z-index:999;backdrop-filter:blur(8px)}
.rmg-header-inner{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.rmg-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.rmg-logo img{height:44px;width:auto}
.rmg-logo span{color:var(--rmg-ink);font-weight:800;font-size:19px;font-family:'Barlow Condensed';letter-spacing:.04em}
.rmg-nav{display:flex;gap:2px;margin-left:auto;align-items:center;flex-wrap:wrap}
.rmg-nav a{color:var(--rmg-ink);text-decoration:none;font-weight:600;font-size:14px;padding:9px 13px;border-radius:6px;transition:all .15s}
.rmg-nav a:hover{color:var(--rmg-red);background:#faf6f4}
.rmg-nav .rmg-nav-oem{color:var(--rmg-red);font-weight:700}
.rmg-header-cta{margin-left:8px;padding:11px 22px;font-size:13.5px;white-space:nowrap}
.rmg-navtog{position:absolute;opacity:0;pointer-events:none}
.rmg-navbtn{display:none;cursor:pointer;width:44px;height:40px;border-radius:8px;border:1px solid #d5d1c8;align-items:center;justify-content:center;order:6}
.rmg-navbtn span,.rmg-navbtn span::before,.rmg-navbtn span::after{content:"";display:block;width:20px;height:2px;background:var(--rmg-ink);transition:all .2s;position:relative}
.rmg-navbtn span::before{position:absolute;top:-6px;left:0}
.rmg-navbtn span::after{position:absolute;top:6px;left:0}
.rmg-navtog:checked ~ .rmg-navbtn span{background:transparent}
.rmg-navtog:checked ~ .rmg-navbtn span::before{top:0;transform:rotate(45deg)}
.rmg-navtog:checked ~ .rmg-navbtn span::after{top:0;transform:rotate(-45deg)}

/* ---------- footer (dark, multi-column) ---------- */
.rmg-foot{background:var(--rmg-dark);color:#8b96a8;padding:56px 0 0;font-size:14px}
.rmg-foot a{color:#8b96a8;text-decoration:none;transition:color .15s}
.rmg-foot a:hover{color:#fff}
.rmg-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:34px;padding-bottom:40px}
.rmg-foot h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 16px;font-weight:700}
.rmg-foot-logo{height:44px;margin-bottom:16px;background:#fff;border-radius:6px;padding:4px 8px}
.rmg-foot-brand p{color:#8b96a8;font-size:13.5px;line-height:1.8;margin:0 0 6px;max-width:360px}
.rmg-foot ul{list-style:none;margin:0;padding:0}
.rmg-foot ul li{padding:5px 0;font-size:13.5px}
.rmg-foot-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.rmg-foot-badges span{border:1px solid #2c3340;color:#aeb9ca;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.04em}
.rmg-foot-cta{display:inline-block;background:var(--rmg-red);color:#fff!important;border-radius:99px;padding:11px 20px;font-weight:700;font-size:13.5px;margin-top:8px}
.rmg-foot-cta:hover{background:var(--rmg-red-dark)}
.rmg-social{display:flex;gap:10px;margin-top:18px}
.rmg-social a{width:36px;height:36px;border:1px solid #2c3340;border-radius:50%;display:flex;align-items:center;justify-content:center}
.rmg-social svg{width:15px;height:15px;fill:#aeb9ca}
.rmg-social a:hover svg{fill:#fff}
.rmg-foot-pay{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0 8px;border-top:1px solid #222835;color:#5c6675;font-size:12px;letter-spacing:.05em}
.rmg-foot-pay span{border:1px solid #2c3340;border-radius:4px;padding:4px 10px}
.rmg-foot-bottom{border-top:1px solid #222835;padding:16px 0 20px;font-size:12.5px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#5c6675}

/* footer extra widget strip (newsletter in footer) */
.rmg-footer-widgets-extra{background:#0c0e12;border-top:1px solid #222835;padding:24px 0}
.rmg-footer-widgets-extra .rmg-wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.rmg-footer-widgets-extra p{margin:0;color:#8b96a8;font-size:13.5px}
.rmg-nl{display:flex;gap:8px;flex-wrap:wrap}
.rmg-nl input{padding:11px 18px;border-radius:99px;border:1px solid #2c3340;background:#171b22;color:#e8eefc;min-width:220px;font-size:14px}
.rmg-nl input:focus{outline:none;border-color:var(--rmg-red)}
.rmg-nl button{background:var(--rmg-red);color:#fff;border:none;border-radius:99px;padding:11px 20px;font-weight:700;cursor:pointer;font-size:14px}
.rmg-nl button:hover{background:var(--rmg-red-dark)}

/* ---------- mobile sticky bar ---------- */
.rmg-mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:1001;background:rgba(17,19,23,.98);border-top:2px solid var(--rmg-red);padding:10px 12px;gap:10px}
.rmg-mbar a{flex:1;text-align:center;padding:12px 8px;border-radius:99px;font-weight:800;font-size:13.5px;text-decoration:none}
.rmg-mbar .q{background:var(--rmg-red);color:#fff}
.rmg-mbar .s{background:transparent;color:#fff;border:1px solid #3a4250}
html{scroll-padding-top:74px}

/* ---------- WooCommerce adaptation ---------- */
.woocommerce a.rmg-quote-btn,a.rmg-quote-btn{background:var(--rmg-ink)!important;color:#fff!important;border:none!important;border-radius:99px!important;padding:11px 22px!important;font-weight:700;display:inline-block;text-decoration:none;transition:all .2s;font-size:13.5px!important;line-height:1.4!important;text-align:center}
.woocommerce a.rmg-quote-btn:hover,a.rmg-quote-btn:hover{background:var(--rmg-red)!important;color:#fff!important}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--rmg-line);border-radius:8px;padding:14px!important;transition:all .25s;text-align:left}
.woocommerce ul.products li.product:hover{box-shadow:var(--rmg-shadow);transform:translateY(-4px)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--rmg-ink);font-size:16px!important;padding:12px 0 4px!important;font-weight:700!important;font-family:'Barlow Condensed';letter-spacing:.02em}
.woocommerce ul.products li.product img{border-radius:6px;aspect-ratio:1/1;object-fit:cover;background:#eef0f4}
.woocommerce div.product .product_title{color:var(--rmg-ink);font-weight:800;font-size:clamp(24px,3.2vw,36px);font-family:'Barlow Condensed'}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--rmg-muted);font-size:15px;line-height:1.75}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding-left:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--rmg-paper);border-radius:8px 8px 0 0;border:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:3px solid var(--rmg-red);font-weight:700}
.woocommerce table.shop_attributes{border-collapse:collapse;font-size:14px;width:100%}
.woocommerce table.shop_attributes th{background:var(--rmg-paper);color:var(--rmg-ink);padding:10px 14px;text-align:left;width:220px}
.woocommerce table.shop_attributes td{padding:10px 14px;border-bottom:1px solid #efece6}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--rmg-red);border-radius:8px;box-shadow:0 8px 24px rgba(17,19,23,.07)}
.woocommerce span.onsale{background:var(--rmg-red);border-radius:99px}
.woocommerce-breadcrumb{color:var(--rmg-muted);font-size:13px}
.woocommerce-breadcrumb a{color:var(--rmg-ink);text-decoration:none}
.woocommerce nav.woocommerce-pagination ul{border:none}
.woocommerce nav.woocommerce-pagination ul li{border:none;margin:0 3px}
.woocommerce nav.woocommerce-pagination ul li a{border-radius:8px;border:1px solid var(--rmg-line)!important;color:var(--rmg-ink)}
.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--rmg-ink)!important;color:#fff!important;border-color:var(--rmg-ink)!important;border-radius:8px}

/* ============================================================
   RESPONSIVE — tablet & mobile
   ============================================================ */
@media (max-width:1024px){
  .rmg-navbtn{display:flex}
  .rmg-header-cta{margin-left:auto;order:5}
  .rmg-nav{display:none;width:100%;flex-direction:column;align-items:stretch;order:7;background:#fff;border:1px solid var(--rmg-line);border-radius:10px;padding:10px;margin-top:6px}
  .rmg-navtog:checked ~ .rmg-nav{display:flex}
  .rmg-nav a{padding:12px 14px;font-size:15px}
  .rmg-story{grid-template-columns:1fr}
  .rmg-story-alt .rmg-slot--story{order:0}
  .rmg-cols2,.rmg-foot-grid{grid-template-columns:1fr 1fr}
  .rmg-stats-lite{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:782px){
  .rmg-sec{padding:clamp(44px,9vw,64px) 0}
  .rmg-wrap{padding:0 18px}
  .rmg-q-grid,.rmg-q-row2,.rmg-cert-grid{grid-template-columns:1fr}
  .rmg-hero{min-height:62vh}
  .rmg-catgrid{grid-template-columns:repeat(2,1fr);gap:10px}
  .rmg-foot-grid{grid-template-columns:1fr;gap:26px}
  .rmg-markets .rmg-wrap{flex-direction:column;align-items:flex-start}
  .rmg-footer-widgets-extra .rmg-wrap{flex-direction:column;align-items:stretch}
  .rmg-nl input{flex:1}
}
@media (max-width:480px){
  .rmg-hero h1{font-size:34px}
  .rmg-hero-ctas{flex-direction:column;align-items:stretch}
  .rmg-hero-ctas .rmg-btn{width:100%}
  .rmg-mbar{display:flex}
  body.rmg-has-mbar{padding-bottom:70px}
  .rmg-phead h1{font-size:28px}
  .rmg-table-scroll{margin:0 -4px}
}
@media (min-width:481px) and (max-width:782px){
  .rmg-mbar{display:flex}
  body.rmg-has-mbar{padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce){
  .rmg-cat,.rmg-btn,.rmg-step,.rmg-quote-btn,.woocommerce ul.products li.product{transition:none}
  .rmg-btn-primary:hover,.rmg-quote-btn:hover,li.product:hover{transform:none}
}