body{background:var(--ivory)}
#toast{bottom:22px}
.pt-bar{position:sticky;top:0;z-index:30;height:var(--bar);background:var(--night);color:#ece5d8;display:flex;align-items:center;gap:12px;padding:0 10px 0 var(--pad)}
.pt-bar::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:var(--metal);background-size:200% 100%;-webkit-mask:url(../img/celosia.svg) 0 0/22px 22px repeat-x;mask:url(../img/celosia.svg) 0 0/22px 22px repeat-x}
.pt-bar .bar-brand img{width:32px;height:32px}
.pt-bar .ib{margin-left:auto}
.pt{max-width:860px;margin:0 auto;padding:26px var(--pad) 60px}
.pt-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:14px 0 18px;position:sticky;top:calc(var(--bar) + 5px);z-index:20;background:var(--ivory);padding:8px 0}
.pt-nav a{flex:none;min-height:40px;display:inline-flex;align-items:center;padding:0 1rem;border-radius:99px;background:var(--paper);text-decoration:none;font-weight:600;font-size:.9rem;color:var(--ink2)}
.pt-nav a:active{transform:scale(.97)}
.pt section{scroll-margin-top:130px}
.appt-card{background:var(--night);color:#ece5d8;border-radius:var(--r);padding:20px;margin-bottom:16px;position:relative;overflow:hidden;isolation:isolate}
.appt-card::after{content:"";position:absolute;right:-30px;top:-30px;width:180px;height:180px;background:var(--metal);background-size:300% 300%;-webkit-mask:url(../img/celosia.svg) 0 0/44px 44px repeat;mask:url(../img/celosia.svg) 0 0/44px 44px repeat;opacity:.3;z-index:-1}
.appt-card h3{font-size:1.7rem;margin:6px 0 4px;color:#fff}
.appt-card p{color:#cfc4ae}
.appt-card .who{margin-top:12px;color:#ece5d8}
.appt-card .who img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top}
.appt-card .btn.ghost-ink{box-shadow:inset 0 0 0 1px rgba(236,229,216,.4);color:#ece5d8}
.appt-card .st{margin-top:4px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;margin-top:10px}
.slots button{min-height:44px;border-radius:12px;border:0;background:var(--paper);font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(18,17,16,.12)}
.slots button:active{transform:scale(.96)}
.slots button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.review{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}
.review .stars{display:flex;gap:2px;color:var(--gold)}
.lg-pt{min-height:calc(100dvh - var(--bar));display:grid;place-items:center;padding:28px var(--pad)}
.lg-pt form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}
.lg-pt .lg-big{font-size:clamp(2.6rem,10vw,4rem)}