/* صفحهٔ رزرو سالن: مینیمال، سبک و موبایل‌محور */
.wsp-wrap{max-width:560px;margin:0 auto;padding:0 16px 120px}
.wsp-hero{text-align:center;padding:34px 8px 18px;background-size:cover;background-position:center;border-radius:0 0 28px 28px;margin:0 -16px}
.wsp-hero.has-img{padding-top:90px}
.wsp-hero{display:flex;flex-direction:column;align-items:center}
.wsp-hero .wsp-logo{display:flex;margin-inline:auto;flex:none;align-self:center}
.wsp-hero img.wsp-logo{display:block}
.wsp-hero h1,.wsp-hero .wsp-tag{width:100%;text-align:center}
.wsp-hero .wsp-links{width:100%;justify-content:center}
.wsp-hero h1{font-size:25px;margin-top:14px;line-height:1.5}
.wsp-tag{color:var(--c-muted);font-size:14px;margin-top:2px}
.wsp-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.wsp-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-text);font-size:13px}
.wsp-links a svg{color:var(--c-primary)}
.wsp-app{margin-top:18px}
.wsp-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:calc(var(--radius) + 2px);padding:18px;margin-bottom:14px;box-shadow:0 10px 30px -22px rgba(0,0,0,.28)}
.wsp-steps{display:flex;gap:6px;margin:0 2px 16px}
.wsp-steps i{flex:1;height:4px;border-radius:4px;background:var(--c-line);transition:background .3s}
.wsp-steps i.on{background:var(--c-primary)}
.wsp-h{font-size:17px;font-weight:700;margin:2px 0 12px}
.wsp-sub{color:var(--c-muted);font-size:13px;margin:-8px 0 12px}
.wsp-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:2px 2px 10px}
.wsp-tabs::-webkit-scrollbar{display:none}
.wsp-tab{flex:0 1 auto;max-width:100%;border:1px solid var(--c-line);background:var(--c-surface);padding:7px 16px;border-radius:999px;cursor:pointer;font-size:14px;transition:all .15s}
.wsp-tab.on{background:var(--c-primary);color:var(--c-primary-ink);border-color:var(--c-primary)}
.wsp-tabs.sub .wsp-tab{font-size:13px;padding:5px 12px}
.wsp-svc{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:var(--c-surface);border:1.5px solid var(--c-line);border-radius:var(--radius);padding:13px 14px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.wsp-svc:hover{border-color:var(--c-primary)}
.wsp-svc:active{transform:scale(.995)}
.wsp-svc.on{border-color:var(--c-primary);background:var(--c-primary-soft)}
.wsp-chk{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--c-line);display:flex;align-items:center;justify-content:center;color:transparent;font-size:14px;transition:all .15s}
.wsp-svc.on .wsp-chk{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-ink)}
.wsp-svc-b{flex:1;min-width:0}
.wsp-svc-n{font-weight:700;font-size:15px}
.wsp-svc-d{font-size:12.5px;color:var(--c-muted)}
.wsp-svc-p{flex:none;text-align:left;font-weight:700;font-size:14px;white-space:nowrap}
.wsp-svc-p small{display:block;color:var(--c-muted);font-weight:400;font-size:11.5px}
.wsp-prov-g{margin-bottom:14px}
.wsp-prov-g>b{display:block;margin-bottom:8px}
.wsp-days{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none;scroll-snap-type:x proximity}
.wsp-days::-webkit-scrollbar{display:none}
.wsp-day{flex:none;scroll-snap-align:center;width:58px;padding:9px 0;text-align:center;border:1.5px solid var(--c-line);background:var(--c-surface);border-radius:var(--radius);cursor:pointer;transition:all .15s}
.wsp-day small{display:block;font-size:11px;color:var(--c-muted)}
.wsp-day b{display:block;font-size:19px;line-height:1.3}
.wsp-day em{display:block;font-style:normal;font-size:10.5px;color:var(--c-muted)}
.wsp-day.on{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-ink)}
.wsp-day.on small,.wsp-day.on em{color:inherit;opacity:.85}
.wsp-month{font-size:13px;color:var(--c-muted);margin-bottom:2px}
.wsp-slot-g{margin-top:12px}
.wsp-slot-g>span{display:block;font-size:12.5px;color:var(--c-muted);margin-bottom:6px}
.wsp-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.wsp-slot{padding:9px 0;border:1.5px solid var(--c-line);border-radius:calc(var(--radius) - 4px);background:var(--c-surface);cursor:pointer;font-weight:600;transition:all .12s}
.wsp-slot:hover{border-color:var(--c-primary)}
.wsp-slot.on{background:var(--c-primary);color:var(--c-primary-ink);border-color:var(--c-primary)}
.wsp-empty{text-align:center;color:var(--c-muted);padding:22px 8px;font-size:14px}
.wsp-skel{height:44px;border-radius:12px;background:linear-gradient(90deg,var(--c-line),transparent,var(--c-line));background-size:200% 100%;animation:wspSk 1.2s infinite;margin-bottom:8px;opacity:.6}
@keyframes wspSk{from{background-position:200% 0}to{background-position:-200% 0}}
.wsp-bar{position:fixed;inset-inline:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--c-surface) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--c-line);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
.wsp-bar-in{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:12px}
.wsp-bar-t{flex:1;font-size:13px;color:var(--c-muted);line-height:1.5}
.wsp-bar-t b{display:block;color:var(--c-text);font-size:16px}
.wsp-back{background:none;border:0;color:var(--c-muted);cursor:pointer;font-size:14px;padding:6px 2px;margin-bottom:6px}
.wsp-sum{background:var(--c-primary-soft);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px;font-size:14px}
.wsp-sum div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
.wsp-sum .t{border-top:1px dashed var(--c-line);margin-top:6px;padding-top:8px;font-weight:700}
.wsp-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wsp-form .wide{grid-column:1/-1}
.wsp-in{display:block}
.wsp-in span{display:block;font-size:13px;margin-bottom:4px;color:var(--c-muted)}
.wsp-in input{font-family:inherit;font-size:16px;width:100%;padding:12px 14px;border:1.5px solid var(--c-line);border-radius:calc(var(--radius) - 4px);background:var(--c-surface);outline:none;transition:border-color .15s}
.wsp-in input:focus{border-color:var(--c-primary)}
.wsp-in input.bad{border-color:#c0392b}
.wsp-pay{display:grid;gap:8px;margin:12px 0}
.wsp-pay label{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1.5px solid var(--c-line);border-radius:var(--radius);cursor:pointer;background:var(--c-surface)}
.wsp-pay label:has(input:checked){border-color:var(--c-primary);background:var(--c-primary-soft)}
.wsp-pay input{accent-color:var(--c-primary)}
.wsp-pay small{display:block;color:var(--c-muted);font-size:12px}
.wsp-hp{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.wsp-ok{text-align:center;padding:28px 18px}
.wsp-ok-mark{width:74px;height:74px;border-radius:50%;margin:0 auto 14px;background:var(--c-primary);color:var(--c-primary-ink);display:flex;align-items:center;justify-content:center;font-size:36px;animation:wspZoom .6s cubic-bezier(.2,.8,.2,1) both}
.wsp-ok h2{font-size:20px;margin-bottom:6px}
.wsp-ok p{color:var(--c-muted);margin-bottom:6px}
.wsp-kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--c-line);font-size:14px}
.wsp-kv.total{border-bottom:0;font-weight:700;font-size:16px}
.wsp-track h2{margin-bottom:8px}
.wsp-track hr{border:0;border-top:1px solid var(--c-line);margin:8px 0}
.wsp-track form{margin:16px 0 6px}
.wsp-track .wsp-btn{width:100%;margin-top:6px}
.wsp-st{padding:2px 12px;border-radius:999px;background:var(--c-primary-soft)}
.wsp-st.st-cancelled,.wsp-st.st-expired,.wsp-st.st-noshow{background:#fdecea;color:#a33226}
.wsp-st.st-confirmed,.wsp-st.st-completed{background:#e7f5ec;color:#1d6b3a}
.wsp-foot{text-align:center;color:var(--c-muted);font-size:12.5px;padding:24px 0 8px}
.wsp-foot a{color:inherit;text-decoration:underline}
.wsp-powered{margin-top:6px;opacity:.7}
.wsp-view{animation:wspRise .45s cubic-bezier(.2,.8,.2,1) backwards}
@media (max-width:380px){.wsp-slots{grid-template-columns:repeat(3,1fr)}.wsp-form{grid-template-columns:1fr}}

.wsp-about{max-width:640px;margin:22px auto 0;text-align:center}.wsp-about summary{cursor:pointer;list-style:none;display:inline-block;padding:9px 20px;border-radius:99px;border:1.5px solid var(--c-primary);color:var(--c-primary);font-weight:700;font-size:14px}.wsp-about summary::-webkit-details-marker{display:none}.wsp-about[open] summary{margin-bottom:12px}.wsp-about-b{text-align:right;background:var(--c-surface,#fff);border:1px solid var(--c-line);border-radius:var(--radius,18px);padding:16px 18px;color:var(--c-text,inherit);font-size:14.5px;line-height:2}.wsp-about-b p{margin:0 0 8px}.wsp-about-b p:last-child{margin:0}