.vsd-5102 .vsd-element.vsd-element-56ce150{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.vsd-5102 .vsd-element.vsd-element-36cfe63 > .vsd-widget-container{margin:0em 0em -2em 0em;}.vsd-5102 .vsd-element.vsd-element-36cfe63.vsd-element{--align-self:flex-start;}.vsd-5102 .vsd-element.vsd-element-36cfe63{z-index:2;}/* Start custom CSS for html, class: .vsd-element-36cfe63 */.lang-switch{
  display:flex;
  justify-content:flex-end;
}

.lang-toggle{
  display:inline-flex;
  background:#1a1f27;
  border:2px solid var(--line);
  border-radius:999px;
  padding:.25rem;
  gap:.25rem;
}

.lang-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:.9rem;
  font-weight:600;
  padding:.35rem .8rem;
  border-radius:999px;
  cursor:pointer;
  transition:background .15s,color .15s,box-shadow .15s;
}

.lang-btn.is-active{
  color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 4px 14px rgba(0,0,0,.35);
}

.lang-btn:not(.is-active):hover{
  color:var(--text);
  background:#038AFF;
}


.lang-btn.is-active{
  color:#fff;
  background:linear-gradient(135deg,#038aff,#06b7fb);
  box-shadow:0 4px 14px rgba(0,0,0,.35);
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-a9165b8 *//* UX-first, high-contrast dark UI – only CSS, Elementor-safe */

:root{
  --panel:#1a1f27;
  --panel-2:#202734;
  --line:#3a465a;
  --text:#f2f5f9;
  --muted:#b6c0d1;

  --accent:#4f8cff;
  --accent2:#00e0b8;

  --radius:1rem;
}

/* container */
.calc-wrap{
  max-width:100%;
  padding:0;
  margin:0;
  color:var(--text);
  font-family:Inter,system-ui,Arial;
}

/* main card */
.calc-card{
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
  border:2px solid var(--line);
  border-radius:var(--radius);
  padding:1.5rem;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

/* grid */
.calc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
}

/* labels */
.calc-card label{
  font-size:1rem;
  color:var(--muted);
  display:flex;
  flex-direction:column;
  gap:.5rem;
}

/* inputs */
.calc-card select,
.calc-card input[type=number]{
  font-size:1.05rem;
  background:#121720;
  color:var(--text);
  border:2px solid var(--line);
  border-radius:.7rem;
  padding:.75rem .85rem;
  outline:none;
  min-height:3rem;
}

.calc-card select:focus,
.calc-card input:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 .2rem rgba(79,140,255,.18);
}

/* divider */
.calc-card hr{
  border:none;
  border-top:2px solid var(--line);
  margin:1.5rem 0;
}

/* addons grid */
.calc-addons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}

/* checkbox cards */
.calc-chk{
  background:#151b25;
  border:2px solid var(--line);
  border-radius:.8rem;
  padding:1rem .9rem;
  display:flex;
  align-items:center;
  gap:.75rem;
  cursor:pointer;
  color:var(--text);
  font-size:1.05rem;
  line-height:1.3;
  transition:border-color .15s, box-shadow .15s, background .15s;
}

.calc-chk:hover{
  border-color:var(--accent);
  box-shadow:0 0 0 .15rem rgba(79,140,255,.12);
  background:#182030;
}

.calc-chk input{
  appearance:none;
  width:1.25rem;
  height:1.25rem;
  border-radius:.35rem;
  border:2px solid #51607a;
  background:#0d1118;
  flex:0 0 auto;
  position:relative;
}

/* ONLY CHANGE: checkbox checked gradient */
.calc-chk input:checked{
  background:linear-gradient(135deg,#038aff,#06b7fb);
  border-color:transparent;
}

/* total box */
.calc-totalBox{
  margin-top:1.75rem;
  padding:1.25rem 1.25rem;
  border-radius:1rem;
  background:linear-gradient(135deg,#1a2231,#141b28);
  border:2px solid #4b5a73;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}

/* left info */
.calc-totalBox > div:first-child{
  font-size:1rem;
  color:var(--muted);
}

/* ONLY CHANGE: price gradient */
.calc-total{
  font-size:2.1rem;
  font-weight:700;
  letter-spacing:.02em;
  background:linear-gradient(90deg,#038aff,#06b7fb);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* note */
.calc-note{
  margin-top:.35rem;
  font-size:.9rem;
  color:#9fb0c9;
}

/* responsive */
@media(max-width:48rem){
  .calc-grid,
  .calc-addons{
    grid-template-columns:1fr;
  }

  .calc-total{
    font-size:1.9rem;
  }
}

/* small helper styles – extracted from JS */
.vc-num{width:4.5rem;margin-left:auto}
.vc-num-wide{width:6rem;margin-left:auto}

/* budget input wider – patch only */
#videoCalc #vc_budget{
  width:9rem !important;
}

/* widen only the small numeric controls (operators / tripod / gimbal) */
#videoCalc .calc-chk input[type="number"]{
  width:5.25rem !important;
}

/* spacing tweak */
#videoCalc hr{
  margin-top:1.25rem !important;
  margin-bottom:1.6rem !important;
}/* End custom CSS */