/* Matched to live drills.css, 16 October 2026. */
#spbox-spares,#spbox-rotator,#spbox-spares *,#spbox-rotator *{font-family:Arial,sans-serif!important;box-sizing:border-box}
#spbox-spares,#spbox-rotator{background:#f5f5f6!important;color:#292b30;font-size:16px;line-height:1.7}
body:has(#spbox-spares) #sp-main-body,body:has(#spbox-rotator) #sp-main-body{background:#f5f5f6}
#spbox-spares h1,#spbox-rotator h1{font-size:36px!important;line-height:1.16!important;letter-spacing:-1px;font-weight:700!important;color:#292b30!important}
#spbox-spares .hero p,#spbox-rotator .rp-hero p{font-size:16px;line-height:1.65;color:#62666e;font-weight:400}
#spbox-spares .eyebrow,#spbox-rotator .rp-eyebrow{font-size:12px!important;color:#cf2837!important;font-weight:400}
#spbox-spares .wrap,#spbox-rotator .rp-wrap{max-width:1240px;margin:auto;padding-left:28px;padding-right:28px}
#spbox-spares .spares-directions-section{padding:28px 0 0;margin:0}
#spbox-spares .spares-directions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 28px}
#spbox-spares .spares-direction{position:relative;min-height:125px;display:flex;align-items:center;padding:20px 16px;background:#fff;border:1px solid #e4e5e8;border-bottom:3px solid #cf2837;border-radius:8px;color:#292b30;text-decoration:none}
#spbox-spares .spares-direction:hover{border-color:#cf2837}
#spbox-spares .spares-direction strong{font-size:17px;font-weight:600;line-height:1.35;display:block}
#spbox-spares .spares-direction small{font-size:13px;color:#62666e;font-weight:400;line-height:1.5;margin-top:7px;display:block}
#spbox-spares .direction-arrow{position:absolute;right:12px;top:9px;font-size:14px;color:#a0a2a8}
#spbox-spares .sparesSeo,#spbox-rotator .rp-seo{background:#fff;border:1px solid #e4e5e8;border-radius:8px;padding:25px!important;margin:28px 0}
#spbox-spares .sparesSeo h2,#spbox-spares #guide h2,#spbox-rotator .rp-seo h2,#spbox-rotator #rp-guide h2{font-size:25px!important;font-weight:600!important;line-height:1.3!important;color:#1a1b20;margin:0 0 12px}
#spbox-spares .sparesSeo h3,#spbox-spares .benefits h3,#spbox-rotator .rp-columns h3{font-size:18px!important;font-weight:600!important;color:#1a1b20!important;line-height:1.2;margin:0 0 12px}
#spbox-spares .sparesSeo p,#spbox-spares .benefits p,#spbox-spares .helper p,#spbox-rotator .rp-seo p,#spbox-rotator .rp-columns p,#spbox-rotator .rp-help p{font-size:15px!important;line-height:1.7!important;color:#62666e;font-weight:400}
#spbox-spares .sparesSeo a,#spbox-rotator .rp-seo a,#spbox-rotator #rp-guide a{font-weight:400!important;color:#cf2837;text-decoration:none}
#spbox-spares .sparesSeo a:hover,#spbox-rotator .rp-seo a:hover{text-decoration:underline}
#spbox-rotator .rp-columns{gap:24px;margin:22px 0}
#spbox-spares .benefits,#spbox-rotator #rp-guide .rp-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#spbox-spares .benefits article,#spbox-rotator #rp-guide .rp-columns>div{padding:22px;background:#fff;border:1px solid #e4e5e8;border-radius:8px}
#spbox-spares .number,#spbox-rotator .rp-step{font-size:13px;color:#999da5;font-weight:400;display:block;margin-bottom:12px}
#spbox-spares .helper,#spbox-rotator .rp-help{background:#eaeaec!important;padding:25px 28px!important;border-radius:8px;margin:30px 0;gap:24px}
#spbox-spares .helper h2,#spbox-rotator .rp-help h2{font-size:18px!important;font-weight:600!important;line-height:1.3;margin:0 0 10px}
#spbox-rotator .rp-filterbox{background:#eeeef0;border-radius:7px;padding:16px 18px;margin-bottom:24px}
#spbox-rotator #rp-filters{margin:0}#spbox-rotator .rp-options{z-index:15}
#spbox-rotator .rp-grid{align-items:stretch;grid-auto-rows:1fr}
#spbox-rotator .rp-card{display:flex;flex-direction:column;border-radius:8px;background:#fff!important;border:1px solid #e4e5e8}
#spbox-rotator .rp-image{background:#fff!important;flex-shrink:0}
#spbox-rotator .rp-card-body{display:flex;flex-direction:column;flex:1;min-width:0}
#spbox-rotator .rp-card h3{font-size:18px!important;font-weight:500!important;line-height:1.4;min-height:76px;margin:10px 0}
#spbox-rotator .rp-card h3 a{color:#292b30;font-weight:500;text-decoration:none}
#spbox-rotator .rp-card dl{font-size:13px;line-height:1.45;min-height:116px;margin:5px 0 auto}
#spbox-rotator .rp-card dl>div{grid-template-columns:1fr 1.25fr;padding:7px 0;border-bottom:1px solid #eceef0;margin:0;gap:7px}
#spbox-rotator .rp-card dt{color:#62666e}#spbox-rotator .rp-card dd{font-weight:600;text-align:right}
#spbox-rotator .rp-card .rp-price{font-size:14px;font-weight:600;line-height:1.4;margin:20px 0 12px}
#spbox-rotator .rp-card .rp-ask{font-size:13px!important;font-weight:700!important;line-height:1.35;padding:11px 8px;border-radius:6px;border:1px solid #ce2633;color:#bd2431;background:#fff}
#spbox-rotator .rp-card .rp-ask:hover{background:#cf2837;color:#fff}
#spbox-rotator .rp-spec{font-size:13px;color:#62666e;text-align:center;margin-top:12px;text-decoration:none}
#spbox-rotator .rp-request-product{padding:15px;background:#f5f5f6;border-radius:8px;font-size:15px;color:#292b30}
#spbox-rotator .rp-product-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;padding:28px;background:#fff;border:1px solid #e4e5e8;border-radius:8px;margin:20px 0 28px}
#spbox-rotator .rp-product-layout img{width:100%;max-height:390px;object-fit:contain;background:#fff}
#spbox-rotator .rp-product-layout h1{font-size:30px!important}
#spbox-rotator .rp-product-specs{width:100%;border-collapse:collapse;font-size:14px}
#spbox-rotator .rp-product-specs th,#spbox-rotator .rp-product-specs td{text-align:left;padding:12px;border-bottom:1px solid #e4e5e8;vertical-align:top}
#spbox-rotator .rp-product-specs th{font-weight:400;color:#62666e;width:35%}
@media(max-width:767px){
#spbox-spares h1,#spbox-rotator h1{font-size:28px!important}
#spbox-spares .wrap,#spbox-rotator .rp-wrap{padding-left:16px;padding-right:16px}
#spbox-spares .spares-directions{grid-template-columns:1fr 1fr;gap:10px}
#spbox-spares .spares-direction{min-height:110px;padding:18px 12px}
#spbox-spares .spares-direction strong{font-size:15px}#spbox-spares .spares-direction small{font-size:12px}
#spbox-spares .sparesSeo,#spbox-rotator .rp-seo{padding:20px!important}
#spbox-spares .benefits,#spbox-rotator #rp-guide .rp-columns{grid-template-columns:1fr}
#spbox-rotator .rp-filterbox{padding:12px}#spbox-rotator .rp-toolbar{flex-wrap:wrap}
#spbox-rotator .rp-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}
#spbox-rotator .rp-grid{grid-auto-rows:auto}
#spbox-rotator .rp-card h3{font-size:16px!important;min-height:0}
#spbox-rotator .rp-card dl{min-height:0;font-size:12px}
#spbox-rotator .rp-card .rp-price{margin:10px 0}
#spbox-rotator .rp-product-layout{grid-template-columns:1fr;padding:18px}
#spbox-rotator .rp-product-layout img{max-height:230px}
}

/* Approved tiles, product detail and compact mobile layout, 16 October. */
#spbox-spares .spares-direction{gap:12px;padding-right:26px}
#spbox-spares .direction-image{width:56px!important;height:72px!important;object-fit:contain;flex:0 0 56px;background:#fff}
#spbox-spares .direction-arrow{display:block!important;width:18px!important;height:18px!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#cf2837!important;font-weight:400!important}
#spbox-spares .direction-arrow svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor}
#spbox-rotator .rp-step{color:#cf2837!important}
#spbox-rotator .rp-product-info{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:start}
#spbox-rotator .rp-image{position:relative}
#spbox-rotator .rp-image-note{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#777;font-size:10px;font-weight:400;line-height:1.2;background:#fff}
#spbox-rotator .rp-illustration-note{font-size:12px;color:#62666e;line-height:1.4}
@media(max-width:767px){
 #spbox-spares .spares-direction{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 12px 12px;min-height:145px}
 #spbox-spares .direction-image{width:48px!important;height:48px!important;flex-basis:48px}
 #spbox-spares .spares-direction small{margin-top:4px}
 #spbox-rotator .rp-product-info{grid-template-columns:1fr;gap:22px}
 #spbox-rotator .rp-card{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:7px 12px;padding:12px}
 #spbox-rotator .rp-card-body{display:contents}
 #spbox-rotator .rp-image{grid-column:1;grid-row:1/3;width:76px;height:82px;padding:0;align-self:start}
 #spbox-rotator .rp-image img{width:76px;height:76px;object-fit:contain}
 #spbox-rotator .rp-card .rp-brand{grid-column:2;grid-row:1;line-height:1.2;font-size:12px;margin:0;align-self:end}
 #spbox-rotator .rp-card h3{grid-column:2;grid-row:2;font-size:15px!important;line-height:1.35;margin:0;min-height:0;align-self:start}
 #spbox-rotator .rp-card dl{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;margin:3px 0 0;min-height:0}
 #spbox-rotator .rp-card dl>div{display:block;padding:5px 0;border-bottom:1px solid #eceef0;min-width:0}
 #spbox-rotator .rp-card dt{font-size:11px;margin-bottom:3px;line-height:1.3}
 #spbox-rotator .rp-card dd{font-size:12px;line-height:1.35;text-align:left;margin:0;font-weight:500}
 #spbox-rotator .rp-card .rp-price{grid-column:1/-1;grid-row:4;margin:1px 0;font-size:13px}
 #spbox-rotator .rp-card .rp-ask{grid-column:1/-1;grid-row:5;padding:9px 8px}
 #spbox-rotator .rp-card .rp-spec{grid-column:1/-1;grid-row:6;margin-top:0;line-height:1.3}
}

/* SPBOX_SPARE_CARD_SKU_20261016 */
#spbox-rotator .rp-card .rp-sku{font-size:12px;line-height:1.4;color:#777d85;margin:0 0 10px;font-weight:400;overflow-wrap:anywhere}
@media(max-width:767px){
#spbox-rotator .rp-card{grid-template-rows:auto auto auto auto auto auto auto}
#spbox-rotator .rp-card .rp-sku{grid-column:2;grid-row:3;margin:0;font-size:11px}
#spbox-rotator .rp-card .rp-image{grid-row:1/4}
#spbox-rotator .rp-card dl{grid-row:4}
#spbox-rotator .rp-card .rp-price{grid-row:5}
#spbox-rotator .rp-card .rp-ask{grid-row:6}
#spbox-rotator .rp-card .rp-spec{grid-row:7}
}

/* SPBOX_DETAIL_PHOTO_WATERMARK: only full product pages, clean catalog thumbnails. */
#spbox-rotator .rp-photo-watermark{display:block;position:relative;isolation:isolate;overflow:hidden;background:#fff}
#spbox-rotator .rp-photo-watermark>img{display:block}
#spbox-rotator .rp-photo-watermark>.rp-photo-brand{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

/* Hammer spare catalog: shared style, four supplier filters. */
#spbox-rotator #rp-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
#spbox-rotator .rp-card h3{min-height:72px;font-size:16px!important}
#spbox-rotator .rp-card dd{overflow-wrap:anywhere}
#spbox-rotator .rp-service-note{padding:12px 16px;background:#fff;border-left:2px solid #b34848;font-size:14px}
#spbox-rotator .rp-product-layout .rp-photo-watermark>img{min-height:260px;max-height:390px;object-fit:contain}
#spbox-rotator .rp-hero{background-position:center 60%}
@media(max-width:767px){#spbox-rotator #rp-filters{grid-template-columns:1fr}#spbox-rotator .rp-card h3{min-height:0}#spbox-rotator .rp-hero{background-position:62% center}#spbox-rotator .rp-product-layout .rp-photo-watermark>img{min-height:180px;max-height:260px}}

#spbox-rotator .rp-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.82) 36%,rgba(255,255,255,.05) 68%),url(hero.webp);background-position:center;background-size:cover}
#spbox-rotator .rp-hero h1{max-width:650px}
#spbox-rotator .rp-card h3{height:72px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#spbox-rotator .rp-card dl{min-height:92px}
#spbox-rotator .rp-card dd{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#spbox-rotator .rp-product-layout .rp-photo-watermark>img{width:300px!important;min-height:0!important;max-width:100%;height:auto;max-height:300px}
@media(max-width:767px){#spbox-rotator .rp-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.8)),url(hero.webp)}#spbox-rotator .rp-card h3{height:auto;min-height:0;-webkit-line-clamp:3}#spbox-rotator .rp-card dl{min-height:0}}

/* Keep the full group visible in the desktop banner. */
@media(min-width:768px){#spbox-rotator .rp-hero{background-size:cover,auto 100%;background-position:center,right bottom;background-repeat:no-repeat;background-color:#f7f7f7}}

/* Equipment pills and contextual filters, 2026-10-20. */
#spbox-rotator .rp-equipment{margin:0 0 20px}#spbox-rotator .rp-equipment>p{font-size:15px;font-weight:700;color:#393c40;margin:0 0 12px}#spbox-rotator .rp-equipment-tabs{display:flex;gap:12px;flex-wrap:wrap}#spbox-rotator .rp-equipment-tabs :is(button,a){display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:180px;padding:12px 18px;border:1px solid #d9dadd;border-radius:12px;background:#fff;color:#44474b;font:600 15px/1.35 inherit;cursor:pointer;box-shadow:0 1px 2px #00000004}#spbox-rotator .rp-equipment-tabs :is(button,a):hover{border-color:#b73342;background:#fff7f8}#spbox-rotator .rp-equipment-tabs :is(button,a)[aria-pressed=true]{border-color:#b73342;background:#fff7f8;box-shadow:inset 0 -3px #b73342}#spbox-rotator .rp-equipment-count{background:#f0f0f2;border-radius:20px;min-width:30px;padding:2px 7px;text-align:center;color:#6b6d72;font-size:12px}#spbox-rotator #rp-filters{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}#spbox-rotator .rp-equipment-tabs :is(button,a){font-family:inherit;font-size:15px;font-weight:600;line-height:1.35}
@media(max-width:767px){#spbox-rotator .rp-equipment-tabs{gap:8px}#spbox-rotator .rp-equipment-tabs :is(button,a){min-width:0;gap:10px;padding:10px 12px;font-size:13px;flex:1 1 145px}#spbox-rotator .rp-equipment-tabs :is(button,a):last-child{flex:0 1 auto}#spbox-rotator #rp-filters{grid-template-columns:1fr}#spbox-rotator .rp-equipment{margin-bottom:14px}}

#spbox-rotator .rp-equipment-tabs a{text-decoration:none} @media(min-width:768px){#spbox-rotator .rp-filter summary{min-height:70px;box-sizing:border-box}}

/* Equipment pills inside the hero, 2026-10-20. */
#spbox-rotator .rp-hero .rp-equipment{margin:24px 0 0;max-width:650px}#spbox-rotator .rp-hero .rp-equipment-tabs a{text-decoration:none}@media(max-width:767px){#spbox-rotator .rp-hero .rp-equipment{margin-top:20px}}
/* Continuous gray hero and white product image surfaces, 2026-10-20. */
#spbox-rotator .rp-hero{background-color:#e7e7e7;background-image:linear-gradient(90deg,rgba(231,231,231,.96) 0%,rgba(231,231,231,.88) 32%,rgba(231,231,231,.12) 63%,rgba(231,231,231,0) 80%),url(hero.webp);background-size:cover,cover;background-position:center,center bottom;background-repeat:no-repeat}
#spbox-rotator .rp-image,#spbox-rotator .rp-image img,#spbox-rotator .rp-photo-watermark,#spbox-rotator .rp-photo-watermark>img{background-color:#fff}
@media(max-width:767px){#spbox-rotator .rp-hero{background-image:linear-gradient(90deg,rgba(231,231,231,.96),rgba(231,231,231,.88)),url(hero.webp);background-position:center,right bottom}}