.phone{--g-paper:#f7f5f0;--g-paper-2:#efebe2;--g-surface:#fdfcf9;--g-ink:#1a1b19;--g-ink-2:#2f312e;--g-muted:#5f5e57;--g-line:#e2dccf;--g-gold:#7d5429;--g-gold-soft:#efe3d1;--g-night:#1f211e;--g-night-2:#2a2c28;--g-accent:color-mix(in srgb, var(--brand,#7d5429) 72%, #1a1b19);--g-brand-soft:color-mix(in srgb, var(--brand,#7d5429) 9%, var(--g-surface));width:var(--phone-w,min(21.5rem, 82vw));aspect-ratio:9/19.2;flex:none;position:relative}.phone-glow{z-index:-1;filter:blur(18px);pointer-events:none;background:radial-gradient(closest-side,#f2b75b61,#0000 75%);border-radius:50%;animation:6s ease-in-out infinite glow;position:absolute;inset:14% -8% -4%}.phone-frame{background:linear-gradient(145deg,#2a3646,#0b121d 55%,#1d2836);border-radius:13.5%/6.4%;padding:3.2%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 4px #05090f,0 40px 80px -36px #05090fd9,0 18px 30px -20px #05090f99}.phone-screen{background:var(--g-paper);height:100%;color:var(--g-ink);font-family:var(--font-plex), "IBM Plex Sans", system-ui, sans-serif;border-radius:11%/5.2%;flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.phone-screen>*{font-size:4.3cqw}.phone-screen[dir=rtl]{font-family:var(--font-naskh), var(--font-plex), system-ui, sans-serif}.pg-island{z-index:5;background:#05090f;border-radius:999px;width:31%;height:3.6%;position:absolute;top:1.6%;left:50%;translate:-50%}.pg-status{color:var(--g-ink);direction:ltr;flex:none;justify-content:space-between;align-items:center;padding:.9em 1.6em .3em;font-size:3.4cqw;font-weight:600;display:flex}.pg-status-dots{align-items:center;gap:.3em;display:inline-flex}.pg-status-dots i{opacity:.85;background:currentColor;border-radius:.18em;width:1.05em;height:.62em;display:block}.pg-status-dots i:first-child{clip-path:polygon(0 100%,100% 0,100% 100%);border-radius:0;width:.9em}.pg-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;padding-bottom:1.2em;overflow-y:auto}.pg-scroll::-webkit-scrollbar{display:none}.pg-demo-ribbon{background:var(--g-gold-soft);color:var(--g-gold);text-align:center;letter-spacing:.02em;border-radius:999px;margin:0 1em .6em;padding:.35em .7em;font-size:.72em;font-weight:600}.pg-serif{font-family:var(--font-newsreader), var(--font-brygada), Georgia, serif}[dir=rtl] .pg-serif{font-family:var(--font-naskh), Georgia, serif}.pg-lang{flex-direction:column;gap:.9em;padding:1.4em 1.3em;display:flex}.pg-lang-title{font-size:1.85em;font-weight:500;line-height:1.05}.pg-lang-sub{color:var(--g-muted);font-size:.9em}.pg-lang-grid{grid-template-columns:1fr 1fr;gap:.5em;margin-top:.4em;display:grid}.pg-lang-btn{background:var(--g-surface);border:1px solid var(--g-line);min-height:2.9em;color:var(--g-ink);text-align:start;border-radius:.8em;justify-content:space-between;align-items:center;gap:.4em;padding:.5em .8em;font-size:.95em;font-weight:500;display:flex}.pg-lang-btn small{color:var(--g-muted);letter-spacing:.06em;font-size:.72em;font-weight:600}.pg-lang-btn[aria-pressed=true]{border-color:var(--g-accent);box-shadow:inset 0 0 0 1px var(--g-accent)}.pg-hero{aspect-ratio:4/3.1;background:var(--g-night);border-radius:1.1em;margin:0 .8em;position:relative;overflow:hidden}.pg-hero>img,.pg-hero>svg{object-fit:cover;width:100%;height:100%;display:block}.pg-hero:after{content:"";background:linear-gradient(#10110f0d 38%,#10110fd1);position:absolute;inset:0}.pg-hero-txt{inset-inline:.9em;z-index:1;color:#fff;position:absolute;bottom:.8em}.pg-hero-kind{letter-spacing:.12em;text-transform:uppercase;opacity:.88;font-size:.68em;font-weight:600}.pg-hero-name{margin-top:.1em;font-size:1.75em;font-weight:500;line-height:1.04}.pg-langbtn{top:.6em;z-index:2;min-width:44px;min-height:max(28px,2.4em);color:var(--g-ink);letter-spacing:.04em;background:#fdfcf9eb;border-radius:999px;align-items:center;gap:.3em;padding:.3em .75em;font-size:.74em;font-weight:700;display:inline-flex;position:absolute;inset-inline-end:.6em}.pg-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--g-gold);margin:1em 1.1em .4em;font-size:.7em;font-weight:700}.pg-times{grid-template-columns:1fr 1fr;gap:.5em;margin:0 .8em;display:grid}.pg-time{background:var(--g-surface);border:1px solid var(--g-line);border-radius:.9em;padding:.6em .75em}.pg-time span{color:var(--g-muted);font-size:.72em;font-weight:600;display:block}.pg-time b{font-variant-numeric:lining-nums tabular-nums;font-size:1.45em;font-weight:500;line-height:1.1;display:block}.pg-wifi{background:var(--g-night);color:#f4f1ea;border-radius:.95em;gap:.35em;margin:.55em .8em 0;padding:.8em .9em;display:grid}.pg-wifi-row{justify-content:space-between;align-items:baseline;gap:.6em;font-size:.86em;display:flex}.pg-wifi-row span{opacity:.7}.pg-wifi-row b{letter-spacing:.02em;direction:ltr;unicode-bidi:isolate;font-weight:600}.pg-wifi-lock{opacity:.86;align-items:flex-start;gap:.5em;margin-top:.2em;font-size:.74em;line-height:1.4;display:flex}.pg-wifi-lock svg{flex:none;width:1.3em;height:1.3em;margin-top:.05em}.pg-cards{gap:.5em;margin:.6em .8em 0;display:grid}.pg-card{text-align:start;background:var(--g-surface);border:1px solid var(--g-line);width:100%;color:var(--g-ink);border-radius:.95em;align-items:center;gap:.7em;padding:.75em .8em;display:flex}.pg-card-ico{background:var(--g-brand-soft);width:2.3em;height:2.3em;color:var(--g-accent);border-radius:.7em;flex:none;place-items:center;display:grid}.pg-card-ico svg{width:1.35em;height:1.35em}.pg-card b{font-size:1.02em;font-weight:600;line-height:1.2;display:block}.pg-card small{color:var(--g-muted);margin-top:.1em;font-size:.76em;line-height:1.3;display:block}.pg-card .pg-chev{width:1.1em;height:1.1em;color:var(--g-muted);flex:none;margin-inline-start:auto}[dir=rtl] .pg-chev{transform:scaleX(-1)}.pg-head{align-items:center;gap:.5em;padding:.3em .9em .5em;display:flex}.pg-back{background:var(--g-surface);border:1px solid var(--g-line);min-height:max(28px,2.2em);color:var(--g-ink);border-radius:999px;align-items:center;gap:.25em;padding:.35em .6em .35em .4em;font-size:.8em;font-weight:600;display:inline-flex}.pg-back svg{width:1.1em;height:1.1em;transform:scaleX(-1)}[dir=rtl] .pg-back svg{transform:none}.pg-h1{margin:.1em 1.1em .15em;font-size:1.8em;font-weight:500;line-height:1.04}.pg-hint{color:var(--g-muted);margin:0 1.25em .7em;font-size:.8em}.pg-list{gap:.45em;margin:0 .8em;display:grid}.pg-item{background:var(--g-surface);border:1px solid var(--g-line);border-radius:.95em;padding:.75em .85em}.pg-item.is-important{border-color:color-mix(in srgb, var(--g-gold) 45%, var(--g-line));background:color-mix(in srgb, var(--g-gold-soft) 55%, var(--g-surface))}.pg-item-top{justify-content:space-between;align-items:baseline;gap:.6em;display:flex}.pg-item-title{color:var(--g-ink);font-size:1.12em;font-weight:500;line-height:1.15}.pg-item-meta{color:var(--g-accent);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex:none;font-size:.82em;font-weight:700}.pg-item-text{color:var(--g-ink-2);margin-top:.3em;font-size:.86em;line-height:1.45}.pg-item-photo{aspect-ratio:16/9;border-radius:.7em;margin-top:.55em;overflow:hidden}.pg-item-photo img{object-fit:cover;width:100%;height:100%;display:block}.pg-badge{background:var(--g-gold);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:.35em;padding:.12em .55em;font-size:.68em;font-weight:700;display:inline-block}.pg-locked{background:var(--g-paper-2);color:var(--g-muted);border-radius:.6em;align-items:center;gap:.45em;margin-top:.45em;padding:.45em .6em;font-size:.74em;line-height:1.35;display:flex}.pg-locked svg{flex:none;width:1.25em;height:1.25em}.pg-action{background:var(--g-night);color:#fff;border-radius:999px;align-items:center;gap:.35em;min-height:max(28px,2.4em);margin-top:.55em;padding:.4em .85em;font-size:.8em;font-weight:600;display:inline-flex}.pg-action svg{width:1.15em;height:1.15em}.pg-action.is-soft{background:var(--g-brand-soft);color:var(--g-accent)}.pg-slots{background:var(--g-surface);border:1px solid var(--g-line);border-radius:.95em;margin:.6em .8em 0;padding:.8em .85em}.pg-slots-title{font-size:1.05em;font-weight:500}.pg-slots-sub{color:var(--g-muted);margin-top:.15em;font-size:.74em}.pg-slot-grid{grid-template-columns:repeat(3,1fr);gap:.35em;margin-top:.6em;display:grid}.pg-slot{border:1px solid var(--g-line);min-height:2.6em;color:var(--g-ink);direction:ltr;background:#fff;border-radius:.65em;place-items:center;font-size:.82em;font-weight:600;line-height:1.1;display:grid}.pg-slot small{color:var(--g-muted);font-size:.78em;font-weight:500;display:block}.pg-slot[disabled]{background:var(--g-paper-2);color:var(--g-muted);text-decoration:line-through;text-decoration-thickness:1px}.pg-slot[aria-pressed=true]{background:var(--g-night);color:#fff;border-color:var(--g-night)}.pg-slot[aria-pressed=true] small{color:#ffffffb3}.pg-slot-form{gap:.4em;margin-top:.6em;display:grid}.pg-slot-form label{color:var(--g-muted);font-size:.72em;font-weight:600}.pg-slot-form .pg-fake-input{border:1px solid var(--g-line);background:#fff;border-radius:.55em;min-height:2.3em;padding:.4em .65em;font-size:.86em}.pg-ok{color:#24533a;background:#e3efe6;border-radius:.6em;margin-top:.55em;padding:.5em .65em;font-size:.78em;font-weight:600}.pg-toast{inset-inline:1em;z-index:6;color:#fff;text-align:center;background:#1a1b19f0;border-radius:.8em;padding:.65em .85em;font-size:.78em;line-height:1.35;animation:.3s both rise;position:absolute;bottom:5.4em}.pg-tabbar{background:var(--g-night);color:#fff;flex:none;grid-template-columns:repeat(4,1fr);padding:.45em .4em 1.15em;display:grid}.pg-tab{color:#ffffffc7;text-align:center;border-radius:.7em;justify-items:center;gap:.2em;padding:.35em .1em;font-size:.66em;font-weight:700;line-height:1.1;display:grid}.pg-tab svg{width:1.9em;height:1.9em}.pg-tab[aria-current=page]{color:#fff;background:#ffffff1a}.pg-footer{color:var(--g-muted);text-align:center;margin:1.1em 1.2em 0;font-size:.66em}.pg-note{background:var(--g-gold-soft);color:var(--g-gold);border-radius:.7em;margin:.6em .8em 0;padding:.55em .7em;font-size:.72em;line-height:1.4}.pg-fade{animation:.5s both pgfade}@keyframes pgfade{0%{opacity:.25;filter:blur(2px)}to{opacity:1;filter:none}}.phone button{cursor:pointer}.phone button:focus-visible{outline:2px solid var(--g-gold);outline-offset:2px}
