/* Scoped product-page styles; global density and profile-card rules stay shared. */
.gridrunner-page .gridrunner-hero{background:var(--navy);color:#dceaf2}
.gridrunner-page .gridrunner-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding-top:28px;padding-bottom:28px}
.gridrunner-page .back-link{color:#dceaf2;margin-bottom:12px}
.gridrunner-page .eyebrow{margin-bottom:8px}
.gridrunner-page .gridrunner-hero .eyebrow,.gridrunner-page .gridrunner-support .eyebrow{color:#8bddff}
.gridrunner-page .gridrunner-hero h1,.gridrunner-page .gridrunner-support h2{color:#fff}
.gridrunner-page .gridrunner-trademark{font-size:.4em;vertical-align:super;letter-spacing:0}
.gridrunner-page .gridrunner-hero h2{font-size:clamp(22px,2.4vw,29px);color:#8bddff;margin-top:12px;max-width:540px}
.gridrunner-page .gridrunner-hero p:not(.eyebrow){margin:14px 0;line-height:1.6}
.gridrunner-page .gridrunner-profile-link{display:inline-block;margin-top:14px;color:#8bddff}
.gridrunner-page .gridrunner-hero-media{margin:0;position:relative;overflow:hidden;border-radius:5px;background:#fff}
.gridrunner-page .gridrunner-hero-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.gridrunner-page .gridrunner-logo{position:absolute;top:12px;right:12px;width:155px;height:auto;background:#fff;padding:8px;border-radius:4px}
.gridrunner-page .gridrunner-section{padding-top:26px;padding-bottom:26px}
.gridrunner-page .section-heading{align-items:center;margin-bottom:12px}
.gridrunner-page .gridrunner-introduction{color:var(--muted);max-width:820px;margin:0 0 16px}
.gridrunner-page .gridrunner-delivery{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:0 0 22px;list-style:none;font-size:13px;font-weight:650;color:var(--navy)}
.gridrunner-page .gridrunner-delivery li{border-left:3px solid var(--blue);padding-left:9px}
.gridrunner-page .gridrunner-components{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gridrunner-page .gridrunner-components figure{margin:0;display:flex;align-items:center;gap:14px}
.gridrunner-page .gridrunner-components img{width:92px;height:92px;flex-shrink:0}
.gridrunner-page .gridrunner-components figcaption{font:700 14px/1.4 var(--font-display);color:var(--navy)}
.gridrunner-page .gridrunner-assembly-band{background:var(--pale)}
.gridrunner-page .gridrunner-assembly-grid{display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;gap:40px;padding-top:24px;padding-bottom:24px}
.gridrunner-page .gridrunner-comparison{margin:0;text-align:center}
.gridrunner-page .gridrunner-comparison img{width:min(100%,270px);height:auto;display:inline-block;vertical-align:middle}
.gridrunner-page .gridrunner-assembly-grid p:not(.eyebrow),.gridrunner-page .gridrunner-video-grid p:not(.eyebrow){color:var(--muted);margin:12px 0 16px}
.gridrunner-page .gridrunner-video-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:36px}
.gridrunner-page .gridrunner-video{aspect-ratio:16/9;background:var(--pale);border:1px solid var(--line)}
.gridrunner-page .gridrunner-video iframe{display:block;width:100%;height:100%;border:0}
.gridrunner-page .gridrunner-system-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gridrunner-page .gridrunner-system-images figure{margin:0;background:var(--pale);border:1px solid var(--line)}
.gridrunner-page .gridrunner-system-images img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.gridrunner-page .gridrunner-system-images figcaption{padding:10px 12px;font-size:13px;font-weight:650;line-height:1.4}
.gridrunner-page .gridrunner-frame-heading{font-size:28px;margin:22px 0 14px}
.gridrunner-page .gridrunner-support{background:var(--navy);color:#dceaf2;margin-top:10px}
.gridrunner-page .gridrunner-support-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:26px;padding-bottom:26px}
.gridrunner-page .gridrunner-support-inner>div:first-child{max-width:620px}
.gridrunner-page .gridrunner-support p:not(.eyebrow){margin:12px 0 8px}
.gridrunner-page .gridrunner-phone{color:#fff;font-weight:700}
.gridrunner-page .gridrunner-support .actions{margin:0;flex-shrink:0}
@media(max-width:1000px){.gridrunner-page .gridrunner-components figure{flex-direction:column;text-align:center}.gridrunner-page .gridrunner-support-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:730px){.gridrunner-page .gridrunner-hero-grid,.gridrunner-page .gridrunner-assembly-grid,.gridrunner-page .gridrunner-video-grid{grid-template-columns:1fr;gap:22px}.gridrunner-page .gridrunner-hero-media{max-width:480px;width:100%;margin:0 auto}.gridrunner-page .gridrunner-components,.gridrunner-page .gridrunner-system-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gridrunner-page .gridrunner-comparison img{max-width:220px}.gridrunner-page .section-heading{align-items:flex-start}.gridrunner-page .gridrunner-section{padding-top:22px;padding-bottom:22px}}
@media(max-width:400px){.gridrunner-page .gridrunner-system-images{grid-template-columns:1fr}.gridrunner-page .gridrunner-delivery{gap:8px}}