/* Home only: readable mobile text and intrinsically sized columns. */
.phone .access-grid{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}
.phone .access-grid>*{min-width:0}
@media(max-width:767px){
 body{padding:0}
 main.phone{width:min(390px,100%);max-width:100%;overflow:visible}
 .phone section,.phone article,.phone figure,.phone .hero-copy,.phone .hero-visual{min-width:0}
 .phone p{overflow-wrap:anywhere}
 .phone .header{height:auto;min-height:74px;padding:10px 16px;gap:8px}
 .phone .brand{min-width:0;gap:6px}.phone .brand>span{display:block;font-size:12px;line-height:1.6;white-space:normal;margin:0}
 .phone .header .line-square{flex-shrink:0;margin-left:auto;font-size:11px;padding:0 12px}
 .phone .menu-button{flex:0 0 30px;margin-left:0;padding:0;min-height:36px}
 .phone .home-hero{grid-template-columns:minmax(0,1fr);height:auto;padding:0;overflow:visible}
 .phone .home-hero .hero-copy{padding:30px 18px 24px}
 .phone .hero-emblem{margin-bottom:25px}.phone .hero-emblem strong{font-size:21px}
 .phone .home-hero .hero-copy h1{font-size:24px;line-height:1.75;letter-spacing:-.04em;width:100%;max-width:none;white-space:normal;margin-bottom:18px}
 .phone .home-hero .hero-copy>p{font-size:16px;line-height:1.75;width:100%;max-width:none;white-space:normal}
 .phone .hero-audience{width:100%;max-width:100%;flex-wrap:wrap!important;gap:6px!important;margin-top:18px!important}
 .phone .hero-audience span{font-size:12px!important;padding:6px 10px!important}
 .phone .hero-visual{padding:0 18px 12px;height:auto}.phone .home-hero .hero-photo{height:auto;aspect-ratio:1/1;object-position:center top}
 .phone .features{gap:12px;padding:18px 16px 28px;grid-template-columns:minmax(0,1fr)}
 .phone .features article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;padding:12px 24px;min-height:64px;border-radius:999px;text-align:left}
 .phone .features article h2,.phone .features article:nth-child(3) h2{font-size:16px;line-height:1.6;white-space:normal;letter-spacing:0;margin:0}
 .phone .home-popular{grid-template-columns:minmax(0,1fr);grid-template-rows:none;padding:30px 18px;gap:18px;overflow:visible}
 .phone .home-popular:after{right:0;top:20px;bottom:20px;width:min(150px,45%);height:calc(100% - 40px);border-radius:95px 0 0 0}
 .phone .home-popular-copy{grid-column:1;grid-row:auto;margin:0}.phone .home-popular-copy h2{font-size:26px;line-height:1.5}
 .phone .home-popular-copy p{font-size:16px;line-height:1.8;letter-spacing:0}
 .phone .home-popular-results{grid-column:1;grid-row:auto;width:100%;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px}
 .phone .home-popular-results figure{height:auto;aspect-ratio:4/5}.phone .home-popular-results img{display:block;height:100%;width:100%;object-fit:cover}
 .phone .home-popular-results figcaption{font-size:14px;padding:5px 7px;max-width:calc(100% - 8px);line-height:1.4}
 .phone .home-popular-link{grid-column:1;grid-row:auto;justify-self:stretch;width:auto;font-size:16px;padding:16px 12px;line-height:1.6}
 .phone .home-popular-side{position:static;grid-column:1;grid-row:auto;width:auto;text-align:left;font-size:12px;line-height:1.7;letter-spacing:.08em}.phone .home-popular-side br{display:none}
 .phone .home-categories{grid-template-columns:minmax(0,1fr);padding:26px 16px;gap:16px}
 .phone .home-categories .category{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);min-height:150px;overflow:visible}
 .phone .home-categories .category-photo{height:100%;min-height:150px;border-radius:6px 0 0 6px;overflow:hidden}
 .phone .home-categories .category-copy{min-width:0;padding:20px 28px 20px 16px}
 .phone .home-categories .category h3{font-size:19px;white-space:normal;line-height:1.5}
 .phone .home-categories .category p{font-size:14px;line-height:1.8}.phone .home-categories .category p br{display:none}
 .phone .home-categories .category i{top:50%;right:8px;transform:translateY(-50%);width:18px;height:18px;font-size:17px}
 .phone .salon{display:flex;flex-direction:column;gap:22px;padding:32px 18px}
 .phone .salon>h2{order:0;font-size:24px;line-height:1.6;padding:0;margin:0;align-self:stretch}
 .phone .salon-heading-line{display:block;position:static}
 .phone .salon-photo{order:1;width:100%;height:auto;aspect-ratio:4/3;transform:none;border-radius:140px 140px 8px 8px}
 .phone .salon-copy{order:2;padding:0;align-self:stretch}.phone .salon-copy article>div{transform:none}
 .phone .salon-copy h3{font-size:20px;line-height:1.6}.phone .salon-copy p{font-size:16px;line-height:1.85}
 .phone .proposal-treatment{padding:32px 18px}.phone .proposal-treatment h2{font-size:24px;line-height:1.6;white-space:normal}
 .phone .proposal-treatment-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .phone .proposal-treatment figcaption b{font-size:19px}.phone .proposal-treatment figcaption p{font-size:16px;line-height:1.85}
 .phone .proposal-flow-note{font-size:14px;line-height:1.8}
 .phone .page-preparation{display:flex;flex-direction:column;padding:32px 18px;gap:18px}
 .phone .page-preparation article{display:contents}
 .phone .page-preparation article img{order:1;width:100%;height:auto;aspect-ratio:4/3;border-radius:120px 120px 8px 8px;margin:0;transform:none}
 .phone .page-preparation>.section-title{order:2;display:block;white-space:normal;font-size:24px;line-height:1.6;margin:0;padding:0}
 .phone .page-preparation>.section-title:before,.phone .page-preparation>.section-title:after{display:none}
 .phone .page-preparation article p{order:3;padding:0;margin:0;font-size:16px;line-height:1.9;letter-spacing:0;white-space:normal}
 .phone .page-preparation article p:before{display:none;content:none}
 .phone .page-preparation article p small{display:block;font-size:14px;line-height:1.85;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;margin-top:10px}
 .phone .payment,.phone .access{padding:32px 18px}
 .phone .section-title{font-size:25px;line-height:1.6;white-space:normal}
 .phone .payment>.section-title:after,.phone .access>.section-title:after{display:block;margin:10px 0 0;font-size:16px;line-height:1.8;white-space:normal}
 .phone .payment-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
 .phone .payment-method{flex-direction:column;min-height:116px;gap:10px;padding:14px 8px}
 .phone .payment-method img{width:32px;height:32px}.phone .payment-method span{font-size:16px;line-height:1.6}
 .phone .payment-details summary{font-size:16px;line-height:1.7;padding:16px 4px}
 .phone .payment-list span{font-size:14px;line-height:1.6;overflow-wrap:anywhere;max-width:100%}.phone .payment-note{font-size:14px;line-height:1.8;margin-top:14px}
 .phone .access-grid{display:flex;flex-direction:column;gap:20px}
 .phone .access-grid .map{order:0;display:block;padding:0!important;border:0;overflow:visible}
 .phone .access-grid>div:first-child{order:1;padding:20px 16px!important}
 .phone .access-photo-gallery{height:auto;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px}
 .phone .access-photo-gallery figure{overflow:visible;min-width:0}
 .phone .access-photo-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:5px}
 .phone .access-photo-gallery figcaption{position:static;background:none;font-size:14px;line-height:1.6;padding:6px 0 0;border-radius:0}
 .phone .access-grid>div p{font-size:16px;line-height:1.85;overflow-wrap:anywhere;white-space:normal}
 .phone .access-grid>div strong{font-size:14px!important;line-height:1.5;padding:6px 12px!important;letter-spacing:0}
 .phone .access-grid>div p span{white-space:normal!important}
 .phone .google-review{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:20px;margin:20px 0 0}
 .phone .google-review h3{font-size:24px}.phone .google-review h3 .review-label{font-size:16px}.phone .google-review p{font-size:16px;line-height:1.8}
 .phone .google-review a{width:100%;font-size:16px;line-height:1.6;padding:12px;white-space:normal}.phone .google-review a:after{margin-left:12px}
 .phone .site-footer{padding:36px 18px 110px}.phone .site-footer nav{gap:14px 18px}.phone .site-footer nav a{font-size:14px;line-height:1.7}.phone .site-footer small{font-size:12px;line-height:1.7}
 .phone .line-fixed{width:calc(100% - 24px);max-width:366px;height:56px;gap:12px}.phone .line-fixed span{font-size:16px;line-height:1.5}
 .phone .drawer{width:100%;max-width:390px;padding:72px 22px}.phone .drawer a{font-size:18px;line-height:1.7}
}