/* Same selection vocabulary and visual tokens as approved chipping/rivet pages.
   Scope stays local: original controllers and native product styles are retained. */
@font-face{font-family:"Refresh Selection Bangers";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/bangers-latin.woff2") format("woff2")}
.site-refresh .refresh-selection{--selection-ink:#171b1e;--selection-yellow:#ffe034;--selection-selected:#ffe034;--selection-line:#cfd7dd;--selection-muted:#52616c;margin:30px 0 36px;scroll-margin-top:120px;color:var(--selection-ink);font:400 16px/1.5 Arial,Helvetica,sans-serif}
.site-refresh .refresh-selection [hidden]{display:none!important}
.site-refresh .refresh-selection-step{display:flex;align-items:center;gap:16px;margin:0 0 22px;min-width:0}
.site-refresh .refresh-selection-step-number{display:flex;align-items:center;justify-content:center;flex:none;min-width:108px;min-height:68px;padding:10px 12px;border:4px solid #000;border-radius:4px;background:var(--selection-yellow);color:#000;font:900 26px/1 Arial,Helvetica,sans-serif;white-space:nowrap}
.site-refresh .refresh-selection-step h2,.site-refresh .refresh-selection-step-title{display:inline-flex;align-items:center;min-height:68px;max-width:100%;margin:0;padding:8px 12px;border:4px solid #000;border-radius:4px;background:var(--selection-yellow);color:var(--selection-ink);font:400 34px/1.2 "Refresh Selection Bangers",Impact,sans-serif;letter-spacing:.7px;text-transform:uppercase;font-synthesis:none}
.site-refresh .refresh-selection-intro{margin:0 0 20px;color:var(--selection-muted);font-size:16px;line-height:1.5}
.site-refresh .refresh-selection fieldset{min-width:0;border:0;padding:0;margin:0}
.site-refresh .refresh-selection-groups,.site-refresh .refresh-selection-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.site-refresh .refresh-selection-models{margin:6px 0 24px!important}
.site-refresh .refresh-selection-models legend{float:left;grid-column:1/-1;width:100%;margin:0 0 20px;padding:0}
.site-refresh .refresh-selection-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;margin:0;padding:0;border:2px solid var(--selection-line);border-radius:6px;overflow:hidden;background:#fff;cursor:pointer;color:var(--selection-ink)}
.site-refresh .refresh-selection-card>input[type="radio"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0;opacity:0}
.site-refresh .refresh-selection-card:has(input:checked){border-color:#263238;box-shadow:0 0 0 2px #263238}
.site-refresh .refresh-selection-card:has(input:disabled){cursor:default}
.site-refresh .refresh-selection-card:has(input:focus-visible){outline:3px solid #185ba2;outline-offset:4px}
.site-refresh .refresh-selection-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:106px;padding:16px 18px;background:#f2f4f5}
.site-refresh .refresh-selection-card:has(input:checked)>.refresh-selection-card-head{background:var(--selection-selected)}
.site-refresh .refresh-selection-card-head>strong{flex:1;min-width:140px;font:800 23px/1.3 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.site-refresh .refresh-selection-code{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border:2px solid #263238;border-radius:3px;background:#fff9;color:#171b1e;font:900 28px/1 Arial,Helvetica,sans-serif}
.site-refresh .refresh-selection-card-state{flex:none;margin-left:auto;padding:9px 12px;border:2px solid #263238;border-radius:4px;background:#fff;box-shadow:0 2px 0 #263238;font:800 16px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap}
.site-refresh .refresh-selection-card-state:before{content:"○ ";font-size:1.1em}.site-refresh .refresh-selection-card:has(input:checked) .refresh-selection-card-state{background:#263238;color:#fff;box-shadow:none}.site-refresh .refresh-selection-card:has(input:checked) .refresh-selection-card-state:before{content:none}
.site-refresh .refresh-selection-card:hover:has(input:not(:checked)) .refresh-selection-card-state{background:var(--selection-yellow)}
.site-refresh .refresh-selection-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;padding:18px;background:#fff}
.site-refresh .refresh-selection-visual img{display:block;width:280px;height:auto;object-fit:contain;object-position:center;max-width:100%}
.site-refresh .refresh-selection-visual-caption{display:block;font-size:13px;line-height:1.4;color:var(--selection-muted);text-align:center}
.site-refresh .refresh-selection-dimension{display:block;max-width:100%;padding:22px;border-top:2px solid var(--selection-line);border-bottom:2px solid var(--selection-line);font:800 27px/1.4 Arial,Helvetica,sans-serif;text-align:center;overflow-wrap:anywhere}
.site-refresh .refresh-selection-card-copy{display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px 18px 18px;border-top:1px solid #e1e7eb;font-size:16px;line-height:1.4}
.site-refresh .refresh-selection-card-copy>strong{font-size:19px;font-weight:700;overflow-wrap:anywhere}
.site-refresh .refresh-selection-card-detail{font-size:15px;color:var(--selection-muted);line-height:1.4}
.site-refresh .refresh-selection-guide{display:flex;align-items:flex-start;justify-content:center;gap:4px;min-height:126px;padding:18px 0 8px}
.site-refresh .refresh-selection-guide>img{display:block;flex:none;width:86px;height:98px;object-fit:contain}
.site-refresh .refresh-selection-guide-bubble{position:relative;display:block;max-width:170px;margin:7px 0 0;padding:10px 12px;border:2px solid #171b1e;border-radius:15px;background:#fffdf1;color:#171b1e;font:400 23px/1.15 "Refresh Selection Bangers",Impact,sans-serif;letter-spacing:.6px;text-align:center}
.site-refresh .refresh-selection-guide-bubble:before,.site-refresh .refresh-selection-guide-bubble:after{content:"";position:absolute;top:17px;left:-11px;border:8px solid transparent;border-left:0;border-right:10px solid #171b1e}
.site-refresh .refresh-selection-guide-bubble:after{top:19px;left:-7px;border-width:6px;border-right:8px solid #fffdf1}
.site-refresh .refresh-selection-summary{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:0;padding:20px;border:1px solid #d9dee4;border-radius:3px;background:#f4f5f6}
.site-refresh .refresh-selection-confirmation{display:flex;align-items:center;gap:18px;flex:1 1 440px;min-width:0}
.site-refresh .refresh-selection-confirmation>div{min-width:0}
.site-refresh .refresh-selection-selected-badge{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:none;width:198px;max-width:100%;min-height:80px;padding:33px 26px 12px;color:#111;font:400 25px/1.12 "Refresh Selection Bangers",Impact,sans-serif;letter-spacing:.7px;text-transform:uppercase;font-synthesis:none;white-space:nowrap}
.site-refresh .refresh-selection-selected-badge:before,.site-refresh .refresh-selection-selected-badge:after{content:"";position:absolute;inset:0;z-index:-2;background:#111;clip-path:polygon(50% 0,100% 35%,89% 35%,89% 100%,11% 100%,11% 35%,0 35%)}
.site-refresh .refresh-selection-selected-badge:after{z-index:-1;inset:5px 6px 4px;background:var(--selection-yellow)}
.site-refresh .refresh-selection-summary h3{margin:0;font:700 21px/1.35 Arial,Helvetica,sans-serif;text-transform:none;overflow-wrap:anywhere}
.site-refresh [data-refresh-selected-detail]{margin:6px 0 0;color:var(--selection-muted);font-size:15px;line-height:1.4}
.site-refresh .refresh-selection-quantity{display:flex;flex-direction:column;gap:5px;min-width:140px}
.site-refresh .refresh-selection-quantity-label{font-size:14px;font-weight:700}
.site-refresh .refresh-selection-quantity-control{display:grid;grid-template-columns:44px 52px 44px;width:140px;height:44px}
.site-refresh .refresh-selection-quantity-control>button{margin:0;padding:0;min-width:44px;height:44px;border:1px solid #b6c1ca;border-radius:0;background:#f2f5f7;color:#171b1e;font:400 22px/42px Arial,Helvetica,sans-serif;cursor:pointer}
.site-refresh .refresh-selection-quantity-control>input{margin:0;padding:0;width:100%;min-width:0;height:44px;border:1px solid #b6c1ca;border-left:0;border-right:0;border-radius:0;text-align:center;font:600 17px/1 Arial,Helvetica,sans-serif;background:#fff;color:#171b1e;appearance:textfield;-moz-appearance:textfield}
.site-refresh .refresh-selection-quantity-control input::-webkit-inner-spin-button,.site-refresh .refresh-selection-quantity-control input::-webkit-outer-spin-button{appearance:none;margin:0}
.site-refresh .refresh-selection-quantity-control button:disabled{opacity:.5;cursor:default}
.site-refresh .refresh-selection-fixed-quantity{display:flex;align-items:center;justify-content:center;width:60px;height:44px;border:1px solid #b6c1ca;background:#fff;font-size:17px;font-weight:600}
.site-refresh .refresh-selection-quantity-note{font-size:12px;color:var(--selection-muted);line-height:1.4}
.site-refresh .refresh-selection-add{display:inline-flex;align-items:center;justify-content:center;min-width:210px;min-height:50px;padding:12px 18px;border:3px solid #171b1e;border-radius:3px;background:var(--selection-yellow);color:#15191c;font:700 18px/1.3 Arial,Helvetica,sans-serif;cursor:pointer;text-align:center}
.site-refresh .refresh-selection-add:hover:not(:disabled){background:#f4d22a}
.site-refresh .refresh-selection-add:disabled{opacity:.5;cursor:default}
.site-refresh .refresh-selection button:focus-visible,.site-refresh .refresh-selection input:focus-visible,.site-refresh .refresh-selection a:focus-visible{outline:3px solid #185ba2;outline-offset:3px}
.site-refresh .refresh-selection-cart{font-size:15px;font-weight:700;color:#0753aa;text-decoration:underline;text-underline-offset:3px}
.site-refresh [data-refresh-selection-status]{flex-basis:100%;margin:0;font-size:14px;line-height:1.5;color:var(--selection-muted)}
.site-refresh [data-refresh-selection-status]:empty{display:none}
.site-refresh [data-refresh-selected-source="true"]{outline:3px solid #263238;outline-offset:-3px;background-color:#fff3aa}
@media(max-width:760px){.site-refresh .refresh-selection-groups,.site-refresh .refresh-selection-models{grid-template-columns:minmax(0,1fr)}.site-refresh .refresh-selection-confirmation{flex-basis:100%}.site-refresh .refresh-selection-card-head{min-height:90px}.site-refresh .refresh-selection-visual{min-height:180px}.site-refresh .refresh-selection-visual img{width:260px;height:auto}}
@media(max-width:500px){.site-refresh .refresh-selection-step{gap:12px}.site-refresh .refresh-selection-step-number{min-width:86px;min-height:54px;padding:8px;font-size:20px}.site-refresh .refresh-selection-step h2,.site-refresh .refresh-selection-step-title{font-size:25px;min-height:54px;padding:6px 8px}.site-refresh .refresh-selection-card-head{padding:14px;gap:10px}.site-refresh .refresh-selection-card-head>strong{font-size:21px}.site-refresh .refresh-selection-card-state{padding:7px 9px;font-size:15px}.site-refresh .refresh-selection-code{width:42px;height:42px;font-size:25px}.site-refresh .refresh-selection-summary{padding:16px;gap:16px}.site-refresh .refresh-selection-confirmation{align-items:flex-start;flex-direction:column;gap:10px}.site-refresh .refresh-selection-add{width:100%;min-width:0}.site-refresh .refresh-selection-guide{min-height:112px}.site-refresh .refresh-selection-guide>img{width:70px;height:80px}.site-refresh .refresh-selection-dimension{font-size:24px;padding:16px}.site-refresh .refresh-selection-summary h3{font-size:20px}}

@media(min-width:1051px){.site-refresh[data-refresh-standard="dseries"] [data-refresh-choice-dimension="configuration"][data-refresh-choice-count="3"] .refresh-selection-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}

.site-refresh .refresh-selection-visual svg.refresh-dimension-diagram{display:block;width:360px;max-width:100%;height:auto;aspect-ratio:18/7;flex-shrink:0}

/* Match the approved short gold action cue; labels remain steady. */
.site-refresh .refresh-selection-add.refresh-attention-pulse:not(:disabled){box-shadow:0 0 0 4px rgba(255,224,52,.45),0 3px 12px rgba(144,111,0,.16)}
@keyframes refresh-selection-change-glow{0%,100%{box-shadow:0 0 0 2px rgba(255,224,52,.22),0 2px 8px rgba(144,111,0,.08)}50%{box-shadow:0 0 0 9px rgba(255,224,52,.78),0 5px 24px rgba(144,111,0,.32)}}
@media(prefers-reduced-motion:no-preference){.site-refresh .refresh-selection-add.refresh-attention-pulse:not(:disabled){animation:refresh-selection-change-glow 1.1s ease-in-out 2}}

.site-refresh .refresh-selection-add.refresh-choice-ready:not(:disabled){box-shadow:0 0 0 4px rgba(255,224,52,.45),0 3px 12px rgba(144,111,0,.16)}
@keyframes refresh-selection-ready-glow{0%,100%{box-shadow:0 0 0 3px rgba(255,224,52,.24),0 3px 10px rgba(144,111,0,.10)}50%{box-shadow:0 0 0 8px rgba(255,224,52,.68),0 5px 22px rgba(144,111,0,.28)}}
@media(prefers-reduced-motion:no-preference){.site-refresh .refresh-selection-add.refresh-choice-ready:not(:disabled){animation:refresh-selection-ready-glow 3.2s ease-in-out infinite}}

/* Model-specific drill accessory sections retain their native ordering controls. */
.site-refresh [data-drill-accessory-option][hidden]{display:none!important}

/* One available tool still needs an obvious selection cue. Prefer its stroke
   button, otherwise its model heading; stop this cue after the user selects it. */
.site-refresh [data-refresh-single-choice-pending] :is(
 .refresh-comparison-strokes button:not(:disabled),
 .refresh-comparison-choice:has(input:not(:disabled)),
 .refresh-selection-card-head
){box-shadow:inset 0 0 0 3px rgba(216,181,0,.55)}
.site-refresh [data-refresh-single-choice-pending]:has(.refresh-comparison-strokes button) .refresh-comparison-choice{box-shadow:none;animation:none}
@keyframes refresh-single-choice-glow{
 0%,100%{box-shadow:inset 0 0 0 2px rgba(216,181,0,.25)}
 50%{box-shadow:inset 0 0 0 6px rgba(216,181,0,.8)}
}
@media(prefers-reduced-motion:no-preference){
 .site-refresh [data-refresh-single-choice-pending] :is(.refresh-comparison-strokes button:not(:disabled),.refresh-comparison-choice:has(input:not(:disabled)),.refresh-selection-card-head){animation:refresh-single-choice-glow 3.2s ease-in-out infinite}
 .site-refresh [data-refresh-single-choice-pending]:has(.refresh-comparison-strokes button) .refresh-comparison-choice{animation:none}
}

.site-refresh .refresh-selection-visual[data-refresh-owner-shank] img{width:100%;height:260px;object-fit:contain}.site-refresh .refresh-selection-visual[data-refresh-owner-shank]{padding:12px}

/* Full-width owner shank photography, matching the chipping-hammer cards. */
.site-refresh .refresh-selection-visual:has(img[src*="breaker-shanks-cleaned-20261027/"]){min-height:0;padding:16px;gap:12px}
.site-refresh .refresh-selection-visual img[src*="breaker-shanks-cleaned-20261027/"]{width:100%;height:auto;max-width:100%;object-fit:contain}