@media(min-width:1440px){
 .wrap{width:min(1380px,calc(100% - 96px))}
 .hero{min-height:500px}
 .hero-content{padding-top:72px}
 .salon-image{height:170px}
}
@media(max-width:1200px){
 .wrap{width:calc(100% - 48px)}
 .header-inner{gap:20px}
 .brand-name{font-size:25px}
 .brand-mark{width:40px;height:40px}
 .desktop-nav{gap:18px}
 .desktop-nav a{font-size:14px}
 .category-tab{gap:6px;padding-inline:5px;font-size:14px}
 .salon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .salon-card:nth-child(n+4){display:none}
 .benefits-inner{gap:13px}
 .benefit{font-size:12px;gap:8px}
 .benefit-icon{width:38px;height:38px}
}
@media(max-width:1023px){
 .site-header{height:74px}
 .desktop-nav{display:none}
 .header-inner{justify-content:space-between}
 .header-actions{margin-left:auto}
 .menu-toggle{display:grid}
 .mobile-nav{position:absolute;top:100%;left:0;right:0;background:#111;border-bottom:1px solid rgba(212,175,55,.45);padding:10px 24px 18px;display:flex;flex-direction:column;gap:2px}
 .mobile-nav[hidden]{display:none}
 .mobile-nav a{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
 .hero{min-height:435px}
 .hero-photo{left:20%;background-position:55% center}
 .hero-content{padding-top:55px;padding-bottom:100px}
 .search-panel{margin-top:-65px}
 .category-tabs{grid-template-columns:repeat(7,minmax(0,1fr));overflow-x:auto}
 .category-tab{flex-direction:column;gap:3px;font-size:12px;min-width:75px}
 .category-tab svg{width:22px;height:22px}
 .search-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}
 .search-submit{width:100%}
 .salon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .salon-card:nth-child(4){display:flex}
 .salon-card:nth-child(n+5){display:none}
 .benefits-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .button-how{justify-self:start}
 .footer-inner{flex-wrap:wrap}
}
@media(max-width:767px){
 html{scroll-padding-top:70px}
 .wrap{width:calc(100% - 32px)}
 .site-header{height:68px}
 .header-inner{gap:10px}
 .brand{gap:8px}
 .brand-mark{width:32px;height:32px}
 .brand-name{font-size:22px;letter-spacing:-.8px}
 .brand-tag{font-size:7px;letter-spacing:1.5px;margin-top:5px}
 .header-actions{gap:5px}
 .header-actions>.button{display:none}
 .header-actions .icon-button svg{width:20px;height:20px}
 .hero{min-height:480px}
 .hero-photo{inset:0 0 0 0;background-position:61% center;opacity:.72}
 .hero-shade{background:linear-gradient(90deg,rgba(17,17,17,.97),rgba(17,17,17,.73) 58%,rgba(17,17,17,.25)),linear-gradient(0deg,rgba(17,17,17,.55),transparent 60%)}
 .hero-content{padding-top:48px;padding-bottom:115px}
 .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:20px}
 h1{font-size:clamp(43px,11vw,62px);letter-spacing:-1.7px;margin-bottom:18px}
 .hero-lead{font-size:16px;max-width:390px;margin-bottom:26px}
 .desktop-break{display:none}
 .trust-row{gap:13px;flex-wrap:wrap}
 .trust-item{gap:7px;font-size:11px}
 .trust-item svg{width:27px;height:27px}
 .search-panel{margin-top:-85px;border-radius:14px}
 .category-tabs{display:flex;gap:6px;padding:10px;scrollbar-width:none}
 .category-tabs::-webkit-scrollbar{display:none}
 .category-tab{flex:0 0 70px;min-width:70px;min-height:58px;font-size:11px}
 .category-tab svg{width:23px;height:23px}
 .search-form{grid-template-columns:1fr;gap:11px;padding:15px}
 .field{gap:5px;font-size:13px}
 .input-wrap{height:47px}
 .search-submit{height:48px;margin-top:3px}
 .search-status{padding:0 15px 10px}
 .section{padding-top:32px;padding-bottom:35px}
 .section-heading{align-items:start;margin-bottom:16px}
 .section-kicker{font-size:9px;letter-spacing:1.7px}
 h2{font-size:29px}
 .section-heading>.text-link{display:none}
 .salon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .salon-card:nth-child(n){display:flex}
 .salon-card:nth-child(n+5){display:none}
 .salon-image{height:125px}
 .salon-body{padding:9px}
 .salon-name{font-size:15px}
 .salon-location{font-size:12px;margin-bottom:10px}
 .rating{font-size:10px;left:6px;top:6px;padding:4px 6px}
 .favorite-button{right:5px;top:5px;width:29px;height:29px}
 .button-card{font-size:11px;padding:7px 5px}
 .mobile-show-all{display:block;margin-top:14px}
 .mobile-show-all .button{width:100%;color:#7a500b}
 .benefits-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-block:20px}
 .benefit{font-size:12px}
 .benefit-icon{width:36px;height:36px}
 .button-how{grid-column:1/-1;width:100%}
 .footer-inner{display:grid;grid-template-columns:1fr;gap:14px}
 .footer-inner>a:nth-of-type(2){margin-left:0}
 .modal{padding:24px 20px}
}
@media(max-width:380px){
 .wrap{width:calc(100% - 24px)}
 .brand-mark{display:none}
 .brand-name{font-size:21px}
 .hero-content{padding-top:38px}
 .trust-row{gap:9px}
 .trust-item{font-size:10px}
 .trust-item svg{width:24px;height:24px}
 .salon-grid{gap:8px}
 .salon-image{height:108px}
 .salon-name{font-size:14px}
 .salon-body{padding:8px}
 .rating{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}