/* R4.3.6 Hardware storefront. Scoped styling only — unaffected public/portal views stay intact. */
.fb436-page{--ink:#162b31;--muted:#647982;--blue:#068fd1;--light:#f5f8f8;--line:#dfebed;color:var(--ink)}
.fb436-page .wrap{width:min(calc(100% - 44px),1200px)!important;max-width:1200px;margin-inline:auto}
.fb436-page a:focus-visible,.fb436-page button:focus-visible,.fb436-page select:focus-visible,.fb436-page input:focus-visible,.fb436-page textarea:focus-visible{outline:3px solid #27aae1;outline-offset:2px}
.fb436-hero{background:radial-gradient(circle at 82% 25%,#285158 0,transparent 34%),linear-gradient(118deg,#102226 0%,#192f32 100%);padding:70px 0 72px;color:#fff}
.fb436-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:65px}
.fb436-eyebrow{color:#43c5e8;letter-spacing:.16em;font-size:.72rem;font-weight:850;text-transform:uppercase}
.fb436-hero h1{color:#fff;font-size:clamp(2.45rem,5vw,4.7rem);letter-spacing:-.052em;line-height:1.065;margin:16px 0 18px;max-width:760px}
.fb436-hero p{color:#d2e1e3;font-size:1.1rem;line-height:1.7;max-width:650px}
.fb436-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.fb436-button{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 17px;font-size:.92rem;font-weight:800;text-decoration:none!important;line-height:1.3;cursor:pointer;transition:transform .15s,box-shadow .15s;color:#fff;background:#078dce}
.fb436-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #04314522;color:#fff}
.fb436-button.secondary{background:#fff;color:#13282d;border-color:#d4e0e2}
.fb436-button.outline{background:transparent;border-color:#a8cad0;color:#eefaff}
.fb436-hero-panel{display:grid;grid-template-columns:1fr;gap:12px}
.fb436-hero-panel>div{display:grid;grid-template-columns:50px 1fr;gap:1px 12px;align-items:center;border:1px solid #53777c;background:#ffffff0c;border-radius:15px;padding:20px}
.fb436-hero-panel i{font-size:30px;color:#2ab5ed;grid-row:span 2}.fb436-hero-panel strong{font-size:1rem;color:#fff}.fb436-hero-panel small{color:#aec8ce}
.fb436-section{padding:64px 0;background:#fff}.fb436-surface{background:#f7f9f8}
.fb436-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:24px}.fb436-section-head h2{font-size:clamp(2rem,3.1vw,3rem);letter-spacing:-.04em;line-height:1.1;margin:10px 0}.fb436-section-head p{max-width:460px;color:#64757b;line-height:1.65;margin:0}
.fb436-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}
.fb436-department{border:1px solid #dbe6e8;background:#fff;border-radius:13px;display:flex;gap:13px;align-items:center;padding:19px;text-decoration:none!important;min-width:0;transition:border-color .15s,background .15s}
.fb436-department:hover,.fb436-department.is-active{border-color:#12a0d9;background:#ecf8ff}.fb436-department>i{font-size:27px;color:#0096ce;background:#ebf6fa;border-radius:10px;width:47px;height:47px;display:grid;place-items:center;flex-shrink:0}.fb436-department strong{display:block;color:#183036;font-size:.94rem}.fb436-department small{display:block;color:#657b81;margin-top:4px}
.fb436-filter{display:grid;grid-template-columns:minmax(160px,1fr) minmax(145px,.62fr) minmax(135px,.55fr) minmax(125px,.55fr) auto;gap:10px;align-items:end;border-radius:15px;background:#f3f7f7;padding:18px;margin:0 0 20px;border:1px solid #e0ebea}
.fb436-filter label{font-size:.75rem;font-weight:800;color:#50656b;display:grid;gap:7px}.fb436-filter input,.fb436-filter select{width:100%;padding:11px 12px;border-radius:8px;border:1px solid #d5e0e1;min-width:0;background:#fff;color:#183036;font-size:.9rem}
.fb436-result{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0;font-size:.95rem}.fb436-result small{color:#647782}.fb436-reset{color:#047daf;font-weight:700;text-decoration:none}
.fb436-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.fb436-card{min-width:0;background:#fff;border:1px solid #deeaeb;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 20px #192f3207;transition:border-color .15s,box-shadow .15s}
.fb436-card:hover{border-color:#81cbe8;box-shadow:0 14px 30px #142d3516}
.fb436-card-img{height:240px;display:flex;align-items:center;justify-content:center;background:#f1f6f7;position:relative;border-bottom:1px solid #e5eeee;text-decoration:none}
.fb436-card-img img{width:100%;height:100%;object-fit:contain;padding:17px;background:#fff}
.fb436-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(circle at 70% 30%,#ffffff 0,#e9f2f5 58%,#e3edf0 100%);height:100%;width:100%;position:relative;overflow:hidden;text-align:center}
.fb436-art:before{content:'';position:absolute;width:205px;height:205px;border:1px solid #d2e4e9;border-radius:50%;top:-85px;right:-42px}.fb436-art:after{content:'';position:absolute;width:165px;height:165px;border:1px solid #d2e4e9;border-radius:50%;bottom:-95px;left:-45px}
.fb436-art i{font-size:78px;color:#628e9c;position:relative;z-index:1}.fb436-art em{font-style:normal;color:#59747b;font-size:.72rem;font-weight:750;position:relative;z-index:1}
.fb436-chip{font-size:.68rem;letter-spacing:.06em;font-weight:800;text-transform:uppercase;padding:6px 9px;background:#ddf5e9;color:#196645;border-radius:7px}
.fb436-card-img .fb436-chip{position:absolute;top:12px;left:12px;z-index:2}.fb436-card-body{padding:18px 18px 8px;flex:1}.fb436-card-meta{font-size:.72rem;color:#6c7e82;line-height:1.6;font-weight:600}.fb436-card h3{font-size:1.12rem!important;letter-spacing:-.013em;line-height:1.36;margin:8px 0 11px}.fb436-card h3 a{color:#183036;text-decoration:none}.fb436-card h3 a:hover{color:#078dcc}.fb436-ref{font-size:.79rem;color:#61767d;overflow-wrap:anywhere}.fb436-card-copy{color:#62767b;font-size:.84rem;line-height:1.55;margin:10px 0}.fb436-card-price{color:#193036;font-size:1.1rem;font-weight:850;margin:12px 0 5px}
.fb436-card-footer{border-top:1px solid #eef2f2;padding:14px 17px 18px;margin-top:10px}.fb436-card-footer form{display:flex;gap:8px;align-items:center}.fb436-quantity{width:72px!important;min-width:0!important;padding:11px 8px!important;border:1px solid #d4e1e2;border-radius:9px;color:#183036;background:#fff}.fb436-card-footer .fb436-button{flex:1;padding-inline:8px;font-size:.79rem}.fb436-detail-link{display:inline-flex;margin-top:11px;font-size:.78rem;color:#057fac;font-weight:800;text-decoration:none}
.fb436-notice{background:#edf7fa;border:1px solid #c9e6ee;padding:13px 17px;border-radius:12px;color:#315461;font-size:.83rem;line-height:1.6;margin:16px 0}.fb436-notice strong{color:#173b48}.fb436-empty{border:1px dashed #c2d7dd;border-radius:16px;background:#f7fbfc;padding:42px;text-align:center}.fb436-empty p{max-width:620px;margin:10px auto 20px;color:#5d727b}
.fb436-breadcrumb{font-size:.84rem;color:#597078;margin-bottom:22px}.fb436-breadcrumb a{color:#067cae}.fb436-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.fb436-photo{border:1px solid #e0e9ea;border-radius:18px;overflow:hidden;background:#f3f8f9;min-height:420px}.fb436-photo img{width:100%;height:440px;object-fit:contain;background:#fff;padding:26px}.fb436-photo .fb436-art{min-height:420px}.fb436-detail h1{font-size:clamp(2.15rem,3.8vw,3.5rem);line-height:1.13;letter-spacing:-.042em;margin:14px 0 14px}.fb436-price{font-size:2.15rem;letter-spacing:-.035em;font-weight:850;color:#143439;margin:22px 0 8px}.fb436-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:22px 0}.fb436-detail-facts div{background:#f3f7f7;border-radius:10px;padding:15px;min-width:0}.fb436-detail-facts dt{font-size:.73rem;color:#607980;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.fb436-detail-facts dd{font-weight:750;overflow-wrap:anywhere;margin:6px 0 0}.fb436-buy-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:25px 0 12px}.fb436-buy-form label{display:grid;font-size:.76rem;gap:6px;font-weight:850;color:#445b61}.fb436-buy-form input{width:100px;border:1px solid #d1dfdf;border-radius:8px;padding:12px}.fb436-buy-form button{min-height:46px}.fb436-related{margin-top:60px}.fb436-related h2{font-size:1.7rem;margin-bottom:22px}.fb436-quote{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:25px;align-items:start}.fb436-quote-list{border:1px solid #deeaeb;border-radius:15px;overflow:hidden;background:#fff}.fb436-quote-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:20px;border-bottom:1px solid #eaf0f0}.fb436-quote-item h3{font-size:1rem;margin:0 0 7px}.fb436-quote-item small{color:#5c7077}.fb436-quote-item input{width:90px;border:1px solid #d2e1e1;border-radius:8px;padding:9px}.fb436-quote-summary{background:#f1f7f8;border-radius:16px;padding:24px;border:1px solid #dfebed}.fb436-quote-summary h2{font-size:1.4rem}.fb436-contact{background:#fff;border:1px solid #dce8e9;border-radius:15px;padding:24px;margin-top:26px}.fb436-contact h2{font-size:1.65rem;margin-bottom:10px}.fb436-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fb436-form-grid label{display:grid;gap:7px;font-size:.85rem;font-weight:750}.fb436-form-grid input,.fb436-form-grid textarea{width:100%;border:1px solid #d1dfdf;border-radius:8px;padding:12px;background:#fff}.fb436-form-grid .wide{grid-column:1/-1}
.fb436-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1000px){.fb436-hero-grid{gap:25px}.fb436-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.fb436-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.fb436-page .wrap{width:min(calc(100% - 30px),1200px)!important}.fb436-hero{padding:50px 0}.fb436-hero-grid,.fb436-detail,.fb436-quote{grid-template-columns:1fr}.fb436-section{padding:40px 0}.fb436-section-head{align-items:start;flex-direction:column;gap:12px}.fb436-departments{grid-template-columns:repeat(2,minmax(0,1fr))}.fb436-photo,.fb436-photo .fb436-art{min-height:280px}.fb436-photo img{height:310px}}
@media(max-width:480px){.fb436-hero-panel{grid-template-columns:1fr}.fb436-departments,.fb436-grid,.fb436-filter,.fb436-form-grid{grid-template-columns:1fr}.fb436-hero h1{font-size:2.45rem}.fb436-department{padding:13px}.fb436-card-img{height:215px}.fb436-result{align-items:start;flex-direction:column}.fb436-detail-facts{grid-template-columns:1fr}.fb436-quote-item{grid-template-columns:1fr}.fb436-form-grid .wide{grid-column:1}}