/* Final common presentation follows the CP and ZP owner-approved sequence. */
.site-refresh [data-refresh-owner-hero] [data-refresh-owner-parts-tile]>[data-refresh-parts-label]{background:#14852a!important;color:#fff!important}
.site-refresh[data-refresh-comparison-active] [data-refresh-owner-redundant="verified-choices"],
.site-refresh[data-refresh-comparison-active] [data-refresh-owner-redundant="mobile-spec-copy"],
.site-refresh [data-refresh-owner-redundant="journey"],
.site-refresh [data-refresh-owner-redundant="native-part-reference"],
.site-refresh [data-refresh-accessory-ready=true] [data-refresh-owner-redundant="accessory-heading"],
.site-refresh [data-refresh-accessory-ready=true] [data-refresh-owner-redundant="accessory-repeat"]{display:none!important}
.site-refresh[data-refresh-comparison-active] [data-refresh-source-toggle]{display:none!important}
.site-refresh [data-refresh-accessory-ready=true] .refresh-accessory-view-switch{display:none!important}
.site-refresh [data-refresh-owner-part-reference]{margin:20px 0 0}
.site-refresh[data-refresh-adapter="compact"] [data-refresh-slot="hero"]:has(>[data-refresh-compact-part-reference]){grid-template-rows:auto auto auto 1fr!important}
.site-refresh[data-refresh-adapter="compact"] [data-refresh-slot="hero"]:has(>[data-refresh-compact-part-reference])>[data-refresh-slot="visual"]{grid-row:1 / span 4!important}
.site-refresh [data-refresh-compact-part-reference]{grid-column:2;grid-row:4;margin:0;min-width:0}
@media(max-width:900px){
 .site-refresh[data-refresh-adapter="compact"] [data-refresh-slot="hero"]:has(>[data-refresh-compact-part-reference]){grid-template-rows:auto auto auto auto auto!important}
 .site-refresh[data-refresh-adapter="compact"] [data-refresh-slot="hero"]:has(>[data-refresh-compact-part-reference])>[data-refresh-slot="visual"]{grid-row:2!important}
 .site-refresh [data-refresh-compact-part-reference]{grid-column:1;grid-row:5}
}
.site-refresh [data-refresh-owner-guide] .tool-mascot-canvas{display:none}
.site-refresh [data-refresh-owner-guide] .tool-mascot-ready>.tool-mascot-still{visibility:hidden}
.site-refresh [data-refresh-owner-guide] .tool-mascot-ready>.tool-mascot-canvas{display:block}
.site-refresh [data-refresh-owner-step-heading]{display:flex;justify-content:flex-start;align-items:stretch;gap:16px;margin:24px 0}
.site-refresh .refresh-owner-step{display:flex;align-items:center;justify-content:center;min-height:76px;padding:12px 16px;border:3px solid #111;border-radius:3px;background:#ffe034;color:#171b1e;white-space:nowrap;font:700 21px/1.3 Arial,sans-serif}
.site-refresh [data-refresh-owner-step-heading]>:is(h2,h3){display:flex;align-items:center;min-height:76px;margin:0;padding:12px 20px;border:3px solid #111;border-radius:3px;background:#ffe034;font:400 40px/1.15 "Refresh Accessory Bangers",Impact,sans-serif}
/* Keep the complete approved mascot inside each table's scroll area. The
   original negative margin clipped the helmet; reserve real space instead. */
.site-refresh :is(.refresh-comparison-guide,.family-choice-guide,.zp-model-recommendation){margin:8px 0 8px!important}
.site-refresh :is(.refresh-comparison-mascot,.family-choice-mascot,.zp-mascot-recommendation){
 width:100%;min-width:0;max-width:270px!important;flex-wrap:wrap;row-gap:12px;
 container:choice-mascot / inline-size;
}
/* Fit the bubble and mascot to the selected column, not just the viewport.
   Wide comparisons may have narrow columns even on a desktop screen. */
@container choice-mascot (max-width:260px){
 .site-refresh :is(.refresh-comparison-bubble,.family-choice-bubble,.zp-comic-bubble){
  box-sizing:border-box;flex:0 0 auto;width:calc(100% - 14px);max-width:148px!important;
  margin-top:0!important;margin-inline:max(7px,calc((100% - 148px)/2));white-space:normal!important;
 }
 .site-refresh :is(.refresh-comparison-bubble,.family-choice-bubble,.zp-comic-bubble)::after{
  top:auto!important;right:calc(50% - 5px)!important;bottom:-7px;
  border-top:0!important;border-right:2px solid #263238;border-bottom:2px solid #263238;
 }
}
@media(max-width:600px){
 .site-refresh :is(.refresh-comparison-mascot,.family-choice-mascot,.zp-mascot-recommendation){flex-wrap:nowrap}
}
@media(max-width:760px){
 .site-refresh [data-refresh-owner-step-heading]{gap:10px;flex-wrap:nowrap}
 .site-refresh .refresh-owner-step{min-height:60px;font-size:17px;padding:10px 12px}
 .site-refresh [data-refresh-owner-step-heading]>:is(h2,h3){min-height:60px;font-size:30px;padding:10px 12px}
}

.site-refresh [data-refresh-owner-redundant="promoted-description"],
.site-refresh [data-refresh-owner-redundant="placeholder-intro"],
.site-refresh [data-refresh-fit-assistance] [data-refresh-owner-redundant="accessory-heading"]{display:none!important}
.site-refresh .refresh-compact-description{grid-column:2;grid-row:3;font:400 17px/1.55 Arial,sans-serif;margin:0 0 20px}
.site-refresh .refresh-compact-description p:first-child,.site-refresh .refresh-compact-description ul:first-child{margin-top:0}
.site-refresh .refresh-source-overview h2{font:700 23px/1.3 Arial,sans-serif;margin:20px 0 8px}
.site-refresh .refresh-source-overview p{font:400 17px/1.55 Arial,sans-serif}
/* The ZP quote rail owns review; the inline receipt appears only after an add. */
.site-refresh #zp-quote-summary[data-zp-summary-success="false"]{display:none}
.site-refresh .refresh-selection-visual[data-refresh-visual-fallback="source-text"]{min-height:90px;height:auto}
@media(max-width:900px){.site-refresh .refresh-compact-description{grid-column:1;grid-row:4}}

.site-refresh [data-refresh-owner-redundant="duplicate-overview-heading"],
.site-refresh [data-refresh-owner-redundant="transcribed-chart"]{display:none!important}

.site-refresh [data-refresh-replaced-quote-mascot]{display:none!important}

/* Center native one-to-three-model comparisons; preserve mobile card layouts. */
.site-refresh [data-refresh-native-comparison="1"]{--native-comparison-width:720px;--native-label-width:42%;--native-model-count:1}
.site-refresh [data-refresh-native-comparison="2"]{--native-comparison-width:900px;--native-label-width:32%;--native-model-count:2}
.site-refresh [data-refresh-native-comparison="3"]{--native-comparison-width:1080px;--native-label-width:28%;--native-model-count:3}
.site-refresh [data-refresh-native-comparison] :is(table[data-refresh-native-choices],.family-comparison-wrap,.zp-model-recommendation,.family-choice-guide,.zp-hammer-action,.family-selected-inline,.family-order){
 max-width:var(--native-comparison-width);margin-left:auto!important;margin-right:auto!important;
}
.site-refresh [data-refresh-native-comparison] table[data-refresh-native-choices] th:first-child{width:var(--native-label-width)!important}
.site-refresh [data-refresh-native-comparison] :is(.zp-model-recommendation,.family-choice-guide){
 grid-template-columns:var(--native-label-width) repeat(var(--native-model-count),minmax(0,1fr))!important;
}

/* Retained source charts share the selector's centered column, above quantity/Add. */
.site-refresh .refresh-retained-specifications{max-width:var(--compact-comparison-width,1080px);margin:28px auto 0}
.site-refresh .refresh-retained-specifications h2{font:700 24px/1.3 Arial,Helvetica,sans-serif;margin:0 0 18px}
.site-refresh .refresh-retained-specifications>div{max-width:100%;overflow-x:auto}

.site-refresh .refresh-owner-rock-shanks{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:28px auto;max-width:1000px}.site-refresh .refresh-owner-rock-shanks figure{flex:1 1 240px;max-width:300px;margin:0;padding:16px;border:1px solid #cbd5e1;border-radius:4px;background:white;text-align:center}.site-refresh .refresh-owner-rock-shanks img{display:block;width:100%;height:260px;object-fit:contain}.site-refresh .refresh-owner-rock-shanks figcaption{font-weight:700;margin-top:12px}

.site-refresh .refresh-owner-rock-bits{margin:20px auto;max-width:380px;padding:14px;background:#fff;border:1px solid #cbd5e1;border-radius:4px;text-align:center}.site-refresh .refresh-owner-rock-bits img{display:block;width:100%;height:280px;object-fit:contain}.site-refresh .refresh-owner-rock-bits figcaption{font-weight:700;margin-top:10px}