/* Shared presentation for the hair-only site. */
.menu-tabs{grid-template-columns:repeat(4,1fr)}
.salon-map{display:block;margin-top:25px;max-width:450px;border:1px solid var(--line);background:white}.salon-map img{height:auto}
.calendar-services{display:flex;gap:14px;margin-top:28px}.calendar-services button{background:white;border:1px solid var(--reference-primary);padding:14px 24px;flex:1;color:var(--ink);font:23px Georgia,serif;text-align:left}.calendar-services button span{font:11px var(--sans);margin-left:18px}.calendar-services button[aria-pressed=true]{background:var(--reference-primary);color:white}.calendar-services button:hover{box-shadow:inset 0 0 0 1px var(--reference-primary)}.calendar-service-description{font-size:11px;margin-top:10px;line-height:1.9}.admin-services{margin-top:0}.admin-services button{font-size:21px}.site-header nav{gap:17px}.site-header nav>a{font-size:11px}
@media(max-width:1100px){.site-header nav{gap:12px}.nav-reserve{padding:12px}}
@media(max-width:600px){.hero h1{font-size:clamp(23px,7vw,28px)}.hero-description{font-size:10px;letter-spacing:.015em}.intro-strip>span{font-size:8px;letter-spacing:.025em}.intro-strip i{padding:0 6px}.calendar-services{gap:10px;margin-top:22px}.calendar-services button{padding:13px 12px;font-size:22px}.calendar-services button span{display:block;font-size:10px;margin:6px 0 0}.calendar-service-description{font-size:10px}.menu-tabs button{font-size:19px}.menu-tabs button span{font-size:8px}.price-panel h3 span{font-size:11px}.salon-map{margin-top:20px}}