/* VSAT result page — simple and sober. Scoped to .vsi-vsat-search so it does not affect the theme */
.vsi-vsat-search{--vv-navy:#15294A;--vv-red:#C8202A;--vv-wa:#1E9E50;--vv-ink:#1F2937;--vv-muted:#5E6B7E;--vv-line:#DCE3EE;--vv-tile:#F1F5FA;
  box-sizing:border-box;position:relative;margin:24px auto;padding:32px 16px 40px;border-radius:12px;background:var(--vv-bg);font-size:16px;line-height:1.5;color:var(--vv-ink)}
.vsi-vsat-search.vv-full{width:calc(100vw - var(--vv-sbw,0px))!important;max-width:none!important;margin-left:calc(50% - 50vw + var(--vv-sbw,0px) / 2)!important;margin-right:calc(50% - 50vw + var(--vv-sbw,0px) / 2)!important;border-radius:0;padding:40px 16px 48px}
.vsi-vsat-search *{box-sizing:border-box}
.vsi-vsat-search svg{width:18px;height:18px;flex:0 0 auto}
.vsi-vsat-search{overflow:hidden;isolation:isolate}
.vsi-vsat-search .vv-wrap{position:relative;max-width:760px;margin:0 auto}
/* background choices (setting: Page background) */
.vsi-vsat-search{--vv-bg:radial-gradient(700px 380px at 0% 0%,#DCE8FB 0%,transparent 70%),radial-gradient(700px 380px at 100% 100%,#FBE3E4 0%,transparent 70%),radial-gradient(500px 300px at 100% 0%,#FFF1CF 0%,transparent 65%),#F3F6FB}
.vsi-vsat-search.vv-bg-sky{--vv-bg:linear-gradient(180deg,#DCEBFF 0%,#EEF5FF 45%,#F8FBFF 100%)}
.vsi-vsat-search.vv-bg-mint{--vv-bg:radial-gradient(800px 400px at 0% 0%,#D4F2E6 0%,transparent 70%),radial-gradient(700px 380px at 100% 100%,#DDF0FA 0%,transparent 70%),#F2FAF7}
.vsi-vsat-search.vv-bg-cream{--vv-bg:radial-gradient(800px 400px at 0% 0%,#FFEBC7 0%,transparent 70%),radial-gradient(700px 380px at 100% 100%,#FDE1D6 0%,transparent 70%),#FFF8EE}
.vsi-vsat-search.vv-bg-lavender{--vv-bg:radial-gradient(800px 400px at 0% 0%,#E4DCFA 0%,transparent 70%),radial-gradient(700px 380px at 100% 100%,#DCE8FB 0%,transparent 70%),#F6F3FD}
.vsi-vsat-search.vv-bg-rose{--vv-bg:radial-gradient(800px 400px at 0% 0%,#FBDDE0 0%,transparent 70%),radial-gradient(700px 380px at 100% 100%,#FFEBD3 0%,transparent 70%),#FFF6F5}
.vsi-vsat-search.vv-bg-navy{--vv-bg:radial-gradient(900px 420px at 0% 0%,#2A4C8A 0%,transparent 70%),radial-gradient(800px 420px at 100% 100%,#5C1E33 0%,transparent 70%),#15294A}
.vsi-vsat-search.vv-bg-navy .vv-hero h3{color:#fff}
.vsi-vsat-search.vv-bg-navy .vv-hero p{color:rgba(255,255,255,.82)}
.vsi-vsat-search.vv-bg-navy .vv-badge{color:#FFC94D}
.vsi-vsat-search.vv-bg-navy .vv-logo{border-color:transparent}
.vsi-vsat-search.vv-bg-navy .vv-d{color:#fff!important;opacity:.14!important}
.vsi-vsat-search.vv-bg-navy .vv-d:nth-child(4n+2){color:#FFC94D!important;opacity:.2!important}
.vsi-vsat-search.vv-bg-white{--vv-bg:#FFFFFF}
/* faint, still education symbols in the side margins */
.vsi-vsat-search .vv-deco{position:absolute;inset:0;z-index:-1;pointer-events:none}
.vsi-vsat-search .vv-d{position:absolute;color:#1F4E9A;opacity:.22;line-height:1;user-select:none}
.vsi-vsat-search .vv-d:nth-child(5n+1){color:#1F4E9A}
.vsi-vsat-search .vv-d:nth-child(5n+2){color:#D7262E;opacity:.2}
.vsi-vsat-search .vv-d:nth-child(5n+3){color:#1E9E50;opacity:.2}
.vsi-vsat-search .vv-d:nth-child(5n+4){color:#E39B00;opacity:.26}
.vsi-vsat-search .vv-d:nth-child(5n){color:#7B4FC9;opacity:.2}
.vsi-vsat-search .vv-dt{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:600;white-space:nowrap}
.vsi-vsat-search .vv-ds svg{display:block;width:100%;height:auto}
@media (max-width:1100px){.vsi-vsat-search .vv-deco{opacity:.7}}
@media (max-width:820px){.vsi-vsat-search .vv-deco{display:none}}
/* header */
.vsi-vsat-search .vv-logo{background:#fff;border:1px solid var(--vv-line);border-radius:12px;padding:10px 14px;margin:0 0 22px;text-align:center;box-shadow:0 6px 18px rgba(21,41,74,.08)}
.vsi-vsat-search .vv-logo img{display:block;width:100%;height:auto;max-height:140px;object-fit:contain;margin:0 auto}
.vsi-vsat-search .vv-logo img.vv-logo-fb{max-height:72px;max-width:400px}
.vsi-vsat-search .vv-hero{text-align:center;margin:0 0 18px}
.vsi-vsat-search .vv-badge{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vv-red)}
.vsi-vsat-search .vv-hero h3::after{content:"";display:block;width:64px;height:4px;margin:10px auto 0;border-radius:4px;background:linear-gradient(90deg,#D7262E,#E39B00)}
.vsi-vsat-search .vv-hero h3{font-weight:700;letter-spacing:0;margin:6px 0 6px;font-size:clamp(26px,4.5vw,34px);line-height:1.2;color:var(--vv-navy)}
.vsi-vsat-search .vv-hero p{margin:0 auto;max-width:540px;color:var(--vv-muted);font-size:15.5px}
/* card */
.vsi-vsat-search .vv-box{position:relative;overflow:hidden;background:#fff;border:1px solid var(--vv-line);border-radius:12px;padding:28px 24px 24px;box-shadow:0 10px 30px rgba(21,41,74,.10)}
.vsi-vsat-search .vv-box::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#15294A,#1F4E9A 40%,#D7262E 75%,#E39B00)}
.vsi-vsat-search .vv-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.vsi-vsat-search .vv-f{flex:1 1 220px;display:flex;flex-direction:column;gap:6px;margin:0}
.vsi-vsat-search .vv-f.vv-wide{flex-basis:100%}
.vsi-vsat-search .vv-f span{font-size:13.5px;font-weight:600;color:var(--vv-navy)}
.vsi-vsat-search .vv-f input{width:100%;height:50px;padding:0 14px;font-size:16px;border:1.5px solid #C9D3E1;border-radius:8px;background:#fff;color:var(--vv-ink);margin:0}
.vsi-vsat-search .vv-f input:focus{outline:none;border-color:var(--vv-navy);box-shadow:0 0 0 3px rgba(21,41,74,.12)}
.vsi-vsat-search .vv-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border:0;border-radius:8px;background:var(--vv-red);color:#fff!important;font-size:15.5px;font-weight:700;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.vsi-vsat-search .vv-btn:hover{background:#A91B23}
.vsi-vsat-search .vv-btn:disabled{opacity:.7;cursor:wait}
.vsi-vsat-search .vv-form .vv-btn{height:50px;flex:0 0 auto;min-width:160px}
.vsi-vsat-search .vv-btn.ghost{background:#fff;color:var(--vv-navy)!important;border:1.5px solid var(--vv-navy)}
.vsi-vsat-search .vv-btn.ghost:hover{background:var(--vv-tile)}
.vsi-vsat-search .vv-out{margin-top:18px}
.vsi-vsat-search .vv-msg{padding:12px 14px;border-radius:8px;background:var(--vv-tile);color:var(--vv-navy);font-size:15px}
.vsi-vsat-search .vv-msg.warn{background:#FFF4E5;color:#7A4A00}
/* call & whatsapp */
.vsi-vsat-search .vv-helpbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--vv-line)}
.vsi-vsat-search .vv-helpbar p{margin:0;font-size:14px;color:var(--vv-muted);flex:1 1 200px}
.vsi-vsat-search .vv-contact{display:flex;flex-wrap:wrap;gap:10px}
.vsi-vsat-search .vv-cbtn{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:8px;color:#fff!important;text-decoration:none!important;font-weight:700;font-size:15px;line-height:1.15}
.vsi-vsat-search .vv-cbtn svg{width:30px;height:30px;padding:6px;border-radius:50%;background:rgba(255,255,255,.18)}
.vsi-vsat-search .vv-cbtn small{display:block;font-size:11px;font-weight:600;opacity:.9;letter-spacing:.04em;text-transform:uppercase}
.vsi-vsat-search .vv-cbtn.vv-call{background:var(--vv-navy)}
.vsi-vsat-search .vv-cbtn.vv-call:hover{background:#0E1D37}
.vsi-vsat-search .vv-cbtn.vv-wa{background:var(--vv-wa)}
.vsi-vsat-search .vv-cbtn.vv-wa:hover{background:#178543}
.vsi-vsat-search .vv-float{position:fixed;right:16px;bottom:16px;z-index:9999;display:flex;flex-direction:column;gap:8px}
.vsi-vsat-search .vv-fb{display:flex;align-items:center;gap:8px;padding:10px 14px 10px 10px;border-radius:999px;color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.vsi-vsat-search .vv-fb svg{width:22px;height:22px}
.vsi-vsat-search .vv-fb.vv-call{background:var(--vv-navy)}
.vsi-vsat-search .vv-fb.vv-wa{background:var(--vv-wa)}
/* result */
.vsi-vsat-search .vv-count{margin:0 0 10px;font-size:14px;color:var(--vv-muted)}
.vsi-vsat-search .vv-card{border:1px solid var(--vv-line);border-left:4px solid var(--vv-red);border-radius:10px;padding:18px;margin:0 0 14px;background:#fff;scroll-margin-top:90px}
.vsi-vsat-search .vv-tag{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vv-red)}
.vsi-vsat-search .vv-card h4{font-weight:700;letter-spacing:0;margin:2px 0 2px;font-size:21px;color:var(--vv-navy)}
.vsi-vsat-search .vv-card-h p{margin:0;font-size:14px;color:var(--vv-muted)}
.vsi-vsat-search .vv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.vsi-vsat-search .vv-kpis div{background:#EAF1FC;border-radius:8px;padding:10px 12px}
.vsi-vsat-search .vv-kpis span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;color:var(--vv-muted)}
.vsi-vsat-search .vv-kpis b{display:block;white-space:nowrap;font-weight:700;font-size:26px;color:var(--vv-navy);font-variant-numeric:tabular-nums}
.vsi-vsat-search .vv-kpis small{font-size:13px;color:var(--vv-muted);font-weight:400}
.vsi-vsat-search .vv-kpis.vv-two{grid-template-columns:1fr 1.4fr}
.vsi-vsat-search .vv-kpis.vv-one{grid-template-columns:1fr}
.vsi-vsat-search .vv-kpis.vv-one b{font-size:34px}
.vsi-vsat-search .vv-kpis .vv-sch{background:linear-gradient(135deg,#FFF6DD,#FDE8E9);border:1px solid #F3D2A6}
.vsi-vsat-search .vv-kpis .vv-sch b{color:var(--vv-red)}
.vsi-vsat-search .vv-kpis .vv-sch small{display:block;font-size:12.5px;color:var(--vv-navy);font-weight:600}
.vsi-vsat-search .vv-kpis.vv-abs{grid-template-columns:auto 1fr;align-items:center}
.vsi-vsat-search .vv-kpis.vv-abs b{color:#B42318}
.vsi-vsat-search .vv-kpis .vv-abs-note{background:none;padding:0 4px;font-size:14px;color:var(--vv-muted)}
.vsi-vsat-search .vv-congrats{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--vv-navy)}
.vsi-vsat-search .vv-congrats span{display:block;margin-top:4px;font-size:13px;font-weight:400;color:var(--vv-muted)}
.vsi-vsat-search .vv-branch{border-top:1px solid var(--vv-line);margin:4px 0 14px;padding-top:12px}
.vsi-vsat-search .vv-branch-h{margin:0 0 10px;font-size:14.5px;font-weight:600;color:var(--vv-ink)}
.vsi-vsat-search .vv-branch-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vsi-vsat-search .vv-branch-g>div{background:var(--vv-tile);border-radius:8px;padding:10px 12px}
.vsi-vsat-search .vv-branch-g b{color:var(--vv-red);font-size:14px;font-weight:700}
.vsi-vsat-search .vv-branch-g span{font-size:12px;color:var(--vv-muted)}
.vsi-vsat-search .vv-branch-g p{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--vv-ink)}
.vsi-vsat-search .vv-branch-g p.vv-ph{display:flex;align-items:center;gap:8px;margin-top:8px}
.vsi-vsat-search .vv-tel{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:6px;background:var(--vv-navy);color:#fff!important;font-weight:700;font-size:13.5px;text-decoration:none!important}
.vsi-vsat-search .vv-tel svg{width:15px;height:15px}
.vsi-vsat-search .vv-tel.vv-tel-wa{background:var(--vv-wa);padding:5px 8px}
.vsi-vsat-search .vv-actions{display:flex;flex-wrap:wrap;gap:10px}
.vsi-vsat-search .vv-wait{font-size:14px;color:var(--vv-muted)}
/* phones */
@media (max-width:600px){
  .vsi-vsat-search{padding:24px 12px 32px}
  .vsi-vsat-search.vv-full{padding:24px 12px 84px}
  .vsi-vsat-search .vv-box{padding:18px 14px}
  .vsi-vsat-search .vv-form .vv-btn{width:100%}
  .vsi-vsat-search .vv-branch-g{grid-template-columns:1fr}
  .vsi-vsat-search .vv-kpis{gap:6px}
  .vsi-vsat-search .vv-kpis div{padding:8px 9px}
  .vsi-vsat-search .vv-kpis b{font-size:20px}
  .vsi-vsat-search .vv-kpis small{font-size:11px}
  .vsi-vsat-search .vv-actions .vv-btn{flex:1 1 100%}
  .vsi-vsat-search .vv-contact{width:100%}
  .vsi-vsat-search .vv-cbtn{flex:1 1 100%;white-space:nowrap}
  .vsi-vsat-search .vv-float{right:12px;bottom:12px;flex-direction:row}
  .vsi-vsat-search .vv-fb span{display:none}
  .vsi-vsat-search .vv-fb{padding:12px}
}
.vsi-vsat-search.vv-bg-navy .vv-fb.vv-call{background:var(--vv-red)}
.vsi-vsat-search.vv-bg-navy .vv-fb{box-shadow:0 4px 14px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.85)}
