/* Reference blue supplied by the user: #214BDF. Storefront only. */
body[data-language]{--navy:#183260;--navy-dark:#14275c;--orange:#214bdf;--orange-light:#e9efff;--text:#20345a;--muted:#617296;--line:#cfdbf5;--paper:#edf3ff;--white:#fff;background:#eaf0ff}
body[data-language] .topbar{background:#152a71;color:#dce6ff}
body[data-language] .site-header{background:#214bdf;max-width:none;border-bottom:1px solid #173dbe;color:#fff}
body[data-language] .logo,body[data-language] .logo-mark{color:#fff}
body[data-language] .header-actions{color:#fff}
body[data-language] .header-actions a:hover{color:#dce6ff}
body[data-language] .main-nav{background:#dce6ff;border-bottom:1px solid #c6d4f4;color:#203a75}
body[data-language] .search input{background:#fff;border-color:#d2dcfb}
body[data-language] .search button{background:#173aac;color:#fff;border-color:#173aac}
body[data-language] .preview-banner{background:#f7f9ff;color:#667697;border-bottom:1px solid #d7e1f7}
body[data-language] .button{background:#214bdf;border-color:#214bdf;color:#fff;border-radius:7px}
body[data-language] .button:hover{background:#173bb6;border-color:#173bb6;color:#fff}
body[data-language] .button.secondary{background:#fff;color:#214bdf;border-color:#c9d6f6}
body[data-language] .cart-link b{background:#fff;color:#214bdf}
body[data-language] .category-card{background:#fff;border:1px solid #cbd8f7;border-radius:13px;box-shadow:0 4px 0 #c1d0f555;overflow:hidden;transition:transform .18s,box-shadow .18s}
body[data-language] .category-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 #c1d0f555;color:#214bdf}
body[data-language] .category-card h3{color:#20345a}
body[data-language] .home-categories>h1{font-size:32px;color:#183260}
body[data-language] .product-card{background:#fff;border-color:#cbd8f7;border-radius:12px;overflow:hidden;box-shadow:0 3px 0 #c1d0f544}
body[data-language] .product-image{background:#fff}
body[data-language] .procurement-banner{background:#142b6f;color:#fff;border:0;border-radius:16px}
body[data-language] .procurement-banner h2,body[data-language] .procurement-banner .eyebrow{color:#fff}
body[data-language] .procurement-banner p,body[data-language] .procurement-banner small{color:#cddcfa}
body[data-language] .procurement-banner aside{border-color:#526bab}
body[data-language] .procurement-banner aside strong{color:#a9c5ff}
body[data-language] .procurement-banner .button{background:#fff;color:#214bdf;border-color:#fff}
body[data-language] .feature-band{background:#dbe6ff;color:#20345a;border:1px solid #c1d1f4;border-radius:14px}
body[data-language] .feature-band p,body[data-language] .popular-promo p{color:#617296}
body[data-language] .popular-promo{background:#fff;border-color:#cbd8f7;border-radius:12px}
body[data-language] .policy-grid article{background:#f7faff;border-color:#cedbf5;border-radius:12px}
body[data-language] .freight-advantage{background:#214bdf;border-color:#214bdf;border-radius:15px;color:#fff}
body[data-language] .freight-advantage>div>.eyebrow{color:#dce6ff}
body[data-language] .freight-advantage>div>p{color:#fff;font-size:14px;line-height:1.75}
body[data-language] .freight-advantage>div>.button{background:#fff;color:#214bdf;border-color:#fff}
body[data-language] .freight-advantage aside{background:#fff;border-radius:10px;color:#20345a}
body[data-language] .freight-comparison div:last-child strong{color:#214bdf}
body[data-language] .service-strip{background:#d9e5ff;color:#203a75;border-color:#bfd0f7}
body[data-language] footer{background:#dce6ff;color:#20345a;border-top:1px solid #c6d4f4}
body[data-language] .footer-bottom{background:#edf3ff;border-color:#c6d4f4}
body[data-language] .catalog-sidebar{background:#f7faff;border-radius:10px;padding:16px}
body[data-language] .catalog-toolbar{background:#e1eaff;border-color:#cbd8f7;border-radius:8px}
body[data-language] .main-image{background:#fff;border:1px solid #cbd8f7;border-radius:12px}
body[data-language] .detail-tabs{background:#f7faff;border-radius:12px;padding:20px}
body[data-language] .spec-table th{background:#dfe9ff}
body[data-language] .spec-table td{background:#fff}
body[data-language] .cart-summary,body[data-language] .receipt,body[data-language] .quote-example{background:#f7faff;border-color:#c5d4f5;border-radius:12px}
body[data-language] .customer-form{background:#f7faff;border-radius:12px;padding:24px}
body[data-language] .order-modes input:checked+span{background:#dfe9ff;border-color:#214bdf;color:#214bdf}
body[data-language] .language-switch>div,body[data-language] .mega-menu{background:#fff;border-color:#c5d4f5;color:#20345a}
body[data-language] .header-actions .language-switch>div a:hover{color:#214bdf}
body[data-language] .enquiry-card{background:#fff;border-color:#c5d4f5}
body[data-language] a:hover{color:#214bdf}
body[data-language] input:focus,body[data-language] textarea:focus,body[data-language] select:focus{outline:2px solid #92abf4;border-color:#214bdf}
body[data-language] .chat-launcher,body[data-language] .chat-nudge,body[data-language] .chat-heading{background:#214bdf;color:#fff}
body[data-language] .chat-heading button{color:#fff}
body[data-language] .chat-window{background:#fff;border-color:#c5d4f5}
body[data-language] .chat-timezone,body[data-language] .chat-history{background:#f5f8ff;color:#617296}
body[data-language] .chat-mine{background:#e5edff;border-color:#c6d5f8}
@media(max-width:700px){body[data-language] .home-categories>h1{font-size:25px}body[data-language] .detail-tabs{padding:15px}body[data-language] .customer-form{padding:18px}body[data-language] .procurement-banner{border-radius:12px;margin-left:18px;margin-right:18px}}

/* Blue / white / signal yellow brand system. */
body[data-language]{--brand-yellow:#ffe04d;background:#f3f6ff}
body[data-language] .topbar{background:#152b7b;color:#e8efff}
body[data-language] .main-nav{background:#214bdf;color:#fff;border-color:#5675e6}
body[data-language] .main-nav>a:hover{color:#ffe04d}
body[data-language] .main-nav summary:hover{color:#ffe04d}
body[data-language] .button{background:#ffe04d;border-color:#dfc037;color:#162857}
body[data-language] .button:hover{background:#ffeb83;border-color:#dfc037;color:#162857}
body[data-language] .button.secondary{background:#fff;color:#214bdf;border-color:#c9d6f6}
body[data-language] .brand-hero{background:#214bdf;color:#fff;overflow:hidden}
body[data-language] .brand-hero-inner{max-width:1460px;margin:auto;padding:62px 48px 58px;display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;min-height:540px}
body[data-language] .brand-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.6px;line-height:1.5;font-weight:700}
body[data-language] .brand-eyebrow i{height:8px;width:8px;border-radius:50%;background:#ffe04d;flex-shrink:0}
body[data-language] .brand-hero h1{font-size:clamp(44px,4.7vw,70px);letter-spacing:-2px;font-weight:700;line-height:1.03;color:#fff;margin:23px 0 24px}
body[data-language] .brand-hero h1>span{display:block;color:#ffe04d}
body[data-language] .brand-hero-copy>p{color:#e0e9ff;font-size:16px;line-height:1.7;max-width:570px}
body[data-language] .brand-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:28px 0 30px}
body[data-language] .brand-primary{padding:15px 23px;gap:18px;box-shadow:0 4px 0 #163db7;font-size:13px}
body[data-language] .brand-secondary{font-size:13px;font-weight:700;color:#fff;border-bottom:1px solid #92abf9;padding:7px 0}
body[data-language] .brand-secondary:hover{color:#ffe04d}
body[data-language] .brand-order-facts{display:flex;gap:28px;border-top:1px solid #6684ed;padding-top:23px;max-width:560px}
body[data-language] .brand-order-facts>div{display:flex;flex-direction:column;gap:5px;flex:1}
body[data-language] .brand-order-facts strong{font-size:26px;line-height:1.1;color:#fff}
body[data-language] .brand-order-facts span{font-size:11px;line-height:1.4;color:#dce6ff}
body[data-language] .brand-hero-visual{position:relative;min-height:370px;display:flex;flex-direction:column;justify-content:center}
body[data-language] .brand-orbit{position:absolute;width:480px;height:480px;left:-10px;top:-48px;border:1px solid #91a8f766;border-radius:50%;pointer-events:none}
body[data-language] .brand-orbit:before{content:"";position:absolute;inset:42px;border:1px dashed #9cb3ff77;border-radius:50%}
body[data-language] .brand-orbit:after{content:"";position:absolute;right:55px;top:48px;width:18px;height:18px;border-radius:50%;background:#ffe04d;box-shadow:0 0 0 9px #ffe04d22}
body[data-language] .brand-range-label{font-size:10px;letter-spacing:1.4px;font-weight:700;margin-bottom:20px;color:#e4ecff;position:relative}
body[data-language] .brand-assortment{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;position:relative}
body[data-language] .brand-product{background:#fff;border-radius:13px;padding:16px;color:#183260;box-shadow:0 12px 30px #143aaa44;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
body[data-language] .brand-product img{width:100%;height:92px;object-fit:contain;background:#fff}
body[data-language] .brand-product>span:last-child{display:flex;justify-content:space-between;align-items:center;gap:6px;font-weight:700;font-size:11px;line-height:1.4;margin-top:8px}
body[data-language] .brand-product b{color:#214bdf;font-size:18px}
body[data-language] .brand-product-0{grid-row:span 2;transform:rotate(-3deg)}
body[data-language] .brand-product-0 img{height:225px}
body[data-language] .brand-product-1{transform:rotate(3deg)}
body[data-language] .brand-product-2{transform:rotate(2deg)}
body[data-language] .brand-product-symbol{font-size:72px;color:#214bdf}
body[data-language] .brand-freight-badge{position:relative;background:#ffe04d;color:#192e65;border-radius:10px;margin:21px 0 0 35px;padding:16px 20px;box-shadow:0 8px 25px #1237a844}
body[data-language] .brand-freight-badge>span{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
body[data-language] .brand-freight-badge strong{display:block;font-family:Jost,Arial,sans-serif;font-size:28px;line-height:1.2;margin:6px 0}
body[data-language] .brand-freight-badge i{float:right;font-size:36px;font-style:normal}
body[data-language] .brand-freight-badge small{font-size:10px;line-height:1.5;display:block;max-width:370px}
body[data-language] .brand-value-ribbon{background:#ffe04d;color:#152c60;display:flex;justify-content:center;gap:45px;flex-wrap:wrap;padding:17px 24px;font-size:10px;letter-spacing:.8px;font-weight:700}
body[data-language] .brand-value-ribbon span{display:flex;align-items:center;gap:14px}
body[data-language] .brand-value-ribbon b{font-size:14px}
body[data-language] .home-categories{padding-top:45px}
body[data-language] .brand-catalog-title{font-size:28px;line-height:1.3;text-align:center;margin-bottom:33px;color:#183260}
body[data-language] .section-heading h2:before,body[data-language] .store-section-title:before{content:"";display:inline-block;width:7px;height:21px;background:#214bdf;border-bottom:6px solid #ffe04d;margin-right:12px;vertical-align:-2px}
body[data-language] .service-strip{background:#214bdf;color:#fff;border-color:#214bdf}
body[data-language] .service-strip span{color:#dce6ff}
body[data-language] .service-strip b{color:#ffe04d;font-weight:700}
body[data-language] footer{background:#152b7b;color:#e4edff;border-color:#152b7b}
body[data-language] footer .footer-logo{color:#fff}
body[data-language] footer p{color:#e4edff}
body[data-language] footer .tiny{color:#c4d3f6}
body[data-language] footer a:hover{color:#ffe04d}
body[data-language] .footer-bottom{background:#102361;color:#c7d6ff;border-color:#354d8c}
body[data-language] .freight-advantage>div>.button{background:#ffe04d;color:#162857;border-color:#ffe04d}
body[data-language] .procurement-banner .button{background:#ffe04d;color:#162857;border-color:#ffe04d}
body[data-language] .chat-launcher{box-shadow:0 0 0 4px #ffe04d,0 8px 22px #152b7b33}
/* Readable text and a consistent hierarchy across every storefront page. */
body[data-language]{--muted:#465b7a}
body[data-language] .brand-order-facts strong{color:#ffe04d}
body[data-language] .procurement-banner aside strong{color:#ffe04d}
body[data-language] footer b{color:#ffe04d}
body[data-language] .service-strip span{color:#fff;font-size:12px}
body[data-language] .preview-banner{color:#465b7a;font-size:11px}
body[data-language] .feature-band p,body[data-language] .popular-promo p,
body[data-language] .policy-grid p,body[data-language] .detail-tabs p{color:#465b7a}
body[data-language] .detail-tabs .freight-advantage>div>p{color:#fff}
body[data-language] .freight-advantage aside p{color:#465b7a}
body[data-language] .card-actions>a{color:#214bdf;font-size:12px;font-weight:700}
body[data-language] .product-info .eyebrow{font-size:10px}
body[data-language] .category-card>span,body[data-language] .order-modes small{font-size:11px}
body[data-language] .card-price,body[data-language] .detail-price>strong,
body[data-language] .mode-price{color:#173bb6;font-weight:700}
/* Keep one authoritative price on the product page: the selected order type price. */
.detail-info>.detail-price{display:block;margin-bottom:18px}
.detail-info>.detail-price strong{font-size:2.15rem;line-height:1.1}
.detail-info>.detail-price .tiny{display:block;margin-top:8px}
.detail-info .mode-price{display:none}
body[data-language] .detail-price{background:#e9efff;padding:20px 16px;border-radius:8px}
body[data-language] .order-modes input:checked+span{background:#ffe04d;border-color:#173bb6;color:#162857;font-weight:700}
body[data-language] .color-options{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
body[data-language] .color-option{background:#fff;border:1px solid #b9c8ed;border-radius:7px;padding:8px 12px;color:#183260;cursor:pointer;font-weight:700}
body[data-language] .color-option.active,body[data-language] .color-option:hover{background:#ffe04d;border-color:#173bb6}
body[data-language] .order-modes input:checked+span small{color:#162857}
body[data-language] .policy-grid h3{color:#173bb6}
body[data-language] .summary-total{background:#ffe04d;color:#162857;padding:14px 10px;border-radius:6px;font-size:14px}
body[data-language] .threshold{background:#fff3be;color:#594113;font-size:12px;border-left:4px solid #b37e00}
body[data-language] .threshold.valid{background:#e4eee6;color:#235835;border-color:#235835}
body[data-language] .receipt-number{background:#ffe04d;color:#162857;padding:8px 12px;border-radius:6px}
body[data-language] .catalog-sidebar a.active{color:#173bb6;font-weight:700}
body[data-language] .chat-window .chat-composer .button{background:#ffe04d;color:#162857;border-color:#dfc037}
body[data-language] .chat-timezone,body[data-language] .chat-saved,
body[data-language] .chat-history,body[data-language] .chat-bubble,
body[data-language] .chat-email-card p,body[data-language] .chat-email-card small,
body[data-language] .chat-bottom button,body[data-language] .enquiry-card small{color:#465b7a}
body[data-language] input::placeholder,body[data-language] textarea::placeholder{color:#52627d;opacity:1}
@media(max-width:1100px){body[data-language] .brand-hero-inner{gap:28px;padding:44px 28px}body[data-language] .brand-hero h1{font-size:52px}body[data-language] .brand-order-facts{gap:15px}body[data-language] .brand-value-ribbon{gap:20px}}
@media(max-width:760px){body[data-language] .brand-hero-inner{grid-template-columns:1fr;gap:35px;padding:35px 20px 32px;min-height:0}body[data-language] .brand-hero h1{font-size:46px;letter-spacing:-1.5px;margin:20px 0}body[data-language] .brand-eyebrow{font-size:9px;letter-spacing:1px}body[data-language] .brand-hero-copy>p{font-size:14px}body[data-language] .brand-hero-actions{gap:14px;margin:22px 0}body[data-language] .brand-secondary{font-size:12px}body[data-language] .brand-primary{font-size:12px;padding:14px 18px}body[data-language] .brand-hero-visual{min-height:0;max-width:500px;width:100%;margin:0 auto}body[data-language] .brand-orbit{width:350px;height:350px;top:-10px;left:15px}body[data-language] .brand-product-0 img{height:195px}body[data-language] .brand-product img{height:77px}body[data-language] .brand-freight-badge{margin-left:15px}body[data-language] .brand-value-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:8px;padding:17px 20px}body[data-language] .brand-value-ribbon span{gap:8px}body[data-language] .brand-catalog-title{font-size:24px}body[data-language] .home-categories{padding-top:30px}}

/* Prominent language selector, shared across storefront pages. */
body[data-language] .language-switch{font-size:16px;font-weight:700}
body[data-language] .language-switch summary{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 16px;border:1px solid #ffffffb3;border-radius:8px;background:#ffffff1f;color:#fff;transition:background .15s}
body[data-language] .language-switch summary:hover,body[data-language] .language-switch[open] summary{background:#ffffff36}
body[data-language] .language-switch summary:focus-visible{outline:3px solid #ffe14b;outline-offset:3px}
body[data-language] .language-switch>div{top:calc(100% + 8px);min-width:190px;padding:8px;border-radius:10px;box-shadow:0 10px 28px #122d4033}
body[data-language] .language-switch .language{font-size:16px;min-height:46px;padding:11px 16px;border-radius:5px;color:#20345a}
body[data-language] .language-switch .language[aria-current="page"]{background:#e9efff;color:#1640cf;font-weight:700}
@media(max-width:700px){body[data-language] .language-switch summary{font-size:14px;min-height:44px;padding:9px 11px}body[data-language] .language-switch>div{min-width:180px}}

.business-contact{padding:24px;border:1px solid #c5d4f5;border-radius:12px;background:#fff;margin:24px 0;max-width:680px;font-size:18px}.business-contact p{margin:0 0 14px}.business-contact p:last-child{margin-bottom:0}.business-contact strong{display:inline-block;min-width:110px}.business-contact a{color:#1640cf;text-decoration:underline;overflow-wrap:anywhere}

body[data-language] .logo .brand-wordmark{display:block;font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-1px;white-space:nowrap;color:#fff}body[data-language] .logo .brand-wordmark small{display:block;margin-top:8px;font-size:10px;line-height:1.4;font-weight:600;letter-spacing:1.5px;color:#fff}@media(max-width:700px){body[data-language] .logo .brand-wordmark{font-size:26px}body[data-language] .logo .brand-wordmark small{font-size:8px;letter-spacing:1px}}

body[data-language] .chat-bottom{flex-wrap:wrap;gap:8px}body[data-language] .chat-contact-links{display:flex;align-items:center;gap:6px}body[data-language] .chat-contact-links a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 9px;border-radius:6px;color:#fff!important;font-size:12px;font-weight:700;text-decoration:none}body[data-language] .chat-contact-links .chat-wa{background:#128c4a}body[data-language] .chat-contact-links .chat-tele{background:#087cae}body[data-language] .chat-contact-links a:hover{filter:brightness(.9)}body[data-language] .chat-contact-links a:focus-visible{outline:3px solid #214bdf;outline-offset:2px}
