/* Manila58 V3.2.15 - three genuine independent service categories */
.m58-v24 .m58-v3215-nav{display:flex;gap:7px;padding:14px 15px 6px;background:#f5fafb;overflow-x:auto;scrollbar-width:none}
.m58-v24 .m58-v3215-nav::-webkit-scrollbar{display:none}
.m58-v24 .m58-v3215-nav button{flex:0 0 auto;border:1px solid #cfe8e8;border-radius:30px;padding:9px 13px;background:#fff;color:#356670;font-size:12px;font-weight:650;cursor:pointer;line-height:1.25}
.m58-v24 .m58-v3215-nav button.is-active{background:#006979;color:white;border-color:#006979;box-shadow:0 3px 12px #00697921}
.m58-v24 .m58-v3215-directory{padding:5px 14px 8px}
.m58-v24 .m58-v3215-category-section{background:transparent;padding:17px 0 12px;border-bottom:1px solid #e2eeee}
.m58-v24 .m58-v3215-category-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.m58-v24 .m58-v3215-category-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#e0f3f3;color:#007b81;font-size:26px;line-height:1}
.m58-v24 [data-m58-directory-category="nails"] .m58-v3215-category-icon{background:#fcebf4;color:#bc5985}
.m58-v24 [data-m58-directory-category="waxing"] .m58-v3215-category-icon{background:#f0ecfd;color:#8371b8}
.m58-v24 .m58-v3215-heading-text{min-width:0;flex:1}
.m58-v24 .m58-v3215-heading-text h3{margin:0 0 3px;font-size:17px;color:#173b43;font-weight:800;line-height:1.25}
.m58-v24 .m58-v3215-heading-text small{font-size:11px;color:#849b9e}
.m58-v24 .m58-v3215-see-all{display:flex;align-items:center;gap:4px;font-size:12px;color:#007b81;background:transparent;border:0;padding:6px 0 6px 8px;white-space:nowrap;cursor:pointer;font-weight:700}
.m58-v24 .m58-v3215-see-all span{font-size:16px}
.m58-v24 .m58-v3215-people{display:flex;gap:11px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:1px 1px 10px;scrollbar-width:thin}
.m58-v24 .m58-v3215-profile-card{padding:0;margin:0;display:flex;flex:0 0 135px;flex-direction:column;text-align:left;border:1px solid #e0ecec;border-radius:17px;overflow:hidden;background:#fff;color:#183e46;box-shadow:0 4px 12px #064a5712;cursor:pointer;scroll-snap-align:start}
.m58-v24 .m58-v3215-profile-card:focus-visible,.m58-v24 .m58-v3215-see-all:focus-visible,.m58-v24 .m58-v3215-nav button:focus-visible{outline:3px solid #10bcb9;outline-offset:2px}
.m58-v24 .m58-v3215-portrait{width:100%;height:158px;display:block;background:linear-gradient(140deg,#e2f2f2,#d2eae8);overflow:hidden}
.m58-v24 .m58-v3215-portrait img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;display:block}
.m58-v24 .m58-v3215-portrait .m58-v24-placeholder{height:100%;width:100%;font-size:12px}
.m58-v24 .m58-v3215-person-info{display:flex;flex-direction:column;gap:4px;padding:10px 9px 11px;min-width:0}
.m58-v24 .m58-v3215-person-info strong{font-size:13px;font-weight:800;color:#143840;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m58-v24 .m58-v3215-person-info>span{color:#718e92;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.m58-v24 .m58-v3215-person-info small{font-size:10px;color:#158369}
.m58-v24 .m58-v3215-catalog[hidden],.m58-v3215-offering-group[hidden]{display:none!important}
.m58-v24 .m58-v3215-catalog{border-top:6px solid #f3fafa}
.m58-v3215-category-select{font-weight:700}
.m58-v3215-offering-group{margin:10px 0}
@media(min-width:700px){.m58-v24 .m58-v3215-profile-card{flex-basis:155px}.m58-v24 .m58-v3215-portrait{height:178px}}
@media(max-width:390px){.m58-v24 .m58-v3215-nav button{padding:8px 10px;font-size:11px}.m58-v24 .m58-v3215-profile-card{flex-basis:127px}.m58-v24 .m58-v3215-portrait{height:146px}.m58-v24 .m58-v3215-heading-text h3{font-size:15px}}

.m58-v24 .m58-v3215-catalog{margin:12px 14px!important;border:1px solid #e0eeee!important;border-radius:13px;background:#fff!important;padding:0!important;overflow:hidden}
.m58-v24 .m58-v3215-catalog summary{display:list-item;cursor:pointer;padding:14px 17px;font-weight:800;color:#006979;font-size:13px}
.m58-v24 .m58-v3215-catalog p{margin:0 17px 12px!important}
.m58-v24 .m58-v3215-catalog .m58-v25-cataloggrid{padding:0 12px 14px}

/* V3.2.30: empty categories retain only their linked heading, without a blank message box. */