/* Service purchase controls share the site's combobox behavior and form values. */
.service-options .service-select { position:relative; min-width:0; }
.service-options .service-select>select {
  position:absolute; width:1px; height:1px; min-height:0; margin:0; padding:0;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; opacity:0; pointer-events:none;
}
.service-select>.small { display:block; margin-bottom:7px; color:#c9d5e8; font-size:13px; font-weight:600; }
.service-options .service-select>.dropdown-trigger {
  width:100%; min-height:46px; padding:11px 14px; border:1px solid #304866;
  border-radius:11px; background:linear-gradient(180deg,#172b44,#112239);
  color:#edf4ff; text-align:left; box-shadow:inset 0 1px 0 #ffffff06;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  font:inherit; font-size:13px; font-weight:600; transition:border-color .16s,box-shadow .16s,background .16s;
}
.service-options .service-select>.dropdown-trigger:hover { border-color:#527cad; background:#1a314d; }
.service-options .service-select.is-open>.dropdown-trigger,
.service-options .service-select>.dropdown-trigger:focus-visible { outline:none; border-color:#609fff; box-shadow:0 0 0 3px #4d92ff20; }
.service-select-arrow { flex:0 0 7px; width:7px; height:7px; border-right:1.5px solid #9fb7d6; border-bottom:1.5px solid #9fb7d6; transform:rotate(45deg) translateY(-2px); transition:transform .16s; }
.service-select.is-open .service-select-arrow { transform:rotate(225deg) translate(-1px,-1px); }
.service-options .service-select .dropdown-menu { border-color:#365579; border-radius:12px; padding:5px; background:#112238; box-shadow:0 14px 32px #02091480; z-index:50; }
.service-options .service-select .dropdown-option { min-height:43px; padding:10px 12px; border-radius:8px; color:#c9d8ec; font-size:13px; }
.service-options .service-select .dropdown-option[aria-selected=true] { background:#347df522; color:#a9ceff; }
.service-options .service-select .dropdown-option:hover,
.service-options .service-select .dropdown-option.is-active { background:#367be831; color:#f2f7ff; }
.service-options .service-select .dropdown-check { color:#79b0ff; font-size:16px; }
.service-options .service-package { border:1px solid transparent; border-bottom-color:#263b55; border-radius:9px; padding:10px 9px; gap:11px; transition:background .16s,border-color .16s; }
.service-options .service-package:hover { background:#6e9ada0b; }
.service-options .service-package:has(>input:checked) { background:linear-gradient(90deg,#367ee51c,#367ee507); border-color:#3f77b64d; }
.service-options .service-package>input {
  appearance:none; -webkit-appearance:none; box-sizing:border-box; position:relative;
  display:grid; place-content:center; flex:0 0 20px; width:20px; height:20px; min-height:20px;
  padding:0; margin:0; border:1.5px solid #526d90; border-radius:6px; background:#0b1b2e;
  cursor:pointer; box-shadow:inset 0 1px 3px #0003; transition:border-color .16s,background .16s,box-shadow .16s;
}
.service-options .service-package>input[type=radio] { border-radius:50%; }
.service-options .service-package>input:checked { border-color:#73b0ff; background:linear-gradient(145deg,#4d99ff,#2769dc); box-shadow:0 0 0 3px #448bf21c,inset 0 1px 0 #ffffff25; }
.service-options .service-package>input:checked::after { content:''; width:8px; height:5px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-1px) rotate(-45deg); }
.service-options .service-package>input:focus-visible { outline:2px solid #b0d4ff; outline-offset:3px; }
.service-options .service-package>input:disabled { opacity:.45; cursor:not-allowed; }
.service-options .service-package>span { color:#e3edfc; font-weight:600; }
.service-options .service-package:has(>input:checked)>small { color:#b4d4ff; }
@media(prefers-reduced-motion:reduce) { .service-options .service-package,.service-options .service-package>input,.service-options .service-select>.dropdown-trigger,.service-select-arrow { transition:none; } }