/* ================= Gladzzy Web — money area (wallet, payment methods, checkout, orders, ads) in the old site's style ================= */
.st.muted{background:var(--sunk);color:var(--muted)}
.txic.pos{background:var(--ok-soft);color:var(--ok)}
/* result state (app StatusView) */
.mres{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 22px}
.mres .mri{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin-bottom:6px;background:var(--accent-soft);color:var(--accent)}
.mres.success .mri{background:var(--ok-soft);color:var(--ok)}
.mres.error .mri{background:color-mix(in oklab,var(--danger) 12%,var(--surface));color:var(--danger)}
.mres h2{margin:0;font-family:var(--f-display);font-weight:800;font-size:21px;letter-spacing:-.01em}
.mres p{margin:0;color:var(--muted);max-width:420px;line-height:1.45}
.mdl .mres{padding:10px 6px 4px}
/* bank logo / payment method */
.bankl{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:16px}
.ddck{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--sunk);font-size:14px;cursor:pointer}
.ddck input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--accent)}
.sberid{height:50px;border-radius:14px;background:var(--sunk);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15.5px;color:var(--ink);width:100%}
.sberid:hover{border-color:color-mix(in oklab,#21A038 50%,var(--line))}
.sberid[disabled]{opacity:.6}
/* checkout: city search, PVZ map and list */
.cosearch{position:relative}
.cosearch .ic0{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex}
.cosearch .inp{padding-left:40px;height:44px}
.cosugg{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;max-height:300px;overflow:auto}
.cosugg button{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;text-align:left;color:var(--ink)}
.cosugg button:hover{background:var(--sunk)}
.cosugg .ic{color:var(--accent)}
.mapbox #comap{width:100%;height:100%;display:block;cursor:grab}
.mapbox #comap:active{cursor:grabbing}
.mapbox{height:auto;aspect-ratio:4/3;align-self:start}
.pvx .sumrow span,.pvx .sumrow b{white-space:nowrap}
.maphint{position:absolute;left:12px;right:60px;top:12px;background:rgba(10,16,35,.78);color:#fff;border-radius:12px;padding:10px 12px;font-size:13px;text-align:center}
.maphint.soft{left:auto;right:58px;width:auto;background:var(--surface);color:var(--accent);box-shadow:var(--shadow);padding:8px}
.maplegend .lg{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;box-shadow:var(--shadow)}
.maplegend .lg i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.pv.pvz{cursor:pointer;align-items:flex-start}
.pv.pvz .price{white-space:nowrap;align-self:center}
.pvx{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.chip.sm{height:28px;padding:0 10px;font-size:12px;cursor:default}
/* orders */
.pickcode{padding:14px 22px;border-radius:14px;background:var(--sunk);font-weight:800;font-size:28px;letter-spacing:4px;font-variant-numeric:tabular-nums}
.retph{display:flex;gap:8px;flex-wrap:wrap}
.retph .rp{width:72px;height:72px;border-radius:12px;overflow:hidden;position:relative;background:var(--sunk);display:grid;place-items:center;color:var(--accent);flex:none}
.retph .rp.add{border:2px dashed color-mix(in oklab,var(--accent) 45%,var(--line));cursor:pointer;background:var(--accent-soft)}
.retph .rp img{width:100%;height:100%;object-fit:cover}
.retph .rp button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(10,16,35,.7);color:#fff;display:grid;place-items:center}
/* ads preview: banner on the blue header + dashed «+» slot */
.adprev{background:linear-gradient(180deg,var(--brand-1),var(--brand-2));border-radius:14px;padding:14px;display:flex;gap:10px;overflow:hidden}
.adprev .banner{pointer-events:none}
.adprev .adph{flex:1 0 30%;background:transparent;border:1.5px dashed rgba(255,255,255,.6);color:#fff;align-items:center;justify-content:center}
@media (max-width:1100px){.cogrid,.cogrid2{grid-template-columns:minmax(0,1fr)!important}.mapbox{height:320px}}
a.btn{text-decoration:none}