.services-module{--service-primary:#0b6b4f;--service-accent:#ff7a00;--service-ink:#122031;--service-muted:#607080;--service-surface:#fff;--service-soft:#f3f7f5;color:var(--service-ink);background:var(--service-soft);min-height:55vh;padding:2rem 0 4rem}.services-module *{box-sizing:border-box}.services-module .services-shell{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.services-module .services-hero{background:linear-gradient(135deg,#082d25,#0b6b4f);color:#fff;border-radius:24px;padding:clamp(1.5rem,4vw,4rem);margin-bottom:1.5rem}.services-module .services-hero h1{color:#fff;max-width:780px;margin:.3rem 0}.services-module .services-hero p{color:#e4fff5;max-width:720px}.services-module .service-nav{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1rem}.services-module .service-nav a{padding:.7rem 1rem;border-radius:999px;background:#fff;color:#183124;text-decoration:none;border:1px solid #cddbd4}.services-module .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.services-module .service-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.services-module .service-card,.services-module .service-form,.services-module .service-cart{background:var(--service-surface);border:1px solid #d8e1dc;border-radius:18px;padding:1.2rem;box-shadow:0 10px 24px #0a2a1f0f}.services-module .service-card h2,.services-module .service-card h3{margin:.2rem 0 .6rem}.services-module .service-price{font-size:1.8rem;font-weight:800;color:var(--service-primary)}.services-module .service-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:.8rem 1rem;font-weight:800;background:var(--service-accent);color:#17202b;text-decoration:none;cursor:pointer}.services-module .service-button.secondary{background:#e7f4ee;color:#124333}.services-module label{display:grid;gap:.35rem;font-weight:700}.services-module input,.services-module select,.services-module textarea{width:100%;border:1px solid #9cacb5;border-radius:9px;padding:.75rem;color:#111827;background:#fff}.services-module textarea{min-height:100px}.services-module .service-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.services-module .service-fields .wide{grid-column:1/-1}.services-module .service-list{display:grid;gap:.75rem}.services-module .service-line{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #e1e8e4;padding:.6rem 0}.services-module .status{display:inline-flex;border-radius:999px;padding:.3rem .65rem;background:#edf3f0;font-size:.85rem;font-weight:800}.services-module .status.active,.services-module .status.approved{background:#dff8ea;color:#075b31}.services-module .status.pending,.services-module .status.payment_review{background:#fff2cd;color:#6a4900}.services-module .directory-search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.6rem;margin-bottom:1rem}.services-module .profile-cover{height:180px;border-radius:14px;background:linear-gradient(135deg,var(--service-primary),var(--service-accent));background-size:cover;background-position:center}.services-module .profile-logo{width:88px;height:88px;border-radius:50%;object-fit:cover;background:#fff;border:4px solid #fff;margin-top:-44px;position:relative}.services-module .service-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.2rem}.services-module .service-cart{position:sticky;top:1rem;align-self:start}.services-module .subtle{color:var(--service-muted)}.services-module .empty{padding:2rem;text-align:center;color:var(--service-muted)}@media(max-width:800px){.services-module .service-grid,.services-module .service-grid.two,.services-module .service-fields,.services-module .service-layout,.services-module .directory-search{grid-template-columns:1fr}.services-module{padding-top:1rem}.services-module .service-cart{position:static}}@media(prefers-color-scheme:dark){.services-module{--service-ink:#f0f7f4;--service-muted:#b9c7c1;--service-surface:#17241f;--service-soft:#0d1713}.services-module .service-card,.services-module .service-form,.services-module .service-cart{border-color:#34483f}.services-module .service-nav a{background:#17241f;color:#f0f7f4;border-color:#3b5047}.services-module input,.services-module select,.services-module textarea{background:#111b17;color:#fff;border-color:#60776d}.services-module .service-line{border-color:#34483f}}.services-module .services-hero :is(h1,h2,h3,p,small,span){color:#fff!important}.services-module .service-checkbox{display:flex!important;align-items:center;justify-content:flex-start;gap:.65rem}.services-module input[type=checkbox],.services-module input[type=radio]{width:auto!important;min-width:1.1rem;flex:0 0 auto;margin:0;accent-color:#0b6b4f}.services-module .service-editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:1.5rem;align-items:start;overflow:visible}.services-module .service-preview-shell{position:sticky;top:1rem;align-self:start;min-width:0}.services-module .service-preview{background:#fff;color:#122031;border:1px solid #afbfbb;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #0002;max-height:80vh;overflow-y:auto}.services-module .service-preview :is(h2,h3,p){color:#122031!important}.services-module .service-preview .services-hero{margin:0;border-radius:0;padding:2rem 1.3rem;background:var(--service-primary,#0b6b4f)}.services-module .service-preview .services-hero :is(h2,p,small){color:var(--service-primary-ink,#fff)!important}.services-module .service-preview-content{padding:1.2rem}.services-module .service-preview .service-card{background:#f3f7f5}.services-module .service-preview .service-button{color:var(--service-accent-ink,#111)!important}.services-module .service-preview .profile-logo{margin-top:0}.service-theme-personal .services-hero,.service-theme-beauty .services-hero{text-align:center}.services-module[class*=service-theme-] .services-hero{background-color:var(--service-primary);background-image:none}.services-module[class*=service-theme-] .services-hero :is(h1,p,span){color:var(--service-primary-ink,#fff)!important}.services-module[class*=service-theme-] .services-hero[style] :is(h1,p,span){color:#fff!important}.services-module[class*=service-theme-] .service-button:not(.secondary){color:var(--service-accent-ink,#111)!important}.service-theme-restaurant .services-hero,.service-theme-mechanical .services-hero{border-bottom:8px solid var(--service-accent)}.service-theme-health .service-card,.service-theme-home_services .service-card{border-radius:28px}.service-theme-education .service-card,.service-theme-professional .service-card{border-left:5px solid var(--service-primary)}.service-theme-creative_agency .services-hero{border-radius:35px 6px}.service-theme-company .service-card,.service-theme-mechanical .service-card{border-radius:4px}@media(max-width:900px){.services-module .service-editor-layout{grid-template-columns:1fr}.services-module .service-preview-shell{position:static}.services-module .service-preview{max-height:450px}}.platform-body .ba-app-main .services-module .services-hero :is(h1,h2,h3,p,small,span){color:#fff!important;-webkit-text-fill-color:#fff!important}.platform-body .ba-app-main .services-module .service-preview :is(h2,h3,p){color:#122031!important;-webkit-text-fill-color:#122031!important}.platform-body .ba-app-main .services-module .service-preview .services-hero :is(h2,p,small){color:var(--service-primary-ink,#fff)!important;-webkit-text-fill-color:var(--service-primary-ink,#fff)!important}.platform-body .ba-app-main .services-module[class*=service-theme-] .services-hero :is(h1,p,span){color:var(--service-primary-ink,#fff)!important;-webkit-text-fill-color:var(--service-primary-ink,#fff)!important}.platform-body .ba-app-main .services-module[class*=service-theme-] .services-hero[style] :is(h1,p,span){color:#fff!important;-webkit-text-fill-color:#fff!important}.platform-body .ba-app-main .services-module .service-preview .service-button{color:var(--service-accent-ink,#111)!important;-webkit-text-fill-color:var(--service-accent-ink,#111)!important}html:not(.dark-mode) .platform-body .services-module{--service-ink:#122031;--service-muted:#526273;--service-surface:#fff;--service-soft:#f3f7f5}html:not(.dark-mode) .platform-body .services-module :is(input,select,textarea){color:#122031!important;-webkit-text-fill-color:#122031!important;background:#fff}
