/* Final composition layer for the configurator landing area. */
body {
  background: radial-gradient(circle at 50% 10%, rgba(221, 235, 227, .42), transparent 29rem),
    linear-gradient(180deg, #fff 0, #fbfcfb 48rem, #eef2f4 100%);
  font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.car-configurator { width: min(1440px, 100%); padding: 24px 40px 72px; }
.configurator-head { padding: 9px 4px 24px; }
.configurator-intro { padding: 54px 20px 30px; }
.configurator-intro .eyebrow { font-size: 10px; letter-spacing: .2em; }
.configurator-intro h1 {
  max-width: 1120px;
  margin: 13px auto 10px;
  font-size: clamp(36px, 3.35vw, 52px);
  line-height: 1.04;
  letter-spacing: -.047em;
  text-wrap: balance;
}
.is-partner-landing-page .configurator-intro h1 {
  max-width: 1280px;
  font-size: clamp(36px, 2.7vw, 44px);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.configurator-intro p { max-width: 720px; font-size: 14px; line-height: 1.45; text-wrap: balance; }

.vehicle-selector-panel { position: relative; z-index: 30; width: min(900px, calc(100% - 56px)); margin-bottom: -39px; }
.desktop-vehicle-picker {
  grid-template-columns: minmax(190px, .72fr) repeat(2, minmax(220px, 1fr));
  gap: 14px;
  padding: 17px 18px;
  border-color: rgba(25, 63, 46, .12);
  border-radius: 19px;
  box-shadow: 0 20px 55px rgba(23, 53, 40, .12), 0 2px 6px rgba(23, 53, 40, .04);
}
.selector-number { background: #f0f3f5; }
.search-select input { background: #f5f7f6; border-color: #dce3df; }
.missing-car-request { position: relative; z-index: 8; width: min(620px, calc(100% - 56px)); height: 0; margin: 0 auto; color: var(--muted); }
.missing-car-request > summary { position: absolute; top: 48px; left: 50%; width: max-content; max-width: 100%; min-height: 28px; display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 12px; font-weight: 700; cursor: pointer; list-style: none; transform: translateX(-50%); }
.missing-car-request > summary::-webkit-details-marker { display: none; }
.missing-car-request > summary span { color: var(--ink); font-weight: 750; }
.missing-car-request > summary strong { color: var(--brand); font-weight: 850; text-decoration: underline; text-decoration-color: color-mix(in srgb,var(--brand) 34%,transparent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.missing-car-request > summary:hover strong { text-decoration-color: currentColor; }
.missing-car-form { position: absolute; z-index: 2; top: 81px; right: 0; left: 0; padding: 20px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 18px 48px rgba(23,53,40,.13); }
.missing-car-close { position: absolute; top: 13px; right: 13px; width: 36px; height: 36px; padding: 0; display: grid; place-items: center; border: 1px solid #dce5e0; border-radius: 50%; background: #f7f8f9; color: #466056; cursor: pointer; }
.missing-car-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; }
.missing-car-close:hover { border-color: #b9cec2; background: #eef6f8; color: var(--brand); }
.missing-car-close:focus-visible { outline: 3px solid rgba(61,127,150,.18); outline-offset: 2px; }
.missing-car-intro,.missing-car-consent,.missing-car-form .primary-action,.missing-car-status { grid-column: 1 / -1; }
.missing-car-intro { padding-right: 42px; }
.missing-car-intro strong { color: var(--ink); font-size: 16px; }
.missing-car-intro p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.missing-car-form label > span:first-child { display: block; margin: 0 0 6px 2px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.missing-car-form input[type="text"],.missing-car-form input[type="tel"] { width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 11px; background: #f5f7f6; color: var(--ink); outline: none; }
.missing-car-form input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(61,127,150,.09); }
.missing-car-phone { height: 46px; border-color: var(--line); border-radius: 11px; background: #f5f7f6; }
.missing-car-phone > b { padding: 0 12px; color: var(--brand); font-size: 13px; }
.missing-car-phone input[type="tel"] { height: 44px; border: 0; border-radius: 0; box-shadow: none; font-size: 13px; }
.missing-car-consent { display: flex; align-items: flex-start; gap: 9px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.missing-car-consent input { margin-top: 2px; accent-color: var(--brand); }.missing-car-consent a { color: var(--brand); }
.missing-car-form .primary-action { width: 100%; border-radius: 999px; }
.missing-car-status { min-height: 17px; margin: 0; font-size: 11px; }.missing-car-status.is-error { color: #a43f31; }.missing-car-status.is-success { color: var(--brand); font-weight: 700; }
.missing-car-trap { position: absolute; left: -10000px; }

.preview-card { border-color: #dbe3de; border-radius: 22px; box-shadow: 0 28px 80px rgba(24, 55, 42, .07); }
.box-carousel-head { padding: 68px 30px 14px; }
.box-carousel-head strong { font-size: 18px; letter-spacing: -.015em; }
.box-carousel-arrows button { width: 40px; height: 40px; }
.box-rail { padding: 5px 30px 20px; }

.is-configurator-domain .partner-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 4px 8px;
  color: #738078;
  font-size: 11px;
}
.is-configurator-domain .partner-breadcrumbs a { color: #526259; text-decoration: none; }
.is-configurator-domain .partner-breadcrumbs i { color: #aeb8b2; font-style: normal; }
.is-configurator-domain .configurator-head { align-items: center; }
.is-configurator-domain .brand-lockup { display: flex; min-width: 260px; align-items: flex-start; flex-direction: column; gap: 5px; }
.is-configurator-domain .brand-lockup-row { display: flex; align-items: center; }
.is-configurator-domain .broomer-logo { color: var(--ink); text-decoration: none; }
.is-configurator-domain .broomer-logo strong { font-size: 25px; letter-spacing: .08em; }
.is-configurator-domain .brand-subline { max-width: 310px; padding-left: 0; border-left: 0; }
.is-configurator-domain .missing-car-request,
.is-configurator-domain .purchase-panel,
.is-configurator-domain .product-card-footer { display: none; }

@media (min-width: 761px) {
  .preview-stage { min-height: 0; aspect-ratio: 16 / 5.1; }
  .preview-layer {
    inset: auto 0 clamp(-112px, -6.6vw, -54px);
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

@media (min-width: 1200px) {
  .is-partner-landing-page .configurator-intro h1 { max-width: none; white-space: nowrap; }
}

@media (max-width: 900px) and (min-width: 761px) {
  .car-configurator { padding-right: 24px; padding-left: 24px; }
  .desktop-vehicle-picker { grid-template-columns: 170px repeat(2, minmax(0, 1fr)); }
  .configurator-intro h1 { font-size: clamp(36px, 5.3vw, 48px); }
}

@media (max-width: 760px) {
  .car-configurator { padding: 14px 12px 44px; }
  .configurator-head { padding: 7px 2px 18px; }
  .configurator-intro { padding: 34px 8px 24px; }
  .configurator-intro .eyebrow { font-size: 9px; }
  .configurator-intro h1 { margin-top: 11px; font-size: clamp(31px, 9.4vw, 40px); line-height: 1.02; }
  .is-partner-landing-page .configurator-intro h1 { max-width: 100%; font-size: clamp(31px, 9.4vw, 40px); line-height: 1.02; }
  .configurator-intro p { max-width: 34rem; font-size: 13px; line-height: 1.45; }
  .vehicle-selector-panel.vehicle-selector-panel { width: calc(100% - 4px); margin-bottom: -26px; }
  .desktop-vehicle-picker.desktop-vehicle-picker { padding: 15px; border-radius: 17px; box-shadow: 0 15px 38px rgba(23, 53, 40, .12); }
  .missing-car-request { width: calc(100% - 12px); }
  .missing-car-request > summary { top: 32px; min-height: 26px; flex-wrap: wrap; text-align: center; }
  .missing-car-form { top: 63px; grid-template-columns: 1fr; padding: 16px; border-radius: 16px; }
  .missing-car-form input[type="text"], .missing-car-form input[type="tel"] { font-size: 16px; }
  .preview-card { border-radius: 18px; }
  .preview-card .box-carousel-head { padding: 31px 17px 11px; }
  .box-carousel-head strong { font-size: 17px; }
  .box-carousel-arrows button { width: 38px; height: 38px; }
  .box-rail { padding: 5px 17px 16px; }
  .is-configurator-domain .configurator-head { gap: 12px; }
  .is-configurator-domain .brand-lockup { min-width: 0; }
  .is-configurator-domain .brand-subline { display: none; }
  .is-configurator-domain .head-title { display: none; }
}
/* BROOMER visual system — independent from every other brand tree. */
html{background:#f4f5f7}
body{color:#394754;background:#f4f5f7;font-family:Ubuntu,Arial,sans-serif}
.car-configurator{width:min(1320px,100%);padding:28px 30px 72px}
.configurator-intro{position:relative;isolation:isolate;min-height:330px;overflow:hidden;margin:0;padding:70px clamp(34px,6vw,82px);border-radius:5px;background:linear-gradient(105deg,rgba(31,48,59,.98) 0%,rgba(39,68,82,.96) 56%,rgba(61,127,150,.84) 100%),url('../dealers/broomer-venture-black.png') no-repeat 115% 62%/58% auto;color:#fff;text-align:left;box-shadow:0 24px 60px rgba(57,71,84,.2)}
.configurator-intro::after{position:absolute;right:-110px;bottom:-190px;z-index:-1;width:520px;height:300px;border:70px solid rgba(97,197,232,.12);border-radius:50%;content:"";transform:rotate(-12deg)}
.configurator-intro .eyebrow{color:#61c5e8;font-size:12px;letter-spacing:.16em}
.configurator-intro h1{max-width:820px;margin:20px 0 18px;color:#fff;font-family:Micra,Ubuntu,sans-serif;font-size:clamp(30px,4.6vw,60px);font-weight:400;line-height:1.12;letter-spacing:.01em;text-transform:uppercase}
.configurator-intro p{max-width:650px;margin:0;color:#d8e1e6;font-size:17px;line-height:1.55}
.selector-panel.vehicle-selector-panel{z-index:5;width:min(900px,calc(100% - 52px));margin:-42px auto 22px}
.desktop-vehicle-picker{border:1px solid #d9dde0;border-radius:5px;background:#fff;box-shadow:0 18px 45px rgba(57,71,84,.14)}
.desktop-picker-head{background:#394754;color:#fff}
.desktop-picker-head .selector-number{background:#3d7f96;color:#fff}
.desktop-picker-head small{color:#bfc6cc}
.search-select-control,.mobile-vehicle-picker select,.mobile-vehicle-picker input{border-radius:3px;background:#f9fafc}
.search-select-control:focus-within{border-color:#3d7f96;box-shadow:0 0 0 3px rgba(61,127,150,.12)}
.search-select-options{border-radius:3px;box-shadow:0 18px 45px rgba(57,71,84,.18)}
.search-select-options button:hover,.search-select-options button[aria-selected="true"]{background:#eef6f8;color:#3d7f96}
.preview-card{border-color:#d5d9dc;border-radius:5px;box-shadow:0 24px 65px rgba(57,71,84,.1)}
.box-carousel-head{border-bottom:1px solid #e4e6e8;background:#fff}
.box-carousel-head strong,.preview-caption strong,.product-card h2,.configurator-guide h2,.configurator-seo h2,.seo-composite-gallery h2{font-family:Micra,Ubuntu,sans-serif;font-weight:400;letter-spacing:.01em}
.box-option{border-radius:3px;background:#f4f5f7}
.box-option:hover,.box-option.active{border-color:#3d7f96;box-shadow:0 7px 20px rgba(61,127,150,.13)}
.box-option.active>span{background:#3d7f96}
.preview-stage{background:radial-gradient(ellipse at 50% 88%,#d9dee1 0,rgba(235,238,240,.5) 30%,rgba(255,255,255,0) 62%),linear-gradient(180deg,#f7f8f9,#fff)}
.preview-caption p{background:#eef6f8;color:#3d7f96}
.primary-action,.product-card-footer .primary-action,.installation-product-select{border-color:#ef0011;background:#ef0011;color:#fff}
.primary-action:hover,.product-card-footer .primary-action:hover,.installation-product-select:hover{border-color:#c9000e;background:#c9000e;color:#fff}
.secondary-action{border-color:#3d7f96;background:#fff;color:#3d7f96}
.secondary-action:hover{background:#3d7f96;color:#fff}
.product-card{border:0;border-top:5px solid #3d7f96;border-radius:5px;background:linear-gradient(120deg,#303030,#394754);box-shadow:0 18px 48px rgba(57,71,84,.2);color:#fff}
.product-card-heading h2,.product-card-price strong,.product-specs strong{color:#fff}
.product-card-heading small,.product-card-price small{color:#61c5e8}
.product-card-heading>div>span,.product-specs small,.product-card-footer p{color:#c8d1d6}
.product-specs{border-color:rgba(255,255,255,.36)}
.product-specs>span{border-color:rgba(255,255,255,.32)}
.product-card-footer .primary-action{min-width:210px}
.configurator-guide,.configurator-seo,.seo-composite-gallery,.missing-car-request{border-radius:5px;background:#fff}
.configurator-guide a,.configurator-seo a{color:#3d7f96}
.vehicle-dialog{border-radius:5px}
.dialog-close{border-radius:3px}
.online-phone-field{border-radius:3px}

.is-embed{background:#fff}
.is-embed .car-configurator{width:100%;padding:0 0 42px;background:#fff}
.is-embed .configurator-intro{min-height:280px;border-radius:0;box-shadow:none}
.is-embed .selector-panel.vehicle-selector-panel{margin-top:-36px}
.is-embed .preview-card,.is-embed .product-card,.is-embed .configurator-guide,.is-embed .configurator-seo,.is-embed .seo-composite-gallery{margin-right:clamp(12px,3vw,40px);margin-left:clamp(12px,3vw,40px)}

@media(max-width:760px){.car-configurator{padding:0 0 48px}.configurator-intro{min-height:300px;padding:48px 20px 76px;border-radius:0;background:linear-gradient(145deg,rgba(31,48,59,.98),rgba(61,127,150,.9)),url('../dealers/broomer-venture-black.png') no-repeat 135% 90%/90% auto}.configurator-intro h1{font-size:clamp(26px,8vw,40px);line-height:1.15}.configurator-intro p{font-size:14px}.selector-panel.vehicle-selector-panel{width:calc(100% - 24px);margin:-42px auto 16px}.mobile-vehicle-picker{border-radius:5px;box-shadow:0 14px 38px rgba(57,71,84,.14)}.preview-card,.product-card,.configurator-guide,.configurator-seo,.seo-composite-gallery,.is-embed .preview-card,.is-embed .product-card,.is-embed .configurator-guide,.is-embed .configurator-seo,.is-embed .seo-composite-gallery{margin-right:12px;margin-left:12px}.product-card-footer .primary-action{min-width:0}.box-carousel-head strong{font-size:14px}}

/* BROOMER spatial system v2 — product first, vehicle controls below. */
:root {
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --line: rgba(29, 29, 31, .1);
  --soft: #f5f5f7;
  --brand: #3d7f96;
}

html,
body { background: #f5f5f7; }
body {
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Ubuntu, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.car-configurator { width: min(1380px, 100%); padding: 24px 34px 88px; }
.configurator-head { margin-bottom: 18px; padding: 8px 8px 20px; border-bottom-color: rgba(29, 29, 31, .08); }
.head-title p { letter-spacing: .12em; }
.head-title strong { font-size: 16px; letter-spacing: -.015em; }

.configurator-intro {
  min-height: 430px;
  padding: clamp(64px, 8vw, 108px) clamp(42px, 7vw, 96px);
  border: 0;
  border-radius: 40px;
  background:
    radial-gradient(circle at 82% 20%, rgba(97, 197, 232, .38), transparent 30%),
    linear-gradient(112deg, rgba(20, 23, 27, .99) 0%, rgba(33, 43, 50, .97) 55%, rgba(61, 127, 150, .83) 100%),
    url('../dealers/broomer-venture-black.png') no-repeat 108% 67% / 55% auto;
  box-shadow: 0 30px 80px rgba(18, 25, 30, .16);
}
.configurator-intro::after {
  right: -90px;
  bottom: -230px;
  width: 610px;
  height: 390px;
  border-width: 90px;
  border-color: rgba(255, 255, 255, .06);
}
.configurator-intro .eyebrow { color: #78d9f7; font-size: 11px; letter-spacing: .14em; }
.configurator-intro h1 {
  max-width: 760px;
  margin: 18px 0 20px;
  color: #f5f5f7;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Ubuntu, Arial, sans-serif;
  font-size: clamp(46px, 5vw, 72px);
  font-weight: 720;
  line-height: .98;
  letter-spacing: -.055em;
  text-transform: none;
  text-wrap: balance;
}
.configurator-intro p { max-width: 610px; color: rgba(245, 245, 247, .78); font-size: 18px; line-height: 1.55; }

.preview-card {
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid rgba(29, 29, 31, .08);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 26px 70px rgba(29, 29, 31, .08);
}
.box-carousel-head { border: 0; background: #fff; }
.box-carousel-head small { color: var(--brand); letter-spacing: .1em; }
.box-carousel-head strong,
.preview-caption strong,
.product-card h2,
.configurator-guide h2,
.configurator-seo h2,
.seo-composite-gallery h2 {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Ubuntu, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.035em;
}
.box-carousel-arrows button,
.preview-caption-actions button {
  border-color: rgba(29, 29, 31, .09);
  border-radius: 999px;
  background: #f5f5f7;
  color: #1d1d1f;
}
.box-carousel-arrows button:hover:not(:disabled),
.preview-caption-actions button:hover { border-color: #1d1d1f; background: #1d1d1f; color: #fff; }
.box-option {
  border-color: transparent;
  border-radius: 22px;
  background: #f5f5f7;
  box-shadow: none;
}
.box-option:hover,
.box-option.active { border-color: rgba(61, 127, 150, .34); background: #fff; box-shadow: 0 12px 32px rgba(29, 29, 31, .08); }
.box-option > .box-option-visual { border-radius: 16px; }
.box-option .box-option-fit,
.box-option em b { border-radius: 999px; }
.preview-stage { background: radial-gradient(ellipse at 50% 84%, #e9ebed 0, #f7f7f9 35%, #fff 72%); }
.preview-caption { border-top-color: rgba(29, 29, 31, .08); background: rgba(255, 255, 255, .92); }
.preview-caption p { border-radius: 999px; background: #edf7fa; color: #276b83; }

.selector-panel.vehicle-selector-panel { z-index: 12; width: 100%; margin: 26px 0 0; }
.desktop-vehicle-picker {
  grid-template-areas: "summary make" "summary model";
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: 12px 24px;
  padding: 18px;
  border: 1px solid rgba(29, 29, 31, .08);
  border-radius: 30px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 22px 60px rgba(29, 29, 31, .07);
  backdrop-filter: blur(22px);
}
.desktop-picker-head {
  grid-area: summary;
  align-items: flex-start;
  padding: 26px;
  border-radius: 22px;
  background: linear-gradient(145deg, #eef5f7, #f7f7f9);
  color: #1d1d1f;
}
.desktop-picker-head .selector-number { width: 42px; height: 42px; background: #1d1d1f; color: #fff; }
.desktop-picker-head small { margin-top: 3px; color: #6e6e73; }
.desktop-picker-head strong { max-width: 250px; font-size: 20px; line-height: 1.2; white-space: normal; }
.desktop-vehicle-picker > .search-select:nth-child(2) { grid-area: make; }
.desktop-vehicle-picker > .search-select:nth-child(3) { grid-area: model; }
.search-select > label { margin: 0 0 7px 5px; color: #6e6e73; letter-spacing: .06em; }
.search-select input,
.mobile-vehicle-picker select {
  height: 60px;
  border: 1px solid transparent;
  border-radius: 17px;
  background: #f5f5f7;
  color: #1d1d1f;
  font-size: 16px;
}
.search-select input:focus,
.search-select.is-open input,
.mobile-vehicle-picker select:focus {
  border-color: rgba(61, 127, 150, .7);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(61, 127, 150, .11);
}
.search-select .selector-brand-icon { top: 12px; right: 12px; border-radius: 12px; }
.search-select-options { top: calc(100% + 9px); padding: 8px; border-radius: 20px; box-shadow: 0 24px 70px rgba(29, 29, 31, .16); }
.search-select-options button { border-radius: 13px; }

.missing-car-request { width: min(760px, 100%); height: auto; min-height: 48px; margin: 8px auto 0; border-radius: 0; background: transparent; }
.missing-car-request > summary {
  position: static;
  width: auto;
  min-height: 48px;
  transform: none;
}
.missing-car-form {
  position: relative;
  top: auto;
  margin: 6px 0 18px;
  padding: 24px;
  border-color: rgba(29, 29, 31, .08);
  border-radius: 26px;
  box-shadow: 0 22px 60px rgba(29, 29, 31, .1);
}
.missing-car-form input[type="text"],
.missing-car-form input[type="tel"],
.missing-car-phone { border-radius: 15px; background: #f5f5f7; }

.product-card {
  margin-top: 22px;
  padding: 34px;
  border: 1px solid rgba(29, 29, 31, .08);
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(29, 29, 31, .07);
  color: #1d1d1f;
}
.product-card-heading h2,
.product-card-price strong,
.product-specs strong { color: #1d1d1f; }
.product-card-heading small,
.product-card-price small { color: #28768f; }
.product-card-heading > div > span,
.product-specs small,
.product-card-footer p { color: #6e6e73; }
.product-card-price strong { letter-spacing: -.045em; }
.product-specs { gap: 12px; margin-top: 28px; }
.product-specs > span { padding: 18px; border: 0; border-radius: 18px; background: #f5f5f7; }
.product-delivery-promo { margin-top: 18px; border-radius: 20px; }
.product-delivery-promo > span { border-radius: 999px; }
.product-card-footer { border-top-color: rgba(29, 29, 31, .08); }

.purchase-panel { gap: 18px; margin-top: 22px; }
.purchase-city,
.purchase-offer { padding: 28px; border-color: rgba(29, 29, 31, .08); border-radius: 28px; box-shadow: 0 20px 55px rgba(29, 29, 31, .06); }
.config-city-trigger { border-radius: 17px; background: #f5f5f7; }
.config-city-trigger .city-pin,
.config-city-trigger .selector-brand-icon { border-radius: 12px; }
.primary-action,
.secondary-action,
.product-card-footer .primary-action,
.installation-product-select { min-height: 48px; padding-right: 22px; padding-left: 22px; border-radius: 999px; }
.secondary-action { border-color: rgba(29, 29, 31, .12); color: #1d1d1f; }
.secondary-action:hover { border-color: #1d1d1f; background: #1d1d1f; color: #fff; }

.configurator-guide,
.configurator-seo,
.seo-composite-gallery {
  max-width: none;
  margin-top: 26px;
  padding: clamp(32px, 5vw, 58px);
  border: 0;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 18px 52px rgba(29, 29, 31, .05);
}
.configurator-guide details { border-radius: 22px; background: #f5f5f7; }
.configurator-guide summary::after { background: #fff; }
.configurator-guide nav a { border-color: transparent; border-radius: 999px; background: #fff; }
.seo-composite-gallery figure { border-radius: 24px; box-shadow: 0 14px 38px rgba(29, 29, 31, .08); }
.vehicle-dialog,
.config-city-dialog,
.consultation-dialog { border-radius: 30px; }
.dialog-close { border-radius: 999px; }
.city-suggestions { border-radius: 18px; }
.dealer-city-chips button { border-radius: 999px; }
.online-phone-field { border-radius: 15px; }

.is-embed .car-configurator { padding: 0 24px 58px; background: #f5f5f7; }
.is-embed .configurator-intro { min-height: 390px; margin-right: -24px; margin-left: -24px; border-radius: 0 0 38px 38px; }
.is-embed .selector-panel.vehicle-selector-panel { margin-top: 24px; }
.is-embed .preview-card,
.is-embed .product-card,
.is-embed .configurator-guide,
.is-embed .configurator-seo,
.is-embed .seo-composite-gallery { margin-right: 0; margin-left: 0; }

@media (min-width: 761px) {
  .preview-card {
    display: grid;
    grid-template-columns: minmax(290px, .34fr) minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
  }
  .box-carousel-head { grid-column: 1; grid-row: 1; align-items: center; padding: 30px 26px 16px; }
  .box-carousel-head strong { font-size: 23px; line-height: 1.08; }
  .box-carousel-arrows { display: none; }
  .box-rail {
    grid-column: 1;
    grid-row: 2 / 4;
    display: grid;
    align-content: start;
    gap: 12px;
    max-height: 580px;
    overflow: auto;
    padding: 10px 22px 26px;
    border-right: 1px solid rgba(29, 29, 31, .08);
  }
  .box-option { width: 100%; min-height: 108px; grid-template-columns: 96px minmax(0, 1fr); padding: 7px; }
  .box-option > .box-option-visual { min-height: 94px; }
  .box-option > .box-option-copy { padding: 8px 8px 7px 11px; }
  .box-option-copy > strong { font-size: 15px; }
  .box-option em { display: block; padding-top: 7px; }
  .box-option em i { display: block; margin-top: 5px; }
  .preview-stage { grid-column: 2; grid-row: 1 / 3; min-height: clamp(470px, 41vw, 590px); aspect-ratio: auto; border-left: 0; }
  .preview-layer,
  .preview-layer.is-switching {
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
    transform: scale(1);
  }
  .preview-caption { grid-column: 2; grid-row: 3; padding: 22px 26px 26px; }
}

@media (max-width: 900px) and (min-width: 761px) {
  .car-configurator { padding-right: 20px; padding-left: 20px; }
  .configurator-intro { padding-right: 48px; padding-left: 48px; }
  .preview-card { grid-template-columns: 260px minmax(0, 1fr); }
  .desktop-vehicle-picker { grid-template-columns: 230px minmax(0, 1fr); }
}

@media (max-width: 760px) {
  .car-configurator { padding: 0 10px 52px; }
  .configurator-head { margin: 0; padding: 10px 2px 16px; }
  .configurator-intro {
    min-height: 370px;
    margin: 0;
    padding: 54px 24px 68px;
    border-radius: 28px;
    background:
      radial-gradient(circle at 88% 28%, rgba(97, 197, 232, .32), transparent 34%),
      linear-gradient(145deg, rgba(20, 23, 27, .99), rgba(43, 78, 94, .94)),
      url('../dealers/broomer-venture-black.png') no-repeat 120% 91% / 88% auto;
    box-shadow: 0 22px 58px rgba(18, 25, 30, .15);
  }
  .configurator-intro h1 { margin: 16px 0 18px; font-size: clamp(38px, 11.2vw, 50px); line-height: 1; letter-spacing: -.052em; }
  .configurator-intro p { font-size: 15px; line-height: 1.5; }
  .preview-card,
  .is-embed .preview-card { margin: 14px 0 0; border-radius: 28px; }
  .preview-card .box-carousel-head { padding: 26px 20px 12px; }
  .box-carousel-head strong { font-size: 21px; }
  .box-rail { padding: 7px 18px 18px; }
  .box-option { border-radius: 20px; }
  .preview-stage { min-height: 285px; aspect-ratio: 16 / 10.5; }
  .preview-caption { padding: 18px 20px 22px; }
  .preview-caption-actions { display: grid; justify-items: start; }
  .preview-caption p { margin-top: 10px; }
  .selector-panel.vehicle-selector-panel { display: none; }
  .mobile-vehicle-picker.mobile-vehicle-picker {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 12px;
    margin: 16px 0 0;
    padding: 20px;
    border-color: rgba(29, 29, 31, .08);
    border-radius: 26px;
    box-shadow: 0 20px 55px rgba(29, 29, 31, .08);
  }
  .mobile-picker-head { padding: 4px 2px 10px; }
  .mobile-picker-head > span { border-radius: 999px; background: #1d1d1f; color: #fff; }
  .mobile-picker-head strong { font-size: 18px; }
  .mobile-vehicle-picker select { height: 58px; border-radius: 16px; font-size: 16px; }
  .missing-car-request { width: 100%; min-height: 54px; }
  .missing-car-request > summary { min-height: 54px; flex-wrap: wrap; text-align: center; }
  .missing-car-form { grid-template-columns: 1fr; margin-bottom: 14px; padding: 20px; border-radius: 24px; }
  .product-card,
  .is-embed .product-card { margin: 16px 0 0; padding: 24px 20px; border-radius: 28px; }
  .product-card-heading h2 { font-size: 30px; }
  .product-specs { gap: 9px; }
  .product-specs > span { border-radius: 16px; }
  .purchase-panel { margin-top: 16px; }
  .purchase-city,
  .purchase-offer { padding: 22px 20px; border-radius: 26px; }
  .configurator-guide,
  .configurator-seo,
  .seo-composite-gallery,
  .is-embed .configurator-guide,
  .is-embed .configurator-seo,
  .is-embed .seo-composite-gallery { margin: 16px 0 0; padding: 28px 20px; border-radius: 28px; }
  .seo-composite-gallery > div { margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; }
  .seo-composite-gallery figure { border-radius: 22px; }
  .is-embed .car-configurator { padding: 0 10px 50px; }
  .is-embed .configurator-intro { min-height: 350px; margin-right: -10px; margin-left: -10px; border-radius: 0 0 28px 28px; }
}