.services-page .service-actions{border-top:1px solid #edf0ea;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:6px;padding-top:10px;display:flex}.services-page .service-item{row-gap:12px}.service-image-picker{background:#f9fbf7;border:1px solid #dfe5da;border-radius:18px;min-width:0;padding:16px}.service-image-picker>header{align-items:center;gap:11px;margin-bottom:14px;display:flex}.service-image-picker>header>svg{color:#6f9e21}.service-image-picker>header span{display:grid}.service-image-picker>header small{color:#768077;font-weight:400}.service-image-library{scroll-snap-type:x mandatory;grid-auto-columns:120px;grid-auto-flow:column;gap:10px;padding:2px 2px 10px;display:grid;overflow-x:auto}.service-image-library button{color:#29332e;text-align:left;scroll-snap-align:start;background:#fff;border:2px solid #0000;border-radius:13px;padding:0;position:relative;overflow:hidden}.service-image-library button.selected{border-color:#7daf27;box-shadow:0 0 0 3px #dff5b9}.service-image-library button.selected:after{content:"✓";color:#14200d;background:#b8f24a;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid;position:absolute;top:7px;right:7px}.service-image-library img{object-fit:cover;width:100%;height:82px;display:block}.service-image-library button span{white-space:nowrap;text-overflow:ellipsis;padding:8px;font-size:11px;font-weight:750;display:block;overflow:hidden}.service-custom-upload{cursor:pointer;background:#fff;border:1px dashed #bdc9b7;border-radius:13px;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex}.service-custom-upload>span{flex:1;display:grid}.service-custom-upload small{color:#788178;font-weight:400}.service-custom-upload input{max-width:210px;font-size:12px}@media (max-width:760px){.services-page .service-actions{grid-column:1/-1;justify-content:stretch}.services-page .service-actions>*{flex:1}.services-page .service-actions a,.services-page .service-actions button{justify-content:center;width:100%;min-height:44px}.service-image-library{grid-auto-columns:104px}.service-custom-upload{flex-wrap:wrap;align-items:flex-start}.service-custom-upload input{width:100%;max-width:none}}
.services-page .drawer-backdrop{z-index:120}.services-page .client-drawer{flex-direction:column;padding:0;display:flex;overflow:hidden}.services-page .client-drawer>header{z-index:3;background:#fff;flex:none;margin:0;padding:18px 20px;position:relative;box-shadow:0 4px 18px #17201a12}.services-page .client-drawer>header>a{background:#f4f6f2;border:1px solid #dfe4dd;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.services-page .client-drawer>.client-form{overscroll-behavior:contain;padding:20px;overflow-y:auto}.services-page .client-drawer .form-actions{z-index:4;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e9e3;margin:10px -20px -20px;position:sticky;bottom:-20px;box-shadow:0 -10px 30px #17201a12}@media (max-width:760px){.services-page .client-drawer>header{padding:12px 16px}.services-page .client-drawer>header h2{font-size:19px}.services-page .client-drawer>.client-form{padding:16px}.services-page .client-drawer .form-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));margin:8px -16px -16px;bottom:-16px}.services-page .client-drawer .form-actions>a,.services-page .client-drawer .form-actions>button{border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:48px;display:flex}.services-page .client-drawer .form-actions>a{border:1px solid #dfe4dd}}
.services-page .drawer-backdrop{z-index:10000}
