.webco-quote-only { display: inline-block; color: #57616b; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.webco-view-quote { width: 100%; margin-top: 12px !important; background: #121417 !important; color: #fff !important; text-align: center; }
.webco-product-enquiry { margin-top: 28px; padding: 25px; background: #f2f4f5; border-left: 5px solid #ffe500; }
.webco-product-enquiry h2 { margin-bottom: 18px; font-size: 1.35rem; }
.webco-product-enquiry form { display: grid; grid-template-columns: minmax(0,1fr) 95px; gap: 8px 12px; }
.webco-product-enquiry label, .webco-field-label { font-size: .72rem; font-weight: 800; }
.webco-product-enquiry select, .webco-product-enquiry input { width: 100%; min-height: 48px; padding: 10px; border: 1px solid #c9ced2; background: #fff; }
.webco-product-enquiry input[type="hidden"] { display: none; }
.webco-single-option { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 13px; border: 1px solid #c9ced2; background: #fff; }
.webco-single-option strong { font-size: .86rem; }
.webco-single-option span { padding: 5px 8px; background: #121417; color: #ffe500; font-size: .68rem; font-weight: 900; letter-spacing: .05em; }
.webco-product-enquiry button { grid-column: 1 / -1; margin-top: 6px; }
.webco-product-enquiry .button--dark, .webco-quote-builder .button--dark { border-color: #121417 !important; background: #121417 !important; color: #fff !important; }
.webco-product-enquiry .button--dark:hover, .webco-quote-builder .button--dark:hover { border-color: #000 !important; background: #000 !important; color: #ffe500 !important; }
.webco-whatsapp-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 15px; color: #116b3a; font-size: .82rem; font-weight: 800; }
.webco-whatsapp-float { position: fixed; z-index: 90; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 9px; padding: 9px 15px 9px 9px; border-radius: 999px; background: #1fa855; color: #fff; box-shadow: 0 12px 35px rgba(0,0,0,.25); text-decoration: none; }
.webco-whatsapp-float span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #fff; color: #168245; font-size: .72rem; font-weight: 900; }
.webco-whatsapp-float strong { font-size: .78rem; }
.webco-quote-builder { max-width: 1180px; margin: 0 auto; }
.webco-quote-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 35px; align-items: start; }
.webco-quote-list, .webco-quote-form { padding: 30px; border: 1px solid #d9dde1; background: #fff; }
.webco-quote-list > h2, .webco-quote-form > h2 { font-size: 1.7rem; }
.webco-quote-item { display: grid; grid-template-columns: 82px 1fr auto; gap: 16px; align-items: center; padding: 18px 0; border-top: 1px solid #e2e5e7; }
.webco-quote-item img { width: 82px; height: 82px; object-fit: contain; background: #f5f6f6; }
.webco-quote-item h3 { margin: 0 0 5px; font-size: 1rem; }
.webco-quote-item h3 a { text-decoration: none; }
.webco-quote-item p { margin: 2px 0; color: #65707a; font-size: .78rem; }
.webco-remove-item { color: #9d2727; font-size: .72rem; font-weight: 800; }
.webco-quote-form form { display: grid; gap: 14px; }
.webco-quote-form label { display: grid; gap: 5px; font-size: .78rem; font-weight: 800; }
.webco-quote-form input:not([type="checkbox"]), .webco-quote-form textarea { width: 100%; padding: 11px 12px; border: 1px solid #c6ccd0; border-radius: 3px; background: #fff; }
.webco-consent { grid-template-columns: 20px 1fr !important; align-items: start; font-weight: 500 !important; }
.webco-consent input { margin-top: 5px; }
.webco-honeypot { position: absolute; left: -9999px; }
.webco-whatsapp-link--wide { display: flex; justify-content: center; padding: 12px; border: 1px solid #1fa855; text-decoration: none; }
.webco-notice { margin-bottom: 25px; padding: 22px; border-left: 5px solid #65707a; background: #f2f4f5; }
.webco-notice--success { border-color: #1fa855; }
.webco-notice--error { border-color: #b22626; }
.webco-notice h2 { margin-bottom: 8px; font-size: 1.45rem; }
.webco-notice p { margin-bottom: 5px; }
.webco-quote-empty { padding: 45px; background: #f2f4f5; text-align: center; }

body.webco-quote-drawer-open { overflow: hidden; }
.webco-quote-drawer-backdrop[hidden], .webco-quote-drawer[hidden] { display: none !important; }
.webco-quote-drawer-backdrop { position: fixed; z-index: 1000; inset: 0; opacity: 0; background: rgba(8,10,12,.68); backdrop-filter: blur(3px); transition: opacity .25s ease; }
.webco-quote-drawer-backdrop.is-open { opacity: 1; }
.webco-quote-drawer { position: fixed; z-index: 1001; top: 0; right: 0; width: min(590px, 100vw); height: 100dvh; overflow: hidden; background: #f3f5f6; box-shadow: -24px 0 70px rgba(0,0,0,.3); transform: translateX(100%); transition: transform .26s cubic-bezier(.2,.75,.25,1); }
.webco-quote-drawer.is-open { transform: translateX(0); }
.webco-quote-drawer__header { min-height: 106px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 28px; border-bottom: 5px solid #ffe500; background: #121417; color: #fff; }
.webco-quote-drawer__header span { color: #ffe500; font-size: .66rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.webco-quote-drawer__header h2 { margin: 5px 0 0; color: #fff; font-size: 1.85rem; }
.webco-quote-drawer__header h2 small { display: inline-grid; width: 27px; height: 27px; margin-left: 7px; place-items: center; border-radius: 50%; background: #ffe500; color: #121417; font-size: .7rem; vertical-align: middle; }
.webco-quote-drawer__close { display: grid; width: 46px; height: 46px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #4b5157; border-radius: 50%; background: transparent; color: #fff; font-size: 2rem; line-height: 1; cursor: pointer; }
.webco-quote-drawer__close:hover { border-color: #ffe500; color: #ffe500; }
.webco-quote-drawer__body { height: calc(100dvh - 106px); padding: 22px; overflow-y: auto; overscroll-behavior: contain; }
.webco-quote-drawer .webco-quote-builder { max-width: none; }
.webco-quote-drawer .webco-quote-layout { display: grid; grid-template-columns: 1fr; gap: 18px; }
.webco-quote-drawer .webco-quote-list, .webco-quote-drawer .webco-quote-form { padding: 22px; border: 0; box-shadow: 0 10px 34px rgba(18,20,23,.07); }
.webco-quote-drawer .webco-quote-list > h2, .webco-quote-drawer .webco-quote-form > h2 { font-size: 1.35rem; }
.webco-quote-drawer .webco-quote-item { grid-template-columns: 68px 1fr auto; gap: 12px; }
.webco-quote-drawer .webco-quote-item img { width: 68px; height: 68px; }
.webco-quote-drawer .webco-quote-empty { padding: 34px 25px; background: #fff; box-shadow: 0 10px 34px rgba(18,20,23,.07); }
.webco-quote-drawer .webco-notice { margin-bottom: 0; background: #fff; }
@media (max-width: 800px) { .webco-quote-layout { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .webco-product-enquiry form { grid-template-columns: 1fr; } .webco-product-enquiry button { grid-column: auto; } .webco-quote-list, .webco-quote-form { padding: 20px; } .webco-quote-item, .webco-quote-drawer .webco-quote-item { grid-template-columns: 65px 1fr; } .webco-quote-item img, .webco-quote-drawer .webco-quote-item img { width: 65px; height: 65px; } .webco-remove-item { grid-column: 2; } .webco-whatsapp-float strong { display: none; } .webco-whatsapp-float { padding-right: 9px; } .webco-quote-drawer__header { min-height: 92px; padding: 18px 20px; } .webco-quote-drawer__header h2 { font-size: 1.55rem; } .webco-quote-drawer__body { height: calc(100dvh - 92px); padding: 14px; } .webco-quote-drawer .webco-quote-list, .webco-quote-drawer .webco-quote-form { padding: 18px; } }