:root{--border:#d8d8d8;--muted:#666;--accent:#1a3c6e;--accent-dark:#12294d;--bg-page:#eef1f5;--bg-subtle:#f6f7f8;--danger:#a3271a;--success:#1c7a3d}*{box-sizing:border-box}html{overflow-x:clip}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{color:#1a1a1a;background:var(--bg-page);max-width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:clip}.page{background:#fff;border-radius:12px;max-width:900px;margin:32px auto;overflow:hidden;box-shadow:0 1px 3px #0f172a14,0 12px 30px #0f172a12}.page-body{padding:28px 32px 100px;position:relative}.auth-shell{justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 24px 24px;display:flex}.auth-shell .page{width:100%;max-width:380px;margin:0}.brand-header{background:var(--accent);padding:18px 24px;padding-top:calc(18px + env(safe-area-inset-top))}.brand-header-top{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-header-left{align-items:center;gap:14px;min-width:0;display:flex}.brand-logo{flex-shrink:0;width:auto;height:26px;display:block}.brand-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:600;overflow:hidden}.brand-header-right{flex-shrink:0}.brand-header-status{color:#ffffffe6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:12px;font-size:.85rem;display:flex}.brand-header-status .muted{color:#ffffffbf}.brand-header-right select,.brand-header-status button.secondary{background:#fffffff2}h1{letter-spacing:-.01em;margin:0 0 20px;font-size:1.3rem}h2{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;margin:0 0 14px;font-size:.95rem;font-weight:700}section{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:24px}section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}label{margin-bottom:6px;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select{border:1px solid var(--border);appearance:none;background:#fff;border-radius:6px;width:100%;padding:9px 11px;font-size:16px;transition:border-color .15s,box-shadow .15s}input[type=search]{scroll-margin-top:150px}input:focus-visible,select:focus-visible{border-color:var(--accent);outline:none;box-shadow:inset 0 0 0 2px #1a3c6e59}button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:9px 16px;font-size:.9rem;font-weight:500;transition:background-color .15s,border-color .15s}button:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--accent);background:#fff}button.secondary:hover:not(:disabled){background:var(--bg-subtle)}.result-list{border:1px solid var(--border);border-radius:6px;max-height:260px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.result-list li{border-bottom:1px solid var(--border)}.result-list li:last-child{border-bottom:none}.result-list li button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;padding:9px 12px;display:block}.result-list li button:hover,.result-list li button:focus-visible{background:var(--bg-subtle)}.selected-chip{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:.95rem;font-weight:500;display:inline-flex}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:600}td input[type=number]{width:70px}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--danger);margin-top:6px;font-size:.85rem}.success-text{color:var(--success);font-weight:500}.order-line{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.order-line .breakdown{color:var(--muted);margin-top:4px;font-size:.8rem;line-height:1.5}.order-line-total{text-align:right;white-space:nowrap;flex-shrink:0}.total{text-align:right;margin-top:14px;font-size:1.15rem;font-weight:700}.subproduct-group{margin-bottom:18px;scroll-margin-top:16px}.subproduct-header{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 8px;display:flex}.subproduct-group h3{margin:0;font-size:.9rem}.subproduct-next-link{color:var(--accent);white-space:nowrap;font-size:.8rem;text-decoration:none}.subproduct-next-link:hover{text-decoration:underline}.cell-title{font-weight:600}.cell-subtitle{color:var(--muted);font-size:.8rem}.colour-swatch{vertical-align:middle;border:1px solid #333;border-radius:2px;width:14px;height:14px;margin-right:2px;display:inline-block}.delivery-pill{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.delivery-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px;display:inline-block}.delivery-dot.fast{background:var(--success)}.delivery-dot.slow{background:#d99a1f}.fab{cursor:pointer;z-index:20;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;right:20px;box-shadow:0 4px 14px #0f172a40}.fab-cart{background:var(--accent);width:54px;height:54px;bottom:20px}.fab-cart:hover{background:var(--accent-dark)}.fab-badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.fab-back-to-top{width:40px;height:40px;color:var(--muted);border:1px solid var(--border);background:#fff;bottom:84px}.fab-back-to-top:hover{background:var(--bg-subtle)}@media (max-width:640px){.fab-cart{bottom:16px;right:16px}.fab-back-to-top{bottom:78px;right:16px}.page{box-shadow:none;border-radius:0;margin:0}.auth-shell{padding:0}.auth-shell .page{max-width:100%}.page-body{padding:20px 16px 130px}.brand-header{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top))}table.responsive-table thead{display:none}table.responsive-table,table.responsive-table tbody,table.responsive-table tr,table.responsive-table td{width:100%;display:block}table.responsive-table tr{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:10px 12px}table.responsive-table td{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}table.responsive-table td:last-child{border-bottom:none}table.responsive-table td[data-label]:before{content:attr(data-label);color:var(--muted);flex-shrink:0;font-size:.8rem;font-weight:600}table.responsive-table td.cell-title,table.responsive-table td.cell-subtitle{display:block}.order-line{flex-direction:column;align-items:stretch}.order-line-total{text-align:left;white-space:normal;justify-content:space-between;align-items:center;margin-top:4px;display:flex}}