/* Procurement-first additions: catalogue matrix, quote context and review actions. */
@layer components {
.trade-tiers{padding:0 0 40px}.trade-tiers>div:first-child{max-width:850px}.trade-tiers h2{font-size:30px}.trade-tiers p{font-size:12px;color:var(--muted);margin-top:18px}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.tier-grid>div{padding:25px;background:#e8eedf;border:1px solid var(--line)}.tier-grid>div>span{font-size:11px;color:var(--muted)}.tier-grid strong{display:block;font-size:31px;font-weight:500;margin-top:12px}.tier-grid small{font-size:12px;margin-left:5px;font-weight:400}
.brand>img{display:block;width:200px;height:auto;max-width:none}.brand-footer{display:inline-block;background:var(--paper);padding:8px 10px;border-radius:3px}.brand-footer>img{width:205px}
.hero-browse{margin-top:17px}.hero .purchase-notes{max-width:495px;margin-top:20px}.purchase-notes p{font-size:11px;color:var(--muted);line-height:1.65;margin-top:8px}.hero h1{font-size:clamp(42px,4.25vw,62px)}
.quick-order{border-bottom:1px solid var(--line)}.quick-order .section-heading{align-items:start}.quick-order .section-heading h2{font-size:44px}.quick-order .section-heading p:not(.eyebrow){max-width:650px}.matrix-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.matrix-item{display:flex;align-items:center;gap:10px;background:white;padding:22px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.matrix-item>.colour-dot{width:9px;height:9px;flex:none}.matrix-item>span:nth-child(2){font-size:12px;line-height:1.7}.matrix-item strong{font-weight:600;font-size:20px;margin-left:3px}.matrix-item small{display:block;font-size:10px;color:var(--muted)}.matrix-item input{min-width:0;width:76px;margin-left:auto;background:var(--paper);border:1px solid var(--line);padding:11px 5px 11px 10px;border-radius:2px;font-size:15px}.matrix-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:25px;border-bottom:1px solid var(--line)}.matrix-footer>div{display:grid;gap:9px}.matrix-footer>div>span{font-size:11px;color:var(--muted)}.matrix-footer strong{font-size:21px;font-weight:500}.matrix-estimate{font-size:14px;color:var(--muted);margin-left:5px}.quick-order .purchase-notes{max-width:900px;margin-top:18px}.quick-order form>.text-link{margin-top:20px}
.buyer-path{padding-block:25px 80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.buyer-path h2{font-size:37px}.buyer-path>div>p{color:var(--muted);font-size:13px;margin-top:22px;max-width:400px}.buyer-path ol{list-style:none;padding:0;margin:0}.buyer-path li{position:relative;border-top:1px solid var(--line);padding:20px 0 22px 45px}.buyer-path li>span{position:absolute;left:0;top:23px;font-family:monospace;font-size:11px;color:var(--muted)}.buyer-path li>strong{font-size:19px;font-weight:500}.buyer-path li p{font-size:12px;color:var(--muted);margin-top:9px}
.buyer-evidence{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:90px;padding:45px;background:#e7eddf}.buyer-evidence h2{font-size:37px}.buyer-evidence p:not(.eyebrow){font-size:13px;color:var(--muted);margin-block:20px}.buyer-evidence>img{width:100%;background:white}.buyer-evidence .button-row{align-items:start}.buyer-evidence .text-link{font-size:11px;gap:10px}
.product-image{aspect-ratio:1}.product-image img{object-fit:contain}.application-image img{aspect-ratio:1;object-fit:contain}.application-image .image-label{display:none}.card-price{flex-wrap:wrap}.add-button{width:auto;height:auto;min-height:34px;padding:8px 10px;font-size:10px}.product-purchase>.button-row{margin-top:25px;gap:18px;align-items:center}.product-purchase>.button-row .text-link{font-size:11px}.product-purchase .purchase-notes{padding-top:8px}
.form-intro{font-size:12px;color:var(--muted);margin-bottom:22px}.optional-fields{margin:22px 0}.optional-fields summary{font-size:12px;cursor:pointer;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.optional-fields .form-grid{padding-top:20px}.print-reference{display:flex;justify-content:space-between;font-size:12px;padding:12px 0;color:var(--muted)}.print-reference strong{font-weight:500}.draft-edit-notice{font-size:12px;margin:15px 0;color:#526637}.draft-panel .button-row{gap:18px;flex-wrap:wrap}.draft-panel textarea{background:white}.enquiry-review{position:fixed;bottom:22px;left:22px;z-index:45;background:var(--ink);color:white;padding:15px 20px;border-radius:30px;font-size:11px;box-shadow:0 5px 20px #0002;display:flex;align-items:center;gap:9px}.enquiry-review b{font-size:10px;color:var(--ink);background:var(--yellow);border-radius:20px;padding:3px 7px}.enquiry-review small{font-size:10px;color:#c5d0bf}
}
@layer responsive {
@media(max-width:700px){.tier-grid{grid-template-columns:1fr}.tier-grid>div{display:flex;align-items:center;justify-content:space-between;padding:20px}.tier-grid strong{font-size:25px;margin:0}.trade-tiers h2{font-size:29px}}
@media(max-width:1050px){.brand>img{width:177px}}
@media(max-width:700px){.brand>img{width:132px}.brand-footer>img{width:190px}}
@media(max-width:700px){.hero-grid{gap:18px}.hero-copy{display:contents}.hero-copy>.eyebrow{order:1;margin:10px 0 0}.hero-copy>h1{order:2;margin:0;font-size:37px}.hero-visual{order:3}.hero-copy>.lead{order:4;margin:0}.hero-copy>.button-row{order:5;margin:0}.hero-copy>.hero-browse{order:6;margin:0}.hero-copy>.hero-price{order:7;margin:0}.hero-copy>.purchase-notes{order:8;margin:0}.hero-visual>img{aspect-ratio:1.6;padding:18px 30px 34px}.hero-image-caption{padding-block:8px}}
@media(max-width:1050px){.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.buyer-path{gap:40px}.buyer-evidence{gap:35px;padding:30px}.matrix-item input{width:85px}.card-price .add-button{margin-left:0;width:100%}.card-price>.money{font-size:16px}.hero h1{font-size:47px}}
@media(max-width:700px){.hero h1{font-size:43px;line-height:1.08}.hero .purchase-notes p{font-size:10px}.hero .hero-price{margin-top:17px}.hero-browse{margin-top:13px}.quick-order .section-heading h2{font-size:32px}.matrix-item{padding:16px 10px;gap:6px}.matrix-item>span:nth-child(2){font-size:10px}.matrix-item strong{font-size:18px}.matrix-item small{font-size:9px}.matrix-item input{width:64px;font-size:13px;padding:11px 4px 11px 7px}.matrix-item>.colour-dot{width:6px;height:6px}.matrix-footer{align-items:stretch;flex-direction:column;gap:18px;padding-block:20px}.matrix-footer .button{width:100%;font-size:12px}.matrix-footer strong{font-size:19px}.matrix-estimate{font-size:12px}.purchase-notes p{font-size:10px}.buyer-path{grid-template-columns:1fr;gap:25px;padding-block:10px 50px}.buyer-path h2{font-size:31px}.buyer-path>div>p{margin-top:15px}.buyer-evidence{grid-template-columns:1fr;gap:25px;padding:25px;margin-bottom:50px}.buyer-evidence h2{font-size:31px}.product-purchase>.button-row{align-items:stretch;flex-direction:column;gap:20px}.product-purchase>.button-row .button{width:100%}.enquiry-review{left:10px;bottom:12px;padding:12px;font-size:10px;gap:6px;max-width:65%}.enquiry-review small{display:none}.floating-wa{right:10px;bottom:12px;width:45px;height:45px;padding:11px}.floating-wa>span{display:none}.quote-layout{padding-bottom:40px}.quote-aside{display:block}.quote-aside img{display:none}.quote-aside h2{font-size:26px}.card-price .add-button{font-size:9px}.card-badge{display:none}html[lang=de] .hero h1,html[lang=fr] .hero h1,html[lang=es] .hero h1{font-size:37px}}
}

.footer-email{display:block;font-size:13px;margin-top:10px;overflow-wrap:anywhere}.quote-aside .aside-email{display:block;font-size:14px;margin:0 0 22px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.document-downloads{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 30px;margin-bottom:34px;background:#edf0e8;border:1px solid #d7dfd3}.document-downloads h2{font-size:25px;line-height:1.2;margin:0 0 10px}.document-downloads p{max-width:62ch;font-size:13px;line-height:1.65;margin:0;color:#526251}.document-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px;flex-shrink:0}.document-actions .button{font-size:12px}.document-actions .text-link{font-size:12px}
@media(max-width:850px){.document-downloads{align-items:flex-start;flex-direction:column;padding:24px;gap:22px}.document-actions{max-width:100%;gap:18px}.document-actions .button{max-width:100%;white-space:normal;line-height:1.5}.document-downloads h2{font-size:24px}}