:root{--orange:#FE5400;--ink:#111;--muted:#6b6b6b;--line:#d4d4d4;--soft:#f6f6f6;--white:#fff;--head:'Bebas Neue',Impact,sans-serif;--body:'Hanken Grotesk',system-ui,sans-serif;--accent-font:'Jost',system-ui,sans-serif;--wrap:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:15px/1.45 var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;cursor:pointer}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--head);font-weight:400;letter-spacing:.01em;margin:0;line-height:1}
.sec-title{font-size:44px;margin:0 0 18px}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(0,0,0,.06)}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:104px}
.logo img{height:78px;width:auto}
.nav{display:flex;gap:28px;margin:0 auto}
.nav a{font-family:var(--head);font-size:20px;letter-spacing:.02em;line-height:1;padding:8px 0;transition:color .15s}
.nav a:hover,.nav a.on{color:var(--orange)}
/* only the item under the mouse (or whose dropdown is open) is orange */
.nav:has(a:hover) a.on:not(:hover){color:inherit}
body:has(.mega.open) .nav a.on:not(#navProducts),body:has(.matdd.open) .nav a.on:not(#navMaterial){color:inherit}
.icons{display:flex;gap:18px;align-items:center}
.ico{width:26px;height:26px;background:var(--orange);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;border:0;padding:0;position:relative}
.ico-account{--m:url(data:image/png;base64,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)}.ico-search{--m:url(data:image/png;base64,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)}.ico-cart{--m:url(data:image/png;base64,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)}
.cartbtn{position:relative;background:none;border:0;padding:0}
.badge{position:absolute;top:-8px;right:-10px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.badge:empty{display:none}
.burger{display:none;background:none;border:0;padding:6px}
.burger span{display:block;width:24px;height:3px;background:var(--ink);margin:4px 0;border-radius:2px}

/* products mega menu: same as Reliable Power Tools, a column per category with its ranges */
.mega{position:fixed;left:0;right:0;top:104px;z-index:40;display:none;background:#fff;border-top:1px solid #dfdfdf;box-shadow:0 16px 32px rgba(14,14,14,.1);max-height:calc(100vh - 104px);overflow-y:auto}
.mega.open{display:block}
.mega-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem 1.5rem;max-width:1300px;margin:0 auto;padding:2rem 2.5rem 2.5rem}
.mcol h4{box-sizing:border-box;border-bottom:2px solid var(--ink);height:3rem;margin:0 0 .9rem;padding-bottom:.5rem;font:400 .9rem/1.2 var(--head);display:flex;align-items:flex-end}
.mcol h4 a{font-weight:700;letter-spacing:.02em}
.mcol h4 a:hover{color:var(--orange)}
.mcol ul{margin:0;padding:0;list-style:none}
.mcol li{break-inside:avoid;margin-bottom:.6rem}
.mcol ul a{font-family:var(--head);font-size:.875rem;color:var(--orange);display:block}
.mcol ul a:hover{text-decoration:underline}
.mcol{display:flex;flex-direction:column}.mcol ul{flex:1;display:flex;flex-direction:column}.mcol .mva{margin-top:auto;padding-top:.4rem}.mcol .mva a{color:var(--ink)}.mcol .mva a:hover{color:var(--orange);text-decoration:none}
.mtabs{grid-column:1/-1;display:flex;gap:2rem;border-bottom:1px solid #dfdfdf;margin-bottom:-.5rem}
.mtabs button{background:none;border:0;border-bottom:3px solid transparent;padding:0 0 .55rem;font:400 1.1rem/1 var(--head);letter-spacing:.03em;color:var(--ink);cursor:pointer}
.mtabs button.on,.mtabs button:hover{color:var(--orange);border-bottom-color:var(--orange)}
.mcol.wide{grid-column:span 2}
.mcol.wide ul{display:block;columns:2;column-gap:1.5rem}
.mcol li{margin-bottom:.45rem}
.mega-in{grid-template-columns:repeat(5,minmax(0,1fr))}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 34px}
.tile{display:block}
.tile .ph{aspect-ratio:3/2;overflow:hidden;background:#e9e9e9}
.tile .ph img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.tile:hover .ph img{transform:scale(1.04)}
.pill{display:block;margin-top:16px;text-align:center;background:#fff;border:3px solid var(--line);border-radius:999px;padding:5px 12px;font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,color .15s}
.tile:hover .pill,.ctile:hover .pill{border-color:var(--orange);color:var(--orange)}
.ctile .ph img{transition:transform .35s}.ctile:hover .ph img{transform:scale(1.05)}
.ranges-head{display:flex;justify-content:space-between;align-items:baseline;margin:-22px 0 14px;padding:22px 0 8px;border-bottom:2px solid var(--ink);position:sticky;top:-22px;background:rgba(255,255,255,.97);z-index:2}
.ranges-head h3{font-size:26px}
.ranges-head .viewall{font-size:18px}
.viewall{font-family:var(--head);font-size:24px;color:var(--orange)}

/* material grades dropdown: same as the Reliable Power Tools brands dropdown (cards), split Metric and Imperial */
.matdd{position:fixed;left:0;right:0;top:96px;z-index:40;display:none;justify-content:center;pointer-events:none}
.matdd.open{display:flex}
.matdd-in{pointer-events:auto;background:#fff;border:1px solid #dfdfdf;border-radius:6px;box-shadow:0 8px 24px rgba(14,14,14,.08);padding:1rem 1.25rem;width:min(1200px,calc(100vw - 32px));max-height:80vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;align-items:start}
.mdd-h{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--head);font-size:1.1rem;border-bottom:2px solid var(--ink);padding-bottom:.35rem;margin:.25rem 0 .85rem}
.mdd-h a{font-size:.85rem;color:var(--orange)}
.mdd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.1rem}
.mdd-card{display:flex;flex-direction:column;gap:.5rem}
.mdd-thumb{position:relative;aspect-ratio:16/9;background:#f8f8f8;border:2px solid transparent;border-radius:8px;overflow:hidden;transition:border-color .2s}
.mdd-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.mdd-thumb i{position:absolute;left:0;top:0;bottom:0;width:6px}
.mdd-card:hover .mdd-thumb{border-color:var(--orange)}.mdd-card:hover .mdd-thumb img{transform:scale(1.04)}
.mdd-card span{font-family:var(--head);font-size:.85rem;letter-spacing:.03em;text-align:center;text-transform:uppercase}
.mdd-card:hover span{color:var(--orange)}
.matcol{padding:22px 26px 24px}
.matcol h3{font-size:32px;margin:0 0 10px;padding-bottom:6px;border-bottom:3px solid var(--orange);display:inline-block}
.mrow{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid #ececec;font-weight:500;transition:color .15s}
.mrow:hover{color:var(--orange)}
.mrow i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #d6d6d6}
.mrow small{color:var(--muted);font-size:13px}
.mrow.all{border-bottom:0;margin-top:6px;font-family:var(--head);font-size:22px;color:var(--orange)}
.matpage{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:10px 0 40px}
.matpage .matcol{background:var(--soft);padding:24px 28px}
.matpage .matcol+.matcol{border-left:0}
@media (max-width:860px){.matdd{display:none!important}.matpage{grid-template-columns:1fr;gap:18px}}
/* shop by material page */
.mhero{position:relative;background:#141414;color:#fff;overflow:hidden;margin-bottom:28px}
.mhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.mhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.15))}
.mhero .wrap{position:relative;z-index:1;padding-top:8px;padding-bottom:34px}
.crumbs.light,.crumbs.light a{color:rgba(255,255,255,.75)}
.mhero h1{font-size:clamp(48px,7vw,80px);margin:6px 0 8px}
.mhero p{margin:0 0 18px;max-width:560px;color:rgba(255,255,255,.85)}
.legend{display:flex;flex-wrap:wrap;gap:8px}
.lg{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}
.lg i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.8)}
button.lg{color:#fff;font-family:var(--body);cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s}
button.lg:hover{border-color:var(--orange);color:var(--orange)}
button.lg.on{background:#fff;color:var(--ink);border-color:#fff}
button.lg.on:hover{color:var(--orange)}
button.lg.dim{opacity:.55}
button.lg.clr{background:transparent;border-color:var(--orange);color:var(--orange)}
button.lg.clr:hover{background:var(--orange);color:#fff}
.mhero+.wrap .dept{padding-top:0}
.mwrap{padding-bottom:30px}
.msec{margin-bottom:40px}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.mcard{display:flex;flex-direction:column;background:#fff;border:1px solid #dcdcdc;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.mcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.12);border-color:var(--orange)}
.mimg{position:relative;aspect-ratio:4/3;background:#fff;border-bottom:6px solid var(--mc)}
.mimg img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.mcard:hover .mimg img{transform:scale(1.05)}
.mtag{position:absolute;top:10px;left:10px;background:#fff;border:2px solid var(--line);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mbody{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.mbody h3{font-size:26px;line-height:1;margin-bottom:6px}
.mcard:hover h3{color:var(--orange)}
.mbody p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.35;flex:1}
.mfoot{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;border-top:1px solid #ececec;padding-top:10px}
.mfoot b{font-family:var(--head);font-weight:400;font-size:18px;color:var(--orange)}

/* hero: full screen width, same as the Reliable Industrial Supplies hero */
.hero-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:536px;padding:48px 24px;box-sizing:border-box;background:#121212;color:#fff;text-align:center;overflow:hidden}
.hero{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.slide.on{opacity:1;visibility:visible}
.slide img{width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:rgba(18,18,18,.45)}
.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:820px}
.hero-inner .kick{font-family:var(--accent-font);font-size:18px;font-weight:500;margin:0 0 -14px;color:#e0e0e0}
.hero-inner h1{font-size:52px;line-height:1.05;max-width:20ch;color:#fff;text-transform:uppercase}
.gpill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;color:var(--ink);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:0 3px 14px rgba(14,14,14,.13),inset 0 1px #fff;-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);font:600 15px var(--accent-font);cursor:pointer;transition:color .15s,background .15s}
.gpill:hover{color:var(--orange);background:rgba(255,255,255,.95)}
.hero-search{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin:0}
.glass-field{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%)}
.hero-field{flex:999 1 380px;display:flex;align-items:center;gap:12px;min-width:0;min-height:56px;padding:0 22px;border-radius:100px}
.hero-field:focus-within{outline:2px solid var(--orange);outline-offset:3px}
.hero-field input{flex-grow:1;min-width:0;border:0;outline:none;background:none;color:var(--ink);font:16px var(--body)}
.hero-field input::placeholder{color:#6b6b6b}
.hero-search .gpill{flex:1 1 140px;min-height:56px;font-size:16px;border-radius:100px}
.hero-inner>.gpill{border-radius:100px}
.popular{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px}
.popular-label{letter-spacing:.14em;text-transform:uppercase;color:#e0e0e0;font-size:12px;font-family:var(--accent-font)}
.popular a{color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:8px 15px;font:500 13.5px var(--accent-font);transition:color .15s,background .15s}
.popular a:hover{background:rgba(255,255,255,.92);color:var(--orange)}
.hctl{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;color:var(--ink);background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.8);box-shadow:0 3px 14px rgba(14,14,14,.18);cursor:pointer;transition:color .15s,background .15s}
.hctl:hover{background:#fff;color:var(--orange)}
.hctl span{font-family:Arial,sans-serif;font-size:2rem;line-height:1;transform:translateY(-2px)}
.hctl.l{left:1rem}.hctl.r{right:1rem}
.hpag{position:absolute;z-index:3;left:50%;bottom:.6rem;transform:translateX(-50%);display:flex;align-items:center;background:rgba(14,14,14,.5);border-radius:999px;padding:0 4px}
.hpag button{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;color:#fff}
.hpag button:not(.hplay):after{content:"";width:8px;height:8px;border-radius:50%;border:1px solid #fff}
.hpag button.on:after{background:#fff}
.hpag .hplay{font-size:14px}
.arrow{transition:color .15s,border-color .15s}.arrow:hover{color:var(--orange);border-color:var(--orange)}
.reset:hover,.x:hover{color:var(--orange)}.x{transition:color .15s}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;z-index:3;font-weight:700;font-size:16px;line-height:1}
@media (max-width:760px){.hero-wrap{min-height:462px;padding:36px 16px 64px}.hero-inner{gap:18px}.hero-inner h1{font-size:36px}.hero-search{display:grid;grid-template-columns:minmax(0,1fr)}.hero-field{padding-inline:16px}.hero-search .gpill{min-height:48px}.popular{gap:8px}.popular a{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px}.hctl{display:none}}

/* home tabs and tiles */
.hsearch{position:relative;z-index:4;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:16px;margin:24px 24px 0;padding:24px}
.hs-form{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;max-width:820px;margin:0 auto}
.hs-field{display:flex;align-items:center;gap:.9rem;min-height:58px;padding:0 1.5rem;background:#fff;border:1px solid #ddd;border-radius:999px;color:rgba(14,14,14,.52)}
.hs-field:focus-within{outline:2px solid var(--orange);outline-offset:3px}
.hs-field input{flex:1;min-width:0;border:0;outline:0;background:none;font:16px var(--accent-font);color:var(--ink)}
.hs-field input::placeholder{color:rgba(14,14,14,.58)}
.hs-form>button{min-height:58px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:600 16px var(--accent-font);cursor:pointer;transition:color .15s}
.hs-form>button:hover{color:var(--orange)}
.hs-pop{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;margin-top:.9rem;font-family:var(--accent-font)}
.hs-pop span{letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:600;margin-right:.2rem}
.hs-pop a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;border:1px solid #ddd;border-radius:999px;background:#fff;font-size:.82rem;line-height:1;transition:color .15s,border-color .15s}
.hs-pop a:hover{color:var(--orange);border-color:var(--orange)}
@media (max-width:720px){.hsearch{margin:16px 16px 0;padding:20px 16px}.hs-form{grid-template-columns:1fr}}
.hwrap{max-width:1440px}
.hsec{margin-top:32px}
.hsec-h{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid var(--orange);padding-bottom:6px;margin-bottom:12px}
.hsec-h h2{font-size:1.6rem}
.hsec-h a{font-family:var(--accent-font);font-size:16px;transition:color .15s}.hsec-h a:hover{color:var(--orange)}
.htiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.htile{position:relative;display:block;aspect-ratio:1;background:#fff;border:1px solid #e6e6e6;box-shadow:0 2px 6px rgba(0,0,0,.12);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.htile img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.htile span{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;background:rgba(255,255,255,.92);font-size:12px;font-weight:600;text-align:center;opacity:0;transform:translateY(100%);transition:opacity .2s,transform .2s}
.htile:hover{border-color:var(--orange);box-shadow:0 4px 12px rgba(0,0,0,.16)}
.htile:hover img{transform:scale(1.04)}
.htile:hover span,.htile:focus-visible span{opacity:1;transform:none;color:var(--orange)}
@media (max-width:860px){.htiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.htiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* search row */
.searchrow{display:grid;grid-template-columns:1fr 330px;gap:36px;padding:24px 0}
.inp{width:100%;border:3px solid var(--line);border-radius:999px;padding:10px 22px;font:inherit;background:#fff;outline:none}
.inp:focus{border-color:var(--orange)}
.btn-b{background:var(--ink);color:#fff;border:0;border-radius:999px;font-weight:700;letter-spacing:.04em;padding:11px 20px;text-transform:uppercase}
.btn-b{transition:color .15s,background .15s}.btn-b:hover{background:#000;color:var(--orange)}

/* carousels */
.band{background:var(--soft);padding:24px 0}
.band.white{background:#fff}
.car{position:relative}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*12px)/5);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.track>*{scroll-snap-align:start}
.car .arrow.l{left:-46px}.car .arrow.r{right:-46px}
.ctile .ph{aspect-ratio:16/9;overflow:hidden;background:#ddd;border-right:4px solid transparent}
.ctile .ph img{width:100%;height:100%;object-fit:cover}
.ctile .pill{margin-top:12px;font-size:15px;padding:3px 10px}
.gtile{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111;display:block}
.gtile img{width:100%;height:100%;object-fit:cover;filter:brightness(.62)}
.gtile .gl{position:absolute;right:12px;bottom:12px;left:12px;text-align:right;font-family:var(--head);font-size:26px;color:#fff;line-height:1}
.catgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cattile{border-radius:0}
.cattile img{filter:brightness(.55);transition:transform .35s,filter .35s}
.cattile:hover img{transform:scale(1.05);filter:brightness(.4)}
.cattile .gl{font-size:28px;left:16px;right:16px;bottom:14px;text-align:left;transition:color .15s}
.cattile:hover .gl{color:var(--orange)}
.cattile .gc{position:absolute;left:16px;bottom:12px;color:rgba(255,255,255,.8);font-size:13px;font-weight:600}
.gtile .gl{transition:color .15s}.gtile:hover .gl{color:var(--orange)}
@media (max-width:860px){.catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cattile .gl{font-size:26px}}
.gtile .bar{position:absolute;left:0;top:0;bottom:0;width:8px}

/* featured product and product page */
.feat{background:var(--soft);padding:26px 0 34px}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.gal-main{background:#fff;border:3px solid #e2e2e2;border-radius:16px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.gal-main img{width:100%;height:100%;object-fit:contain;background:#fff}
.thumbs{display:flex;gap:10px;margin-top:12px}
.thumbs button{width:84px;height:84px;border:3px solid #e2e2e2;border-radius:10px;background:#fff;padding:0;overflow:hidden}
.thumbs button.on{border-color:var(--orange)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.ptitle{font-size:40px;line-height:1.02;margin-bottom:6px}
.sku{color:#8a8a8a;font-size:16px}
.price{font-family:var(--head);font-size:30px;color:var(--orange);margin-top:6px;line-height:1.1}
.excl{color:#8a8a8a;font-size:15px}
.rule{border:0;border-top:3px solid #dedede;margin:12px 0}
.pdesc{margin:0;font-size:16px}
.ph3{font-family:var(--head);font-size:28px;color:var(--orange);margin:2px 0 4px}
.flist{margin:0;padding:0;list-style:none}
.flist li{position:relative;padding-left:16px}
.flist li:before{content:"";position:absolute;left:3px;top:.62em;width:4px;height:4px;background:var(--orange);border-radius:50%}
.spec{display:grid;grid-template-columns:auto 1fr;column-gap:40px;row-gap:2px;padding-left:16px;margin:0}
.spec dt{margin:0}.spec dd{margin:0}
.grade-chip{display:inline-flex;align-items:center;gap:8px}
.grade-chip i{display:inline-block;width:12px;height:12px;border-radius:50%}
.buy{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-left:16px}
.btn-o{background:#fff;border:3px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:border-color .15s,color .15s}
.btn-o:hover{border-color:var(--orange);color:var(--orange)}
.btn-o[disabled]{opacity:.45;cursor:default;border-color:var(--line);color:inherit}
.stock{font-size:14px;margin-top:4px}
/* added to cart feedback, same as the Power Tools store: the label slides up and "Added to cart" slides in */
.rpt-cart-feedback{position:relative;overflow:hidden}
.rpt-cart-label{display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:transform .45s,opacity .45s}
.rpt-cart-label-added{opacity:0;transform:translateY(-150%)}
.rpt-cart-success{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--orange);opacity:0;pointer-events:none;transform:translateY(110%);transition:transform .45s,opacity .45s}
.rpt-cart-success-visible{opacity:1;transform:translateY(0)}
.rpt-cart-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.rpt-cart-label,.rpt-cart-success{transition:none}}
.stock.out{color:#b3261e}.stock.low{color:#b26a00}.stock.ok{color:#2e7d32}

/* newsletter + footer */
.newsband{background:var(--soft);margin-top:36px}
.news{display:grid;grid-template-columns:auto 1fr 360px;gap:28px;align-items:center;padding:18px 24px}
.news h3{font-size:24px}
.news .inp{border-width:2px;padding:8px 20px}
.news .btn-b{padding:8px 20px}
.ftr{padding:0}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:22px;padding-bottom:26px;position:relative}
.fcols:before{content:"";position:absolute;left:24px;right:24px;top:0;border-top:2px solid var(--orange)}
.fcols>div{display:flex;flex-direction:column;align-items:flex-start}.fcols h4{font-family:var(--head);font-weight:400;font-size:20px;margin:0 0 14px;padding-bottom:8px;min-width:70px;border-bottom:2px solid var(--orange);line-height:1}
.fcols ul{list-style:none;margin:0;padding:0}
.fcols li{position:relative;padding-left:18px;font-size:14px;line-height:1.5}
.fcols li:before{content:"";position:absolute;left:3px;top:.6em;width:6px;height:6px;background:var(--orange);border-radius:50%}
.fcols li a:hover{color:var(--orange)}
.fbot{background:var(--soft)}
.fbot .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px}
.fbot img{height:64px;width:auto}
.copy{text-align:center;color:var(--ink);font-size:17px}.copy a:hover{color:var(--orange)}
.soc{display:flex;gap:8px}
.soc a{width:22px;height:22px;background:var(--orange);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}

/* department pages */
.crumbs{font-size:14px;color:var(--muted);padding:18px 0 8px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a:hover{color:var(--orange)}
.crumbs span:not(:last-child):after{content:"/";margin-left:6px;color:#bbb}
.dept{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;padding:10px 0 40px}
.side{display:flex;flex-direction:column;gap:22px;align-self:start}
.refine{background:var(--soft);border-radius:0;padding:0 22px 22px}
.refine-h{list-style:none;cursor:pointer;font-family:var(--head);font-size:30px;padding:16px 0 10px;border-bottom:4px solid #d0d0d0;margin-bottom:14px;display:flex;justify-content:space-between}
.refine-h::-webkit-details-marker{display:none}
.refine-h:after{content:"\2212";color:var(--orange)}.refine:not([open]) .refine-h:after{content:"+"}
.inp.sm{padding:7px 14px;font-size:14px;border-width:3px}
.rsearch{margin-bottom:14px}
.facet{border-bottom:2px solid #e2e2e2;padding:10px 0}
.facet summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--head);font-size:22px}
.facet summary::-webkit-details-marker{display:none}
.facet summary:after{content:"+";margin-left:auto;color:var(--orange);font:700 18px var(--body)}
.facet[open] summary:after{content:"\2212"}
.facet summary b{background:var(--orange);color:#fff;font:700 11px var(--body);border-radius:9px;min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px}
.opts{display:flex;flex-direction:column;gap:7px;max-height:230px;overflow:auto;margin-top:10px;padding-right:4px;scrollbar-width:thin}
.ogrp{font-family:var(--head);font-size:15px;letter-spacing:.5px;color:#777;margin-top:6px}.ogrp:first-child{margin-top:0}
.opt{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.opt input{accent-color:var(--orange);width:16px;height:16px;margin:0;flex-shrink:0}
.opt span{flex:1}.opt small{color:var(--muted);font-size:12px}
.opt:hover span{color:var(--orange)}
.opt .dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px #d6d6d6}
.stockopt{padding:4px 0 10px;border-bottom:2px solid #e2e2e2;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.chip{background:#fff;border:2px solid var(--orange);color:var(--orange);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}
.chip:hover{background:var(--orange);color:#fff}
.price-f{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:10px}
.btn-b.sm{padding:6px 12px;font-size:13px}
.clear{width:100%;margin-top:16px;font-size:13px}
.csec{margin-bottom:34px}
.csec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:18px}
.shopm{color:var(--orange);font-weight:600;font-size:15px;white-space:nowrap}
.shopm:hover{text-decoration:underline;text-underline-offset:3px}
.psec{margin-top:34px}
.psec .csec-h .count{color:var(--muted);font-size:14px}
.pgh{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;margin:18px 0 2px;padding-bottom:8px;border-bottom:1px solid #dcdcdc}
.pgh h3{margin:0;font-size:20px}
.pgh small{color:var(--muted);font-size:13px}
.pgh a{margin-left:auto;color:var(--orange);font-weight:600;font-size:14px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px}
.ccard{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #dcdcdc;border-radius:14px;padding:0 0 16px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.ccard img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:11px}
.ccard{height:100%}
.ccard b{font-size:15px;font-weight:600;line-height:1.25;flex:1;display:flex;align-items:center;padding:0 10px}
.ccard small{color:var(--muted);font-size:13px;margin-top:4px}
.ccard:hover{border-color:var(--orange);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.ccard:hover b{color:var(--orange)}
.csec-h h2{font-size:34px}
.tcount{display:block;text-align:center;color:var(--muted);font-size:13px;margin-top:6px}
.listbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px}
.listbar .count{margin:0}
.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dept .cats{box-shadow:none;border-radius:0;background:var(--soft)}
.dept .cats a{font-size:30px;padding:18px 28px 14px}
.dept .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.dept .tiles .pill{font-size:16px}
.page-title{font-size:56px;margin:4px 0 6px}
.lead{color:var(--muted);margin:0 0 20px}

/* range page: simple filter pills above the grid */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 6px}
.sel{appearance:none;-webkit-appearance:none;border:3px solid var(--line);border-radius:999px;padding:7px 36px 7px 16px;font:500 14px var(--body);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23FE5400' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;max-width:220px}
.sel.set{border-color:var(--orange)}
.chk{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}
.reset{background:none;border:0;color:var(--orange);font-weight:600;font-size:14px;padding:6px}
.count{color:var(--muted);font-size:14px;margin:6px 0 16px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card{display:flex;flex-direction:column;background:#fff}
.card .media{position:relative}
.card .ph{display:block;position:relative;aspect-ratio:1/1;background:#fff;border:3px solid #ececec;border-radius:14px;overflow:hidden}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s}
.card .ph img.alt{opacity:0}
.card:hover .ph img.alt{opacity:1}
.card:hover .ph img.main.has-alt{opacity:0}
.card .gdot{position:absolute;top:10px;left:10px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #fff}
.card{height:100%}
.card h4{font-size:14px;font-weight:600;margin:10px 0 6px;line-height:1.3;height:3.9em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.cinfo{margin-top:auto}
.card .cprice{font-family:var(--head);font-size:24px;color:var(--orange)}
.card .btn-o{font-size:13px;padding:6px 10px}
.card .cbuy{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:8px}
.qsel{display:inline-flex;align-items:center;border:3px solid var(--line);border-radius:999px;background:#fff;overflow:hidden;transition:border-color .15s}
.qsel:focus-within,.qsel:hover{border-color:var(--orange)}
.qsel button{width:30px;height:30px;border:0;background:none;font-size:18px;font-weight:700;line-height:1;padding:0}
.qsel button:hover{color:var(--orange)}
.qsel input{width:44px;border:0;text-align:center;font:600 15px var(--body);background:none;outline:none;-moz-appearance:textfield}
.qsel input::-webkit-outer-spin-button,.qsel input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.card .qsel button{width:26px;height:26px}.card .qsel input{width:34px;font-size:14px}
.qrow{display:flex;align-items:center;gap:14px;margin-top:16px;padding-left:16px;font-weight:600}
.qrow+.buy{margin-top:10px}
.qs-toggle{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:#fff;border:3px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s}
.qs-toggle:hover,.qs-toggle[aria-expanded="true"]{border-color:var(--orange);color:var(--orange)}
.qs{position:absolute;left:8px;right:8px;bottom:52px;max-height:calc(100% - 62px);z-index:3;display:flex;flex-direction:column;background:#fff;border:3px solid #ececec;border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.qs[hidden]{display:none}
.qs h5{font-family:var(--head);font-weight:400;font-size:22px;color:var(--orange);margin:0 0 4px}
.qs ul{list-style:none;margin:0 0 8px;padding:0;overflow:auto;font-size:12.5px;line-height:1.45}
.qs li{position:relative;padding-left:12px}
.qs li:before{content:"";position:absolute;left:2px;top:.6em;width:4px;height:4px;border-radius:50%;background:var(--orange)}
.qs a{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.qs a:hover{color:var(--orange)}
.more{display:flex;justify-content:center;align-items:center;gap:10px;margin:26px 0 40px;color:var(--muted);font-size:14px;font-weight:600}
.loading{display:inline-flex;gap:5px}.loading i{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:ld 1s infinite ease-in-out}
.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}
@keyframes ld{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.totop{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:3px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,.12);font:400 13px var(--head);letter-spacing:.04em;line-height:1;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s,transform .25s,color .15s,border-color .15s}
.totop.on{opacity:1;pointer-events:auto;transform:none}
.totop:hover{color:var(--orange);border-color:var(--orange)}
@media (max-width:860px){.totop{right:14px;bottom:14px;width:50px;height:50px}}
.more .btn-o{min-width:260px}
.empty{padding:40px 0;color:var(--muted)}

/* cart drawer */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:80;opacity:0;pointer-events:none;transition:opacity .2s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:90;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.drawer.on{transform:none}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:3px solid #e2e2e2}
.drawer header h3{font-size:34px}
.x{background:none;border:0;font-size:28px;line-height:1}
.lines{flex:1;overflow:auto;padding:10px 24px}
.line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e6e6e6}
.line img{width:64px;height:64px;object-fit:contain;border:2px solid #eee;border-radius:8px;background:#fff}
.line .t{font-size:13px;font-weight:600;line-height:1.3}
.qty{display:flex;align-items:center;gap:6px;margin-top:4px}
.qty button{width:24px;height:24px;border:2px solid var(--line);border-radius:50%;background:#fff;line-height:1;padding:0}
.drawer footer{padding:18px 24px 24px;border-top:3px solid #e2e2e2}
.sub{display:flex;justify-content:space-between;font-family:var(--head);font-size:28px;margin-bottom:12px}
.drawer .btn-b{width:100%}

/* mobile drawer menu: departments then categories with Back, no images */
.mnav{position:fixed;top:0;left:0;bottom:0;width:min(360px,88vw);z-index:90;background:#fff;transform:translateX(-100%);transition:transform .25s;display:flex;flex-direction:column}
.mnav.on{transform:none}
.mnav header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:3px solid #e2e2e2}
.mnav header img{height:52px;width:auto}
.mlist{overflow:auto;padding:6px 0}
.mlist a,.mlist button{display:flex;justify-content:space-between;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #eee;padding:14px 22px;font-family:var(--head);font-size:26px}
.mlist .back{color:var(--orange);font-size:22px}
.mlist .small{font-family:var(--body);font-size:16px;font-weight:500}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;z-index:100;font-weight:600;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.2)}

@media (max-width:1100px){.nav a{font-size:18px}.nav{gap:16px}.car .arrow{display:none}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){
 .hdr .wrap{height:76px}.logo img{height:54px}.nav{display:none}.burger{display:block}.icons{margin-left:auto;gap:14px}.ico{width:22px;height:22px}
 .mega{display:none!important}
 
 .searchrow,.news{grid-template-columns:1fr;gap:10px}
 .track{grid-auto-columns:calc((100% - 12px)/2.2)}
 .pdp{grid-template-columns:1fr}
 .dept{grid-template-columns:1fr;gap:18px}.dept .cats{display:none}.grid.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.dept .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .tiles .pill{font-size:15px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .card .cbuy{grid-template-columns:1fr}.card .qsel{justify-content:space-between}.card .qsel input{flex:1}
 .fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fbot .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}.news{grid-template-columns:1fr;gap:10px}.news h3{text-align:center}
 .sec-title{font-size:36px}.page-title{font-size:42px}.ptitle{font-size:32px}
}
@media (max-width:480px){.wrap{padding:0 16px}.sel{max-width:none;flex:1 1 45%}.buy{grid-template-columns:1fr;padding-left:0}.spec{column-gap:18px}}
/* ===== Reliable Power Tools look and feel (21 Oct 2026): same fonts, glass buttons, cards, filter panel, product page and footer ===== */
:root{--ink:#0e0e0e;--line:#dfdfdf;--soft:#f8f8f8;--glass:rgba(255,255,255,.82);--glass-edge:rgba(255,255,255,.9);--gshadow:0 3px 14px rgba(14,14,14,.13),inset 0 1px #fff}
body{color:var(--ink);font-size:16px}
/* header: white glass, logo, menu and icons grouped in the middle, black line icons */
.hdr{background:rgba(255,255,255,.76);border-bottom:0;box-shadow:0 4px 16px rgba(14,14,14,.043),inset 0 -1px rgba(255,255,255,.65)}
.hdr .wrap{max-width:1440px;justify-content:center;gap:32px;height:112px}
.logo img{height:80px;border-radius:4px}
.nav{margin:0;gap:28px}
.nav a{font-size:17.6px;letter-spacing:.02em;padding:4px 0}
.icons{gap:20px}
.ico{width:20px;height:20px;background:var(--ink)}
.ico:hover,.cartbtn:hover .ico{background:var(--orange)}
.badge{background:var(--orange);top:-9px;right:-11px}
.mega,.matdd{top:112px}
/* breadcrumbs and titles */
.crumbs{font:500 13.6px var(--accent-font);color:var(--ink);padding:24px 0 0;margin-bottom:8px}
.crumbs span:not(:last-child):after{color:var(--ink)}
.page-title,.sec-title{font-size:25.6px;letter-spacing:.02em;margin:24px 0 24px}
.lead{font-size:15px}
/* buttons: white glass with soft shadow, text turns orange on hover */
.btn-o,.btn-w,.gpill{color:var(--ink);background:var(--glass);border:1px solid var(--glass-edge);border-radius:14px;box-shadow:var(--gshadow);font:600 16px var(--accent-font);letter-spacing:0;text-transform:none;padding:0 20px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .15s,background .15s}
.btn-o:hover,.btn-w:hover,.gpill:hover{color:var(--orange);background:rgba(255,255,255,.95);border-color:var(--glass-edge)}
.btn-o[disabled]{opacity:.5;color:var(--ink)}
.btn-b{border-radius:14px;font:600 16px var(--accent-font);letter-spacing:0;text-transform:none;min-height:52px}
.inp,.sel{border:1px solid var(--line);border-radius:8px;font:14.4px var(--body);padding:8px 10.4px}
.inp:focus,.sel:focus{border-color:var(--orange)}
/* products layout: filter card on the left, three products per row */
.dept{grid-template-columns:240px minmax(0,1fr);gap:40px;padding:0 0 32px}
.wrap{max-width:1440px}
.refine{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(14,14,14,.08);padding:0 20px 20px}
.refine-h{font-size:17.6px;padding:20px 0 14px;border-bottom:1px solid var(--line);margin:0 -20px 16px;padding-left:20px;padding-right:20px}
.refine-h:after{color:var(--ink)}
.facet{border-bottom:1px solid var(--line);padding:14px 0}
.facet summary{font-size:13.6px;letter-spacing:.03em}
.facet summary:after{color:var(--ink);font-size:14px}
.facet summary b{background:#eee;color:var(--ink);font-weight:500}
.opt{font:14px var(--accent-font)}
.opt input{accent-color:var(--ink)}
.chip{border:1px solid var(--line);color:var(--ink);font:500 12px var(--accent-font)}
.chip:hover{background:#fff;color:var(--orange);border-color:var(--orange)}
.grid,.grid.g3,.dept .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
/* product cards */
.card .ph{border:0;border-radius:4px;background:var(--soft)}
.card .ph img{object-fit:contain}
.qs-toggle{left:12px;bottom:12px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--gshadow);border-radius:100px;padding:8px 13.6px;font:400 13.6px var(--body);min-height:44px}
.qs-toggle:hover,.qs-toggle[aria-expanded="true"]{border-color:var(--glass-edge);color:var(--orange)}
.qs{border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(14,14,14,.12);bottom:64px}
.qs h5{font-size:17.6px;color:var(--ink)}
.card h4{font:400 17.6px/1.3 var(--head);letter-spacing:.02em;text-transform:uppercase;margin:12px 0 4px;height:2.6em;-webkit-line-clamp:2}
.card .cprice{font:400 13.4px var(--body);color:var(--ink)}
.card .stock{font-size:13px}
.card .cbuy{grid-template-columns:auto 1fr;gap:11px;margin-top:12px}
.card .btn-o{font-size:16px;padding:0 16px}
.card .buynow{width:100%;margin-top:16px}
/* quantity selector */
.qsel{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.7);box-shadow:inset 0 1px rgba(255,255,255,.9);height:52px}
.qsel:hover,.qsel:focus-within{border-color:var(--line)}
.qsel button,.card .qsel button{width:40px;height:50px;font:400 18px var(--body)}
.qsel input,.card .qsel input{width:36px;font:400 16px var(--accent-font)}
/* product page */
.pdp{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:64px;padding-top:24px}
.gal-main{border:0;border-radius:4px;box-shadow:none;background:var(--soft)}
.gal-main img{background:var(--soft)}
.ptitle{font-size:36px;line-height:1.4;letter-spacing:.02em;margin-bottom:32px}
.sku{font-size:13.6px;color:#555}.sku b{color:var(--ink);font-weight:600}
.price{font:400 28px var(--head);color:var(--ink);margin-top:8px}
.excl{font-size:13px;color:#6b6b6b;padding-bottom:8px;border-bottom:1px solid var(--line)}
.rule{border-top:1px solid var(--line)}
.pdesc{font-size:15px;line-height:1.5;padding:4px 2px}
.pspec{border-bottom:1px solid var(--line)}
.pspec summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 2px;font:400 16px var(--head);color:var(--orange)}
.pspec summary::-webkit-details-marker{display:none}
.pspec summary:after{content:"\00D7";color:var(--ink);font:700 14px var(--body)}
.pspec:not([open]) summary:after{content:"+"}
.spec{display:grid;grid-template-columns:1fr 1fr;column-gap:0;row-gap:0;padding:0 0 12px}
.spec dt,.spec dd{padding:8px 0 8px 4px;border-bottom:1px solid #ececec;font-size:15px;line-height:1.5}
.spec dt:last-of-type,.spec dd:last-of-type{border-bottom:0}
.qrow{padding-left:0;margin-top:24px;font:500 15px var(--accent-font)}
.buy{padding-left:0;gap:12px}
/* footer: sign up band, columns, round social icons */
.newsband{background:#fff;border-top:1px solid var(--line);margin-top:48px}
.news{grid-template-columns:1fr minmax(0,420px);gap:24px;padding:18px 24px;max-width:1440px}
.news h3{font-size:16.8px;letter-spacing:.02em}
.news .inp{display:none}
.news .nform{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.news .nform input{flex:1;border:0;outline:0;padding:0 16px;font:16px var(--accent-font);min-height:54px;background:none}
.news .nform button{border:0;background:var(--orange);color:#fff;font:400 14.4px var(--head);letter-spacing:.02em;padding:0 22px;cursor:pointer}
.news .nform button:hover{background:var(--ink)}
.news>.btn-b{display:none}
.ftr .fcols{max-width:1440px;gap:24px 32px;padding:24px 24px 20px}
.fcols:before{left:0;right:0;border-top:1px solid var(--line)}
.fcols h4{font-size:15.2px;letter-spacing:.02em;border-bottom:2px solid var(--orange);padding-bottom:8px;margin-bottom:12px;min-width:0}
.fcols li{padding-left:0;font:400 13.6px/2.2 var(--accent-font)}
.fcols li:before{display:none}
.fbot{background:#fff;border-top:1px solid var(--line)}
.fbot .wrap{max-width:1440px;padding:17.6px 24px}
.copy{font:400 13.6px var(--accent-font);color:#555}
.soc{gap:12px}
.soc a{width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:none;-webkit-mask:none;mask:none;position:relative}
.soc a:after{content:"";position:absolute;inset:8px;background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.soc a:hover:after{background:var(--orange)}
.hico{display:flex;width:20px;height:20px;color:var(--ink);transition:color .15s}.hico:hover,.cartbtn:hover .hico{color:var(--orange)}
.band{background:#fff}
/* back to top: glass pill like Power Tools */
.totop{width:auto;height:52px;padding:0 24px;border-radius:14px;flex-direction:row;gap:6px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--gshadow);font:600 16px var(--accent-font);color:var(--ink)}
.totop svg{order:2}
/* home rows and tiles in the same style */
.htile{border:0;border-radius:4px;background:var(--soft);box-shadow:none}
.htile:hover{box-shadow:0 0 0 2px var(--orange)}
.hsec-h{border-bottom:2px solid var(--ink)}
.ccard{border:0;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.ccard:hover{box-shadow:0 0 0 2px var(--orange)}
.csec-h h2{font-size:25.6px}
.drawer header h3{font-size:25.6px}
@media (max-width:1100px){.grid,.grid.g3,.dept .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.dept{grid-template-columns:1fr}.pdp{grid-template-columns:1fr;gap:24px}.hdr .wrap{height:76px;justify-content:space-between}.logo img{height:52px}.mega,.matdd{top:76px}.news{grid-template-columns:1fr}}
@media (max-width:520px){.grid,.grid.g3,.dept .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card .cbuy{grid-template-columns:1fr}}

/* home range tiles: framed cards with the range name, like the Power Tools brand cards */
.htiles{gap:20px}
.htile,.htile:hover{aspect-ratio:auto;background:#fff;border:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column;text-align:center}
.htile .hti{display:block;aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px rgba(14,14,14,.07);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.htile .hti img{width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box;transition:transform .25s}
.htile:hover .hti{border-color:var(--orange);box-shadow:0 8px 22px rgba(14,14,14,.12)}
.htile:hover .hti img{transform:scale(1.05)}
.htile b{display:block;margin-top:12px;font:400 17.6px/1.15 var(--head);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);transition:color .15s}
.htile small{display:block;margin-top:3px;font:400 13px var(--accent-font);color:#6b6b6b}
.htile:hover b{color:var(--orange)}
.htile .hti,.htile:hover .hti,.htile:focus-visible .hti{position:relative;inset:auto;opacity:1;transform:none;padding:0;font-size:inherit}
.htile b{min-height:2.3em;display:flex;align-items:flex-start;justify-content:center}

/* home rows: no line under the category headings */
.hsec-h{border-bottom:0;padding-bottom:0}

/* Same centred header geometry as the live division sites. */
.hdr{height:128px;min-height:128px;box-sizing:border-box;background:#fff}
.hdr .wrap{width:100%;max-width:900px;height:127px;box-sizing:border-box;margin:0 auto;padding:10px 28px;display:grid;grid-template-columns:250px minmax(0,1fr) 149px;gap:28px;align-items:center}
.hdr .logo img{display:block;width:250px;height:106px;max-width:100%;object-fit:contain}
.hdr .nav{display:flex;margin:0;justify-content:center;align-items:center;gap:22px;white-space:nowrap}
.hdr .nav a{font-size:19px;font-weight:400;letter-spacing:.02em}
.hdr .icons{display:flex;width:149px;justify-content:flex-end;gap:19px;margin:0;align-items:center;color:#0e0e0e}
.hdr .hico,.hdr .cartbtn{display:flex;width:23px;height:23px;align-items:center;justify-content:center;color:#0e0e0e}
.hdr .hico svg{width:23px;height:23px}
.hdr .icons>[aria-label="Account"]{order:0}.hdr .icons>[aria-label="Search"]{order:1}.hdr .icons>[aria-label="Cart"]{order:2}
.hdr .hico:hover,.hdr .hico:focus-visible,.hdr .cartbtn:hover,.hdr .cartbtn:focus-visible,.hdr .cartbtn:hover .hico{color:#fe5400}
.hdr .burger{display:none}.mega,.matdd{top:128px}
@media(max-width:1000px){
.hdr{height:80px;min-height:80px}.hdr .wrap{height:79px;padding:9px 16px;grid-template-columns:36px minmax(0,1fr) auto;gap:8px}
.hdr .logo img{width:140px;height:60px}.hdr .nav{display:none}.hdr .burger{display:block;grid-column:1;grid-row:1}.hdr .logo{grid-column:2;grid-row:1}.hdr .icons{grid-column:3;grid-row:1;width:auto;gap:0}.hdr .hico,.hdr .cartbtn{width:36px;height:44px}.mega,.matdd{top:80px}
}
@media(max-width:360px){.hdr .logo img{width:110px}.hdr .wrap{gap:4px}}
.gdot{box-shadow:0 0 0 2px #fff,0 0 0 3px #cfcfcf!important}.grade-chip i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}.mdd-thumb i{box-shadow:inset -1px 0 0 rgba(0,0,0,.12)}

/* material menu matches the Products menu (Brian, 27 Oct 2026) */
.matdd{top:104px;justify-content:stretch}
.matdd-in{width:100%;max-width:none;border:0;border-top:1px solid #dfdfdf;border-radius:0;box-shadow:0 16px 32px rgba(14,14,14,.1);padding:2rem max(2.5rem,calc((100vw - 1300px)/2 + 2.5rem)) 2.5rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem;max-height:calc(100vh - 104px)}
.matdd-in .mcol h4 span{font-weight:700;letter-spacing:.02em}
.mdot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.5rem;vertical-align:-1px;border:1px solid rgba(0,0,0,.18)}

.mgrp h4 span{font-weight:700;letter-spacing:.02em}
.msec{margin-bottom:.9rem}.msec .msh{display:block;font:700 .85rem/1.2 var(--head);letter-spacing:.02em;margin-bottom:.4rem;color:var(--ink)}.msec .msh:hover{color:var(--orange)}
.msec ul{display:block!important}.msec li{margin-bottom:.3rem}.msec .mva{margin-top:0;padding-top:0}
.mega-in{padding-top:1.25rem;padding-bottom:1.5rem;gap:1.25rem 1.5rem}
/* 27 Oct 2026: on computers the hero text and search sit on the left, over the plain colour, so the fasteners on the right of each banner stay in full view. Phones keep the centred layout. */
@media (min-width:861px){
 .hero-wrap{justify-content:flex-start;text-align:left;padding-left:max(5%,90px);padding-right:max(5%,90px)}
 .hero-inner{align-items:flex-start;width:min(600px,32vw);max-width:none}
 .hero-inner h1{max-width:none}
 .hero-inner .popular{justify-content:flex-start}
 .hero-inner .hero-field{flex-basis:200px}
}
/* 27 Oct 2026: no slide dots (too many slides); the arrows move between slides. On phones the arrows sit at the bottom, either side of the play button. */
@media (max-width:760px){.hero-wrap .hctl{display:grid;top:auto;bottom:.6rem;transform:none;width:40px;height:40px}.hero-wrap .hctl.l{left:calc(50% - 72px)}.hero-wrap .hctl.r{right:calc(50% - 72px)}}

/* Products menu v2: frosted glass behind, one group at a time (Brian, 28 Oct 2026) */
.mega{border-top:1px solid #e6e6e6;box-shadow:0 24px 48px rgba(14,14,14,.14)}
.mega.open{bottom:0;max-height:none;background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:none}
.mega .mega-in.mega-in{background:rgba(255,255,255,.9);box-shadow:0 24px 48px rgba(14,14,14,.12);border-radius:0 0 8px 8px}
.m2-rail{background:rgba(246,246,246,.85)}
.mega .mega-in.mega-in{display:grid;grid-template-columns:250px minmax(0,1fr) 250px!important;gap:0;max-width:1240px;padding:0;min-height:380px}
.m2-rail{border-right:1px solid #ececec;padding:22px 0 24px;background:#fafafa}
.m2-sys{display:flex;margin:0 20px 16px;border:1px solid #dcdcdc;border-radius:999px;padding:3px;background:#fff}
.m2-sys button{flex:1;border:0;background:none;border-radius:999px;padding:7px 0;font:600 13px/1 var(--accent-font);letter-spacing:.04em;text-transform:uppercase;color:#555}
.m2-sys button.on{background:var(--ink);color:#fff}
.m2-rail ul{list-style:none;margin:0;padding:0}
.m2-rail li a{display:flex;align-items:center;justify-content:space-between;padding:11px 20px 11px 17px;border-left:3px solid transparent;font:500 15px/1.25 var(--accent-font);color:#222}
.m2-rail li a svg{opacity:0;transition:opacity .12s}
.m2-rail li a.on{border-left-color:var(--orange);background:#fff;color:var(--orange);font-weight:600}
.m2-rail li a.on svg,.m2-rail li a:hover svg{opacity:1}
.m2-body{padding:24px 36px 28px}
.m2-head{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid #ececec;padding-bottom:12px;margin-bottom:20px}
.m2-head h3{font:400 30px/1 var(--head);letter-spacing:.02em}
.m2-head span{font:500 13px/1 var(--accent-font);color:var(--muted)}
.m2-secs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px 40px}
.m2-sh{display:block;font:600 12px/1.2 var(--accent-font);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.m2-sh:hover{color:var(--orange)}
.m2-sec ul{list-style:none;margin:0;padding:0}
.m2-sec li a{display:block;padding:5px 0;font:400 15px/1.3 var(--body);color:#1a1a1a}
.m2-sec li a:hover{color:var(--orange)}
.m2-all{display:inline-block;margin-top:8px;font:600 14px/1.3 var(--accent-font);color:var(--orange)}
.m2-all:hover{text-decoration:underline}
.m2-help{margin:24px 24px 28px 0;padding:22px;background:#f4f4f4;border-radius:6px;align-self:start}
.m2-help h4{margin:0 0 8px;font:400 22px/1.05 var(--head);letter-spacing:.02em}
.m2-help p{margin:0 0 16px;font:400 14px/1.45 var(--body);color:#444}
.m2-btn{display:inline-block;background:var(--orange);color:#fff;font:600 14px/1 var(--accent-font);padding:12px 18px;border-radius:4px}
.m2-btn:hover{background:#e04a00}
.m2-note{margin-top:14px;font:500 12px/1 var(--accent-font);color:var(--muted)}

/* footer: shorter, no sign up band (Brian, 28 Oct 2026) */
.ftr{margin-top:48px;border-top:1px solid var(--line)}
.ftr .fcols{padding-top:22px;padding-bottom:14px}
.fcols li{line-height:1.9!important}
/* product page: Add to quote sits under Buy it now and Add to cart, same style as them */
.buy .btn-o[data-quote]{grid-column:1/-1}
/* quote list drawer */
#qdrawer .code{font:500 12px/1.3 var(--accent-font);color:var(--muted);margin:2px 0 4px}
.qline{grid-template-columns:64px 1fr 28px}
.qnote{width:64px;height:64px;display:grid;place-items:center;background:var(--soft);border-radius:6px;font:600 12px var(--accent-font);color:var(--muted)}
.qx{background:none;border:0;font-size:22px;line-height:1;color:#888;padding:0}.qx:hover{color:var(--orange)}
.qadd{margin:16px 0 6px}.qadd label{display:block;font:600 13px/1.3 var(--accent-font);margin-bottom:8px}
.qadd>div{display:flex;gap:8px}.qadd .inp{flex:1;border-radius:6px;padding:9px 12px;font-size:14px}.qadd .btn-o{padding:0 16px}
.qform{display:grid;gap:8px}.qform .inp{border-radius:6px;padding:9px 12px;font-size:14px;width:100%}
.qform textarea.inp{resize:vertical;font-family:var(--body)}
.qrow2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qform .excl{margin:2px 0 0;text-align:center}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.qdone{padding:40px 8px;text-align:center}.qdone h4{font:400 34px/1 var(--head);margin:0 0 12px}.qdone p{margin:0 0 12px;color:#444}.qdone .btn-b{margin-top:14px}
button.m2-btn{border:0;cursor:pointer}
/* WhatsApp button, bottom right, above the Back to top button (which is unchanged) */
.wa{position:fixed;right:22px;bottom:90px;z-index:61;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 14px;border-radius:999px;background:#25D366;color:#fff;font:600 15px/1 var(--accent-font);box-shadow:0 6px 20px rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s}
.wa:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22);color:#fff}
@media (max-width:860px){.wa{right:14px;bottom:76px;height:52px;width:52px;padding:0;justify-content:center}.wa span{display:none}.qrow2{grid-template-columns:1fr}}

/* home: metric to imperial conversion chart, from Brian's chart (28 Oct 2026), restyled to the site */
.cv{margin-top:56px;margin-bottom:24px}
.cv-head{margin-bottom:22px}
.cv-head .sec-title{margin:0 0 8px}.cv-head .sec-title span{color:var(--orange)}
.cv-head p{margin:0;color:var(--muted);font:400 15px/1.5 var(--body)}
.cv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.cv-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.07);border:1px solid #ececec}
.cv-table th{background:var(--ink);color:#fff;text-align:left;padding:13px 16px;font:600 12px/1.2 var(--accent-font);letter-spacing:.06em;text-transform:uppercase}
.cv-table td{padding:11px 16px;border-top:1px solid #efefef;font:400 15px/1.3 var(--body);color:#222;transition:background .15s,color .15s}
.cv-table td:last-child{font-family:var(--accent-font);font-weight:600}
.cv-table tbody tr:hover td{background:#fff5ef;color:var(--orange)}
@media (max-width:860px){.cv-grid{grid-template-columns:1fr;gap:0}.cv-grid .cv-table+.cv-table{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.cv-grid .cv-table+.cv-table thead{display:none}.cv-grid .cv-table:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.cv-table th,.cv-table td{padding:10px 12px;font-size:14px}.cv-table th{font-size:11px}}

.cv+.cv{margin-top:40px}
.cv-sub{margin:0 0 10px;font:600 14px/1.2 var(--accent-font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.cv-sp td:last-child{color:var(--orange)}
@media (max-width:860px){.cv-grid>div+div{margin-top:24px}.cv-grid>div .cv-table{border-radius:14px!important}.cv-grid>div .cv-table thead{display:table-header-group!important}}

/* imperial thread guide */
.tg .sec-title span{color:var(--orange)}
.tg-table{table-layout:auto}
.tg-table td:first-child{font-family:var(--accent-font);font-weight:700;white-space:nowrap;width:1%}
.tg-table td:nth-child(2){white-space:nowrap;width:1%;font-weight:500}
.tg-table td{line-height:1.5}
.tg-table tr.on td{background:#fff5ef}
.tg-this{display:inline-block;margin-left:10px;padding:3px 8px;border-radius:999px;background:var(--orange);color:#fff;font:600 11px/1 var(--accent-font);letter-spacing:.03em;vertical-align:middle}
@media (max-width:860px){.tg-table thead{display:none}.tg-table,.tg-table tbody,.tg-table tr,.tg-table td{display:block;width:auto!important}.tg-table tr{border-top:1px solid #efefef;padding:10px 14px}.tg-table td{border:0;padding:2px 0;white-space:normal!important}.tg-table td:nth-child(2){color:var(--muted)}}

/* home: shop by department carousel */
.dc{margin-top:44px}
.dc-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}
.dc-head .sec-title{margin:0}
.dc-arrows{display:flex;gap:8px}
.dc-arr{width:40px;height:40px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:24px;line-height:1;color:var(--ink);transition:color .15s}
.dc-arr:hover{color:var(--orange)}
.dc-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*16px)/6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 14px}
.dc-row::-webkit-scrollbar{display:none}
.dc-tile{scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;min-height:180px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#1b1b1b,#0e0e0e);color:#fff;box-shadow:0 2px 14px rgba(0,0,0,.12);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
.dc-tile:before{content:"";position:absolute;left:18px;top:18px;width:28px;height:3px;background:var(--orange);border-radius:2px}
.dc-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.dc-name{font:400 24px/1.02 var(--head);letter-spacing:.02em}
.dc-meta{margin-top:6px;font:500 13px/1.2 var(--accent-font);color:#b8b8b8}
.dc-go{margin-top:12px;font:600 13px/1 var(--accent-font);color:#fff;transition:color .15s}
.dc-tile:hover .dc-go{color:var(--orange)}
@media (min-width:1100px){.dc-arrows{display:none}}
@media (max-width:860px){.dc-row{grid-auto-columns:44%}.dc-tile{min-height:150px}.dc-name{font-size:21px}}

/* home: shop by grade tiles (photos from the grade banners) */
.gt-row{grid-auto-columns:calc((100% - 5*16px)/6)}
.gt-tile{scroll-snap-align:start;display:block}
.gt-img{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.1);background:#eee}
.gt-img img{width:100%;height:100%;object-fit:cover;object-position:75% 50%;transition:transform .3s}
.gt-tile:hover .gt-img img{transform:scale(1.05)}
.gt-tile b{display:block;margin-top:10px;font:600 14px/1.25 var(--accent-font);text-align:center;color:var(--ink);transition:color .15s}
.gt-tile:hover b{color:var(--orange)}
.gt-arrows{display:flex!important}
.pop{margin-top:20px}
/* fastener reference: one section, three tabs */
.ref{margin-top:56px}
.ref .sec-title span{color:var(--orange)}
.ref-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 18px}
.ref-tabs button{border:0;background:#fff;border-radius:14px;padding:14px 22px;font:600 15px/1 var(--accent-font);color:var(--ink);box-shadow:0 2px 12px rgba(0,0,0,.1);transition:color .15s,box-shadow .15s}
.ref-tabs button:hover{color:var(--orange)}
.ref-tabs button.on{color:var(--orange)}
.ref-panel{display:none}.ref-panel.on{display:block}
.ref-lead{margin:0 0 16px;color:var(--muted);font:400 15px/1.5 var(--body)}
.tq-in{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.tq-in label span{display:block;margin-bottom:8px;font:600 13px/1.2 var(--accent-font);letter-spacing:.05em;text-transform:uppercase}
.tq-in select{width:100%;border-radius:12px;padding:12px 16px;font:600 16px var(--accent-font);cursor:pointer}
.tq-out{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tq-out>div{background:#fff;border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.07);border:1px solid #ececec;padding:24px 16px;text-align:center}
.tq-out span{display:block;font:600 12px/1.2 var(--accent-font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tq-out b{display:block;margin:10px 0 4px;font:400 52px/1 var(--head);color:var(--ink)}
.tq-out i{font:600 12px/1.2 var(--accent-font);font-style:normal;color:var(--orange)}
.tq-note{margin:14px 0 0;font:400 13px/1.5 var(--body);color:var(--muted)}
/* quote band above the footer */
.qband{margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px!important;border-radius:14px;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.08);border:1px solid #ececec}
.qband h2{margin:0 0 6px;font:400 30px/1.05 var(--head);letter-spacing:.02em}
.qband p{margin:0;color:var(--muted)}
.qband-btn{flex:none;border:0;background:#fff;border-radius:14px;padding:15px 28px;font:600 15px/1 var(--accent-font);color:var(--ink);box-shadow:0 2px 12px rgba(0,0,0,.14);transition:color .15s}
.qband-btn:hover{color:var(--orange)}
@media (max-width:860px){.gt-row{grid-auto-columns:44%}.tq-in,.tq-out{grid-template-columns:1fr}.tq-out b{font-size:44px}.qband{flex-direction:column;align-items:flex-start;padding:22px!important;margin-left:16px;margin-right:16px}}

/* ===== Look-and-feel pass (Brian, 28 Oct 2026): every new part uses the site's own styles.
   Headings are never orange; orange is only for hover and the selected item. ===== */
.sec-title span,.cv-head .sec-title span,.ref .sec-title span,.tg .sec-title span{color:inherit!important}
/* buttons: exactly the Add to cart / Buy it now style */
.ref-tabs button,.qband-btn,.m2-btn,button.m2-btn,.dc-arr,.qadd .btn-o{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:14px!important;box-shadow:0 3px 14px rgba(14,14,14,.13),inset 0 1px #fff!important;font:600 16px/1 var(--accent-font)!important;color:var(--ink)!important;letter-spacing:0!important;text-transform:none!important}
.ref-tabs button{height:52px;padding:0 22px!important}
.qband-btn{height:52px;padding:0 28px!important}
.m2-btn,button.m2-btn{display:inline-flex!important;align-items:center;height:48px;padding:0 20px!important}
.dc-arr{width:44px;height:44px;border-radius:50%!important;font-size:22px!important;padding:0!important}
.ref-tabs button:hover,.ref-tabs button.on,.qband-btn:hover,.m2-btn:hover,.dc-arr:hover,.qadd .btn-o:hover{color:var(--orange)!important}
/* inputs and dropdowns: the quantity box style */
.tq-in select,.qform .inp,.qadd .inp{background:rgba(255,255,255,.7)!important;border:1px solid #dfdfdf!important;border-radius:14px!important;box-shadow:inset 0 1px rgba(255,255,255,.9)!important;font:400 15px var(--body)!important;color:var(--ink)!important}
.tq-in select{height:52px;padding:0 16px!important;font-family:var(--accent-font)!important;font-weight:600!important}
.qform .inp,.qadd .inp{padding:12px 14px!important}
.qadd .btn-o{height:46px;padding:0 18px!important}
/* tables: the product page Specifications style (plain rows, light lines, no coloured header) */
.cv-table,.tg-table{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;border-collapse:collapse!important}
.cv-table th{background:none!important;color:var(--muted)!important;font:600 12px/1.2 var(--accent-font)!important;letter-spacing:.06em;text-transform:uppercase;padding:8px 4px!important;border-bottom:1px solid #dfdfdf!important}
.cv-table td{font:400 15px/1.4 var(--body)!important;color:var(--ink)!important;padding:8px 4px!important;border-top:0!important;border-bottom:1px solid #ececec!important;background:none!important}
.cv-table td:last-child,.cv-sp td:last-child,.tg-table td:first-child{font-weight:600!important;color:var(--ink)!important}
.cv-table tbody tr:hover td{background:#fafafa!important;color:var(--ink)!important}
.cv-sub{font:400 18px/1 var(--head)!important;letter-spacing:.02em;text-transform:uppercase}
.tg-table tr.on td{background:#f5f5f5!important}
.tg-this{background:#ececec!important;color:var(--ink)!important}
@media (max-width:860px){.cv-grid .cv-table+.cv-table{margin-top:0!important}}
/* torque results: plain cards in the button style, no orange text */
.tq-out>div{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:14px!important;box-shadow:0 3px 14px rgba(14,14,14,.13)!important}
.tq-out i{color:var(--muted)!important}
.tq-in label span{font:400 16px/1 var(--head)!important;letter-spacing:.02em}
/* department tiles: white cards in the button style until the department photos arrive */
.dc-tile{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.9)!important;color:var(--ink)!important;box-shadow:0 3px 14px rgba(14,14,14,.13),inset 0 1px #fff!important;min-height:150px!important}
.dc-tile:before{display:none!important}
.dc-tile .dc-meta{color:var(--muted)!important}
.dc-tile .dc-go{color:var(--ink)!important}
.dc-tile:hover .dc-name,.dc-tile:hover .dc-go{color:var(--orange)!important}
/* grade tiles: flat photos like the product and brand tiles */
.gt-img{border-radius:0!important;box-shadow:none!important}
/* quote band: plain section between two light lines */
.qband{background:none!important;border:0!important;border-top:1px solid #ececec!important;border-bottom:1px solid #ececec!important;border-radius:0!important;box-shadow:none!important;padding:28px 24px!important}
/* menu: the All ... links are ink, orange only on hover */
.m2-all{color:var(--ink)!important}.m2-all:hover{color:var(--orange)!important;text-decoration:none!important}

/* carousels: copied from the main site's Shop by department (group.css) so every row looks the same */
.rb-row.departments{padding-top:40px;padding-bottom:8px}
.rb-row h2{margin-bottom:20px}
.rb-row .row-box{position:relative}
.rb-row .drow{display:flex;gap:20px;overflow-x:auto;scroll-behavior:auto;scrollbar-width:none;padding-bottom:4px}
.rb-row .drow::-webkit-scrollbar{display:none}
.rb-row .arrow{position:absolute;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.88);box-shadow:0 3px 14px rgba(14,14,14,.18),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.rb-row .arrow-prev{left:-12px}.rb-row .arrow-next{right:-12px}
.rb-row .arrow-dept{top:calc((240px * 9 / 16) / 2)}
.rb-row .dtile{flex:0 0 240px;display:flex;flex-direction:column;gap:8px;text-align:center;font-family:'Jost',sans-serif;font-weight:600;font-size:14.4px;color:#0E0E0E}
.rb-row .dtile:hover{color:var(--orange)}
.rb-row .dtile-img{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;border-radius:4px;background:#0E0E0E;overflow:hidden}
.rb-row .dtile-img img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;display:block}
@media (max-width:760px){.rb-row.departments{padding-top:32px}.rb-row .drow{gap:12px;scroll-snap-type:x proximity}.rb-row .dtile{flex-basis:76%;max-width:280px;scroll-snap-align:start}}
.rb-row .dtile-word{padding:0 18px;color:#fff;font:400 34px/.95 var(--head);letter-spacing:.01em;text-align:left;width:100%}

/* product cards: Add to quote next to Buy it now (Brian, 28 Oct 2026) */
.card{container-type:inline-size}
.card .cbuy{grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:stretch;margin-top:14px}
.card .cbuy2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.card .cbuy2 .buynow{width:100%;margin:0;min-width:0}
.card .cbuy .btn-o,.card .cbuy2 .btn-o{height:52px;min-height:52px;padding:0 12px;line-height:1.2;white-space:nowrap;font-size:15px}
.card .cbuy .qsel{width:100%;height:52px;justify-content:space-between}
.card .cbuy .qsel button{flex:0 0 36px;width:36px;height:50px}
.card .cbuy .qsel input{min-width:0;width:36px;flex:1}
@container (max-width:280px){
 .card .cbuy{grid-template-columns:minmax(0,1fr)}
 .card .cbuy2{grid-template-columns:minmax(0,1fr)}
 .card .cbuy .btn-o,.card .cbuy2 .btn-o{font-size:14px}
}

.fx-loading{padding:80px 24px;text-align:center;font-size:18px;color:#5A5A5A}

.cart-remove{display:inline-flex;align-items:center;min-height:32px;padding:3px 0;border:0;background:transparent;color:var(--ink,#0e0e0e);text-decoration:underline;font:inherit;font-size:13px;cursor:pointer}.cart-remove:hover{color:var(--orange)}

/* Loading screen (Brian, 31 Oct 2026): same design as the main site. Brian prefers no loading screen, so it stays invisible
   and only fades in if the fasteners list takes longer than 1.5 seconds. */
.fx-load{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#fff;color:#0e0e0e;padding:20px;box-sizing:border-box;opacity:0;visibility:hidden;animation:fx-load-show .3s ease 1.5s forwards}@keyframes fx-load-show{to{opacity:1;visibility:visible}}.fx-load-centre{width:100%;text-align:center;font-family:'Bebas Neue',sans-serif;font-weight:400}.fx-load-centre img{display:block;width:230px;max-width:80%;height:auto;margin:0 auto 30px}.fx-load-label{font-size:14px;color:#686868;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;line-height:40px}.fx-load-words{position:relative;height:40px;overflow:hidden;text-align:center;font-size:clamp(22px,3.5vw,28px);font-weight:400;line-height:40px}.fx-load-words::after{content:'';position:absolute;inset:0;background:linear-gradient(#fff 10%,transparent 30%,transparent 70%,#fff 90%);pointer-events:none}.fx-load-word{display:block;height:40px;color:#fe5400;animation:fx-load-words 55.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.fx-load-word{animation:none}}@keyframes fx-load-words{0%,1.946%{transform:translateY(0%)}2.703%,4.649%{transform:translateY(-100%)}5.405%,7.351%{transform:translateY(-200%)}8.108%,10.054%{transform:translateY(-300%)}10.811%,12.757%{transform:translateY(-400%)}13.514%,15.459%{transform:translateY(-500%)}16.216%,18.162%{transform:translateY(-600%)}18.919%,20.865%{transform:translateY(-700%)}21.622%,23.568%{transform:translateY(-800%)}24.324%,26.27%{transform:translateY(-900%)}27.027%,28.973%{transform:translateY(-1000%)}29.73%,31.676%{transform:translateY(-1100%)}32.432%,34.378%{transform:translateY(-1200%)}35.135%,37.081%{transform:translateY(-1300%)}37.838%,39.784%{transform:translateY(-1400%)}40.541%,42.486%{transform:translateY(-1500%)}43.243%,45.189%{transform:translateY(-1600%)}45.946%,47.892%{transform:translateY(-1700%)}48.649%,50.595%{transform:translateY(-1800%)}51.351%,53.297%{transform:translateY(-1900%)}54.054%,56%{transform:translateY(-2000%)}56.757%,58.703%{transform:translateY(-2100%)}59.459%,61.405%{transform:translateY(-2200%)}62.162%,64.108%{transform:translateY(-2300%)}64.865%,66.811%{transform:translateY(-2400%)}67.568%,69.514%{transform:translateY(-2500%)}70.27%,72.216%{transform:translateY(-2600%)}72.973%,74.919%{transform:translateY(-2700%)}75.676%,77.622%{transform:translateY(-2800%)}78.378%,80.324%{transform:translateY(-2900%)}81.081%,83.027%{transform:translateY(-3000%)}83.784%,85.73%{transform:translateY(-3100%)}86.486%,88.432%{transform:translateY(-3200%)}89.189%,91.135%{transform:translateY(-3300%)}91.892%,93.838%{transform:translateY(-3400%)}94.595%,96.541%{transform:translateY(-3500%)}97.297%,99.243%{transform:translateY(-3600%)}100%{transform:translateY(-3700%)}}

/* Collection product previews: four across, two rows maximum. Full ranges keep all products. */
.dept .grid.collection-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.dept .grid.collection-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-preview-grid .card.preview-extra{display:none}}

/* Use the Shop by Grade artwork crop inside the existing material cards. */
.mimg img{object-fit:cover;object-position:75% 50%}

/* Rotating announcement bar (Brian, 3 Nov 2026). Same rules as app/styles/brand.css. */
.announce-bar{position:relative;height:38px;overflow:hidden;background:#0E0E0E;border-top:2px solid #FE5400;color:#fff;font:500 13px/1.3 'Jost',sans-serif;letter-spacing:.02em}
.announce-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;color:#fff;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;background:none;border:0;width:100%;font:inherit;letter-spacing:inherit;cursor:pointer}
.announce-item.is-active{opacity:1;visibility:visible}
.announce-icon{flex:none;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.announce-cta{margin-left:4px;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.announce-item:hover .announce-cta,.announce-item:focus-visible .announce-cta{color:#FE5400}
.announce-item:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media (prefers-reduced-motion:reduce){.announce-item{transition:none}}
@media (max-width:760px){.announce-bar{display:none}}

/* Keep dropdowns below the actual sticky header, with or without announcements. */
.mega,.matdd{top:var(--rb-dropdown-top,128px);max-height:calc(100dvh - var(--rb-dropdown-top,128px))}
.matdd-in{max-height:calc(100dvh - var(--rb-dropdown-top,128px));overflow-y:auto}