.copy #view-hair{display:flex;margin-top:22px;padding:13px 20px;background:#efe3cf;color:#211b14;border:1px solid #efe3cf;font-size:11px;gap:28px;align-items:center;min-height:48px}.copy #view-hair[hidden]{display:none}.copy #view-hair:hover{background:#fff5e7}.copy #forward{margin-top:8px;font-size:10px;color:var(--muted);min-height:44px;padding:8px 0}.all-hair{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border-bottom:1px solid #b9a183;padding:10px 0;margin-top:22px;font-size:12px}
#hair-gallery{width:min(1160px,94vw);max-height:92dvh;padding:35px 40px;background:#f0e8dc;color:#29241d;border:0;scrollbar-color:#a19075 #e8dfd1}#hair-gallery::backdrop{background:#0d0b08b8}#hair-gallery .dialog-top h2{font-size:48px}#hair-gallery button:focus-visible{outline-color:#735329}#hair-context{font-size:12px;color:#665b4b;margin-top:9px;line-height:1.7}.hair-filters{display:flex;gap:24px;border-bottom:1px solid #81715b45;margin:20px 0 28px}.hair-filters button{padding:12px 0;min-height:44px;font-size:11px;color:#665b4b;border-bottom:2px solid transparent}.hair-filters button[aria-pressed=true]{border-color:#765632;color:#241e17}.hair-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:55px;align-items:center}.hair-photo{height:clamp(230px,42vh,430px);background:#e4dacb;display:grid;place-items:center;border:1px solid #ad9c8233;position:relative}.hair-photo-copy{text-align:center;padding:30px;max-width:300px}.hair-photo-copy span{display:block;font-family:Cormorant,Georgia,serif;font-size:35px;line-height:1.1;color:#5e5141}.hair-photo-copy p{font-size:11px;line-height:1.8;color:#736651;margin-top:15px}.hair-thumbnails{display:flex;gap:10px;margin-top:12px}.hair-thumbnails span{flex:1;border-bottom:1px solid #a8977f;padding:12px 0;font-size:10px;color:#76664f}.hair-details h3{font:400 38px/1.05 Cormorant,Georgia,serif;margin:0 0 13px}.hair-details>p{font-size:12px;line-height:1.8;color:#6d604c;max-width:330px}.hair-details dl{margin:23px 0}.hair-details dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #9e8e7633;font-size:11px}.hair-details dt{color:#554834}.hair-details dd{margin:0;color:#766851}.hair-pending{font-size:10px!important;padding-top:4px}.hair-bottom{margin-top:25px;border-top:1px solid #81715b45;padding-top:16px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#6d604c}.hair-bottom button{font-size:11px;min-height:44px;text-decoration:underline;text-underline-offset:5px;color:#40321f}
@media(max-width:700px){.copy #view-hair{margin-top:15px;min-height:44px;padding:11px 16px;font-size:10px}.copy #forward{margin-top:3px}.copy[data-position=preto],.copy[data-position=dourado],.copy[data-position=granito]{bottom:16%}#hair-gallery{width:94vw;max-height:94dvh;padding:23px}#hair-gallery .dialog-top h2{font-size:38px}.hair-filters{gap:0;justify-content:space-between;margin:13px 0 22px}.hair-filters button{font-size:10px}.hair-layout{grid-template-columns:1fr;gap:25px}.hair-photo{height:285px}.hair-photo-copy span{font-size:34px}.hair-details h3{font-size:34px}.hair-bottom{align-items:flex-start}.hair-bottom>span{max-width:170px;line-height:1.7}.hair-details>p{max-width:none}}
@media(max-height:600px) and (min-width:701px){.copy #view-hair{margin-top:12px;min-height:42px;padding:8px 14px}.copy #forward{margin-top:0;min-height:36px}.copy[data-position=preto]{top:32%}.hair-layout{gap:30px}.hair-photo{height:230px}#hair-gallery{padding:25px 35px}.hair-details dl{margin:12px 0}.hair-details dl div{padding:8px 0}}