.haircuts{padding-top:70px;padding-bottom:70px}.haircut-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.haircut-card{background:#191e15;border:1px solid #cfb27822;overflow:hidden;transition:border-color .25s,transform .25s}.haircut-card:hover{border-color:#cfb27888;transform:translateY(-3px)}.haircut-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.haircut-image{position:relative;overflow:hidden}.haircut-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.haircut-number{position:absolute;top:10px;right:10px;background:#111a;color:#e5cc98;padding:2px 8px;border:1px solid #cfb27855;font:12px Cairo,Tahoma,sans-serif}.haircut-content{padding:15px 12px}.haircut-content h3{font-size:13px;margin:0 0 9px;min-height:46px;line-height:1.7}.haircut-content p{font-size:10px;color:var(--muted);line-height:1.9;margin:0 0 18px;min-height:60px}.haircut-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px}.haircut-actions button{font:inherit;font-size:9px;color:var(--gold);background:transparent;border:0;padding:5px 0;cursor:pointer}.haircut-actions button[aria-pressed=true]{color:#f8e8c2;font-weight:800}.haircut-selection{margin-top:28px;border:1px solid #cfb27833;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.haircut-selection .style-choice-status{font-size:12px;margin:0}.haircut-selection .button{white-space:nowrap}.haircut-disclosure{font-size:10px;color:#969f89;line-height:1.9;margin-top:18px}.catalog-summary{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.catalog-summary span{border:1px solid #cfb27833;padding:6px 12px;font-size:11px;color:#c8bd9e}.catalog-browse{color:var(--gold);font-size:13px;border-bottom:1px solid #cfb27855;padding-bottom:5px;display:inline-block}@media(max-width:1100px){.haircut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.haircut-content h3{min-height:24px}.haircut-content p{min-height:40px}}@media(max-width:700px){.haircuts{padding-top:48px;padding-bottom:48px}.haircut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.haircut-content{padding:13px 10px}.haircut-content h3{font-size:12px;min-height:42px}.haircut-content p{min-height:60px}.haircut-actions{gap:5px}.haircut-actions button{font-size:9px}.haircut-selection{align-items:stretch;flex-direction:column;padding:17px}.haircut-selection .button{width:100%}}