.vp-panel{--vp-seam-h:36px;--vp-seam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V30C1300 50 1160 34 860 20C560 6 260 14 0 46Z'/%3E%3C/svg%3E")}.vpn-top{z-index:3;background:var(--murekkep);color:var(--kemik);padding-bottom:var(--vp-seam-h);-webkit-mask:linear-gradient(currentColor, currentColor) top / 100% calc(100% - var(--vp-seam-h) + 1px) no-repeat, var(--vp-seam) bottom / 100% var(--vp-seam-h) no-repeat;-webkit-mask:linear-gradient(currentColor, currentColor) top / 100% calc(100% - var(--vp-seam-h) + 1px) no-repeat, var(--vp-seam) bottom / 100% var(--vp-seam-h) no-repeat;mask:linear-gradient(currentColor, currentColor) top / 100% calc(100% - var(--vp-seam-h) + 1px) no-repeat, var(--vp-seam) bottom / 100% var(--vp-seam-h) no-repeat;position:relative;overflow:hidden}.vpn-top-in{z-index:1;max-width:calc(var(--wrap) + 2 * var(--gut));padding:44px var(--gut) 48px;margin:0 auto;position:relative}.vpn-h1{max-width:17ch;font-family:var(--font-d);letter-spacing:-.022em;color:var(--kemik);text-wrap:balance;margin:0;font-size:clamp(2.05rem,8.2vw,3.6rem);font-weight:460;line-height:1.06}.vpn-lead{max-width:44ch;color:var(--kum);margin:16px 0 0;font-size:1.08rem;line-height:1.6}.vpn-body{margin-top:calc(-1 * var(--vp-seam-h));padding-top:var(--vp-seam-h);background:var(--kagit);position:relative}.vpn-body-in{max-width:calc(var(--wrap) + 2 * var(--gut));padding:36px var(--gut) 72px;margin:0 auto}.vpn-part{gap:18px;padding-block:28px;display:grid}.vpn-part+.vpn-part{border-top:1px solid var(--kagit-3)}.vpn-text h2,.vpn-control h2{font-family:var(--font-d);letter-spacing:-.012em;color:var(--metin);margin:0;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);font-weight:500;line-height:1.15}.vpn-text p,.vpn-control p{max-width:46ch;color:var(--metin);margin:10px 0 0;font-size:1.04rem;line-height:1.6}.vpn-app{background:var(--kart);width:100%;max-width:460px;box-shadow:var(--sh-card);color:var(--metin);border-radius:22px;font-size:.95rem;line-height:1.45;overflow:hidden}.vpn-app b{font-weight:700}.vpn-app-head{border-bottom:1px solid var(--kagit-3);align-items:center;gap:10px;padding:12px 16px;display:flex}.vpn-logo{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.vpn-app-title{min-width:0;line-height:1.25;display:grid}.vpn-app-title span{color:var(--toprak)}.vpn-app-side{text-align:right;color:var(--toprak);margin-left:auto}.vpn-ago{color:var(--toprak);white-space:nowrap;font-weight:400}.vpn-chip{border-radius:var(--r-pill);width:fit-content;margin-top:6px;padding:2px 10px;font-weight:600;line-height:1.5;display:inline-block}.vpn-chip.is-ai{background:var(--ai-soft);color:var(--celik-derin)}.vpn-chip.is-asks,.vpn-chip.is-pack{background:var(--amber-soft);color:var(--amber-ink)}.vpn-chip.is-ordered{background:var(--ok-soft);color:var(--ok)}.vpn-chats{margin:0;padding:4px 0;list-style:none}.vpn-chat{grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 16px;display:grid}.vpn-chat+.vpn-chat{border-top:1px solid rgb(var(--ink-rgb) / .07)}.vpn-chat.is-live{display:none}.vpn-chip.is-typing{align-items:center;gap:6px;display:inline-flex}.vpn-typing{gap:3px;display:inline-flex}.vpn-typing i{opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px}@media (prefers-reduced-motion:no-preference){.vpn-typing i{animation:1.2s ease-in-out infinite vpn-typing}.vpn-typing i:nth-child(2){animation-delay:.15s}.vpn-typing i:nth-child(3){animation-delay:.3s}}@keyframes vpn-typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.vpn-av{width:44px;height:44px;position:relative}.vpn-av img{object-fit:cover;border-radius:50%;width:44px;height:44px}.vpn-av-ch{background:var(--kart);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}.vpn-chat-body{min-width:0;display:grid}.vpn-chat-top{justify-content:space-between;gap:8px;display:flex}.vpn-chat-line{white-space:nowrap;text-overflow:ellipsis;color:var(--toprak);overflow:hidden}.vpn-unread{border-radius:var(--r-pill);background:var(--pas-koyu);min-width:24px;height:24px;color:var(--white);place-items:center;margin-top:22px;padding:0 6px;font-weight:700;line-height:1;display:grid}.vpn-app-wide{max-width:none}.vpn-chips{flex-wrap:wrap;gap:0 6px;display:flex}.vpn-chat.is-open{background:var(--kagit-2);box-shadow:inset 3px 0 0 var(--celik-murekkep)}.vpn-open{background:var(--kagit-2);align-content:start;display:grid}.vpn-split>.vpn-open{border-top:1px solid var(--kagit-3)}.vpn-open-head{border-bottom:1px solid var(--kagit-3);background:var(--kart);align-items:center;gap:12px;padding:12px 16px;display:flex}.vpn-open-head .vpn-av,.vpn-open-head .vpn-av img{width:40px;height:40px}.vpn-open-who{min-width:0;line-height:1.3;display:grid}.vpn-open-who .vpn-chip{margin-top:4px}.vpn-chip.is-taken{background:var(--kagit-3);color:var(--metin)}.vpn-thread{gap:8px;margin:0;padding:14px 14px 16px;list-style:none;display:grid}.vpn-msg p{margin:0}.vpn-msg.is-c{background:var(--kart);max-width:88%;box-shadow:var(--sh-bubble);border-radius:14px 14px 14px 4px;justify-self:start;padding:9px 13px}.vpn-msg.is-out{justify-self:end;justify-items:end;gap:3px;max-width:90%;display:grid}.vpn-msg.is-out p{background:var(--v10-wa-out);color:var(--v10-wa-ink);box-shadow:var(--sh-bubble);border-radius:14px 14px 4px;padding:9px 13px}.vpn-msg-who{color:var(--toprak);font-weight:600}.vpn-msg.is-ask{background:var(--sor-zemin);border-left:3px solid var(--sor-cizgi);border-radius:12px;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:10px 12px;display:grid}.vpn-msg.is-note{border-radius:var(--r-pill);background:var(--amber-soft);max-width:100%;color:var(--amber-ink);text-align:center;justify-self:center;padding:6px 12px;font-weight:600}.vpn-compose{border-radius:var(--r-pill);background:var(--kart);border:1px solid var(--kagit-3);color:var(--toprak);margin:0 14px 14px;padding:11px 16px}@media (min-width:700px){.vpn-split{grid-template-columns:minmax(0,320px) minmax(0,1fr);display:grid}.vpn-split>.vpn-chats{border-right:1px solid var(--kagit-3)}.vpn-split .vpn-chat.is-live{display:grid}.vpn-split>.vpn-open{border-top:0;grid-template-rows:auto 1fr auto}.vpn-split .vpn-thread{align-content:end}.vpn-split .vpn-msg.is-c,.vpn-split .vpn-msg.is-out,.vpn-split .vpn-msg.is-ask{max-width:72%}}.vpn-ask-who{align-items:center;gap:12px;padding:14px 16px 4px;display:flex}.vpn-ask-who>span{line-height:1.35;display:grid}.vpn-ask-who>span>span{color:var(--toprak)}.vpn-ask-who b,.vpn-order-top b{align-items:center;gap:6px;display:inline-flex}.vpn-thumb{object-fit:cover;border-radius:8px;flex:none;width:44px;height:56px}.vpn-row{margin:10px 16px 0}.vpn-row p{margin:0}.vpn-row-q{background:var(--sor-zemin);border-left:3px solid var(--sor-cizgi);border-radius:14px;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:12px 14px;display:grid}.vpn-row-mark{padding-top:1px}.vpn-row-you{background:var(--kagit-2);border-radius:14px;padding:12px 14px}.vpn-row-sent{justify-items:end;gap:4px;margin-bottom:16px;display:grid}.vpn-sent-label{color:var(--toprak)}.vpn-sent{background:var(--v10-wa-out);max-width:92%;color:var(--v10-wa-ink);box-shadow:var(--sh-bubble);border-radius:14px 14px 4px;padding:10px 14px}@media (prefers-reduced-motion:no-preference){html.js .vpn-asks:not([data-seen]) .vpn-row{opacity:0;transform:translateY(10px)}html.js .vpn-asks .vpn-row{transition:opacity .4s ease-out, transform .5s var(--ease)}html.js .vpn-asks[data-seen] .vpn-row-q{transition-delay:.15s}html.js .vpn-asks[data-seen] .vpn-row-you{transition-delay:.9s}html.js .vpn-asks[data-seen] .vpn-row-sent{transition-delay:1.65s}}.vpn-day{border-bottom:1px solid var(--kagit-3);grid-template-columns:1fr 1fr;margin:0;display:grid}.vpn-day>div{flex-direction:column-reverse;padding:12px 16px;display:flex}.vpn-day>div+div{border-left:1px solid var(--kagit-3)}.vpn-day dt{color:var(--toprak)}.vpn-day dd{font-family:var(--font-d);margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.vpn-order{padding:14px 16px 16px}.vpn-order-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.vpn-order-top .vpn-chip{margin-top:0}.vpn-order-id{color:var(--toprak);margin:2px 0 0}.vpn-items{margin:10px 0 0;padding:0;list-style:none}.vpn-items li{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.vpn-items li+li{border-top:1px solid rgb(var(--ink-rgb) / .07)}.vpn-item-name{line-height:1.35;display:grid}.vpn-item-name span{color:var(--toprak)}.vpn-price{white-space:nowrap}.vpn-sum{color:var(--toprak);justify-content:space-between;margin:0;padding-top:6px;display:flex}.vpn-sum.is-total{border-top:1px solid var(--kagit-3);color:var(--metin);margin-top:4px;padding-top:8px;font-weight:700}.vpn-pay{background:var(--kagit-2);border-radius:10px;margin:10px 0 0;padding:8px 12px}.vpn-control{border-radius:var(--r-card);background:var(--kart);box-shadow:var(--sh-bubble);margin-top:12px;padding:22px 20px}.vpn-control h2{font-size:clamp(1.35rem,1.15rem + .8vw,1.7rem)}.vp-panel .vp-end{margin-top:28px}@media (min-width:900px){.vp-panel{--vp-seam-h:56px}.vpn-top-in{max-width:calc(1040px + 2 * var(--gut));padding:72px var(--gut) 76px}.vpn-lead{font-size:1.18rem}.vpn-body-in{max-width:calc(1040px + 2 * var(--gut));padding-top:56px}.vpn-part{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;column-gap:clamp(40px,6vw,88px);padding-block:48px}.vpn-text h2{font-size:2.4rem}.vpn-text p{font-size:1.12rem}.vpn-app{justify-self:end}.vpn-part.is-wide{grid-template-columns:minmax(0,1fr);row-gap:28px}.vpn-part.is-wide .vpn-app{justify-self:stretch;max-width:none}.vpn-control{max-width:680px;margin-top:24px;padding:28px 32px}}@media (max-width:360px){.vpn-app-side{display:none}.vpn-chat,.vpn-app-head,.vpn-open-head,.vpn-order{padding-inline:12px}.vpn-thread{padding-inline:10px}.vpn-compose{margin-inline:10px}.vpn-row{margin-inline:12px}}
