.product-visual{min-width:0;position:sticky;top:24px}.product-photo-note{font-size:12px;line-height:1.6;margin:14px 0 0;color:var(--muted)}.color-picker{margin:28px 0 26px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:24px}.color-heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.color-heading-row h2{font-size:36px;margin:0}.color-heading-row>span{font-size:12px;color:var(--muted);white-space:nowrap}.color-instruction{font-size:14px;margin:14px 0 18px}.color-filters{display:flex;flex-wrap:wrap;gap:8px}.color-filters button{font:inherit;font-size:13px;border:1px solid #b8bfb4;background:transparent;color:var(--ink);padding:10px 16px;min-height:44px;cursor:pointer}.color-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.color-search-label{display:block;font-size:12px;margin:18px 0 7px}.color-picker input{display:block;width:100%;min-height:46px;padding:10px 12px;background:white;border:1px solid #b8bfb4;font:inherit;font-size:14px;border-radius:0}.color-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;padding:6px 6px 6px 2px;margin-top:18px;scrollbar-width:thin}.hair-swatch{font-family:inherit;background:#fff;border:1px solid #d9ddd3;color:var(--ink);padding:5px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;min-width:0;min-height:96px}.hair-swatch img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.hair-swatch>span{font-size:11px;line-height:1.35;overflow-wrap:anywhere;padding-bottom:3px}.hair-swatch:hover{border-color:#8b7656}.hair-swatch[aria-pressed=true]{border:2px solid var(--ink);padding:4px;box-shadow:0 0 0 2px #c5ae87;background:#f2efdf}.color-results{font-size:12px;margin:10px 0 0;color:var(--muted)}.color-empty{padding:20px 0;margin:0;font-size:14px}.chosen-color{display:flex;gap:20px;align-items:center;border:1px solid #c4cbbf;background:#eeefe9;padding:18px;margin-top:20px}.chosen-color-photo{display:block;width:100px;height:100px;object-fit:cover;flex-shrink:0}.chosen-label{font-size:10px;letter-spacing:.12em;color:#796749;display:block}.chosen-color-name{display:block;font-size:21px;font-weight:500;margin:7px 0 2px}.chosen-color p{font-size:12px;margin:0 0 8px}.copy-color-link{font:inherit;font-size:12px;color:var(--ink);background:none;border:0;border-bottom:1px solid #8b7656;padding:5px 0;min-height:36px;cursor:pointer}.copy-status{display:block;font-size:12px;color:#3f6348}.color-note{font-size:12px;line-height:1.6;margin:14px 0 0}.card-colors{margin:0 0 17px}.card-colors-label{font-size:11px;color:var(--muted);display:block;margin-bottom:10px}.mini-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mini-swatch{display:block;flex:0 0 34px;border:1px solid var(--line);padding:2px;line-height:0}.mini-swatch img{width:28px;height:28px;object-fit:cover}.mini-swatch:hover{border-color:var(--ink)}.all-colors-link{font-size:11px;padding:6px;min-height:34px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}.consultation-selection{display:flex;align-items:center;text-align:left;gap:24px;background:var(--paper);border:1px solid #c2c7b9;padding:24px;max-width:580px;margin:0 auto 30px}.consultation-selection>img{flex-shrink:0;width:96px;height:96px;object-fit:cover}.consultation-selection h3{font-size:21px;line-height:1.3;margin:8px 0}.consultation-selection p{font-size:15px;margin:0 0 8px}.consultation-selection .text-link{font-size:12px}
@media(max-width:1050px){.product-hero{grid-template-columns:.85fr 1.15fr}.color-heading-row h2{font-size:32px}.color-heading-row{flex-wrap:wrap}}
@media(max-width:760px){.product-hero{grid-template-columns:minmax(0,1fr)}.product-visual{position:static}.product-main-photo{max-width:500px;margin:auto}.color-heading-row{flex-wrap:nowrap}.color-heading-row h2{font-size:36px}.color-swatches{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));max-height:350px}.mini-swatch{flex-basis:38px}.mini-swatch img{width:32px;height:32px}.chosen-color{gap:16px}.consultation-selection{padding:18px;gap:16px}}
@media(max-width:380px){.color-heading-row{flex-wrap:wrap;gap:8px}.color-swatches{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.chosen-color-photo{width:76px;height:76px}.consultation-selection{flex-wrap:wrap}.mini-swatches{gap:5px}}