/* bio.niveshsahayak.in: extra styles on top of the shared site.css (phone previews, try-it form) */
.phones{position:relative;height:clamp(380px,46vw,560px)}
.ph{position:absolute;width:clamp(150px,17vw,230px)}.ph .phone{width:100%}
.ph0{left:4%;top:8%;transform:rotate(-7deg)}.ph1{left:34%;top:0;z-index:2}.ph2{right:2%;top:10%;transform:rotate(6deg)}
@media (max-width:920px){.phones{max-width:520px;margin:0 auto;width:100%;height:clamp(300px,90vw,480px)}.ph{width:34%}}
.phone{display:block;border-radius:28px;border:8px solid #111;background:#111;overflow:hidden;box-shadow:var(--sh)}
.phone img{display:block;width:100%;height:auto;border-radius:20px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px}
.bcard{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:start;background:var(--s1);border:1px solid var(--line);border-radius:22px;padding:18px;transition:transform .25s,box-shadow .25s}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.bcard .phone{border-width:5px;border-radius:20px}.bcard .phone img{border-radius:14px}
.bcard .dbody{padding:0}.bcard .dact{flex-direction:column;align-items:stretch}
@media (max-width:400px){.bcard{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:14px}.bcard .dact .btn{white-space:normal;text-align:center;min-height:44px;padding:8px 12px}}
/* try page */
.tight-b{padding-bottom:0}
.tgrid2{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:36px;align-items:start}
@media (max-width:980px){.tgrid2{grid-template-columns:1fr}}
.tform{display:grid;gap:18px;min-width:0}
.tform fieldset{border:1px solid var(--line);border-radius:18px;padding:16px 18px 18px;margin:0;display:grid;gap:12px;background:var(--s1);min-width:0}
.tform legend{font:700 17px Figtree,sans-serif;padding:0 6px}
.tform label{display:grid;gap:6px;font-weight:600;font-size:15px}.tform label small{font-weight:500;color:var(--mut)}
.tform input:not([type=radio]):not([type=file]),.tform select,.tform textarea{font:16px/1.4 Figtree,sans-serif;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 13px;min-height:46px;width:100%;min-width:0}
.tform input:focus,.tform select:focus,.tform textarea:focus{border-color:var(--p);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 25%,transparent)}
.tform [aria-invalid=true]{border-color:#DC2626!important}
.trow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pic{display:flex;gap:16px;align-items:center}
.picbox{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--s2);border:1px dashed var(--line);overflow:hidden;flex:none;color:var(--mut)}
.picbox img{width:100%;height:100%;object-fit:cover}.picbox .ic{width:30px;height:30px}
.pic>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pic .hint{flex-basis:100%}
.filebtn{position:relative;overflow:hidden;display:inline-flex!important;grid-auto-flow:column}
.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.filebtn:focus-within{outline:3px solid var(--a);outline-offset:2px}
.hint{font-size:14px;color:var(--mut);margin:0}
.links{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.links li{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:14px;background:var(--s2)}
@media (max-width:600px){.links li{grid-template-columns:1fr auto}.links li [name=lu]{grid-column:1;grid-row:2}.links li .lact{grid-row:1/3;grid-column:2;flex-direction:column}}
.lact{display:flex;gap:6px}.ib.sm{width:40px;height:40px}
.socf{display:grid;grid-template-columns:150px 1fr;gap:10px 12px;align-items:center}
@media (max-width:520px){.socf{grid-template-columns:1fr;gap:4px}.socf input{margin-bottom:8px}}
.order .opt{display:flex;gap:10px;align-items:flex-start;font-weight:500}.order .opt input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--p)}
.order .opt small{display:block;color:var(--mut)}.order .btn.wa{width:100%}.order .link{justify-self:start;font-size:15px}
.tprev{position:sticky;top:90px;display:grid;gap:10px;justify-items:center}
.tphone{width:min(100%,390px);aspect-ratio:390/780;max-height:calc(100dvh - 140px);border-radius:40px;border:12px solid #111;background:#111;overflow:hidden;box-shadow:var(--sh)}
.tphone iframe{width:100%;height:100%;border:0;border-radius:28px;background:#fff;display:block}
@media (max-width:980px){.tprev{position:static}.tphone{max-height:none}}
.jump{display:none}
@media (max-width:980px){.jump{display:inline-flex;position:fixed;right:16px;bottom:16px;z-index:30;box-shadow:var(--sh)}}
.vgrp.sws{display:inline-flex}
