:root{--compare-lime:#1f52e2;--compare-pink:#ed007f;--compare-black:#151515}
.compare-page{background:#f3f3f3}.compare-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);min-height:470px;background:var(--compare-black);color:#fff}.compare-hero>div:first-child{padding:70px 8vw}.compare-hero h1{font-size:clamp(52px,7vw,96px);line-height:.9;margin:15px 0 28px;text-transform:uppercase}.compare-hero h1 span{color:var(--compare-lime)}.compare-hero p:not(.eyebrow){max-width:690px;color:#ddd;line-height:1.65}.compare-hero-count{background:var(--compare-pink);display:flex;align-items:center;justify-content:center;gap:22px}.compare-hero-count strong{font:900 clamp(140px,18vw,290px)/.8 Impact,'Arial Narrow',sans-serif;color:var(--compare-lime);text-shadow:7px 7px 0 #151515}.compare-hero-count span{font-size:20px;font-weight:900;text-transform:uppercase;line-height:1.1;transform:rotate(-90deg)}
.compare-workspace{background:#fff}.compare-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 28px}.compare-slot{min-height:125px;border:2px dashed #aaa;background:#fafafa;display:flex;align-items:center;gap:12px;padding:14px;position:relative}.compare-slot>span{font-weight:900;color:#888;align-self:flex-start}.compare-slot img{width:88px;height:74px;object-fit:contain;mix-blend-mode:multiply}.compare-slot small,.compare-slot strong{display:block}.compare-slot small{font-size:9px;color:#666;margin-bottom:6px}.compare-slot strong{font-size:15px}.compare-slot.is-filled{border:2px solid var(--compare-black);background:#fff}.compare-slot button{position:absolute;right:7px;top:5px;border:0;background:var(--compare-black);color:#fff;width:28px;height:28px;font-size:20px;cursor:pointer}
.compare-toolbar{display:grid;grid-template-columns:220px minmax(240px,1fr) auto;gap:14px;align-items:end;background:#ececec;padding:20px}.compare-toolbar label{font-size:11px;font-weight:900;text-transform:uppercase;margin:0}.compare-toolbar select,.compare-toolbar input{width:100%;min-height:48px;border:1px solid #999;background:#fff;padding:11px;margin-top:7px}.compare-clear{min-height:48px;border:1px solid #151515;background:#fff;padding:0 18px;font-weight:900;cursor:pointer}.compare-clear:disabled{opacity:.45;cursor:not-allowed}.compare-results-head{display:flex;justify-content:space-between;align-items:end;margin:36px 0 18px}.compare-results-head h2{margin:0;text-transform:uppercase}.compare-results-head p{margin:0;color:#666}.compare-model-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-height:780px;overflow:auto;padding-right:4px}.compare-model-card{border:1px solid #bbb;background:#fff;padding:15px;display:grid;grid-template-rows:42px 150px 1fr 44px}.compare-model-brand img{width:115px;height:34px;object-fit:contain;object-position:left center}.compare-model-bike{width:100%;height:150px;object-fit:contain}.compare-model-card small{color:#666;font-size:10px}.compare-model-card h3{font-size:18px;margin:5px 0;overflow-wrap:anywhere}.compare-model-card p{font-weight:900;margin:8px 0 14px}.compare-model-card button{border:1px solid #151515;background:var(--compare-lime);font-weight:900;cursor:pointer}.compare-model-card button:disabled{background:#eee;color:#777;cursor:not-allowed}.compare-no-results{grid-column:1/-1;padding:30px;background:#eee}
.compare-output{background:#ececec;padding-inline:clamp(12px,3vw,48px)}.compare-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;border:2px dashed #aaa;background:#fff;text-align:center;gap:8px}.compare-empty strong{font-size:24px;text-transform:uppercase}.compare-empty span{color:#666}.compare-grid-wrap{width:100%;overflow-x:hidden;overflow-y:auto;border:1px solid #aaa;background:#fff;max-height:78vh}.compare-grid{--compare-count:1;display:grid;grid-template-columns:minmax(108px,.62fr) repeat(var(--compare-count),minmax(0,1fr));width:100%;min-width:0}.compare-grid>*{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:clamp(9px,1.2vw,16px);min-width:0;overflow-wrap:anywhere;hyphens:auto}.compare-sticky{position:sticky;left:0;z-index:3;background:#f1f1f1;font-weight:900;text-transform:uppercase;font-size:clamp(8px,.78vw,11px)}.compare-head-label{top:0;z-index:5;background:#151515;color:#fff}.compare-product-head{position:sticky;top:0;z-index:4;background:#fff;min-height:clamp(235px,24vw,295px)}.compare-product-logo{width:min(100%,95px);height:32px;object-fit:contain;object-position:left center}.compare-product-bike{display:block;width:100%;height:clamp(90px,11vw,135px);object-fit:contain}.compare-product-head small{display:block;color:#666;font-size:clamp(8px,.75vw,11px)}.compare-product-head h3{font-size:clamp(13px,1.35vw,19px);line-height:1.15;margin:5px 0 10px}.compare-product-head a,.compare-source-row a{font-size:clamp(9px,.78vw,12px);font-weight:900;text-decoration:underline}.compare-value{font-size:clamp(10px,1vw,14px);line-height:1.35}.compare-outlet-row{background:var(--compare-lime)}.compare-outlet-row strong{font-size:clamp(13px,1.35vw,19px)}.compare-price-row{color:#555}.compare-source-row{background:#f7f7f7}.compare-note{font-size:11px;color:#666;max-width:900px;margin-top:16px}.compare-home-promo{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#151515;color:#fff;border-top:7px solid var(--compare-lime)}.compare-home-promo h2{font-size:clamp(38px,5vw,70px);line-height:.92;margin:12px 0}.compare-home-promo p:not(.eyebrow){color:#ccc;max-width:600px}.compare-home-promo .button{white-space:nowrap;background:var(--compare-lime);color:#111;border-color:var(--compare-lime)}
@media(max-width:1050px){.compare-model-list{grid-template-columns:repeat(3,1fr)}.compare-slot{flex-direction:column;align-items:flex-start}.compare-slot img{width:100%;height:70px}.compare-toolbar{grid-template-columns:1fr 1fr}.compare-clear{grid-column:1/-1}}
@media(max-width:720px){.compare-hero{grid-template-columns:1fr}.compare-hero>div:first-child{padding:45px 6vw}.compare-hero-count{min-height:220px}.compare-hero-count strong{font-size:170px}.compare-hero-count span{transform:none}.compare-slots{grid-template-columns:repeat(2,1fr)}.compare-toolbar{grid-template-columns:1fr}.compare-toolbar .compare-clear{grid-column:auto}.compare-model-list{grid-template-columns:repeat(2,1fr)}.compare-model-card{grid-template-rows:36px 120px 1fr 42px;padding:11px}.compare-model-bike{height:120px}.compare-model-card h3{font-size:15px}.compare-grid-wrap{overflow-x:auto}.compare-product-head{min-height:300px}.compare-grid{grid-template-columns:minmax(120px,.6fr) repeat(var(--compare-count),minmax(190px,1fr));width:max-content;min-width:100%}.compare-grid>*{padding:12px}.compare-home-promo{display:block}.compare-home-promo .button{display:inline-block;margin-top:18px}}
@media(max-width:430px){.compare-model-list{grid-template-columns:1fr}.compare-slots{grid-template-columns:1fr 1fr}.compare-slot{min-height:110px;padding:10px}.compare-slot img{height:55px}.compare-slot strong{font-size:12px}}

.compare-model-card button:not(:disabled),.compare-home-promo .button{background:#1f52e2;color:#fff;border-color:#1f52e2}.compare-outlet-row{background:#dfff00;color:#111}.compare-hero h1 span{color:#a9c2ff}.compare-hero-count strong{color:white}

/* Approved comparison mascot replaces the pink number panel. */
.compare-hero-image{background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px 12px}.compare-hero-image img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:700px){.compare-hero-image{padding:18px;min-height:0}.compare-hero-image img{max-width:520px}}