:root{font-family:Inter,Arial,sans-serif;color:#102a3a;background:#f5f7f8;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:#143f59;text-underline-offset:3px}.portal-header{display:flex;align-items:center;gap:24px;padding:18px max(24px,calc((100vw - 1380px)/2));background:white;border-bottom:1px solid #dce3e7}.portal-header img{width:225px;height:76px;object-fit:contain}.portal-header>a:first-child{margin-right:auto}.portal-header button{padding:9px 15px;background:white;border:1px solid #a4b3bd;border-radius:5px}main{max-width:1380px;padding:36px 24px;margin:auto}.login-view{display:grid;grid-template-columns:1.1fr 1fr;min-height:65vh;align-items:center;gap:100px;max-width:1100px;margin:20px auto 60px}.intro h1{font-size:clamp(36px,4vw,56px);line-height:1.12;letter-spacing:-1.7px;margin:20px 0}.intro>p{max-width:440px;font-size:18px;color:#486372}.eyebrow{font-size:12px!important;font-weight:800;letter-spacing:2px;color:#c42435!important}.motto{padding-top:32px;font-weight:700}.login-form{padding:36px;background:white;border:1px solid #dce3e7;border-radius:12px;box-shadow:0 18px 50px #102a3a0a}.login-form h2{margin:0 0 28px;font-size:25px}label{display:block;font-weight:600;font-size:14px;margin-bottom:10px}input,select{display:block;width:100%;min-height:46px;border:1px solid #aab9c2;padding:10px 12px;border-radius:5px;background:white;color:#102a3a;font-size:16px;margin:6px 0 18px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #5cadd1;outline-offset:2px}.password-field{display:flex;position:relative}.password-field input{padding-right:90px}.password-field button{position:absolute;right:5px;top:11px;border:0;background:white;color:#244e67;font-size:13px;padding:8px}.primary{width:100%;min-height:48px;padding:12px 18px;background:#c92538;border:0;border-radius:5px;color:white;font-weight:700}.primary:disabled{background:#9dabb2;cursor:not-allowed}.help{font-size:13px;color:#586d79}.workspace-title{display:flex;justify-content:space-between;align-items:center;margin:8px 0 36px}.workspace-title h1{font-size:40px;letter-spacing:-1px;margin:8px 0}.workspace-title p{margin:5px 0}.basket-link{background:#102a3a;color:white;padding:12px 18px;border-radius:5px;text-decoration:none}.basket-link span{display:inline-block;margin-left:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:28px;align-items:start}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}.filters input,.filters select{margin-bottom:0}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product{display:flex;flex-direction:column;background:white;border:1px solid #dce3e7;border-radius:8px;padding:22px}.product-top{display:flex;gap:16px;align-items:center}.product-top img{object-fit:contain;flex-shrink:0;background:white}.product h2{font-size:21px;line-height:1.25;margin:6px 0}.product-brand{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#5d7180;font-weight:700}.description{font-size:14px;color:#405a6b}.reference{font-size:13px;font-weight:600;margin:3px 0 8px}.packaging{font-size:12px;color:#6b7b84;margin-top:0}.product>a{font-size:13px;margin:0 0 14px}.tariff{color:#9a5b00;font-size:13px;font-weight:700;margin:3px 0 8px}.product-bottom{margin-top:auto;padding-top:14px;border-top:1px solid #e5eaee;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.product-bottom p{margin:0}.product-bottom strong{font-size:23px}.product-bottom small{display:block;color:#5d7180;font-size:12px}.add-product{border:1px solid #c92538;background:white;color:#ae2031;border-radius:5px;min-height:42px;padding:8px 12px;font-size:13px;font-weight:700}.add-product:disabled{border-color:#bed0c7;background:#f0f7f3;color:#436752;cursor:default}.selection{position:sticky;top:20px;background:white;border:1px solid #dce3e7;border-radius:8px;padding:24px;scroll-margin-top:20px}.selection h2{margin-top:0;font-size:24px}.selection>p{font-size:14px}.total{display:flex;justify-content:space-between;padding:20px 0;border-top:2px solid #102a3a;font-size:18px!important}.total strong{font-size:23px}.basket-item{padding:16px 0;border-top:1px solid #e4eaed}.basket-item strong,.basket-item small{display:block}.basket-item small{font-size:12px;color:#617783}.basket-item label{margin:12px 0 0}.basket-item input{margin-bottom:8px}.basket-item label input{max-width:110px}.line-total{font-weight:700;text-align:right}.text-button{border:0;padding:5px 0;background:none;color:#a22235;text-decoration:underline;font-size:13px}.empty{color:#6b7c86;font-size:14px}.history{margin-top:50px}.history-item{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #dce3e7;font-size:14px}#login-status,#quote-status{font-size:14px;min-height:1.5em;color:#9a2433}footer{max-width:1380px;margin:50px auto 0;padding:25px 24px;border-top:1px solid #dce3e7;color:#627986;font-size:13px}@media(min-width:1500px){.portal-header{padding-left:calc((100vw - 1380px)/2 + 24px);padding-right:calc((100vw - 1380px)/2 + 24px)}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 315px}.products{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.login-view{gap:40px}}@media(max-width:720px){.portal-header{padding:12px 16px;gap:12px;flex-wrap:wrap}.portal-header img{width:170px;height:55px}.portal-header a,.portal-header button{font-size:12px}.login-view{grid-template-columns:1fr;gap:24px;margin:0 auto}.intro h1{font-size:36px}.intro .motto{display:none}.intro>p{font-size:16px}.login-form{padding:24px}.workspace{grid-template-columns:1fr}.workspace-title{align-items:start;gap:12px}.workspace-title h1{font-size:30px}.basket-link{font-size:12px;padding:10px;white-space:nowrap}.selection{position:static}.products{grid-template-columns:1fr}.product-top img{width:80px;height:80px}.product{padding:20px}.filters{gap:10px}.history-item{flex-wrap:wrap}.history-item a{width:100%}main{padding:24px 16px}.workspace-title>div>p:last-child{font-size:14px}.selection .primary{font-size:15px}footer{margin-top:20px}}