.product-fasten-section{scroll-margin-top:calc(var(--product-header-height,69px) + var(--product-nav-height,50px) + 1rem);min-width:0;margin:1.25rem 0 2.5rem;container-type:inline-size}.has-fasten-calculator>.product-section-nav{margin-right:0}@media (min-width:1100px){.has-fasten-calculator .product-side-sticky{top:calc(var(--product-header-height,69px) + var(--product-nav-height,50px) + 1rem)}}.product-fasten-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.product-fasten-heading h2{margin:0;font-size:1.65rem;font-weight:900;line-height:1.15}.product-fasten-heading p{color:var(--muted);margin:.4rem 0 0;font-size:.86rem}.product-fasten-heading>span{color:var(--muted);font-size:.75rem}.product-fasten-tool{border:1px solid var(--line);background:var(--surface)}.fasten-calculator{color:var(--foreground);min-width:0}.fasten-calculator button,.fasten-calculator input{font:inherit;border-radius:0}.fasten-calculator button{cursor:pointer}.fasten-calculator button:disabled{opacity:.45;cursor:default}.fasten-calculator :focus-visible{outline:2px solid var(--green);outline-offset:3px}.fasten-calculator fieldset{border:0;min-width:0;margin:0;padding:0}.fasten-calculator h3{margin:0;font-size:1.05rem;font-weight:750;line-height:1.35}.fasten-layout{grid-template-columns:minmax(0,1fr);display:grid}.fasten-form{background:color-mix(in srgb, var(--background) 60%, var(--surface));min-width:0;padding:1.5rem}.fasten-form h3{margin-bottom:1.4rem}.fasten-field,.fasten-calculator fieldset.fasten-field{margin-bottom:1.25rem}.fasten-field-label,.fasten-field legend{color:var(--muted);font-size:.8rem}.fasten-choices{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:.5rem;display:grid}.fasten-choices button{border:1px solid var(--line);background:var(--surface);text-align:center;min-width:0;padding:.7rem .65rem}.fasten-choices button+button{border-left:0}.fasten-choices strong{font-size:.83rem;font-weight:650;display:block}.fasten-choices span{color:var(--muted);margin-top:.25rem;font-size:.68rem;display:block}.fasten-choices [aria-pressed=true]{background:var(--foreground);color:var(--surface);border-color:var(--foreground)}.fasten-choices [aria-pressed=true] span{color:#d4d6ce}.fasten-bases button{font-size:.84rem}.fasten-thicknesses{gap:1rem;margin-bottom:1.5rem;display:grid}.fasten-thickness{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .8rem;font-size:.83rem;display:grid}.fasten-thickness-control{border:1px solid var(--line);background:var(--surface);align-items:center;display:flex}.fasten-thickness-control input{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;width:5rem;min-width:0;padding:.65rem .3rem}.fasten-thickness-control>span{color:var(--muted);padding:0 .6rem 0 .2rem;font-size:.75rem}.fasten-field-hint{color:var(--muted);grid-column:1/-1;font-size:.7rem}.fasten-primary,.fasten-secondary{border:1px solid var(--green-dark);justify-content:center;align-items:center;gap:.75rem;min-height:2.8rem;padding:.75rem 1rem;display:flex;font-size:.83rem!important;font-weight:650!important}.fasten-primary{background:var(--green-dark);color:var(--surface);width:100%}.fasten-primary>span{margin-left:auto}.fasten-primary:hover:not(:disabled){background:var(--green)}.fasten-secondary{background:var(--surface);color:var(--green-dark);white-space:nowrap}.fasten-hint{color:var(--muted);margin:.65rem 0 0;font-size:.74rem;line-height:1.55}.fasten-results{border-top:1px solid var(--line);min-width:0;padding:1.5rem}.fasten-preview{flex-direction:column;justify-content:space-between;gap:1rem;height:100%;display:flex}.fasten-preview>div>p{max-width:34rem;color:var(--muted);margin-top:.5rem;font-size:.85rem;line-height:1.6}.fasten-scheme{margin:.25rem 0}.fasten-scheme svg{width:100%;max-width:480px;max-height:225px;margin:0 auto;display:block}.fasten-scheme text{fill:#62685e;font-family:inherit;font-size:12px}.fasten-scheme figcaption{text-align:center;color:var(--muted);margin-top:.4rem;font-size:.68rem}.fasten-preview-note{border-top:1px solid var(--line);color:var(--green-dark);margin:0;padding-top:.9rem;font-size:.76rem;line-height:1.6}.fasten-result-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.25rem;display:flex}.fasten-result-head p{color:var(--muted);margin-top:.35rem;font-size:.76rem;line-height:1.5}.fasten-result-head h3{scroll-margin-top:calc(var(--product-header-height,69px) + var(--product-nav-height,50px) + 1rem)}.fasten-result-head button{text-underline-offset:.2rem;color:var(--green-dark);background:0 0;flex-shrink:0;font-size:.74rem;text-decoration:underline}.fasten-calculator .fasten-result-group{margin-bottom:1.4rem}.fasten-result-group>legend{font-size:.85rem;font-weight:650}.fasten-options{gap:.6rem;margin-top:.65rem;display:grid}.fasten-option{border:1px solid var(--line);background:var(--surface)}.fasten-option.is-selected{border-color:var(--green)}.fasten-option-choice{background:var(--background);border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.78rem;display:flex}.fasten-option.is-selected .fasten-option-choice{color:var(--green-dark);background:color-mix(in srgb, var(--green) 8%, var(--surface))}.fasten-option-choice input{width:1rem;height:1rem;accent-color:var(--green-dark);flex-shrink:0}.fasten-product{align-items:center;gap:.75rem;padding:.75rem;display:flex}.fasten-product+.fasten-product{border-top:1px solid var(--line)}.fasten-product-image{flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.fasten-product-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.fasten-product-image>span{color:var(--muted);font-size:2rem}.fasten-product>div:last-child{min-width:0}.fasten-product a,.fasten-product strong{overflow-wrap:anywhere;font-size:.81rem;font-weight:650;line-height:1.5}.fasten-product a:hover{color:var(--green-dark);text-decoration:underline}.fasten-product small{color:var(--muted);margin-top:.2rem;font-size:.7rem;line-height:1.5;display:block}.fasten-product .fasten-unavailable{color:var(--accent-dark)}.fasten-quantity{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.65rem;font-size:.78rem;display:flex}.fasten-quantity input{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;width:8rem;min-width:0;padding:.6rem}.fasten-quantity input::placeholder{color:var(--muted);font-size:.74rem}.fasten-footer{border-top:1px solid var(--line);padding-top:1rem}.fasten-footer-actions{gap:.5rem;display:flex}.fasten-status{color:var(--green-dark);margin-bottom:.65rem;font-size:.76rem;line-height:1.55}.fasten-error,.fasten-notice,.fasten-empty{border-left:3px solid var(--accent);background:var(--background);color:var(--accent-dark);margin:0 0 1rem;padding:.8rem 1rem;font-size:.8rem;line-height:1.55}.fasten-error{margin:1rem}.fasten-error button{margin-top:.4rem;text-decoration:underline}.fasten-loading{color:var(--muted);padding:2rem 1.5rem;font-size:.85rem}.fasten-method{border-top:1px solid var(--line);color:var(--muted);padding:.9rem 1.5rem;font-size:.74rem;line-height:1.65}.fasten-method summary{cursor:pointer;color:var(--green-dark)}.fasten-method p{max-width:55rem;margin-top:.65rem}.fasten-method a{text-decoration:underline}@container (min-width:760px){.fasten-layout{grid-template-columns:340px minmax(0,1fr)}.fasten-results{border-top:0;border-left:1px solid var(--line)}}@container (min-width:1050px){.fasten-form,.fasten-results{padding:1.75rem 2rem}.fasten-layout{grid-template-columns:380px minmax(0,1fr)}}.fasten-drawer{border:0;border-left:1px solid var(--line);width:min(680px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--foreground);background:var(--surface);overscroll-behavior:contain;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-24px 0 60px #25282340}.fasten-drawer[open]{animation:.2s ease-out fasten-enter;display:block}.fasten-drawer::backdrop{background:color-mix(in srgb, var(--foreground) 40%, transparent)}.fasten-head{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex}.fasten-head p{color:var(--muted);margin:0 0 .4rem;font-size:.74rem}.fasten-head h2{margin:0;font-size:1.65rem;font-weight:900;line-height:1.15}.fasten-close{border:1px solid var(--line);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid}.fasten-close:focus-visible{outline:2px solid var(--green);outline-offset:3px}.fasten-close:hover{color:var(--accent);border-color:var(--accent)}.fasten-progress{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.fasten-progress button{text-align:left;color:var(--muted);background:var(--background);border-bottom:2px solid #0000;padding:.8rem 1.5rem;font-size:.8rem}.fasten-progress [aria-current=step]{border-bottom-color:var(--green);color:var(--green-dark);font-weight:650}.fasten-drawer .fasten-form{background:var(--surface)}.fasten-drawer .fasten-footer{background:var(--surface);padding:1rem 0 max(1rem, env(safe-area-inset-bottom));position:sticky;bottom:0}@keyframes fasten-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.fasten-drawer[open]{animation:none}}@media (max-width:700px){.product-fasten-heading{align-items:start}.product-fasten-heading>span{display:none}.product-fasten-heading h2{font-size:1.4rem}.product-fasten-heading p{font-size:.78rem;line-height:1.5}.fasten-form,.fasten-results{padding:1.1rem}.fasten-calculator input[type=number]{font-size:1rem}.fasten-preview{gap:.8rem}.fasten-scheme svg{max-height:170px}.fasten-result-head{flex-wrap:wrap}.fasten-footer-actions{flex-direction:column}.fasten-product{gap:.6rem;padding:.6rem}.fasten-product-image{width:52px;height:52px}.fasten-method{padding:.85rem 1.1rem}.fasten-head{padding:1rem}}