/* Volgard – mobil szolgáltatások (húzós, 2 lap/téma). Minden szabály a .vg-svc
   wrapperre szűkítve. (Betűtípust a plugin tölti be, az @import kimaradt.) */

.vg-svc{--acc:#3b46d6;--c1:#46b0ff;--ink:#0a0e22;--ico:#2f63e6;--lilac:#DCE3FF;--vg-h:min(560px,86svh);
  box-sizing:border-box;width:100%;max-width:460px;margin:0 auto;color:#0A0D31;position:relative;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.vg-svc *{box-sizing:border-box}
.vg-svc a{text-decoration:none}
.vg-svc .vg-grid{height:var(--vg-h);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:#eef0f6;border:1px solid #eef0f6;border-radius:14px;overflow:hidden}
.vg-svc .vg-grid.off{display:none}
.vg-svc .vg-box{background:#fff;padding:16px;cursor:pointer;display:flex;flex-direction:column;transition:background .15s}
.vg-svc .vg-box:active{background:#f6f7ff}
.vg-svc .vg-num{font-weight:800;color:var(--lilac);line-height:.8;letter-spacing:1px;font-size:38px}
.vg-svc .vg-sp{flex:1}
.vg-svc .vg-ic{fill:var(--ico);display:block;margin-bottom:10px}
.vg-svc .vg-bt{font-size:16px;font-weight:600;line-height:1.2}
.vg-svc .vg-detail{height:var(--vg-h);display:none;flex-direction:column}
.vg-svc .vg-detail.on{display:flex}
.vg-svc .vg-stage{position:relative;flex:1 1 auto;min-height:0;border-radius:20px;overflow:hidden;background:#fff}
.vg-svc .vg-stage::after{content:"";position:absolute;inset:0;z-index:5;border-radius:20px;padding:1.3px;pointer-events:none;
  background:linear-gradient(135deg,var(--c1),var(--acc));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.vg-svc .vg-track{display:flex;height:100%;will-change:transform;touch-action:pan-y}
.vg-svc .vg-slide{flex:0 0 100%;height:100%;display:flex;flex-direction:column;background:#fff;user-select:none}
.vg-svc .vg-band{position:relative;overflow:hidden;flex:0 0 38%;color:#fff;padding:20px 22px 18px;
  background:radial-gradient(140% 170% at 84% -25%,#2a44c0,#0a0e22 64%)}
.vg-svc .vg-bandbg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.vg-svc .vg-bandin{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}
.vg-svc .vg-brow{display:flex;justify-content:space-between;align-items:flex-start}
.vg-svc .vg-bnum{font-weight:800;line-height:.8;letter-spacing:1px;color:rgba(176,198,255,.36);font-size:46px}
.vg-svc .vg-bic{fill:#fff;width:40px;height:40px;opacity:.96;flex:0 0 auto}
.vg-svc .vg-bspacer{flex:1 1 auto}
.vg-svc .vg-btitle{font-size:23px;font-weight:500;line-height:1.2;letter-spacing:0;color:#fff}
.vg-svc .vg-body{flex:1 1 auto;min-height:0;background:#fff;padding:16px 22px 56px;color:#0A0D31;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.vg-svc .vg-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f6}
.vg-svc .vg-row:last-child{border-bottom:none}
.vg-svc .vg-check{flex:0 0 auto;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;margin-top:1px;
  background:#46b0ff;color:#fff;font-size:12px;font-weight:700}
.vg-svc .vg-row:nth-child(1) .vg-check{background:#46b0ff}
.vg-svc .vg-row:nth-child(2) .vg-check{background:#4396f5}
.vg-svc .vg-row:nth-child(3) .vg-check{background:#417bea}
.vg-svc .vg-row:nth-child(4) .vg-check{background:#3b46d6}
.vg-svc .vg-rowtxt{font-size:16px;color:#2a2b40;line-height:1.42}
.vg-svc .vg-ctaslide{justify-content:center;text-align:center}
.vg-svc .vg-ctatitle{font-size:19px;font-weight:700;margin-bottom:20px}
.vg-svc .vg-cta,.vg-svc .vg-ghost{display:block;width:100%;padding:15px;border-radius:13px;cursor:pointer;font-size:15px;font-weight:600;text-align:center}
.vg-svc .vg-cta{color:#fff!important;background:linear-gradient(120deg,var(--c1),var(--acc))!important;margin-bottom:11px}
.vg-svc .vg-ghost{color:#fff!important;background:#172150!important}
.vg-svc .vg-dots{position:absolute;z-index:4;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:7px}
.vg-svc .vg-dot{width:7px;height:7px;border-radius:50%;background:#c2c8e4;transition:.2s}
.vg-svc .vg-dot.on{background:#172150;width:20px;border-radius:4px}
.vg-svc .vg-chips{display:flex;gap:8px;padding:11px 2px 0}
.vg-svc .vg-chip{flex:1;border:1px solid #e7e8f2;border-radius:13px;padding:11px 4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.vg-svc .vg-chip:active{background:#f6f7ff}
.vg-svc .vg-chnum{font-weight:800;color:var(--lilac);line-height:.8;font-size:30px}
.vg-svc .vg-chip.vg-back{background:linear-gradient(120deg,var(--c1),var(--acc));border:none;color:#fff;font-size:22px}