/* ============================================================
   APEX nova way — Auto delivery calculator (dark theme)
   Matches the Figma mockups: dark surfaces, custom dropdowns,
   orange accents, blue field borders.
   ============================================================ */

.lac-app [hidden],
.lac-modal[hidden],
.lac-modal [hidden] { display: none !important; }

/* Scoped resets */
.lac-app, .lac-app *, .lac-app *::before, .lac-app *::after,
.lac-modal, .lac-modal *, .lac-modal *::before, .lac-modal *::after {
  box-sizing: border-box;
  line-height: 1.4;
}

.lac-app, .lac-modal {
  --lac-bg: #0b0f17;          /* page-level near-black */
  --lac-surface: #161c2b;     /* dark blue surface */
  --lac-surface-2: #1A2126;   /* darker inner */
  --lac-fg: #ffffff;
  --lac-muted: #9aa6bd;
  --lac-border: #4162A3;      /* blue field border */
  --lac-border-soft: #283450;
  --lac-accent: #E06536;      /* orange */
  --lac-accent-d: #e23c1f;
  --lac-blue: #4063a8;
  --lac-blue-text: #4063a8;
  --lac-ok: #2e9e5b;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.lac-app {
  width: 100%;
  max-width: 100%;
  margin: 0;
  color: var(--lac-fg);
  background: #12171B;
  border-radius: 0;
  padding: 26px;
}

