:root{--red:#ED2024;--maroon:var(--red);--ink:#292929;--gray:#B4B6BE;--rule:#D6D6D6;--white:#FFFFFF;--bone:#FFFFFF;--bone-2:#F4F5FA;--gray-text:#6B6F81;--ok:#1D8902;--card:var(--white);--page:var(--bone);--band:var(--bone-2);--rail:348px;--gut:28px;--maxw:1440px;--ts:1;--sh:0 1px 2px rgba(41,41,41,.06),0 2px 8px rgba(41,41,41,.05);--ff:"Montserrat","Helvetica Neue",Arial,sans-serif}html[data-ground=bone]{--page:#F4F5FA;--band:#EAEBF2}html[data-contrast=high]{--page:#FFFFFF;--band:#F0F0F0;--gray:#5A5C5F;--rule:#8A8A8A;--gray-text:#2A2A2A;--sh:none}html[data-motion=off] .cs-page *,html[data-motion=off] .cs-page *:before,html[data-motion=off] .cs-page *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){.cs-page *{transition:none!important;animation:none!important}}.cs-page *,.cs-page *:before,.cs-page *:after{box-sizing:border-box}.cs-page [hidden]{display:none!important}.cs-page{font-size:calc(16px * var(--ts));-webkit-text-size-adjust:100%}.cs-page{margin:0;font-family:var(--ff);background:var(--page);color:var(--ink);font-size:1rem;line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.cs-page img{max-width:100%;display:block}.cs-page button{font:inherit;color:inherit}.cs-page a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.cs-page a:hover{text-decoration:underline}.cs-page h1,.cs-page h2,.cs-page h3,.cs-page h4{margin:0;line-height:1.15;font-weight:700;letter-spacing:-.01em}.cs-page :focus-visible{outline:3px solid var(--maroon);outline-offset:2px;border-radius:2px}html[data-contrast=high] .cs-page :focus-visible{outline:4px solid #000;outline-offset:2px}.cs-page .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cs-page .skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:#fff;padding:.75rem 1.25rem;font-weight:700}.cs-page .skip:focus{left:.5rem;top:.5rem}.cs-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}.cs-page .tick{position:relative}.cs-page .tick:before,.cs-page .tick:after{content:"";position:absolute;width:9px;height:9px;pointer-events:none;border-color:var(--gray)}.cs-page .tick:before{top:-1px;left:-1px;border-top:1.5px solid;border-left:1.5px solid}.cs-page .tick:after{bottom:-1px;right:-1px;border-bottom:1.5px solid;border-right:1.5px solid}.cs-page .eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}.cs-page .eyebrow-q{font-size:.875rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--gray-text)}.cs-page .hr-tech{border:0;border-top:1px solid var(--rule);margin:0}.cs-page .util{background:var(--band);color:var(--ink);font-size:.875rem;border-bottom:1px solid var(--rule)}.cs-page .util .wrap{display:flex;align-items:center;gap:1.5rem;min-height:44px;flex-wrap:wrap}.cs-page .util a{color:var(--ink);font-weight:500;display:inline-flex;align-items:center;min-height:24px}.cs-page .util .sep{width:1px;height:16px;background:var(--rule)}.cs-page .util .right{margin-left:auto;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.cs-page .util strong{font-weight:700}.cs-page .util .right strong{white-space:nowrap}.cs-page .util-ship{display:block}.cs-page .util-ship svg{vertical-align:-3px;margin-right:.5rem}.cs-page .hdr{background:var(--white);border-bottom:1px solid var(--rule)}.cs-page .hdr .wrap{display:flex;align-items:center;gap:2rem;min-height:88px;padding-top:.75rem;padding-bottom:1.4rem}.cs-page .logo{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}.cs-page .logo svg{display:block}.cs-page .logo-txt{line-height:1}.cs-page .logo-txt .l1{display:block;font-size:1.375rem;font-weight:800;letter-spacing:.02em;color:var(--ink);text-transform:uppercase}.cs-page .logo-txt .l2{display:block;font-size:.875rem;font-weight:600;letter-spacing:.22em;color:var(--gray-text);text-transform:uppercase;margin-top:3px}.cs-page .specsearch{flex:1 1 auto;max-width:620px;position:relative}.cs-page .specsearch form{display:flex;border:2px solid var(--maroon);background:#fff}.cs-page .specsearch input{flex:1;border:0;padding:.8rem 1rem;font-size:1rem;font-family:inherit;background:transparent;color:var(--ink);min-width:0}.cs-page .specsearch input::placeholder{color:var(--gray-text)}.cs-page .specsearch input:focus{outline:none}.cs-page .specsearch form:focus-within{box-shadow:0 0 0 3px #5000002e}.cs-page .specsearch button{border:0;background:var(--red);color:#fff;padding:0 1.25rem;font-weight:800;font-size:1.1875rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:.5rem}.cs-page .specsearch button:hover{filter:brightness(.93)}.cs-page .specsearch .hint{display:block;margin-top:.4rem;font-size:.875rem;color:var(--gray-text)}.cs-page .specsearch .hint code{font-family:var(--ff);font-weight:600;color:var(--ink);background:var(--bone-2);padding:1px 6px;border-radius:2px}.cs-page .hdr-acts{margin-left:auto;display:flex;align-items:center;gap:.25rem;flex:0 0 auto}.cs-page .hact{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.5rem .75rem;background:none;border:0;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--ink);text-align:center;border-radius:2px}.cs-page .hact:hover{background:var(--bone-2)}.cs-page .hact svg{color:var(--maroon)}.cs-page .hact .badge{position:absolute;transform:translate(15px,-7px);background:var(--ink);color:#fff;font-size:.875rem;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;padding:0 5px;line-height:1}.cs-page .nav{background:var(--white);border-bottom:2px solid var(--maroon);position:relative;z-index:60}.cs-page .nav>.wrap{display:flex;align-items:stretch;gap:0}.cs-page .nav-i{position:relative}.cs-page .nav-i>button,.cs-page .nav-i>a{white-space:nowrap;display:flex;align-items:center;gap:.625rem;padding:.9rem 1.125rem;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;font-size:.9375rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);height:100%;text-decoration:none}.cs-page .nav-i>button:hover,.cs-page .nav-i>a:hover,.cs-page .nav-i[data-open="1"]>button{border-bottom-color:var(--ink);color:var(--ink);text-decoration:none}.cs-page .nav-i svg{color:var(--maroon);flex:0 0 auto}.cs-page .nav-tool{margin-left:auto}.cs-page .nav-tool>a{color:var(--ink)}.cs-page .nav-tool>a:after{content:"TOOL";margin-left:.5rem;font-size:.75rem;letter-spacing:.1em;background:var(--ink);color:#fff;padding:2px 5px;border-radius:2px}.cs-page .mega{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--rule);box-shadow:0 14px 28px #20202021;display:none;z-index:70}.cs-page .nav-i[data-open="1"] .mega{display:block}.cs-page .mega .wrap{display:grid;grid-template-columns:repeat(4,1fr) 320px;gap:2.25rem;padding:2rem var(--gut) 2.25rem}.cs-page .mcol h4{font-size:.875rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);padding-bottom:.625rem;border-bottom:1px solid var(--rule);margin-bottom:.75rem}.cs-page .mcol ul{list-style:none;margin:0;padding:0;display:grid;gap:.125rem}.cs-page .mcol li a{display:flex;align-items:center;gap:.625rem;padding:.375rem;font-size:.9375rem;color:var(--ink);border-radius:2px}.cs-page .mcol li a:hover{background:var(--bone-2);color:var(--ink);text-decoration:none}.cs-page .mcol li a svg{color:var(--gray);flex:0 0 auto}.cs-page .mcol li a:hover svg{color:var(--maroon)}.cs-page .mcol .all a{margin-top:.375rem;font-weight:700;color:var(--ink);border-top:1px solid var(--rule);border-radius:0;padding-top:.625rem}.cs-page .mpanel{background:var(--bone);border:1px solid var(--rule);padding:1.25rem;display:grid;gap:.75rem;align-content:start}.cs-page .mpanel .ph{aspect-ratio:3/2;background:var(--white);border:1px solid var(--rule);display:grid;place-items:center;color:var(--gray)}.cs-page .mpanel h5{margin:0;font-size:1.0625rem;font-weight:700}.cs-page .mpanel p{margin:0;font-size:.9375rem;color:var(--gray-text)}.cs-page .mpanel a{font-weight:700;font-size:.9375rem}.cs-page .hm-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden}.cs-page .hm-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#292929 center 40%/cover no-repeat;background-image:url(https://cabinetscrews.com/cdn/shop/files/big-box-of-screws.jpg?width=1600)}.cs-page .hm-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#171717f0,#171717e0 46%,#1717179e)}.cs-page .hm-hero .wrap{position:relative;padding:2.25rem var(--gut) 2.5rem}.cs-page .hm-hero h1{font-weight:800;letter-spacing:-.02em;color:#fff;white-space:nowrap;font-size:clamp(1.3rem,4.6vw,2.5rem)}.cs-page .hm-hero .hm-sub{margin:.5rem 0 1.25rem;font-size:1.0625rem;color:#ffffffe0;max-width:60ch}.cs-page .hm-hero .hm-sub b{color:#fff;font-weight:700}.cs-page .hm-tabs{display:flex;gap:.25rem;margin:1.6rem 0 -1px;position:relative;z-index:2}.cs-page .hm-tabs button{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-bottom:0;color:#fff;font-size:.9375rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.65rem 1.1rem;cursor:pointer;border-radius:2px 2px 0 0}.cs-page .hm-tabs button:hover{background:#ffffff38}.cs-page .hm-tabs button[aria-selected=true]{background:#fff;color:var(--ink);border-color:#fff}.cs-page .hm-panel{background:#fff;color:var(--ink);border:1px solid #fff;padding:1.25rem;max-width:1080px}.cs-page .hm-panel[hidden]{display:none}.cs-page .hm-fgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.cs-page .hm-f{display:flex;flex-direction:column;gap:.3rem;min-width:0}.cs-page .hm-f>label{font-size:.875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gray-text)}.cs-page .hm-f select{font:inherit;font-size:1rem;padding:.65rem .6rem;border:1px solid var(--rule);background:#fff;color:var(--ink);border-radius:2px;min-height:46px;width:100%}.cs-page .hm-f select:focus{outline:3px solid var(--red);outline-offset:1px}.cs-page .hm-f select option:disabled{color:#9a9ca6}.cs-page .hm-frun{display:flex;justify-content:flex-end;margin-top:1rem}@media(min-width:1081px){.cs-page .hm-panel{display:flex;align-items:flex-end;gap:1rem}.cs-page .hm-panel .hm-fgrid{flex:1 1 auto;min-width:0}.cs-page .hm-panel .hm-frun{flex:0 0 17.5rem;margin-top:0}.cs-page .hm-panel .hm-go{width:100%;justify-content:center}}.cs-page .hm-count{font-size:1.0625rem;font-weight:700;color:var(--ink)}.cs-page .hm-count b{color:var(--ink)}.cs-page .hm-count .hm-of{font-weight:500;color:var(--gray-text)}.cs-page .hm-clear{background:none;border:1px solid var(--rule);color:var(--ink);font-weight:700;font-size:.9375rem;padding:.55rem .9rem;cursor:pointer;border-radius:2px;min-height:44px}.cs-page .hm-clear:hover{border-color:var(--red);background:var(--bone-2)}.cs-page .hm-clear[disabled]{color:var(--gray-text);cursor:default;opacity:.6}.cs-page .hm-go{margin-left:auto;background:var(--red);color:#fff;border:0;cursor:pointer;border-radius:2px;font-size:1.25rem;font-weight:800;letter-spacing:.01em;padding:.8rem 1.6rem;display:inline-flex;align-items:center;gap:.6rem;min-height:56px}.cs-page .hm-go:hover{filter:brightness(.93)}.cs-page .hm-go[disabled]{background:transparent;color:var(--gray-text);border:2px solid var(--rule);cursor:default;padding:calc(.8rem - 2px) calc(1.6rem - 2px)}.cs-page .hm-go[disabled] svg{opacity:.55}.cs-page .hm-go svg{flex:0 0 auto}.cs-page .hm-sku{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.cs-page .hm-sku .hm-f{flex:1 1 320px}.cs-page .hm-sku input{font:inherit;font-size:1rem;padding:.65rem .75rem;border:1px solid var(--rule);border-radius:2px;min-height:46px;width:100%;color:var(--ink)}.cs-page .hm-sku input:focus{outline:3px solid var(--red);outline-offset:1px}.cs-page .hm-sku .hm-qty{flex:0 0 116px}.cs-page .hm-sku .hm-hint{flex:1 1 100%;font-size:.875rem;color:var(--gray-text);margin:0}.cs-page .hm-sku .hm-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;background:var(--bone-2);padding:.1rem .35rem;border-radius:2px}.cs-page .hm-pop{background:#fff;padding:2.25rem 0 .5rem}.cs-page .hm-h2{font-size:1.875rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.cs-page .hm-hd{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.125rem}.cs-page .hm-hd .hm-note{font-size:.9375rem;color:var(--gray-text)}.cs-page .hm-hd .hm-all{margin-left:auto;font-weight:700;font-size:.9375rem;color:var(--ink);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:.3rem;min-height:26px;padding:.15rem 0}.cs-page .hm-sizes{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cs-page .hm-size{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.125rem .5rem;border:1px solid var(--rule);background:#fff;color:var(--ink);text-align:center;transition:border-color .12s,box-shadow .12s}.cs-page .hm-size:hover{border-color:var(--red);box-shadow:var(--sh);text-decoration:none}.cs-page .hm-size .hm-g{font-size:2rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1}.cs-page .hm-size .hm-dia{font-size:.9375rem;color:var(--gray-text)}.cs-page .hm-size .hm-n{font-size:.875rem;font-weight:700;color:var(--ink)}.cs-page .hm-heads{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));margin-top:1rem}.cs-page .hm-head{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;border:1px solid var(--rule);background:#fff;color:var(--ink);text-align:center}.cs-page .hm-head:hover{border-color:var(--red);box-shadow:var(--sh);text-decoration:none}.cs-page .hm-head svg{width:88px;height:88px;color:var(--ink)}.cs-page .hm-head .hm-l{font-size:.9375rem;font-weight:700}.cs-page .hm-head .hm-n{font-size:.875rem;color:var(--gray-text)}.cs-page .hm-quick{background:var(--band);padding:2.25rem 0 2.5rem;margin-top:2.25rem}.cs-page .hm-boxes{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.cs-page .hm-box{display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);color:var(--ink);text-align:center;transition:border-color .12s,box-shadow .12s}.cs-page .hm-box:hover{border-color:var(--red);box-shadow:var(--sh);text-decoration:none}.cs-page .hm-box .hm-ph{aspect-ratio:4/3;display:grid;place-items:center;padding:1rem}.cs-page .hm-box .hm-ph img{width:100%;height:100%;object-fit:contain}.cs-page .hm-box .hm-bd{padding:0 1rem 1.125rem;display:flex;flex-direction:column;gap:.3rem;flex:1 1 auto}.cs-page .hm-box .hm-l{font-size:1.0625rem;font-weight:700;line-height:1.25;text-wrap:balance}.cs-page .hm-box .hm-sp{font-size:.9375rem;color:var(--gray-text);line-height:1.35;text-wrap:balance}.cs-page .hm-box .hm-fr{font-size:1.0625rem;font-weight:800;color:var(--ink);margin-top:auto;padding-top:.35rem}.cs-page .hm-box .hm-fr span{font-size:.9375rem;font-weight:600;color:var(--gray-text)}.cs-page .hm-trust{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.75rem 0}.cs-page .hm-trust .wrap{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.cs-page .hm-t{display:flex;gap:.875rem;align-items:flex-start}.cs-page .hm-t svg{flex:0 0 auto;color:var(--red);margin-top:calc((1.5rem - 30px)/2)}.cs-page .hm-t .hm-l{display:block;font-size:1rem;font-weight:700;color:var(--ink);text-wrap:balance}.cs-page .hm-t .hm-d{display:block;font-size:.9375rem;color:var(--gray-text);margin-top:2px;text-wrap:balance}.cs-page .hm-t .hm-d a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:24px}.cs-page .fcol .fret{margin-top:.75rem}.cs-page .fcol .fret a{display:inline-block;padding:2px;border-radius:2px}.cs-page .fcol .fret a:hover{outline:2px solid var(--red)}.cs-page .fcol .fret img{width:96px;height:auto;display:block}.cs-page .specsearch,.cs-page .specsearch form{min-width:0}@media(max-width:560px){.cs-page .specsearch button{padding:0 .9rem}.cs-page .util .right a[href^=tel]{display:inline}.cs-page .util-ship{display:block}}@media(max-width:1080px){.cs-page .hm-boxes,.cs-page .hm-trust .wrap{grid-template-columns:repeat(2,1fr)}.cs-page .hm-fgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.cs-page .hm-hero .wrap{padding:1.5rem var(--gut) 1.75rem}.cs-page .hm-fgrid{grid-template-columns:repeat(2,1fr)}.cs-page .hm-go{margin-left:0;width:100%;justify-content:center}.cs-page .hm-frun{gap:.75rem}.cs-page .hm-boxes{grid-template-columns:repeat(2,1fr)}.cs-page .hm-trust .wrap{grid-template-columns:1fr}.cs-page .hm-panel{padding:1rem}.cs-page .hm-tabs button{padding:.6rem .8rem;font-size:.875rem}}@media(max-width:420px){.cs-page .hm-fgrid{grid-template-columns:1fr}}.cs-page .trust{background:var(--white);border-top:1px solid var(--rule);padding:2rem 0}.cs-page .trust .wrap{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center}.cs-page .trust .lb{font-size:.9375rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gray-text)}.cs-page .trust .logos{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.cs-page .trust .rt{border:1px solid var(--rule);background:var(--white);padding:.75rem 1.125rem;display:grid;place-items:center;min-width:132px;min-height:60px}.cs-page .trust .rt svg{display:block}.cs-page .trust .perm{width:100%;text-align:center;font-size:.875rem;color:var(--gray-text);border-top:1px dashed var(--rule);padding-top:.875rem}.cs-page .trust .perm b{color:var(--ink)}.cs-page .foot{background:var(--ink);color:#fff;padding:3rem 0 0}.cs-page .fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}.cs-page .fcol h3{font-size:.875rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.25);margin-bottom:.875rem}.cs-page .fcol ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.cs-page .fcol a{color:#ffffffd9;font-size:.9375rem;display:inline-flex;align-items:center;gap:.5rem}.cs-page .fcol a:hover{color:#fff}.cs-page .fcol a svg{opacity:.65;flex:0 0 auto}.cs-page .fcol a:hover svg{opacity:1}.cs-page .fmid{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;padding:2rem 0;margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.2)}.cs-page .fphone{display:flex;align-items:center;gap:.75rem}.cs-page .fphone .lb{font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.cs-page .fphone a{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.01em}.cs-page .fsoc{margin-left:auto;display:flex;gap:.5rem}.cs-page .fsoc a{width:40px;height:40px;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;border-radius:2px}.cs-page .fsoc a:hover{background:#fff;color:var(--ink);border-color:#fff}.cs-page .fbot{border-top:1px solid rgba(255,255,255,.2);padding:1.25rem 0 2rem;display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center;font-size:.875rem;color:#ffffffb8}.cs-page .fbot a{color:#ffffffb8}.cs-page .fbot a:hover{color:#fff}.cs-page .fbot .cr{margin-right:auto}.cs-page .a11y-fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:150;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;border:2px solid #fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 16px #2020204d}.cs-page .a11y-fab:hover{filter:brightness(.93)}.cs-page .a11y{position:fixed;right:1.25rem;bottom:5.5rem;z-index:151;width:340px;max-width:calc(100vw - 2.5rem);background:var(--white);border:1px solid var(--rule);box-shadow:0 12px 40px #20202047}.cs-page .a11y[hidden]{display:none}.cs-page .a11y-hd{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--ink);color:#fff}.cs-page .a11y-hd h2{font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.cs-page .a11y-hd button{margin-left:auto;background:none;border:0;color:#fff;cursor:pointer;display:grid;place-items:center;padding:.25rem;border-radius:2px}.cs-page .a11y-hd button:hover{background:#fff3}.cs-page .a11y-bd{padding:1rem;display:grid;gap:1.125rem}.cs-page .a11y-row>.lb{font-size:.9375rem;font-weight:700;margin-bottom:.45rem;display:block}.cs-page .seg{display:flex;border:1px solid var(--rule);border-radius:2px;overflow:hidden}.cs-page .seg button{flex:1;background:var(--white);border:0;padding:.5rem .35rem;font-size:.9375rem;font-weight:600;cursor:pointer;color:var(--ink)}.cs-page .seg button+button{border-left:1px solid var(--rule)}.cs-page .seg button[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:700}.cs-page .sw{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cs-page .sw .lb{font-size:.9375rem;font-weight:700}.cs-page .sw .d{font-size:.875rem;color:var(--gray-text);display:block;font-weight:400;margin-top:1px}.cs-page .tgl{width:52px;height:28px;border-radius:14px;border:1.5px solid var(--gray);background:var(--white);position:relative;cursor:pointer;flex:0 0 auto;transition:background .15s,border-color .15s}.cs-page .tgl:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:var(--gray);transition:transform .15s,background .15s}.cs-page .tgl[aria-pressed=true]{background:var(--maroon);border-color:var(--maroon)}.cs-page .tgl[aria-pressed=true]:after{transform:translate(24px);background:#fff}.cs-page .a11y-ft{border-top:1px solid var(--rule);padding:.875rem 1rem;font-size:.875rem;color:var(--gray-text)}.cs-page .a11y-ft a{font-weight:700}.cs-page .a11y-ft .rs{background:none;border:1px solid var(--rule);padding:.35rem .625rem;font-size:.875rem;font-weight:700;cursor:pointer;color:var(--ink);border-radius:2px;margin-top:.5rem}.cs-page .a11y-ft .rs:hover{background:var(--bone-2);border-color:var(--maroon)}.cs-page .a11y-fab{display:none!important}.cs-page .util-a11y{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;color:#fff;font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;padding:.35rem .25rem;min-height:34px}.cs-page .util-a11y:hover{text-decoration:underline}.cs-page .util-a11y svg{flex:0 0 auto}.cs-page .a11y{top:auto;bottom:auto;position:fixed;right:1.25rem;top:8.5rem}@media(max-width:680px){.cs-page .a11y{right:.75rem;left:.75rem;width:auto;top:auto;bottom:6.5rem}}.cs-page .corner{position:fixed;bottom:1.1rem;z-index:120;font-size:.875rem;font-weight:600;border:1px dashed var(--gray);background:#fff;color:var(--gray-text);border-radius:2px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 10px #2929291f}.cs-page .corner b{color:var(--ink);font-weight:700}.cs-page .corner-l{left:1.1rem}.cs-page .corner-r{right:1.1rem;background:var(--ok);border-color:var(--ok);color:#fff}.cs-page .corner-r b{color:#fff}.cs-page .corner{display:none}.cs-page .foot{padding-bottom:5.5rem}@media(max-width:680px){.cs-page .corner{font-size:.875rem;padding:.4rem .6rem}.cs-page .corner-l{display:none}}.cs-page .logo{display:block;flex:0 0 auto}.cs-page .logo .cs-logo{display:block;height:auto;width:236px}@media(max-width:560px){.cs-page .logo .cs-logo{width:178px}}.cs-page .hm-trade{position:relative;background:var(--ink);color:#fff;overflow:hidden}.cs-page .hm-trade-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#292929 center/cover no-repeat;background-image:url(https://cabinetscrews.com/cdn/shop/files/Jasper_Industrial_Supply_and_Cabentry_Building.jpg?width=1600)}.cs-page .hm-trade-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#171717ed,#171717e6 42%,#1717179e)}.cs-page .hm-trade .wrap{position:relative;padding:2.75rem var(--gut);display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.cs-page .hm-trade .hm-tx{flex:1 1 420px}.cs-page .hm-trade h2{font-size:1.875rem;font-weight:800;color:#fff;letter-spacing:-.02em}.cs-page .hm-trade p{margin:.6rem 0 0;font-size:1.0625rem;color:#ffffffe0;max-width:58ch}.cs-page .hm-trade .hm-acts{display:flex;gap:.75rem;flex-wrap:wrap}.cs-page .hm-btn{background:var(--red);color:#fff;border:0;cursor:pointer;border-radius:2px;font-size:1.1875rem;font-weight:800;padding:.85rem 1.5rem;min-height:54px;display:inline-flex;align-items:center;gap:.6rem}.cs-page .hm-btn:hover{filter:brightness(.93);text-decoration:none;color:#fff}.cs-page .hm-btn-o{background:transparent;border:2px solid #fff;color:#fff;font-size:1.1875rem;font-weight:800;padding:.8rem 1.4rem;min-height:54px;display:inline-flex;align-items:center;gap:.6rem;border-radius:2px}.cs-page .hm-btn-o:hover{background:#fff;color:var(--ink);text-decoration:none}@media print{.cs-page .hm-trade{display:none}}.cs-page .an{background:#fff;padding:3rem 0 2.75rem}.cs-page .an-hd{max-width:46rem;margin-bottom:.35rem}.cs-page .an .hm-h2{text-wrap:balance}.cs-page .an-sub{font-size:1.0625rem;color:var(--gray-text);margin:.5rem 0 0;text-wrap:balance}.cs-page .an-fig{position:relative;margin:4.75rem auto 5.25rem;max-width:1080px}.cs-page .an-svg{display:block;width:100%;height:auto}.cs-page .an-body{fill:none;stroke:var(--ink);stroke-width:3.4;stroke-linejoin:round;stroke-linecap:round}.cs-page .an-thread{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}.cs-page .an-helix{stroke:var(--ink);stroke-width:2.2;opacity:.62;stroke-linecap:round}.cs-page .an-aux{fill:none;stroke:var(--ink);stroke-width:2.6}.cs-page .an-aux line{stroke:var(--rule);stroke-width:1.2;stroke-dasharray:5 5}.cs-page .an-aux .an-rec{stroke-width:9;stroke-linecap:round}.cs-page .an-dim{fill:none;stroke:var(--red);stroke-width:1.6}.cs-page .an-dim .an-ah{fill:var(--red);stroke:none}.cs-page .an-dim .an-ext{stroke:var(--rule);stroke-width:1.1}.cs-page .an-lead{fill:none;stroke:var(--rule);stroke-width:1.4}.cs-page .an-dot circle{fill:var(--red)}.cs-page .an-dot text{fill:#fff;font-size:19px;font-weight:800;text-anchor:middle;font-family:inherit;letter-spacing:0}.cs-page .an-lab{position:absolute;transform:translate(-50%);width:13.25rem;max-width:22vw;display:flex;gap:.5rem;align-items:flex-start;color:var(--ink);text-decoration:none;padding:.35rem .5rem;border-radius:2px;min-width:0;background:#fff}.cs-page .an-lab:hover{background:var(--band);text-decoration:none}.cs-page .an-lab:hover .an-t{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.cs-page .an-lab .an-n{display:none}.cs-page .an-t{display:block;font-size:1rem;font-weight:800;letter-spacing:-.01em}.cs-page .an-w{display:block;font-size:.875rem;font-weight:400;color:var(--gray-text);line-height:1.35;margin-top:1px;text-wrap:balance}.cs-page .an-tx{min-width:0}.cs-page .an-list{display:none}@media(max-width:1100px){.cs-page .an-lab,.cs-page .an-lead{display:none}.cs-page .an-fig{max-width:none;margin:1.25rem auto .25rem;overflow:hidden}.cs-page .an-svg{margin-top:-8.8%;margin-bottom:-4.4%}.cs-page .an-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1.25rem;list-style:none;margin:1.25rem 0 0;padding:0}.cs-page .an-list a{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink);text-decoration:none;padding:.5rem .25rem;min-height:24px;min-width:0}.cs-page .an-list .an-w{font-weight:400}.cs-page .an-list .an-n{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:1.1875rem;font-weight:800;display:grid;place-items:center}}@media(max-width:900px){.cs-page .an-dot{display:none}}@media(max-width:560px){.cs-page .an{padding:2.25rem 0 2rem}.cs-page .an-list{grid-template-columns:1fr}}@media(max-width:1180px){.cs-page .grid{grid-template-columns:repeat(2,1fr)}.cs-page .fcols{grid-template-columns:repeat(3,1fr)}.cs-page .gcols{grid-template-columns:repeat(2,1fr)}.cs-page .mega .wrap{grid-template-columns:repeat(3,1fr);gap:1.5rem}.cs-page .mpanel{grid-column:1/-1}}@media(max-width:960px){:root{--gut:18px}.cs-page .layout{grid-template-columns:1fr}.cs-page .railwrap{position:static}.cs-page .rail{display:none}.cs-page .rail[data-mob="1"]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;overflow-y:auto;border:0}.cs-page .rail[data-mob="1"] .rail-scroll{max-height:none}.cs-page .mobfilter{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--ink);color:#fff;border:0;padding:.85rem;font-weight:700;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;margin-bottom:1.25rem}.cs-page .rail-hd .close{background:none;border:0;color:#fff;cursor:pointer;display:grid;place-items:center}.cs-page .specsearch{order:3;flex:1 1 100%;max-width:none;margin-bottom:1.5rem}.cs-page .hdr .wrap{flex-wrap:wrap;padding-top:1rem;padding-bottom:.5rem;min-height:0}.cs-page .hdr-acts{margin-left:auto}.cs-page .nav>.wrap{flex-wrap:wrap}.cs-page .nav-i>button,.cs-page .nav-i>a{padding:.75rem .875rem}.cs-page .nav-tool{margin-left:0}.cs-page .mega{position:static;box-shadow:none}.cs-page .mega .wrap{grid-template-columns:1fr 1fr;padding-left:1.125rem;padding-right:1.125rem}.cs-page .chead h1{font-size:2rem}.cs-page .pop{padding:1rem}.cs-page .pop-t{padding:.75rem .35rem}.cs-page .pop-t .art{max-width:104px}}@media(max-width:560px){.cs-page .hact .hl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cs-page .hact{min-width:44px;min-height:44px;padding:.5rem}.cs-page .logo-txt .l2{display:none}.cs-page .logo-txt .l1{font-size:1.125rem}.cs-page .hdr .wrap{gap:.75rem}}@media(max-width:680px){.cs-page .grid{grid-template-columns:1fr}.cs-page .fcols{grid-template-columns:1fr 1fr}.cs-page .gcols,.cs-page .mega .wrap{grid-template-columns:1fr}.cs-page .util .wrap{gap:.75rem;font-size:.875rem}.cs-page .util .sep{display:none}.cs-page .tools{gap:.75rem}.cs-page .tools .right{margin-left:0;width:100%}.cs-page .a11y{right:.75rem;left:.75rem;width:auto;bottom:5rem}}@media print{.cs-page .util,.cs-page .nav,.cs-page .specsearch,.cs-page .a11y-fab,.cs-page .a11y,.cs-page .mobfilter,.cs-page .pop,.cs-page .gloss,.cs-page .foot,.cs-page .trust{display:none}.cs-page .layout{grid-template-columns:1fr}.cs-page .rail{display:none}.cs-page{background:#fff}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/cs-home.css.map */