.service-directory-grid{align-items:start}.service-directory-item>p{min-height:0}.service-options{margin-top:1rem}.service-directory .service-options>summary.button{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;min-height:54px;width:100%;padding:16px 20px!important;line-height:1.2!important;text-align:center;cursor:pointer;list-style:none;user-select:none}.service-options>summary::-webkit-details-marker{display:none}.service-options>summary::marker{content:""}.service-chevron{font-size:1.25rem;line-height:1;transition:transform .2s}.service-options[open] .service-chevron{transform:rotate(180deg)}.service-price-list{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid rgba(142,194,190,.35)}.service-price-list li{padding:19px 0;border-bottom:1px solid rgba(142,194,190,.22)}.service-price-info{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.service-name{font-size:1rem;line-height:1.45;overflow-wrap:anywhere}.service-price{color:var(--aqua);font-size:.93rem;font-weight:700;line-height:1.5;text-align:right;flex-shrink:0;max-width:45%}.service-note{display:block;margin-top:5px;color:var(--ink-soft)}.service-request{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:var(--aqua);font-size:.8rem;font-weight:650;text-underline-offset:4px}.service-request:hover{color:var(--white)}@media(max-width:600px){.service-directory-item{padding:24px}.service-price-info{gap:12px}.service-name{font-size:.95rem}.service-price{font-size:.88rem}.service-request{min-height:36px}}

/* Subdued category photography, with fully opaque readable content. */
.service-directory-item{position:relative;isolation:isolate;overflow:hidden;background:#0b2027}
.service-directory-item::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--service-photo);background-size:cover;background-position:center;opacity:.38;pointer-events:none}
.service-directory-item::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,19,25,.2),rgba(5,19,25,.58));pointer-events:none}
.service-directory-item h2{text-shadow:0 2px 8px rgba(0,0,0,.9);margin-bottom:28px}
.service-directory-item .service-options{margin-top:0}
.service-directory-item:has(details[open])::before{background-size:auto 360px;background-repeat:no-repeat}
.service-directory-item:has(details[open])::after{background:linear-gradient(180deg,rgba(5,19,25,.15),rgba(5,19,25,.88) 300px)}
.service-price-list{background:rgba(5,19,25,.72);border-radius:8px;padding:0 14px}
.service-price-info,.service-note,.service-request{text-shadow:0 1px 4px #000}
#haircuts-other{--service-photo:url("/assets/hair-color-service-v1.webp")}
#skincare{--service-photo:url("/assets/services-skincare-background.webp")}
#nail-care{--service-photo:url("/assets/services-nails-background.webp")}
#eyelash-brow-services{--service-photo:url("/assets/services-lashes-background.webp")}
#waxing{--service-photo:url("/assets/services-waxing-background.webp")}
#tanning{--service-photo:url("/assets/services-tanning-background.webp")}
@media(max-width:600px){.service-directory-item h2{margin-bottom:24px}.service-directory-item::before{opacity:.34}}