/* ---------- Head ---------- */
.lac-card-wrap{display:flex;flex-direction:column;gap:12px;}
.lac-head {
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding:0 32px;
  flex:1;
}
.lac-title {
  margin: 0;
  font-size: 44px;
  font-weight: normal;
  letter-spacing: -.02em;
  color: #fff;
}
.lac-head__actions { display: flex; gap: 12px; flex: 0 0 auto; }
.lac-clear {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border: 1px solid #313D45;
  background: #0B0C0E;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
  padding: 16px;
  transition: border-color .15s, background .15s;
}
.lac-clear::before {
  content: "";
  width: 24px; height: 24px;
  background: currentColor;
  -webkit-mask: no-repeat center / contain;
  mask: no-repeat center / contain;
}
.lac-clear[data-action="clear"]::before {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.2499 6.74988L18.906 19.6752C18.863 20.0401 18.6876 20.3766 18.413 20.6208C18.1384 20.865 17.7837 20.9999 17.4163 20.9999H6.58394C6.21648 20.9999 5.8618 20.865 5.58721 20.6208C5.31261 20.3766 5.1372 20.0401 5.09425 19.6752L3.74988 6.74988" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.7501 2.99994H2.25012C1.83591 2.99994 1.50012 3.33573 1.50012 3.74994V5.99994C1.50012 6.41415 1.83591 6.74994 2.25012 6.74994H21.7501C22.1643 6.74994 22.5001 6.41415 22.5001 5.99994V3.74994C22.5001 3.33573 22.1643 2.99994 21.7501 2.99994Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.625 11.2499L9.375 16.4999" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.625 16.4999L9.375 11.2499" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.2499 6.74988L18.906 19.6752C18.863 20.0401 18.6876 20.3766 18.413 20.6208C18.1384 20.865 17.7837 20.9999 17.4163 20.9999H6.58394C6.21648 20.9999 5.8618 20.865 5.58721 20.6208C5.31261 20.3766 5.1372 20.0401 5.09425 19.6752L3.74988 6.74988" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.7501 2.99994H2.25012C1.83591 2.99994 1.50012 3.33573 1.50012 3.74994V5.99994C1.50012 6.41415 1.83591 6.74994 2.25012 6.74994H21.7501C22.1643 6.74994 22.5001 6.41415 22.5001 5.99994V3.74994C22.5001 3.33573 22.1643 2.99994 21.7501 2.99994Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.625 11.2499L9.375 16.4999" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.625 16.4999L9.375 11.2499" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.lac-clear--recalc::before {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 12C22 17.52 17.52 22 12 22C6.48 22 3.11 16.44 3.11 16.44M3.11 21.44V16.44H7.63M2 12C2 6.48 6.44 2 12 2C18.67 2 22 7.56 22 7.56M17.56 7.56H22V2.56" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 12C22 17.52 17.52 22 12 22C6.48 22 3.11 16.44 3.11 16.44M3.11 21.44V16.44H7.63M2 12C2 6.48 6.44 2 12 2C18.67 2 22 7.56 22 7.56M17.56 7.56H22V2.56" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.lac-clear:hover { border-color: var(--lac-accent); background: var(--lac-accent); }

/* ---------- Top block: vehicle card (left) + info sections (right) ---------- */
.lac-top {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 32px;
}
/* Left vehicle card: 2-column grid of fields */
.lac-card {
  background: #000000;
  padding: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-content: start;
}
/* Right info column with orange-titled sections */
.lac-info {
  display: flex;
  flex-direction: column;
  gap: 18px;
  background:#000;
  padding:32px;
}
.lac-section { display: flex; flex-direction: column; gap: 10px;position:relative; }

/* Bottom results: two columns of priced rows */
.lac-results {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-content: start;
  padding:32px;
  background:#000;
}
.lac-results__col { display: flex; flex-direction: column; gap: 16px; }

.lac-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.lac-field label {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

/* Native inputs (number/text) — dark field with blue border */
.lac-field input {
  appearance: none;
  width: 100%;
  padding: 16px 18px;
  font-size: 16px;
  color: #fff !important;
  background: var(--lac-surface-2);
  border: 1px solid var(--lac-border);
  border-radius: 0;
  transition: border-color .15s, box-shadow .15s;
}
.lac-field input::placeholder { color: var(--lac-muted) !important; }
.lac-field input:focus {
  outline: none;
  border-color: var(--lac-accent) !important;
  background: var(--lac-surface-2) !important;
  box-shadow: 0 0 0 3px rgba(250,71,41,.15) !important;
}
.lac-field input:focus::placeholder { color: var(--lac-muted) !important; opacity: 1; }
.lac-field input:disabled { background: var(--lac-surface-2) !important; color: var(--lac-muted)!important; cursor: not-allowed; opacity:.75}

/* Number spinners forced on */
/*.lac-field input[type="number"] {
  -moz-appearance: number-input !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}
.lac-field input[type="number"]::-webkit-outer-spin-button,
.lac-field input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button !important;
  appearance: auto !important;
  opacity: 1 !important;
}*/

.lac-hint { font-size: 12px; color: var(--lac-muted); }
.lac-hint--lock { color: red; font-weight: 600;position:absolute;    top: -18px;
    padding: 0 16px; }

/* Port segmented control styled as a field */
.lac-field--seg { gap: 8px; }
.lac-seg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.lac-seg button {
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 600;
  color: var(--lac-muted);
  background: var(--lac-surface-2);
  border: 1px solid var(--lac-border);
  border-radius: 12px;
  cursor: pointer;
  transition: all .15s;
}
.lac-seg button.is-active {
  color: #fff;
  border-color: var(--lac-accent);
  background: rgba(250,71,41,.1);
}

/* ---------- Custom dropdown ---------- */
.lac-dd { position: relative; width: 100%; }
.lac-dd__native {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  border: 0;
}
.lac-dd__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 16px 18px;
  font-size: 16px;
  color: #fff;
  background: var(--lac-surface-2);
  border: 1px solid var(--lac-border);
  border-radius: 0px;
  cursor: pointer;
  text-align: left;
  transition: border-color .15s;
}
.lac-dd.is-open .lac-dd__trigger { border-bottom-color:transparent; }
.lac-dd.is-disabled .lac-dd__trigger {
  background: var(--lac-surface-2);
  color: var(--lac-muted);
  cursor: not-allowed;
  opacity:.75;
}
.lac-dd__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lac-dd.is-placeholder .lac-dd__value { color: var(--lac-muted); }

/* chevron in a rounded square */
.lac-dd__arrow {
  flex: 0 0 auto;
  width: 18px; height: 18px;
  border: 2px solid #fff;
  border-radius: 6px;
  position: relative;
  transition: transform .2s, border-color .15s;
}
.lac-dd__arrow::after {
  content: "";
  position: absolute;
  left: 50%; top: 47%;
  width: 6px; height: 6px;
  border-radius:1px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translate(-50%,-60%) rotate(45deg);
}
.lac-dd.is-open .lac-dd__arrow { transform: rotate(180deg); border-color: #fff; }

.lac-app .select_container::before,
.lac-app .select_container::after{display:none}

/* dropdown panel */
.lac-dd__panel {
  position: absolute;
  z-index: 50;
  top: 100%;
  left: 0; right: 0;
  background: var(--lac-surface-2);
  border: 1px solid var(--lac-border);
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(0,0,0,.5);
}
.lac-dd__search {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--lac-border);
  padding: 0 16px;
}
.lac-dd__search-icon {
  width: 20px; height: 20px;
  flex: 0 0 auto;
  background: var(--lac-accent);
  -webkit-mask: no-repeat center / contain;
  mask: no-repeat center / contain;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.75 0C15.1348 0 19.5 4.36522 19.5 9.75C19.5 12.1723 18.6135 14.3857 17.1514 16.0908L20.2803 19.2197C20.5732 19.5126 20.5732 19.9874 20.2803 20.2803C19.9874 20.5732 19.5126 20.5732 19.2197 20.2803L16.0908 17.1514C14.3857 18.6135 12.1723 19.5 9.75 19.5C4.36522 19.5 0 15.1348 0 9.75C0 4.36522 4.36522 0 9.75 0ZM9.75 1.5C5.19365 1.5 1.5 5.19365 1.5 9.75C1.5 14.3063 5.19365 18 9.75 18C14.3063 18 18 14.3063 18 9.75C18 5.19365 14.3063 1.5 9.75 1.5Z" fill="%23E06536"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.75 0C15.1348 0 19.5 4.36522 19.5 9.75C19.5 12.1723 18.6135 14.3857 17.1514 16.0908L20.2803 19.2197C20.5732 19.5126 20.5732 19.9874 20.2803 20.2803C19.9874 20.5732 19.5126 20.5732 19.2197 20.2803L16.0908 17.1514C14.3857 18.6135 12.1723 19.5 9.75 19.5C4.36522 19.5 0 15.1348 0 9.75C0 4.36522 4.36522 0 9.75 0ZM9.75 1.5C5.19365 1.5 1.5 5.19365 1.5 9.75C1.5 14.3063 5.19365 18 9.75 18C14.3063 18 18 14.3063 18 9.75C18 5.19365 14.3063 1.5 9.75 1.5Z" fill="%23E06536"/></svg>');
}
.lac-dd__search-input {
  flex: 1 1 auto;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 16px;
  padding: 16px 12px;
  outline: none;
  border-color:transparent !important;
}
.lac-field input.lac-dd__search-input {border-color:transparent !important;box-shadow:none !important}
.lac-dd__list { max-height: 280px; overflow-y: auto; }
.lac-dd__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  cursor: pointer;
  border-bottom: 1px solid var(--lac-border);
  color: #fff;
  font-size: 16px;
  font-weight:500;
  transition: background .12s;
}
.lac-dd__item:last-child { border-bottom: 0; }
.lac-dd__item:hover { background: rgba(255,255,255,.04); }
.lac-dd__item.is-selected { background: #000; }
.lac-dd__check {
  flex: 0 0 auto;
 
  position: relative;
}
.lac-dd__item.is-selected .lac-dd__check {
   width: 24px; height: 24px;
}
.lac-dd__item.is-selected .lac-dd__check::after {
  content: "";
  position: absolute;
  left: 0px; top: 0px;
  width:100%; height: 100%;
  background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_287_170)"><path d="M9.70994 11.29C9.52164 11.1017 9.26624 10.9959 8.99994 10.9959C8.73364 10.9959 8.47825 11.1017 8.28994 11.29C8.10164 11.4783 7.99585 11.7337 7.99585 12C7.99585 12.2663 8.10164 12.5217 8.28994 12.71L11.2899 15.71C11.3834 15.8027 11.4942 15.876 11.616 15.9258C11.7379 15.9755 11.8683 16.0008 11.9999 16C12.1368 15.9956 12.2714 15.9632 12.3952 15.9047C12.5191 15.8463 12.6296 15.763 12.7199 15.66L19.7199 7.65999C19.8816 7.45932 19.9595 7.204 19.9375 6.94728C19.9155 6.69055 19.7952 6.45223 19.6018 6.282C19.4083 6.11178 19.1567 6.02279 18.8992 6.0336C18.6418 6.0444 18.3984 6.15416 18.2199 6.33999L11.9999 13.54L9.70994 11.29Z" fill="white"/><path d="M21.0001 11C20.7348 11 20.4805 11.1054 20.2929 11.2929C20.1054 11.4804 20.0001 11.7348 20.0001 12C20.0001 14.1217 19.1572 16.1566 17.6569 17.6569C16.1566 19.1571 14.1218 20 12.0001 20C10.4201 19.9993 8.87582 19.5308 7.56182 18.6535C6.24782 17.7763 5.22298 16.5297 4.61654 15.0708C4.0101 13.6119 3.8492 12.0061 4.15415 10.4559C4.45909 8.90569 5.21622 7.48048 6.33006 6.36C7.07076 5.60938 7.95374 5.01404 8.92731 4.60881C9.90089 4.20358 10.9455 3.99661 12.0001 4C12.6395 4.004 13.2766 4.07777 13.9001 4.22C14.0305 4.26035 14.1679 4.27356 14.3036 4.2588C14.4394 4.24404 14.5707 4.20163 14.6895 4.13418C14.8082 4.06673 14.9119 3.97567 14.9941 3.86662C15.0763 3.75757 15.1353 3.63284 15.1674 3.50011C15.1996 3.36739 15.2042 3.22948 15.181 3.0949C15.1579 2.96032 15.1074 2.83191 15.0326 2.71759C14.9579 2.60327 14.8606 2.50547 14.7466 2.43021C14.6327 2.35495 14.5045 2.30383 14.3701 2.28C13.5932 2.09724 12.7981 2.00331 12.0001 2C10.0244 2.01026 8.09604 2.60552 6.45835 3.71065C4.82066 4.81578 3.54703 6.38126 2.79818 8.20953C2.04932 10.0378 1.85882 12.0469 2.25069 13.9834C2.64257 15.9198 3.59927 17.6968 5.00006 19.09C6.85675 20.9475 9.37371 21.9939 12.0001 22C14.6522 22 17.1958 20.9464 19.0711 19.0711C20.9465 17.1957 22.0001 14.6522 22.0001 12C22.0001 11.7348 21.8947 11.4804 21.7072 11.2929C21.5196 11.1054 21.2653 11 21.0001 11Z" fill="%23E06536"/></g><defs><clipPath id="clip0_287_170"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') no-repeat center center;
 
}
.lac-dd__empty { padding: 18px; text-align: center; color: var(--lac-muted); }

/* ---------- Priced fields (field + orange price chip) ---------- */
.lac-field--priced {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: end;
}
.lac-field--priced .lac-field__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Orange-bordered price chip */
.lac-price {
  flex: 0 0 auto;
  min-width: 84px;
  text-align: center;
  padding: 16px;
  background: transparent;
  color: #fff;
  border: 1px solid var(--lac-accent);
  font-size: 16px;
  white-space: nowrap;
  align-self: end;
}

/* Result-only price line (label box + chip) — bottom block rows */
.lac-priceline {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: stretch;
}
.lac-priceline > span {
  display: flex;
  align-items: center;
  padding: 16px 18px;
  background: var(--lac-surface-2);
  border: 1px solid var(--lac-border);
  border-radius: 0px;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
}
.lac-priceline > b {
  flex: 0 0 auto;
  min-width: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  background: transparent;
  color: #fff;
  border: 1px solid var(--lac-accent);
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
}
.lac-priceline--toggle > span { justify-content: space-between; gap: 12px; }

/* Section heading (orange) used inside right info column */
.lac-section-title {
  font-size: 16px;
  color: var(--lac-accent);
  margin: 0 0 -4px ;
  padding:0 16px;
}

.lac-error {
  margin-bottom: 16px;
  padding: 14px 18px;
  background: rgba(250,71,41,.12);
  color: #ff9b86;
  border: 1px solid rgba(250,71,41,.4);
  border-radius: 12px;
  font-size: 14px;
}

/* ---------- Checkbox / toggle ---------- */
.lac-check {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}
.lac-check__text { display: flex; flex-direction: column; line-height: 1.3; color: #fff; }
.lac-check__text small { font-size: 11px; font-weight: 400; color: var(--lac-muted); margin-top: 2px; }

/* Toggle row: label fills the row, switch on the right */
.lac-priceline--toggle .lac-check {
  width: 100%;
  justify-content: space-between;
  gap: 12px;
}

/* Insurance shown as an orange toggle switch (matches mockup) */
.lac-priceline--toggle .lac-check input[type="checkbox"],
.lac-band__transfer .lac-check input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  position: relative !important;
  width: 24px; height: 14px;
  min-width: 24px;
  margin: 0; padding: 0;
  border-radius: 14px;
  background: var(--lac-surface);
  border: 1px solid var(--lac-border);
  cursor: pointer;
  transition: background .15s, border-color .15s;
  flex: 0 0 auto;
}
.lac-priceline--toggle .lac-check input[type="checkbox"]::after,
.lac-band__transfer .lac-check input[type="checkbox"]::after {
  content: "";
  position: absolute;
  left: 1px; top: 50%;
  transform: translateY(-50%);
  width: 11px; height: 11px;
  border-radius: 50%;
  background: var(--lac-muted);
  transition: left .18s, background .18s;
}
.lac-priceline--toggle .lac-check input[type="checkbox"]:checked,
.lac-band__transfer .lac-check input[type="checkbox"]:checked {
  background: var(--lac-accent);
  border-color: var(--lac-accent);
}
.lac-priceline--toggle .lac-check input[type="checkbox"]:checked::after,
.lac-band__transfer .lac-check input[type="checkbox"]:checked::after {
  left: 11px;
  background: #fff;
}

/* ---------- Bottom bar: "I want this car!" + total ---------- */
.lac-bottom {
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.lac-bottom__total {
  display: flex;
  align-items: center;
  gap: 18px;
}
.lac-bottom__info { display: flex; align-items: center; gap: 10px; }
.lac-bottom__label { font-size: 20px; font-weight: 700; color: #fff; }
.lac-bottom__hint {
  width: 32px; height: 32px;
  background: transparent;
  cursor: pointer;
  position: relative;
   background: var(--lac-accent);
  -webkit-mask: no-repeat center / contain;
  mask: no-repeat center / contain;
  -webkit-mask-image:url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_174_15)"><path d="M5.33337 28V10.6666C5.33337 9.60576 5.7548 8.58834 6.50495 7.8382C7.25509 7.08805 8.27251 6.66663 9.33337 6.66663H22.6667C23.7276 6.66663 24.745 7.08805 25.4951 7.8382C26.2453 8.58834 26.6667 9.60576 26.6667 10.6666V18.6666C26.6667 19.7275 26.2453 20.7449 25.4951 21.4951C24.745 22.2452 23.7276 22.6666 22.6667 22.6666H10.6667L5.33337 28Z" stroke="%23E06536" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 10.6666V14.6666" stroke="%23E06536" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 18.6666V18.68" stroke="%23E06536" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_174_15"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
  mask-image:url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_174_15)"><path d="M5.33337 28V10.6666C5.33337 9.60576 5.7548 8.58834 6.50495 7.8382C7.25509 7.08805 8.27251 6.66663 9.33337 6.66663H22.6667C23.7276 6.66663 24.745 7.08805 25.4951 7.8382C26.2453 8.58834 26.6667 9.60576 26.6667 10.6666V18.6666C26.6667 19.7275 26.2453 20.7449 25.4951 21.4951C24.745 22.2452 23.7276 22.6666 22.6667 22.6666H10.6667L5.33337 28Z" stroke="%23E06536" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 10.6666V14.6666" stroke="%23E06536" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 18.6666V18.68" stroke="%23E06536" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_174_15"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}

.lac-bottom__hint:hover{
	background-color:#fff;
}

.lac-bottom__amount {
  background: var(--lac-accent);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    padding: 16px;
    min-width: 200px;
    text-align: center;
}
.lac-bottom__placeholder { display: none; }

.lac-meta { margin-top: 12px; font-size: 12px; color: var(--lac-muted); }

/* "I want this car!" — white button, blue text */
.lac-btn {
      background: #fff;
    color: #4162A3;
    font-size: 18px;
    font-weight: bold;
    padding: 16px;
    min-width: 200px;
    text-align: center;
	cursor:pointer;
}
.lac-btn--lead {
  background: #fff;
  color: var(--lac-blue-text);
}
.lac-btn--lead:hover { color:#fff;  background: var(--lac-accent); }
.lac-btn--lead:disabled { opacity: .5; cursor: default; }


/* ---------- Lead modal (dark, orange close) ---------- */
.lac-modal {
  position: fixed; inset: 0;
  z-index: 99999;
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}
.lac-modal__overlay {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.7);
  backdrop-filter: blur(2px);
}
.lac-modal__box {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 460px;
  background: #1A2126;
  color: #fff;
  border: 1px solid var(--lac-border);
  padding: 32px;
  box-shadow: 0 24px 70px rgba(0,0,0,.6);
}
.lac-modal__info .lac-modal__box {
	max-width:800px;
}
.lac-modal__box p:last-child{margin:0;}
.lac-modal__close {
  position: absolute;
  top: 16px; right: 18px;
  width: 28px; height: 28px;
  border: 0; background: transparent;
  cursor: pointer;
  color: var(--lac-accent);
  font-size: 0;
}
.lac-modal__close::before,
.lac-modal__close::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 22px; height: 2px;
  background: var(--lac-accent);
}
.lac-modal__close::before { transform: translate(-50%,-50%) rotate(45deg); }
.lac-modal__close::after  { transform: translate(-50%,-50%) rotate(-45deg); }

