/* Scoped Services layout; shared page titles, header, Home and footer retain their layout. */
body[data-page="services"]{background:#0E0C0B;--services-gold:#8B6830}
body[data-page="services"] .menu-section{background:#0E0C0B;color:#F3EEE5;padding:30px 0 75px}
body[data-page="services"] .menu-controls{display:flex;flex-direction:column;align-items:center;gap:13px;margin-bottom:48px}
body[data-page="services"] .compact-toggle{display:flex;gap:13px;align-items:center;border:0;background:transparent;padding:0}
body[data-page="services"] .compact-toggle [data-pricing]{min-width:0;min-height:44px;background:transparent;color:#F3EEE5;padding:8px 3px;font:500 15px/1.4 Inter,Arial,sans-serif;letter-spacing:.08em;border:0;border-radius:0}
body[data-page="services"] .compact-toggle [data-pricing][aria-pressed="true"]{color:#E3C68A;background:transparent}
body[data-page="services"] .compact-toggle .pricing-switch{position:relative;min-width:56px;min-height:44px;width:56px;padding:0;border:0;border-radius:0;background:transparent;display:grid;place-items:center}
.pricing-switch:before{content:'';height:28px;width:56px;border-radius:999px;border:1px solid rgba(201,169,110,.65);background:#211B13;position:absolute}
.toggle-knob{position:absolute;left:5px;width:22px;height:22px;border-radius:50%;background:linear-gradient(110deg,#C9A96E,#E3C68A);box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform 250ms ease;pointer-events:none}
.pricing-switch[aria-checked="true"] .toggle-knob{transform:translateX(24px)}
body[data-page="services"] .pricing-note{text-align:center;margin:0;color:#F3EEE5;font-size:15px}
.service-pair{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:center;margin:0 0 60px}
.service-pair.photo-right{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.service-pair.photo-left{grid-template-areas:'photo card'}.service-pair.photo-right{grid-template-areas:'card photo'}
html.anim-ready body[data-page="services"] .service-category{overflow:visible}
.service-photo{grid-area:photo;margin:0;aspect-ratio:4/5;min-width:0;border-radius:14px;overflow:hidden;box-shadow:var(--card-shadow)}
.service-photo img{width:100%;height:100%;object-fit:cover}
.service-menu-card{grid-area:card;background:#F3EEE5;color:#0E0C0B;border:1px solid rgba(201,169,110,.35);border-radius:14px;padding:30px;min-width:0;box-shadow:var(--card-shadow)}
.service-menu-card .category-header{border:0;margin:0 0 19px;padding:0;display:block;text-align:center}
.service-menu-card .category-header h2,.service-menu-card .lash-subtitle{font-family:var(--script);font-weight:400;font-style:normal;letter-spacing:0;line-height:1.2;color:var(--services-gold);font-size:54px}
.service-menu-card .category-note{text-align:center;margin:0 0 20px;font-size:15px;color:#0E0C0B}
.service-menu-card .service-rows{display:block}
.service-menu-card .service-row{padding:13px 0;border-bottom:1px solid rgba(139,104,48,.23);break-inside:avoid}
.service-menu-card .row-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-width:0}
.service-menu-card .row-top h3{font:500 15px/1.5 Inter,Arial,sans-serif;min-width:0;overflow-wrap:anywhere}
.service-menu-card .inline-note{font-size:15px;line-height:1.5}
.service-menu-card .price{color:var(--services-gold);font:500 24px/1.35 'Playfair Display',Georgia,serif;white-space:nowrap;text-align:right;flex-shrink:0}
.service-menu-card .price .from{font:400 15px/1.4 Inter,Arial,sans-serif;display:inline;margin-right:4px;color:var(--services-gold)}
.service-menu-card .service-row p{font:400 15px/1.75 Inter,Arial,sans-serif;margin:10px 0 0;color:#2A2420}
.service-menu-card .acrylic-table{width:100%;table-layout:fixed}
.service-menu-card .acrylic-table th{font:500 15px/1.5 Inter,Arial,sans-serif;color:#0E0C0B}
.service-menu-card .acrylic-table td{font:400 15px/1.5 Inter,Arial,sans-serif;padding:13px 0;border-bottom:1px solid rgba(139,104,48,.23);vertical-align:top;overflow-wrap:anywhere}
.service-menu-card .acrylic-table th:not(:first-child),.service-menu-card .acrylic-table td:not(:first-child){text-align:right;width:24%;padding-left:8px}
.service-menu-card .two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px}
.family-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.85fr);grid-template-areas:'kids waxing photo';gap:24px;align-items:start}
.family-pair .kid-category{grid-area:kids;margin:0;min-width:0}.family-pair .waxing-category{grid-area:waxing;margin:0;min-width:0}
.family-pair .service-photo{align-self:center}.family-pair .service-menu-card{padding:26px 22px}
.eyelash-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.service-menu-card .lash-subtitle{font-size:42px;margin:26px 0 10px}
.service-menu-card .lash-design-detail,.service-menu-card .service-message{font:400 15px/1.65 Inter,Arial,sans-serif;color:#2A2420;margin:0 0 10px}
.service-anchor{display:block;scroll-margin-top:130px}
body[data-page="services"] .menu-fineprint{border-color:rgba(201,169,110,.35);text-align:center}.menu-fineprint .button{margin:auto}
@media(max-width:1279px){.service-pair{gap:24px}.service-menu-card{padding:27px 24px}.family-pair{gap:18px}.family-pair .service-menu-card{padding:24px 18px}.service-menu-card .two-columns{gap:0 18px}.eyelash-columns{gap:22px}}
@media(max-width:1023px){
 .service-pair,.service-pair.photo-left,.service-pair.photo-right,.family-pair{grid-template-columns:minmax(0,1fr);grid-template-areas:'photo' 'card';gap:24px;margin-bottom:48px}
 .family-pair{grid-template-areas:'photo' 'kids' 'waxing'}
 .service-photo{aspect-ratio:4/3;max-height:480px}.service-menu-card,.family-pair .service-menu-card{padding:28px}
 .service-menu-card .category-header h2{font-size:48px}
}
@media(max-width:639px){
 body[data-page="services"] .menu-section{padding-top:25px}.service-menu-card,.family-pair .service-menu-card{padding:25px 18px}
 .service-menu-card .category-header h2{font-size:44px}.service-menu-card .lash-subtitle{font-size:40px}
 .service-menu-card .two-columns,.eyelash-columns{grid-template-columns:minmax(0,1fr);gap:0}
 .service-menu-card .row-top{gap:10px}.service-menu-card .price{font-size:22px}
 .service-menu-card .acrylic-table .price{font-size:20px}.service-menu-card .acrylic-table th:not(:first-child),.service-menu-card .acrylic-table td:not(:first-child){width:25%;padding-left:5px}
}