.header-cta.basket-trigger{display:inline-flex;align-items:center;cursor:pointer;font:inherit;font-size:14px;background:transparent;color:inherit;border:1px solid #577975;border-radius:6px;padding:8px 12px}.basket-trigger [data-basket-count]{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;border:1px solid currentColor;border-radius:50%;margin-left:.65em}
.header>.basket-trigger{justify-self:end;white-space:nowrap}#basket-dialog button.text-link{background:transparent;border:0;border-bottom:1px solid currentColor;padding:4px 0;font:inherit;color:inherit;cursor:pointer}
@media(max-width:1000px){.header{display:grid;grid-template-columns:1fr auto}.header>.brand{grid-column:1;grid-row:1;margin:0;justify-self:start}.header>.basket-trigger{grid-column:2;grid-row:1}.header>nav{grid-column:1 / -1;grid-row:2;justify-content:center;width:100%}}
.basket-product{margin:1.5rem 0}.basket-paint label,.basket-add-row label,.basket-note-label{display:block;font-weight:600}.basket-paint textarea{width:100%;box-sizing:border-box;margin-top:.5rem}.basket-add-row{display:flex;align-items:end;gap:1rem}.basket-add-row label{flex:0 0 5.5rem}.basket-add-row input,.basket-line-actions input{display:block;width:5rem;padding:.7rem;margin-top:.4rem;box-sizing:border-box;font:inherit;border:1px solid #78918e;background:#fffcf4;color:#083d43}.basket-add-row .button{flex:1;min-height:3.2rem}.basket-product-message{font-size:.85rem;color:#45696e}
#basket-dialog{box-sizing:border-box;width:min(740px,calc(100vw - 24px));max-width:740px;max-height:90dvh;padding:clamp(20px,4vw,38px);background:#f5f3e9;color:#083d43;border:1px solid #658881;border-top:5px solid #0a5960;border-radius:12px;overflow:auto}#basket-dialog::backdrop{background:#061c23cc}#basket-dialog [hidden]{display:none!important}.basket-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.basket-top h2{margin:.4rem 0;font-size:clamp(1.7rem,5vw,2.5rem)}.basket-top .eyebrow{margin-top:0}.basket-mode{padding:.8rem 1rem;background:#dce6db;font-size:.85rem;border-radius:5px}.basket-line{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:1rem;padding:1.4rem 0;border-bottom:1px solid #bccac0}.basket-line img{width:90px;height:90px;object-fit:contain;border-radius:8px;background:#0a252b}.basket-line h3{margin:0 0 .3rem;font-size:1.25rem}.basket-line p{font-size:.82rem;margin:.2rem 0 .6rem}.basket-line-actions{display:flex;align-items:end;gap:1rem;margin:.7rem 0}.basket-line-actions label{font-size:.8rem}.basket-line-actions .text-link{margin-bottom:.5rem}.basket-note-label{font-size:.8rem}.basket-note-label textarea{width:100%;box-sizing:border-box;display:block;margin-top:.4rem;padding:.65rem;font:inherit;border:1px solid #78918e;background:#fffcf4;color:#083d43}.basket-totals{margin:1.5rem 0}.basket-totals div{display:flex;justify-content:space-between;gap:1rem;margin:.6rem 0}.basket-totals dd{margin:0;white-space:nowrap}.basket-total{border-top:1px solid #91aaa2;padding-top:1rem;font-weight:700;font-size:1.2rem}#basket-checkout{width:100%;margin:.8rem 0 1rem}#basket-checkout:disabled{opacity:.65;cursor:not-allowed}#basket-feedback{font-size:.9rem;white-space:pre-line}.basket-empty{padding:2rem 0}.basket-trigger:focus-visible,#basket-dialog button:focus-visible{outline:3px solid #ec884f;outline-offset:3px}
@media(max-width:480px){.basket-line{grid-template-columns:65px minmax(0,1fr);gap:.75rem}.basket-line img{width:65px;height:65px}.basket-line>strong{grid-column:2}.basket-top .choice{padding:.5rem}.basket-add-row{gap:.6rem}.basket-totals{font-size:.9rem}}
#order-confirmation {max-width:640px;width:calc(100% - 32px);padding:clamp(20px,4vw,36px);border:1px solid #0c555b;background:#f5f2e8;color:#093c43;box-sizing:border-box;max-height:90dvh;overflow:auto;}
#order-confirmation::backdrop {background:rgba(0,25,30,.65);}
#confirmation-details {overflow-wrap:anywhere;line-height:1.65;margin:20px 0;}
#delivery-dialog{width:min(720px,calc(100% - 24px));max-width:720px;max-height:90dvh;overflow:auto;padding:clamp(20px,4vw,36px);border-radius:10px}
.delivery-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:20px 0}.delivery-fields label{margin:0}.delivery-fields input,.delivery-fields select{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #78918e;background:#fffdf7;color:#093c43;font:inherit;min-height:44px}.delivery-wide{grid-column:1/-1}#delivery-feedback{color:#7a3423}#delivery-form>button{width:100%}
@media(max-width:480px){.delivery-fields{grid-template-columns:minmax(0,1fr)}}