.lac-modal__title { margin: 0 0 8px; font-size: 22px; font-weight: 700;color:#fff }
.lac-modal__sub { margin: 0 0 20px; font-size: 14px; color: var(--lac-muted); line-height: 1.55; }
.lac-modal__summary { margin-bottom: 20px; }
.lac-modal__row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 18px;
  background: var(--lac-surface-2);
  border: 1px solid var(--lac-accent);
  font-size: 16px;
}
.lac-modal__row b { font-size: 20px; }
.lac-modal__field { margin-bottom: 16px; }
.lac-modal__field label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.lac-modal__field input {
  width: 100%;
  padding: 15px 16px;
  font-size: 16px;
  color: #fff !important;
  background: var(--lac-surface-2);
  border: 1px solid var(--lac-border);
}
.lac-modal__field input::placeholder { color: var(--lac-muted) !important; }
.lac-modal__field input:focus {
  outline: none;
  border-color: var(--lac-accent) !important;
  box-shadow: 0 0 0 3px rgba(250,71,41,.15);
}
.lac-btn--submit {
  width: 100%;
  border: 0;
  background: var(--lac-accent);
  color: #fff;
  font-size: 16px; font-weight: 700;
  padding: 16px;
  cursor: pointer;
  transition: background .15s;
}
.lac-btn--submit:hover { background: var(--lac-accent-d); }
.lac-btn--submit:disabled { opacity: .6; cursor: default; }
.lac-modal__error {
  margin-bottom: 16px;
  padding: 12px 16px;
  background: rgba(250,71,41,.12);
  color: #ff9b86;
  border: 1px solid rgba(250,71,41,.4);
  border-radius: 10px;
  font-size: 14px;
}
.lac-modal__success {
  margin-top: 16px;
  padding: 16px 18px;
  background: rgba(46,158,91,.15);
  color: #7ee2a8;
  border: 1px solid rgba(46,158,91,.4);
  border-radius: 12px;
  font-size: 15px; text-align: center;
}

