/* Facials hub (v2.5.0): Wix's photo, then a menu of cards on paper. Phones first: one column, then as many as fit. */
.fh-photo{padding:0}
.fh-pic{margin:0}
.fh-pic img{display:block;width:100%;height:auto;aspect-ratio:390/258;object-fit:cover;object-position:50% 0%}
.fh-band{padding:40px 16px 56px}
.fh-in{max-width:1240px;margin:0 auto}
.fh-intro{max-width:760px}
.fh-title{margin:0;font-weight:inherit}
.fh-eyebrow{display:block;margin:0 0 12px;font:400 14px/1.4 madefor-text, "Helvetica Neue", Arial, sans-serif;letter-spacing:0.01em;color:rgb(108, 108, 108);font-size:13px;line-height:1.3}
.fh-big.t-title{display:block;font-size:min(32px, calc((100vw - 83px) * 0.104));line-height:1.08}
.fh-script{margin:4px 0 0}
.fh-intro{margin:20px 0 0}
.fh-cards{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
.fh-card{display:flex;flex-direction:column;gap:10px;background:var(--c-white);border-radius:20px;padding:24px 22px}
.fh-link{position:relative;box-shadow:0 1px 3px rgba(43, 49, 47, 0.06);transition:transform 0.25s ease-out, box-shadow 0.25s ease-out}
.fh-link .fh-name a::after{content:"";position:absolute;inset:0;border-radius:20px}
.fh-link .fh-name a{transition:color 0.25s ease-out}
.fh-link:hover,.fh-link:focus-within{transform:translateY(-4px);box-shadow:0 10px 24px rgba(43, 49, 47, 0.12)}
.fh-link:hover .fh-name a,.fh-link:focus-within .fh-name a{color:var(--c-taupe);text-decoration:none}
.fh-link .fh-name a:focus-visible{outline:none}
.fh-link:has(a:focus-visible){outline:2px solid var(--c-taupe);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
  .fh-link{transition:box-shadow 0.25s ease-out}
  .fh-link:hover,.fh-link:focus-within{transform:none}
}
.fh-card .fh-name{margin:0;font-size:clamp(22px, 20px + 0.5vw, 28px);line-height:1.25}
.fh-name a{color:inherit;text-decoration:none}
.fh-line{margin:0}
.fh-prices{margin:auto 0 0;padding-top:6px;display:flex;flex-wrap:wrap;gap:2px 16px}
.fh-opt{white-space:nowrap}
.fh-len{color:var(--c-slate)}
.fh-amt{font-weight:700;color:var(--c-ink)}
.fh-express{position:relative}
.fh-arrow{display:block;width:40px;height:40px}
.fh-clock{display:block;width:44px;height:44px;margin-top:auto}
.fh-arrow svg,.fh-clock svg{display:block;width:100%;height:100%}
.fh-addons{margin:28px 0 0}
.fh-addons a{color:inherit;text-decoration:underline}
.fh-cta{margin:28px 0 0;text-align:center}
.qe-btn{display:inline-flex;align-items:center;justify-content:center;height:clamp(36px, 2.92vw, 42px);min-height:0;padding:0 clamp(22px, 2.1vw, 30px);border:0;border-radius:300px;background:var(--c-taupe);color:var(--c-white)!important;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.qe-btn:hover,.qe-btn:focus-visible{background:rgb(140, 108, 84)}
@media (max-width:749px){.qe-btn{height:50px;padding:0 28px;font-size:18px}}
/* one column on phones, two from 640px (the Express card then spans both, so
   it never sits alone), three from 1000px (three rows of three) */
@media (min-width: 640px){
  .fh-cards{grid-template-columns:repeat(2, 1fr)}
  .fh-express{grid-column:1 / -1}
}
@media (min-width: 1000px){
  .fh-cards{grid-template-columns:repeat(3, 1fr)}
  .fh-express{grid-column:auto}
}
@media (min-width: 750px){
  .fh-eyebrow{font-size:14px;line-height:1.4}
  .fh-big.t-title{font-size:clamp(34px, calc(3.75vw + 6px), 60px)}
  .fh-pic img{aspect-ratio:1440/480;object-position:50% 50%}
  .fh-band{padding:clamp(40px, 4vw, 64px) clamp(24px, 4.6vw, 66px) clamp(56px, 6vw, 96px)}
  .fh-cards{gap:20px}
  .fh-card{padding:28px 26px}
}