/* Hallmark · utility selection + enquiry workspace · approved V2 system */
.traffic-page{--utility-title:clamp(2.3rem,6vw,4.3rem);--utility-thumb:108px;--utility-input:48px;--utility-panel:360px;--utility-line:1.65}
.traffic-crumbs{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-block:var(--space-lg);font-size:.8rem;color:var(--color-muted)}
.traffic-crumbs a,.traffic-page button,.traffic-page .button{white-space:nowrap}
.traffic-heading{padding-block:var(--space-lg) var(--space-xl);max-width:850px}.traffic-heading h1{font-size:var(--utility-title);letter-spacing:-.04em;line-height:1.05;margin-bottom:var(--space-lg)}.traffic-heading>p:last-child{color:var(--color-muted);max-width:680px;line-height:var(--utility-line)}
.traffic-layout{display:grid;gap:var(--space-xl);padding-bottom:var(--space-section);align-items:start}.traffic-work{min-width:0}.traffic-summary{padding:var(--space-xl);background:var(--color-soft);border:1px solid var(--color-rule);min-width:0}.traffic-summary h2{font-size:1.45rem}.traffic-summary p{font-size:.88rem;line-height:var(--utility-line)}.traffic-total{font-size:1.9rem!important;font-weight:600;color:var(--color-accent)}.traffic-summary .button{width:100%;margin-bottom:var(--space-md)}
.traffic-line{display:grid;grid-template-columns:var(--utility-thumb) minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-xl);border-top:1px solid var(--color-rule)}.traffic-thumb{aspect-ratio:1;background:var(--color-stage);display:flex;align-items:center;justify-content:center;padding:var(--space-sm);font-size:.75rem;color:var(--color-muted)}.traffic-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.traffic-line h2{font-size:1.1rem;line-height:1.4;letter-spacing:0;margin-bottom:var(--space-sm)}.traffic-line p{font-size:.82rem;color:var(--color-muted);margin-bottom:var(--space-sm);overflow-wrap:anywhere}.traffic-line .line-price{font-size:1rem;color:var(--color-accent);font-weight:600}.traffic-line-controls{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.traffic-quantity{display:flex;align-items:center;border:1px solid var(--color-rule);background:var(--color-card)}.traffic-quantity button{width:36px;min-height:44px;border:0;background:transparent;color:var(--color-ink)}.traffic-quantity input{width:var(--utility-input);min-width:0;min-height:44px;border:0;border-inline:1px solid var(--color-rule);text-align:center;background:transparent;color:var(--color-ink);appearance:textfield}.traffic-quantity input::-webkit-inner-spin-button{appearance:none}.traffic-remove{border:0;background:transparent;text-decoration:underline;color:var(--color-muted);font-size:.8rem;min-height:44px;padding:var(--space-sm)}
.traffic-empty{border-top:1px solid var(--color-rule);padding-block:var(--space-2xl)}.traffic-empty h2{font-size:1.7rem}.traffic-empty p{color:var(--color-muted);max-width:520px}.traffic-status{min-height:1.6em;font-size:.85rem;color:var(--color-focus);line-height:var(--utility-line)}.traffic-status.error{color:var(--color-accent)}
.traffic-page input,.traffic-page textarea{font:inherit;max-width:100%;border-radius:var(--radius-sm)}.traffic-form{display:grid;gap:var(--space-md)}.traffic-form label{display:block;font-size:.88rem;font-weight:500}.traffic-form input,.traffic-form textarea,.traffic-draft{display:block;width:100%;margin-top:var(--space-sm);padding:var(--space-compact);border:1px solid var(--color-rule);background:var(--color-card);color:var(--color-ink)}.traffic-form textarea{min-height:125px;resize:vertical}.traffic-draft{min-height:210px;resize:vertical;font-size:.85rem!important;line-height:var(--utility-line)}.traffic-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-block:var(--space-lg)}.traffic-note{font-size:.82rem;color:var(--color-muted);line-height:var(--utility-line)}.traffic-note a{text-decoration:underline}.traffic-sections{max-width:880px;padding-bottom:var(--space-section)}.traffic-sections article{border-top:1px solid var(--color-rule);padding-block:var(--space-xl)}.traffic-sections article h2{font-size:1.6rem}.traffic-sections article p{line-height:var(--utility-line);color:var(--color-muted);max-width:720px}.traffic-contact-address{overflow-wrap:anywhere;color:var(--color-accent);text-decoration:underline}.traffic-page [hidden]{display:none!important}
@media(min-width:64rem){.traffic-layout{grid-template-columns:minmax(0,1fr) var(--utility-panel);gap:var(--space-2xl)}.traffic-summary{position:sticky;top:160px}.traffic-line{grid-template-columns:var(--utility-thumb) minmax(0,1fr)}}
@media(max-width:24rem){.traffic-page{--utility-thumb:76px}.traffic-summary{padding:var(--space-lg)}.traffic-line{gap:var(--space-compact)}}
@media(prefers-reduced-motion:reduce){.traffic-page *{transition:none!important;animation:none!important}}