/* hidden honeypot */
.lac-hp { position: absolute; left: -9999px; }


.lac-number{position:relative;}
.lac-number input[type="number"]::-webkit-outer-spin-button,
.lac-number input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.lac-number input[type="number"] {
    -moz-appearance: textfield;
	padding-right:60px;
}

.lac-number__controls {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 32px;
    height: 32px;
    transform: translateY(-50%);
    flex: 0 0 auto;
    transition: transform .2s, border-color .15s;
}
.lac-number__controls span{
   position: absolute;
    display: inline-block;
    left: 50%;
    top: 35%;
    width: 10px;
    height: 10px;
    border-radius: 1px;
    border: 0px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: translate(-50%, -60%) rotate(-45deg);
    cursor: pointer;
}
.lac-number__controls span:hover{border-right-color:var(--lac-accent);border-top-color:var(--lac-accent);}

.lac-number__controls .lac-number__down{
 transform: translate(-50%, -60%) rotate(135deg);
 top:70%;
}


@media (max-width: 980px) {
	.lac-head{padding:0;}
  .lac-top { grid-template-columns: 1fr; }
  .lac-card { grid-template-columns: 1fr; }
  .lac-results { grid-template-columns: 1fr; }
  .lac-title { font-size: 30px; }
  .lac-bottom { flex-direction: column; align-items: stretch; gap: 14px; }
  .lac-bottom__total { justify-content: space-between; }
  .lac-btn--lead { width: 100%; }
}
@media (max-width:768px) {
  .lac-app { padding: 16px; }
  .lac-bottom__total { flex-direction: column; align-items: stretch; gap: 12px; }
  .lac-bottom__amount { width: 100%; }
  
  .lac-info, .lac-card,.lac-info,.lac-results{padding:16px;
  margin-left:-16px;margin-right:-16px;}
  .lac-price,
  .lac-priceline > b{min-width:60px;}
}