/* phone.css — iPhone სტილის ტელეფონი (CEF.PHONE = 2 / page-phone) */
#page-phone{justify-content:flex-end;align-items:flex-end;padding:0 2.2vw 22px 0;background:none;backdrop-filter:none;gap:18px;z-index:20300}
#page-phone .ph-hint{color:rgba(255,255,255,.55);font:600 12px Manrope,'Noto Sans Georgian',sans-serif;margin-bottom:24px;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(0,0,0,.35)}
#page-phone .ph{--h:min(700px,calc(100vh - 48px));position:relative;height:var(--h);width:calc(var(--h)*.468);font-size:calc(var(--h)/48);
  font-family:-apple-system,BlinkMacSystemFont,Manrope,'Noto Sans Georgian','Segoe UI',sans-serif;color:#fff;border-radius:3.4em;padding:.55em;
  background:linear-gradient(145deg,#3a3a3f,#111 40%,#26262a);box-shadow:0 0 0 .12em #55555a inset,0 0 0 .12em #0a0a0a,0 25px 70px rgba(0,0,0,.75);
  transform:translateY(60px);opacity:0;transition:transform .38s cubic-bezier(.2,.9,.3,1),opacity .25s}
#page-phone.visible .ph{transform:none;opacity:1}
.ph-side{position:absolute;right:-.28em;top:10em;width:.3em;height:5em;border:0;border-radius:0 .2em .2em 0;background:#3c3c41;cursor:pointer}
.ph-side:hover{background:#5a5a60}
.ph-screen{position:relative;width:100%;height:100%;border-radius:2.9em;overflow:hidden;background:#000;isolation:isolate}
.ph-island{position:absolute;top:.8em;left:50%;transform:translateX(-50%);width:7.4em;height:2.1em;background:#000;border-radius:2em;z-index:50}
.ph-status{position:absolute;top:0;left:0;right:0;height:3.6em;padding:1.05em 2.1em 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:.95em;font-weight:700;z-index:49;pointer-events:none}
.ph-status svg{height:.9em;fill:#fff;margin-left:.3em;vertical-align:-.1em}
.ph-bar{position:absolute;bottom:.55em;left:50%;transform:translateX(-50%);width:36%;height:.42em;border-radius:1em;background:#fff;z-index:60;cursor:pointer;box-shadow:0 0 0 .6em transparent}
.ph-sec{position:absolute;inset:0;transition:transform .45s cubic-bezier(.3,.8,.3,1),opacity .3s}
.ph-wall{background:radial-gradient(120% 70% at 20% 0%,#5b4bd6 0,transparent 60%),radial-gradient(100% 70% at 100% 40%,#ff5fa2 0,transparent 55%),radial-gradient(120% 80% at 0% 100%,#1fa2ff 0,transparent 60%),#150f33}
/* lock */
.ph-lock{z-index:40;text-align:center;touch-action:none}
.ph-lock .d{margin-top:5.2em;font-size:1.25em;font-weight:600;opacity:.85}
.ph-lock .t{font-size:5.6em;font-weight:700;line-height:1.05;letter-spacing:-.02em}
.ph-lock.gone{transform:translateY(-105%);pointer-events:none}
.ph-lk-btn{position:absolute;bottom:3.2em;width:3.4em;height:3.4em;border-radius:50%;background:rgba(0,0,0,.35);backdrop-filter:blur(10px);display:grid;place-items:center}
.ph-lk-btn svg{width:1.5em;height:1.5em;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ph-unlock{position:absolute;left:0;right:0;bottom:1.7em;font-size:.95em;font-weight:600;opacity:.8;cursor:pointer;animation:phBob 1.8s infinite}
@keyframes phBob{50%{transform:translateY(-.35em);opacity:.45}}
/* home */
.ph-home{z-index:10;padding:5em 1.7em 0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:1.6em 1.1em;justify-items:center}
.ph-icon{background:none;border:0;color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.45em}
.ph-icon i{width:4em;height:4em;border-radius:1.05em;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:transform .15s}
.ph-icon:hover i{transform:scale(1.07)}.ph-icon:active i{transform:scale(.92)}
.ph-icon span{font-size:.82em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.ph-icon svg{width:2.5em;height:2.5em}
.ph-home.hide{transform:scale(1.12);opacity:0;pointer-events:none}
/* apps */
.ph-app{z-index:20;background:#0d0d10;padding:4em 1.1em 2em;display:flex;flex-direction:column;gap:.9em;transform:scale(.88);opacity:0;pointer-events:none;border-radius:2.9em;overflow:auto;scrollbar-width:none}
.ph-app::-webkit-scrollbar{display:none}
.ph-app.on{transform:none;opacity:1;pointer-events:auto}
.ph-app h2{margin:0;font-size:1.7em;font-weight:800}
.ph-seg{display:flex;background:#1c1c22;border-radius:.8em;padding:.25em}
.ph-seg button{flex:1;border:0;background:none;color:#999;font-weight:600;font-size:.95em;font-family:inherit;padding:.6em;border-radius:.6em;cursor:pointer}
.ph-seg button.on{background:#2e2e36;color:#fff}
.ph-card{background:#1a1a20;border-radius:1.2em;padding:1em}
.ph-btn{border:0;border-radius:1em;padding:1em;font-weight:700;font-size:1.05em;font-family:inherit;cursor:pointer;color:#111;background:#ffc400;transition:filter .15s,transform .1s}
.ph-btn:hover{filter:brightness(1.1)}.ph-btn:active{transform:scale(.97)}
.ph-btn.red{background:#ff453a;color:#fff}.ph-btn.green{background:#30d158}.ph-btn.ghost{background:#2a2a32;color:#fff}
.ph-in{width:100%;box-sizing:border-box;background:#1c1c22;border:1px solid #2c2c34;border-radius:.9em;padding:.85em 1em;color:#fff;font-weight:500;font-size:1em;font-family:inherit;outline:0;user-select:text}
.ph-in:focus{border-color:#ffc400}
.ph-lbl{font-size:.8em;color:#8e8e98;font-weight:600;margin-bottom:.35em;display:block}
.ph-row{display:flex;justify-content:space-between;align-items:center}
.ph-pane{display:none;flex-direction:column;gap:.9em}.ph-pane.on{display:flex}
/* taxi */
.tx-head{display:flex;align-items:center;gap:.6em}.tx-head h2 b{color:#ffc400}
.tx-power{align-self:center;width:9.5em;height:9.5em;border-radius:50%;border:.3em solid #ffc400;background:radial-gradient(#2b2400,#141100);color:#ffc400;font-weight:800;font-size:1.05em;font-family:inherit;cursor:pointer;margin:.6em 0;box-shadow:0 0 2.5em rgba(255,196,0,.2);transition:.25s}
.tx-power.on{border-color:#30d158;color:#30d158;background:radial-gradient(#06280f,#04130a);box-shadow:0 0 2.5em rgba(48,209,88,.3)}
.tx-pill{align-self:center;font-size:.85em;font-weight:700;padding:.35em .9em;border-radius:2em;background:#2a2a32;color:#aaa}.tx-pill.on{background:rgba(48,209,88,.18);color:#30d158}
.tx-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6em;text-align:center}
.tx-stats b{display:block;font-size:1.25em}.tx-stats span{font-size:.75em;color:#8e8e98}
.tx-cls{display:flex;gap:.5em}
.tx-cl{flex:1;background:#1c1c22;border:2px solid transparent;border-radius:1em;padding:.7em .3em;text-align:center;cursor:pointer;color:#fff;font:inherit}
.tx-cl.on{border-color:#ffc400;background:#2a2400}.tx-cl b{display:block;font-size:.9em}.tx-cl span{font-size:.75em;color:#aaa}
.tx-spin{width:3em;height:3em;border:.3em solid #333;border-top-color:#ffc400;border-radius:50%;animation:phSpin 1s linear infinite;margin:1em auto}
@keyframes phSpin{to{transform:rotate(360deg)}}
/* bank */
.bk-card{border-radius:1.4em;padding:1.2em;min-height:10em;background:linear-gradient(135deg,#ff4747,#8c1d1d 55%,#0d0d0d);box-shadow:0 10px 25px rgba(255,71,71,.25);display:flex;flex-direction:column;justify-content:space-between}
.bk-card small{opacity:.8;font-weight:600}.bk-card .bal{font-size:2.3em;font-weight:800}
.bk-tx{display:flex;justify-content:space-between;padding:.7em 0;border-bottom:1px solid #26262d;font-size:.95em}
.bk-tx small{display:block;color:#8e8e98}.bk-plus{color:#30d158}.bk-minus{color:#ff453a}
.bk-msg{font-size:.85em;text-align:center;min-height:1.2em}
/* youtube */
.yt-title{display:flex;align-items:center;gap:.5em;font-size:1.5em;font-weight:800}
.yt-box{position:relative;aspect-ratio:16/9;background:#000;border-radius:1em;overflow:hidden;display:grid;place-items:center;color:#777;font-size:.85em;text-align:center;padding:1em}
.yt-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ph-app>.ph-in{width:auto;flex:none}.ph-app>*{flex-shrink:0}

.yt-box video{position:absolute;inset:0;width:100%;height:100%;background:#000}

/* ---------- ფოკუსის მოხსნა (ghost): ტელეფონი პატარაა კუთხეში, ვიდეო/მუსიკა თამაშობს, თამაში კონტროლირდება ---------- */
#page-phone .ph-hintcol{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-bottom:24px}
#page-phone .ph-hintcol .ph-hint{margin:0}
#page-phone .ph-ghostbtn{display:none;cursor:pointer;color:#fff;font:700 12px Manrope,'Noto Sans Georgian',sans-serif;padding:8px 12px;
  border:1px solid rgba(48,209,88,.65);border-radius:8px;background:rgba(48,209,88,.2)}
#page-phone .ph-ghostbtn.show{display:block}
#page-phone .ph-ghostbtn:hover{background:rgba(48,209,88,.35)}
#page-phone.ghost{pointer-events:none;padding-right:1.2vw;padding-bottom:14px}
#page-phone.ghost .ph-hint{display:none}
#page-phone.ghost .ph-ghostbtn{background:rgba(0,0,0,.45);border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.8)}
#page-phone.ghost .ph{transform:scale(.55);transform-origin:100% 100%;opacity:.96}