/* Product page: B&M Trade orange, graphite and warm neutral surfaces. */
.gp-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding-top:22px;padding-bottom:22px;font-size:.8rem;color:var(--muted)}
.gp-breadcrumb a:hover{text-decoration:underline;color:var(--ink)}
.gp-hero{background:var(--ink);color:#fff}
.gp-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:60px;align-items:center;padding-top:58px;padding-bottom:58px}
.gp-hero-copy .eyebrow{font-size:.74rem;margin-bottom:24px}
.gp-hero h1{font-size:clamp(2.8rem,4.4vw,4.7rem);line-height:1.04;margin-bottom:25px;letter-spacing:-.05em}
.gp-hero h1 em{font-style:normal;color:var(--brand-orange)}
.gp-lead{max-width:580px;color:#d0dce0;font-size:1.08rem;line-height:1.75;margin-bottom:30px}
.gp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.gp-spec-link{font-size:.9rem;font-weight:700;color:#fff;border-bottom:1px solid #72909a;padding-bottom:4px}
.gp-facts{display:grid;grid-template-columns:.85fr 1.1fr 1fr;gap:18px;border-top:1px solid #49616a;margin-top:38px;padding-top:24px}
.gp-facts b,.gp-facts span{display:block}
.gp-facts b{font-size:1.2rem;margin-bottom:7px}
.gp-facts span{font-size:.75rem;color:#b9cbd1;line-height:1.6}
.gp-hero-photo{margin:0;min-width:0}
.gp-photo-stage{position:relative;background:#f8f8f5;border-radius:5px;padding:40px 28px 18px;display:flex;align-items:center;justify-content:center;min-height:450px}
.gp-photo-stage img{width:auto;height:420px;max-width:100%;object-fit:contain}
.gp-photo-badge{position:absolute;left:20px;top:18px;color:var(--brand-orange-dark);font-size:.64rem;letter-spacing:.08em;font-weight:800;background:#fff1e4;padding:6px 9px;border-radius:2px}
.gp-hero-photo figcaption{font-size:.73rem;line-height:1.65;color:#b9cbd1;margin-top:13px}
.gp-answer{background:#fff1e4;padding:46px 0}
.gp-answer-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
.gp-answer h2{font-size:2.25rem;margin-bottom:0}
.gp-answer .eyebrow{color:var(--brand-orange-dark);margin-bottom:14px}
.gp-answer p{font-size:1.06rem;line-height:1.75;margin-bottom:12px}
.gp-answer p.gp-answer-note{font-size:.88rem;color:#57676c}
.gp-source-link{font-size:.84rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.gp-jump{display:flex;flex-wrap:wrap;gap:8px;padding-top:27px;padding-bottom:27px;border-bottom:1px solid var(--line)}
.gp-jump a{border:1px solid var(--line);border-radius:30px;padding:9px 16px;font-size:.84rem;font-weight:700}
.gp-jump a:hover{background:#fff1e4;border-color:#eabf94}
.gp-section{padding-top:78px;padding-bottom:78px;scroll-margin-top:22px}
.gp-heading .eyebrow{color:var(--brand-orange-dark);font-size:.75rem;margin-bottom:18px}
.gp-heading h2{font-size:clamp(2rem,3.1vw,3.3rem);margin-bottom:22px}
.gp-heading>p{max-width:660px;color:var(--muted);line-height:1.7}
.gp-spec-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:42px;margin-top:35px;align-items:start}
.gp-spec-sheet{border:1px solid var(--line);padding:30px 34px;background:#fff}
.gp-model-label{border-bottom:2px solid var(--ink);padding-bottom:22px}
.gp-model-label span{display:block;font-size:.67rem;letter-spacing:.08em;font-weight:800;color:var(--brand-orange-dark);margin-bottom:12px}
.gp-model-label h3{font-size:1.8rem;line-height:1.18;margin-bottom:0}
.gp-specs{margin:0}
.gp-specs>div{display:grid;grid-template-columns:1fr 1.12fr;gap:25px;border-bottom:1px solid var(--line);padding:16px 0;font-size:.9rem;line-height:1.65}
.gp-specs dt{color:var(--muted)}
.gp-specs dd{margin:0;font-weight:700}
.gp-reference{font-size:.77rem;color:var(--muted);line-height:1.75;margin:22px 0 0}
.gp-reference a{text-decoration:underline;text-underline-offset:3px}
.gp-config{background:var(--ink);color:#fff;padding:32px}
.gp-config .eyebrow{font-size:.71rem}
.gp-config h3{font-size:2rem;line-height:1.15;margin-bottom:25px}
.gp-config ul{padding:0;list-style:none;margin:0 0 23px}
.gp-config li{padding:12px 0;border-bottom:1px solid #405964;font-size:.9rem}
.gp-config p{color:#b9cbd1;font-size:.84rem;line-height:1.7}
.gp-config .button{width:100%;font-size:.92rem;margin-top:12px;gap:10px}
.gp-application{background:#f6f8f7}
.gp-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.gp-task-grid article{background:#fff;padding:28px;border-top:3px solid var(--brand-orange)}
.gp-task-grid article>span{display:block;color:var(--brand-orange-dark);font-size:.68rem;font-weight:800;letter-spacing:.07em;margin-bottom:35px}
.gp-task-grid h3{font-size:1.5rem;margin-bottom:17px;line-height:1.15}
.gp-task-grid p{margin-bottom:0;font-size:.92rem;color:var(--muted);line-height:1.75}
.gp-application-note{display:grid;grid-template-columns:.65fr 1.35fr;gap:35px;border:1px solid #d9e0dc;background:#fff;padding:26px 30px;margin-top:25px}
.gp-application-note b{font-size:1.08rem}
.gp-application-note p{margin-bottom:0;color:var(--muted);font-size:.89rem;line-height:1.8}
.gp-alternative{font-size:.88rem;line-height:1.75;margin:24px 0 0;color:var(--muted)}
.gp-alternative a{text-decoration:underline;color:var(--ink);text-underline-offset:4px}
.gp-document-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px}
.gp-documents{padding:0;margin:0;list-style:none}
.gp-documents li{display:flex;gap:23px;padding:21px 0;border-top:1px solid var(--line)}
.gp-documents li:first-child{border-top:2px solid var(--ink)}
.gp-documents li>span{color:var(--brand-orange-dark);font-size:.8rem;font-weight:800;padding-top:2px}
.gp-documents h3{font-size:1.3rem;margin-bottom:8px}
.gp-documents p{color:var(--muted);font-size:.9rem;margin-bottom:0;line-height:1.75}
.gp-faq-section{background:#f6f8f7}
.gp-faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px}
.gp-faq details{border-top:1px solid #cdd8d4}
.gp-faq details:last-child{border-bottom:1px solid #cdd8d4}
.gp-faq summary{list-style:none;position:relative;cursor:pointer;font-weight:700;font-size:.97rem;line-height:1.55;padding:22px 38px 22px 0}
.gp-faq summary::-webkit-details-marker{display:none}
.gp-faq summary:after{content:'+';position:absolute;right:6px;top:18px;color:var(--brand-orange-dark);font-size:1.55rem;font-weight:400}
.gp-faq details[open] summary:after{content:'-'}
.gp-faq p{font-size:.91rem;color:var(--muted);line-height:1.85;margin:0 0 24px;max-width:660px}
.gp-request-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}
.gp-request-grid .gp-heading{padding-top:20px}
.gp-request-grid .request-panel{min-width:0;padding:34px}
.gp-request-grid .form-actions{align-items:stretch;flex-direction:column;gap:10px}
.gp-request-grid .form-actions .button{width:100%;justify-content:center;min-height:54px}
.gp-selected{border-left:3px solid var(--brand-orange);padding:15px 20px;background:#fff1e4;margin:32px 0}
.gp-selected span{font-size:.66rem;letter-spacing:.08em;color:var(--brand-orange-dark);font-weight:800;display:block;margin-bottom:8px}
.gp-selected b{font-size:1.05rem;line-height:1.55;display:block}
.gp-heading .gp-contact{margin-top:35px}
.gp-contact a{font-size:1.55rem;font-weight:800;color:var(--ink);white-space:nowrap;letter-spacing:-.02em}
.gp-contact span{display:block;font-size:.83rem;margin-top:8px;color:var(--muted)}
.gp-sources{border-top:1px solid var(--line);padding:26px 0 32px}
.gp-sources .wrap{display:flex;flex-wrap:wrap;gap:12px 25px;align-items:center}
.gp-sources span{font-size:.65rem;font-weight:800;letter-spacing:.05em;color:var(--muted);width:100%}
.gp-sources a{font-size:.78rem;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.gp-jump a:focus-visible,.gp-faq summary:focus-visible,.gp-source-link:focus-visible{outline:3px solid var(--brand-orange);outline-offset:4px}
@media(max-width:1050px){.gp-hero-grid{gap:35px}.gp-photo-stage{padding:35px 16px 18px;min-height:400px}.gp-photo-stage img{height:370px}.gp-actions{gap:18px}.gp-facts{gap:12px}.gp-facts b{font-size:1.08rem}.gp-spec-grid{gap:24px}.gp-config{padding:25px}.gp-document-grid,.gp-faq-grid,.gp-request-grid{gap:35px}}
@media(max-width:800px){.gp-breadcrumb{font-size:.73rem;padding-top:18px;padding-bottom:18px}.gp-hero-grid{grid-template-columns:1fr;gap:36px;padding-top:42px;padding-bottom:36px}.gp-hero h1{font-size:clamp(2.6rem,7.5vw,4rem)}.gp-lead{font-size:1rem}.gp-photo-stage{min-height:0;padding:38px 24px 18px}.gp-photo-stage img{height:360px}.gp-hero-photo{max-width:590px;width:100%;justify-self:center}.gp-answer-grid{grid-template-columns:1fr;gap:22px}.gp-answer h2 br{display:none}.gp-answer h2{font-size:2rem}.gp-answer p{font-size:1rem}.gp-section{padding-top:54px;padding-bottom:54px}.gp-heading h2{font-size:2.35rem}.gp-spec-grid,.gp-document-grid,.gp-faq-grid,.gp-request-grid{grid-template-columns:1fr;gap:30px}.gp-config{padding:28px}.gp-task-grid{grid-template-columns:1fr;gap:14px}.gp-task-grid article>span{margin-bottom:20px}.gp-task-grid article{padding:25px}.gp-application-note{grid-template-columns:1fr;gap:12px;padding:24px}.gp-request-grid .gp-heading{padding-top:0}.gp-request-grid .request-panel{padding:28px}.gp-heading .gp-contact{margin-top:24px}.gp-faq-grid .gp-heading p{margin-bottom:0}}
@media(max-width:480px){.gp-hero h1{font-size:2.6rem}.gp-hero-copy .eyebrow{font-size:.65rem;letter-spacing:.09em}.gp-actions{align-items:flex-start;flex-direction:column}.gp-actions .button{width:100%;gap:10px}.gp-facts{gap:12px;grid-template-columns:.75fr 1fr 1fr}.gp-facts b{font-size:.98rem}.gp-facts span{font-size:.66rem}.gp-photo-stage img{height:315px}.gp-photo-badge{left:15px;top:14px;font-size:.59rem}.gp-answer{padding:34px 0}.gp-answer-grid{gap:16px}.gp-jump{padding-top:22px;padding-bottom:22px;gap:7px}.gp-jump a{font-size:.76rem;padding:8px 11px}.gp-heading h2{font-size:2.05rem}.gp-spec-sheet{padding:24px 20px}.gp-specs>div{grid-template-columns:1fr;gap:4px;padding:14px 0}.gp-model-label h3{font-size:1.6rem}.gp-request-grid .request-panel{padding:24px 20px}.gp-request-grid .form-pair{grid-template-columns:1fr}.gp-selected{padding:15px}.gp-contact a{font-size:1.35rem}.gp-documents h3{font-size:1.18rem}.gp-hero-photo figcaption{font-size:.69rem}.gp-section{padding-top:46px;padding-bottom:46px}}
@media(max-width:480px){.max-float{width:52px;height:52px;font-size:0;gap:0;padding:8px;justify-content:center}.max-float .max-mark,.max-float img{width:36px;height:36px}}
@media(max-width:800px){body:has(#request:focus-within) .max-float{display:none}}