.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:var(--plum);color:#fff;font-size:10px;margin-left:3px}
.quote-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#d8bfae;background:#fffaf5;margin-bottom:24px}.quote-notice p{margin:7px 0 0;color:var(--muted);font-size:12px}.quote-notice .btn{flex-shrink:0}
.quotes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.quote-card{min-width:0}.quote-card h2{margin:18px 0}.quote-photo-button{display:block;padding:0;border:1px solid var(--line);border-radius:14px;background:#f5f1ec;width:100%;overflow:hidden;margin-bottom:20px}.quote-photo{display:block;width:100%;height:260px;object-fit:contain}.quote-photo-large{display:block;max-height:70vh;width:100%;object-fit:contain;border-radius:12px}.quote-comment{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.quote-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 10px}.quote-price strong{font:30px Georgia,serif}.quote-price span{color:var(--muted);font-size:12px}.quote-card [data-quote-reply]{border-top:1px solid var(--line);padding-top:20px}.quote-card .form-error:empty{display:none}.quote-card form>.btn{width:100%;margin-top:10px}.quote-approved p{margin-bottom:8px}.hair-guide{align-self:start;background:#f8eee5}.hair-guide h2{margin-top:22px;font-size:34px}.hair-guide ol{padding-left:20px;line-height:1.8}.hair-guide li{padding-left:4px;margin:15px 0}.photo-upload{border:1px dashed #c8ab95;border-radius:14px;padding:22px;background:#fdfaf7;margin-bottom:18px}.photo-upload input{width:100%;background:#fff}.photo-upload-preview{display:block;width:100%;height:230px;object-fit:contain;border-radius:14px;margin-bottom:18px;background:#f5f1ec}.photo-upload-preview[hidden]{display:none}[data-quote-request]>.field{margin-bottom:18px}[data-quote-request]>.check{margin-top:18px}[data-quote-request]>small{display:block;line-height:1.6;color:var(--muted)}
@media(max-width:1050px){.quotes-grid{grid-template-columns:1fr}.quote-photo{height:300px}}
@media(max-width:820px){.quote-notice{align-items:flex-start;flex-direction:column;gap:14px}.quote-notice .btn{width:100%}.quote-photo{height:240px}.quotes-grid{gap:17px}.quote-card .form-grid{grid-template-columns:1fr 1fr}.quote-card .form-grid input{min-width:0;width:100%}.quote-price strong{font-size:27px}.hair-guide h2{font-size:29px}.nav-count{font-size:8px;height:14px;min-width:14px;padding:0 3px}.photo-upload{padding:16px}.photo-upload input{font-size:12px}}