#zelink-salon-root .zs-config-hero{background:linear-gradient(115deg,#122441,#1b4380);border-radius:20px;padding:28px;color:#fff;margin:18px 0}
#zelink-salon-root .zs-config-hero h3{font-size:26px;color:white;max-width:700px}
#zelink-salon-root .zs-config-hero p{color:#c5d5ed;max-width:760px}
#zelink-salon-root .zs-config-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#8cc4ff;display:block;margin-bottom:12px}
#zelink-salon-root .zs-config-status{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
#zelink-salon-root .zs-config-status span{border:1px solid #ffffff30;background:#ffffff10;border-radius:8px;padding:8px 12px;font-size:12px}
#zelink-salon-root .zs-booking-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;align-items:start;margin:24px 0}
#zelink-salon-root .zs-booking-editor>section{padding:24px 0;border-bottom:1px solid #e4eaf2}
#zelink-salon-root .zs-booking-editor>section:first-child{padding-top:0}
#zelink-salon-root .zs-booking-editor h4{font-size:15px;color:#173867;margin:0 0 10px}
#zelink-salon-root .zs-booking-editor .zs-form{margin-top:16px}
#zelink-salon-root .zs-booking-preview{position:sticky;top:20px;background:#fff;border:1px solid #dde6f2;border-radius:18px;padding:18px}
#zelink-salon-root .zs-booking-preview h4{margin:0 0 14px;color:#143461}
#zelink-salon-root .zs-preview-site{border:1px solid #e4ebf5;border-radius:12px;overflow:hidden;color:#193252}
#zelink-salon-root .zs-preview-brand{padding:12px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}
#zelink-salon-root .zs-preview-brand img{width:42px;height:32px;object-fit:contain}
#zelink-salon-root .zs-preview-banner{display:block;width:100%;height:140px;object-fit:cover}
#zelink-salon-root .zs-preview-hero{padding:20px;background:#f3f7fc}
#zelink-salon-root .zs-preview-hero h5{font-size:22px;margin:0 0 10px;line-height:1.15}
#zelink-salon-root .zs-preview-hero span{display:inline-block;color:#fff;background:#2563eb;padding:9px 14px;border-radius:8px;font-size:11px;font-weight:750}
#zelink-salon-root .zs-preview-services{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}
#zelink-salon-root .zs-preview-services>div{background:#f1f5fb;border-radius:8px;padding:14px;font-size:11px}
#zelink-salon-root .zs-preview-url{word-break:break-word;color:#24518e;font-size:11px;margin:14px 0}
#zelink-salon-root .zs-media-editor{border:1px dashed #c7d8ef;background:#f8fbff;border-radius:14px;padding:18px;margin:16px 0}
#zelink-salon-root .zs-media-preview img{width:100%;max-height:220px;object-fit:contain;background:#eef3fa;border-radius:10px;margin-bottom:14px}
#zelink-salon-root .zs-public-service-photo{width:100%;height:170px;object-fit:cover;border-radius:12px;margin-bottom:16px}
#zelink-salon-root .zs-setting-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#zelink-salon-root .zs-setting-nav a{padding:8px 12px;border:1px solid #d5e1f0;border-radius:9px;text-decoration:none;color:#214d87;font-size:12px;background:#fff}
@media(max-width:1000px){#zelink-salon-root .zs-booking-layout{grid-template-columns:1fr}#zelink-salon-root .zs-booking-preview{position:static}}
@media(max-width:600px){#zelink-salon-root .zs-config-hero{padding:20px}#zelink-salon-root .zs-config-hero h3{font-size:22px}#zelink-salon-root .zs-booking-preview{padding:14px}}