/* Refactor layer: specials.php only. */
.special-layout{margin-top:34px!important}.preorder-hero-panel{display:grid!important;grid-template-columns:minmax(0,1fr) 420px!important;gap:36px!important;align-items:center!important;padding:44px!important;border-radius:30px!important;border:1px solid rgba(173,221,248,.78)!important;background:linear-gradient(135deg,#fff,#e7f7ff)!important;box-shadow:var(--shadow-card)!important;overflow:hidden!important}.preorder-hero-kicker{display:inline-flex!important;width:fit-content!important;margin-bottom:16px!important;padding:7px 14px!important;border-radius:999px!important;background:var(--sky-100)!important;color:var(--sky-700)!important;font-weight:900!important}.preorder-hero-copy h1{margin:0 0 14px!important;color:var(--ink-900)!important;font-size:clamp(38px,4.4vw,60px)!important;line-height:1.1!important}.preorder-hero-copy p{margin:0!important;max-width:650px!important;color:var(--ink-700)!important;line-height:1.75!important;white-space:pre-line!important}.preorder-hero-points{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important}.preorder-hero-points span{padding:8px 13px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--line)!important;color:var(--sky-700)!important;font-weight:900!important}.preorder-hero-visual{position:relative!important;min-height:250px!important;display:grid!important;place-items:center!important;border-radius:26px!important;background:radial-gradient(circle at 72% 30%,#fff,transparent 42%),linear-gradient(135deg,#f3fbff,#d9f1ff)!important;overflow:hidden!important}.preorder-hero-visual img{width:min(360px,92%)!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 20px 24px rgba(20,78,122,.14))!important}.preorder-hero-mini-card{position:absolute!important;right:22px!important;top:22px!important;padding:14px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 14px 30px rgba(26,97,147,.12)!important}.preorder-hero-mini-card strong{color:var(--sky-700)!important;font-size:24px!important}
.preorder-sticky-brand-bar{position:sticky!important;top:78px!important;z-index:50!important;margin:24px 0!important;padding:10px 0!important;background:rgba(239,248,255,.92)!important;backdrop-filter:blur(12px)!important}.preorder-brand-tabs{display:flex!important;gap:12px!important;overflow-x:auto!important;padding:4px 2px 10px!important;scrollbar-width:thin!important}.preorder-brand-tab{flex:0 0 210px!important;min-height:76px!important;padding:14px 18px!important;border-radius:18px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.86)!important;display:grid!important;grid-template-columns:38px 1fr!important;column-gap:12px!important;align-items:center!important;text-align:left!important;color:var(--ink-800)!important;box-shadow:0 10px 24px rgba(21,96,148,.06)!important}.preorder-brand-tab.active{border-color:var(--sky-500)!important;background:linear-gradient(135deg,#fff,#edf9ff)!important;box-shadow:0 16px 34px rgba(31,181,236,.14)!important}.preorder-brand-tab img{width:36px!important;height:30px!important;object-fit:contain!important;grid-row:span 2!important}.preorder-brand-tab strong{font-size:16px!important;font-weight:900!important}.preorder-brand-tab span{color:var(--ink-500)!important;font-size:12px!important}.preorder-view{display:none!important}.preorder-view.is-active{display:block!important}
.preorder-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.preorder-groups.is-switching{animation:preorderFade .55s ease both}@keyframes preorderFade{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preorder-group-card{min-height:260px!important;position:relative!important;overflow:hidden!important;padding:24px!important;border-radius:22px!important;border:1px solid rgba(173,221,248,.84)!important;background:linear-gradient(180deg,#fff,#f3fbff)!important;box-shadow:0 14px 34px rgba(18,89,142,.08)!important;text-align:left!important}.preorder-group-visible-brand,.preorder-group-brand{display:inline-flex!important;width:fit-content!important;padding:5px 10px!important;border-radius:999px!important;background:var(--sky-100)!important;color:var(--sky-700)!important;font-weight:900!important;font-size:12px!important}.preorder-group-visible-title,.preorder-group-titleline{margin-top:14px!important;display:flex!important;align-items:baseline!important;gap:4px!important;color:var(--ink-900)!important;font-size:22px!important;font-weight:900!important}.preorder-group-titleline em{color:var(--sky-700)!important;font-style:normal!important;font-size:14px!important}.preorder-group-card img{position:absolute!important;left:50%!important;bottom:24px!important;transform:translateX(-50%)!important;width:78%!important;height:135px!important;object-fit:contain!important;filter:drop-shadow(0 18px 20px rgba(16,61,100,.12))!important}.preorder-group-info>span:last-child{position:absolute!important;right:20px!important;top:22px!important;color:var(--ink-500)!important;font-weight:800!important}
.preorder-list-head{margin:8px 0 20px!important;padding:28px!important;border:1px solid var(--line)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,#eef9ff)!important}.preorder-list-head-main{display:grid!important;grid-template-columns:1fr 240px!important;gap:20px!important;align-items:center!important}.preorder-list-head-main h2{margin:4px 0!important;font-size:36px!important;color:var(--ink-900)!important}.preorder-list-head-main img{width:240px!important;height:130px!important;object-fit:contain!important;justify-self:end!important}.preorder-list-cards{display:grid!important;gap:12px!important}.preorder-row-card{width:100%!important;display:grid!important;grid-template-columns:1fr auto!important;gap:16px!important;align-items:center!important;padding:18px 20px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;text-align:left!important;box-shadow:0 10px 24px rgba(18,89,142,.06)!important}.preorder-row-card.active{border-color:var(--sky-500)!important;box-shadow:0 14px 32px rgba(31,181,236,.12)!important}.preorder-row-main strong{display:block!important;color:var(--ink-900)!important;font-size:18px!important;margin-bottom:10px!important}.preorder-row-specs{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.preorder-row-spec{display:inline-flex!important;gap:6px!important;padding:6px 10px!important;border-radius:999px!important;background:#f0f7fd!important;color:var(--ink-700)!important;font-size:12px!important}.preorder-row-side em{color:var(--sky-700)!important;font-style:normal!important;font-size:22px!important;font-weight:900!important}
.preorder-quote-drawer{position:fixed!important;inset:0!important;z-index:110!important;display:grid!important;place-items:end center!important;pointer-events:none!important;opacity:0!important;background:rgba(5,24,43,.36)!important;transition:opacity .26s ease!important}.preorder-quote-drawer.is-open{pointer-events:auto!important;opacity:1!important}.preorder-drawer-panel{width:min(760px,calc(100% - 24px))!important;max-height:86vh!important;overflow:auto!important;margin-bottom:16px!important;padding:28px!important;border-radius:26px!important;background:#fff!important;box-shadow:0 24px 70px rgba(5,29,58,.25)!important;transform:translateY(18px)!important;transition:transform .26s ease!important}.preorder-quote-drawer.is-open .preorder-drawer-panel{transform:translateY(0)!important}.special-segmented{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;gap:6px!important;padding:6px!important;border-radius:16px!important;background:#eef6fd!important}.special-segmented button{min-height:42px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--ink-500)!important;font-weight:800!important}.special-segmented button.active{background:#fff!important;color:var(--sky-700)!important}@media(max-width:900px){.preorder-hero-panel,.preorder-list-head-main{grid-template-columns:1fr!important}.preorder-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important}.preorder-list-head-main img{justify-self:start!important}}@media(max-width:560px){.preorder-hero-panel{padding:28px 20px!important}.preorder-brand-tab{flex-basis:180px!important}.preorder-groups{grid-template-columns:1fr!important}.preorder-row-card{grid-template-columns:1fr!important}}
/* 2026-07-01: preorder vehicle group card composition */
.preorder-group-card {
  min-height: 250px !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 14px !important;
}
.preorder-group-visible {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.preorder-group-visible-brand,
.preorder-group-brand {
  position: static !important;
  max-width: max-content !important;
  flex: 0 0 auto !important;
}
.preorder-group-visible-title,
.preorder-group-titleline {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  max-width: 100% !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.preorder-group-titleline strong,
.preorder-group-visible-title strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.preorder-group-titleline em,
.preorder-group-visible-title em {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  padding: 2px 6px !important;
  border-radius: 999px !important;
  background: var(--sky-100) !important;
  color: var(--sky-700) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.preorder-group-card img {
  position: static !important;
  transform: none !important;
  width: 100% !important;
  max-width: 260px !important;
  height: 138px !important;
  margin: auto auto 0 !important;
  align-self: center !important;
  object-fit: contain !important;
}
.preorder-group-info>span:last-child {
  position: static !important;
  display: none !important;
}
@media(max-width:900px){
  .preorder-group-visible-title,.preorder-group-titleline{font-size:20px!important}
}

/* 2026-07-02: isolate preorder quote drawer above fixed bottom nav */
body.special-page .preorder-quote-drawer{
  z-index:3000!important;
  place-items:center!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
body.special-page .preorder-drawer-panel{
  width:min(760px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 36px)!important;
  margin:0!important;
  padding:28px 28px max(34px,calc(env(safe-area-inset-bottom) + 28px))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  box-sizing:border-box!important;
}
body.special-page.preorder-drawer-open .mobile-bottom-nav,
body.special-page.preorder-drawer-open .bottom-fixed-nav,
body.special-page.preorder-drawer-open .site-bottom-nav{
  pointer-events:none!important;
}
@media(max-width:640px){
  body.special-page .preorder-quote-drawer{padding:10px!important;align-items:center!important;}
  body.special-page .preorder-drawer-panel{max-height:calc(100dvh - 20px)!important;padding:22px 18px max(30px,calc(env(safe-area-inset-bottom) + 24px))!important;border-radius:22px!important;}
}
/* 2026-07-02: scoped preorder quote drawer layout reset */
body.special-page .preorder-quote-drawer {
  z-index: 3000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 20px !important;
  background: rgba(5, 24, 43, .42) !important;
  backdrop-filter: blur(5px) !important;
  box-sizing: border-box !important;
}
body.special-page .preorder-drawer-panel {
  position: relative !important;
  width: min(760px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 40px) !important;
  margin: 0 !important;
  padding: 28px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  border: 1px solid rgba(56, 189, 248, .46) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, #ffffff 0%, #f6fcff 52%, #eaf8ff 100%) !important;
  box-shadow: 0 28px 80px rgba(9, 34, 64, .28) !important;
  color: #08233f !important;
  box-sizing: border-box !important;
}
body.special-page .preorder-drawer-close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(12, 62, 102, .14) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .86) !important;
  color: #0b3558 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
body.special-page .preorder-drawer-car {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 236px !important;
  gap: 14px 22px !important;
  align-items: start !important;
  padding-right: 44px !important;
}
body.special-page #drawerCompany {
  grid-column: 1 !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #e7f8ff !important;
  color: #0284c7 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
body.special-page #drawerTitle {
  grid-column: 1 !important;
  margin: 0 !important;
  max-width: 100% !important;
  color: #061d38 !important;
  font-size: 25px !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}
body.special-page #drawerSubtitle {
  grid-column: 1 !important;
  margin: 0 !important;
  color: #49647d !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body.special-page #drawerImage {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  width: 100% !important;
  height: 164px !important;
  object-fit: contain !important;
  align-self: center !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 50% 75%, rgba(14,165,233,.18), transparent 54%), linear-gradient(145deg, #f8fdff, #edf8ff) !important;
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, .18) !important;
}
body.special-page .preorder-drawer-specs {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 8px 0 0 !important;
}
body.special-page .preorder-drawer-specs > div {
  min-width: 0 !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(125, 211, 252, .5) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .78) !important;
}
body.special-page .preorder-drawer-specs > div:last-child {
  grid-column: 1 / -1 !important;
}
body.special-page .preorder-drawer-specs dt {
  margin: 0 0 5px !important;
  color: #688199 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
body.special-page .preorder-drawer-specs dd {
  margin: 0 !important;
  color: #0a2f52 !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}
body.special-page .preorder-drawer-conditions {
  display: grid !important;
  gap: 12px !important;
  margin-top: 18px !important;
  padding: 16px !important;
  border: 1px solid rgba(125, 211, 252, .5) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .78) !important;
}
body.special-page .preorder-drawer-conditions .special-condition-group > span {
  display: block !important;
  margin: 0 0 7px !important;
  color: #27435e !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
body.special-page .preorder-drawer-conditions .special-fixed-mileage {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: #eef7fc !important;
  color: #3f5d78 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
body.special-page .preorder-drawer-result {
  margin-top: 14px !important;
  padding: 18px !important;
  border: 1px solid rgba(14, 165, 233, .28) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #f8fdff 0%, #e6f8ff 100%) !important;
  box-shadow: 0 14px 34px rgba(14, 165, 233, .12) !important;
  display: grid !important;
  gap: 7px !important;
  text-align: center !important;
}
body.special-page .preorder-drawer-result > span {
  color: #506b85 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
body.special-page #drawerRent {
  display: block !important;
  color: #0284c7 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}
body.special-page #drawerQuoteMeta,
body.special-page #drawerResidual {
  display: block !important;
  color: #55708a !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
body.special-page #drawerConsult {
  width: 100% !important;
  min-height: 50px !important;
  margin-top: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #38bdf8, #0ea5e9) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(14, 165, 233, .22) !important;
}
body.special-page #drawerConsult.disabled {
  opacity: .45 !important;
  pointer-events: none !important;
}
body.special-page .preorder-offer-list {
  margin-top: 14px !important;
  display: grid !important;
  gap: 8px !important;
}
body.special-page .preorder-offer-list > strong {
  color: #183b5b !important;
  font-size: 14px !important;
}
body.special-page .preorder-offer-row {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(125, 211, 252, .5) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.78) !important;
}
body.special-page .preorder-offer-row.active {
  border-color: #0ea5e9 !important;
  background: #e7f8ff !important;
}
@media (max-width: 720px) {
  body.special-page .preorder-drawer-panel {
    width: min(96vw, 560px) !important;
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }
  body.special-page .preorder-drawer-car {
    grid-template-columns: 1fr !important;
    padding-right: 0 !important;
  }
  body.special-page #drawerImage {
    grid-column: 1 !important;
    grid-row: auto !important;
    height: 150px !important;
  }
  body.special-page .preorder-drawer-specs {
    grid-template-columns: 1fr !important;
  }
  body.special-page #drawerTitle {
    padding-right: 42px !important;
    font-size: 21px !important;
  }
  body.special-page #drawerRent {
    font-size: 25px !important;
  }
}
/* 2026-07-02: scoped preorder overview cards - remove duplicate lower labels and restore layout */
body.special-page #preorderOverview .preorder-groups {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
body.special-page #preorderOverview .preorder-group-card {
  position: relative !important;
  min-height: 258px !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  border: 1px solid rgba(42, 183, 229, .42) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #ffffff 0%, #f3fbff 100%) !important;
  box-shadow: 0 14px 34px rgba(23, 124, 178, .08) !important;
  text-align: left !important;
}
body.special-page #preorderOverview .preorder-group-card.active {
  background: linear-gradient(145deg, #dff4ff 0%, #bfe8ff 100%) !important;
  border-color: #21aee6 !important;
}
body.special-page #preorderOverview .preorder-group-visible {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
}
body.special-page #preorderOverview .preorder-group-visible-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(211, 242, 255, .9) !important;
  color: #057eb5 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
body.special-page #preorderOverview .preorder-group-visible-title {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  color: #061d3d !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
body.special-page #preorderOverview .preorder-group-visible-title em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 2px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: rgba(229, 247, 255, .92) !important;
  color: #008ac5 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
body.special-page #preorderOverview .preorder-group-card .preorder-group-info {
  display: none !important;
}
body.special-page #preorderOverview .preorder-group-card img {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 22px !important;
  transform: translateX(-50%) !important;
  width: min(92%, 300px) !important;
  height: 150px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 22px rgba(11, 56, 99, .14)) !important;
  z-index: 1 !important;
}
@media (max-width: 900px) {
  body.special-page #preorderOverview .preorder-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  body.special-page #preorderOverview .preorder-groups {
    grid-template-columns: 1fr !important;
  }
  body.special-page #preorderOverview .preorder-group-card {
    min-height: 230px !important;
  }
}
/* 2026-07-02: hide legacy duplicate text inside preorder vehicle group cards only. */
body.special-page #preorderOverview .preorder-group-card > .preorder-group-brand,
body.special-page #preorderOverview .preorder-group-card > strong,
body.special-page #preorderOverview .preorder-group-card > span:not(.preorder-group-brand) {
  display: none !important;
}

/* 2026-07-13: desktop-first preorder quote dialog, aligned to the card reference. */
body.special-page .preorder-quote-drawer {
  padding: 24px !important;
  background: rgba(15, 27, 40, .58) !important;
  backdrop-filter: blur(6px) !important;
}

body.special-page .preorder-drawer-panel {
  width: min(980px, calc(100vw - 36px)) !important;
  max-height: calc(100dvh - 36px) !important;
  padding: 38px 40px 30px !important;
  border: 1px solid #dce3ec !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 22px 64px rgba(7, 22, 39, .24) !important;
  color: #0a1d35 !important;
}

body.special-page .preorder-drawer-close {
  top: 24px !important;
  right: 28px !important;
  width: 52px !important;
  height: 52px !important;
  border: 1px solid #dce3ec !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #071a32 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.special-page .preorder-drawer-car {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 10px 28px !important;
  padding-right: 0 !important;
}

body.special-page #drawerCompany {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin-bottom: 28px !important;
  padding: 11px 22px !important;
  border-radius: 999px !important;
  background: #0f5ff5 !important;
  color: #fff !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

body.special-page #drawerTitle {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: end !important;
  font-size: 25px !important;
  line-height: 1.35 !important;
  letter-spacing: -.035em !important;
}

body.special-page #drawerSubtitle {
  grid-column: 1 !important;
  grid-row: 3 !important;
  margin-top: 8px !important;
  color: #5b6d82 !important;
  font-size: 16px !important;
}

body.special-page #drawerImage {
  grid-column: 2 !important;
  grid-row: 2 / span 2 !important;
  width: 100% !important;
  height: 200px !important;
  border: 1px solid #dfe5ed !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.special-page .preorder-drawer-specs {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  gap: 14px !important;
  margin-top: 30px !important;
}

body.special-page .preorder-drawer-specs > div {
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr !important;
  column-gap: 14px !important;
  align-items: center !important;
  padding: 17px 20px !important;
  border: 1px solid #dfe5ed !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.special-page .preorder-drawer-specs > div::before {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #f2f6ff !important;
  color: #1a63e8 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.special-page .preorder-drawer-specs > div:nth-child(1)::before { content: "₩" !important; }
body.special-page .preorder-drawer-specs > div:nth-child(2)::before { content: "▱" !important; }
body.special-page .preorder-drawer-specs > div:nth-child(3)::before { content: "♙" !important; }
body.special-page .preorder-drawer-specs > div:nth-child(4)::before { content: "≡" !important; }

body.special-page .preorder-drawer-specs dt,
body.special-page .preorder-drawer-specs dd {
  grid-column: 2 !important;
}

body.special-page .preorder-drawer-specs dt {
  margin: 0 0 4px !important;
  color: #617187 !important;
  font-size: 14px !important;
}

body.special-page .preorder-drawer-specs dd {
  color: #10243e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body.special-page .preorder-drawer-specs > div:last-child {
  min-height: 96px !important;
}

body.special-page .preorder-drawer-conditions {
  gap: 20px !important;
  margin-top: 26px !important;
  padding: 24px !important;
  border: 1px solid #dfe5ed !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.special-page .preorder-drawer-conditions .special-condition-group > span {
  margin-bottom: 10px !important;
  color: #14273f !important;
  font-size: 15px !important;
}

body.special-page .preorder-drawer-conditions .special-segmented {
  grid-auto-columns: 1fr !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dfe5ed !important;
  border-radius: 12px !important;
  background: #fff !important;
}

body.special-page .preorder-drawer-conditions .special-segmented button {
  min-height: 60px !important;
  border: 0 !important;
  border-right: 1px solid #dfe5ed !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #34465e !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

body.special-page .preorder-drawer-conditions .special-segmented button:last-child {
  border-right: 0 !important;
}

body.special-page .preorder-drawer-conditions .special-segmented button.active {
  position: relative !important;
  z-index: 1 !important;
  background: #fff !important;
  color: #075ff0 !important;
  box-shadow: inset 0 0 0 2px #1769f6 !important;
}

body.special-page .preorder-drawer-conditions .special-fixed-mileage {
  min-height: 48px !important;
  border: 1px solid #dfe5ed !important;
  border-radius: 11px !important;
  background: #f4f7fa !important;
  color: #506278 !important;
  font-size: 15px !important;
}

body.special-page .preorder-drawer-conditions .special-fixed-mileage::before {
  content: "◴" !important;
  margin-right: 9px !important;
  color: #4d6178 !important;
  font-size: 19px !important;
}

body.special-page .preorder-drawer-result {
  margin-top: 18px !important;
  padding: 24px !important;
  border: 1px solid #8db6ff !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.special-page .preorder-drawer-result > span {
  color: #304359 !important;
  font-size: 15px !important;
}

body.special-page #drawerRent {
  margin-top: 4px !important;
  color: #075fe8 !important;
  font-size: 42px !important;
  letter-spacing: -.03em !important;
}

body.special-page #drawerQuoteMeta,
body.special-page #drawerResidual {
  color: #728196 !important;
  font-size: 14px !important;
}

body.special-page #drawerConsult {
  min-height: 62px !important;
  margin-top: 14px !important;
  border-radius: 12px !important;
  background: #0b5ff3 !important;
  font-size: 20px !important;
  box-shadow: none !important;
}

body.special-page .preorder-offer-list {
  display: none !important;
}

@media (max-width: 720px) {
  body.special-page .preorder-quote-drawer {
    padding: 10px !important;
  }

  body.special-page .preorder-drawer-panel {
    width: min(100%, 560px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 24px 18px 28px !important;
    border-radius: 18px !important;
  }

  body.special-page .preorder-drawer-close {
    top: 16px !important;
    right: 16px !important;
    width: 42px !important;
    height: 42px !important;
  }

  body.special-page .preorder-drawer-car {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.special-page #drawerCompany {
    margin-bottom: 16px !important;
    padding: 8px 15px !important;
    font-size: 13px !important;
  }

  body.special-page #drawerTitle,
  body.special-page #drawerSubtitle,
  body.special-page #drawerImage,
  body.special-page .preorder-drawer-specs {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.special-page #drawerTitle {
    padding-right: 0 !important;
    font-size: 23px !important;
    line-height: 1.35 !important;
  }

  body.special-page #drawerSubtitle {
    font-size: 13px !important;
  }

  body.special-page #drawerImage {
    height: 170px !important;
    margin-top: 12px !important;
  }

  body.special-page .preorder-drawer-specs {
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
  }

  body.special-page .preorder-drawer-specs > div,
  body.special-page .preorder-drawer-specs > div:last-child {
    min-height: 78px !important;
    padding: 14px 16px !important;
  }

  body.special-page .preorder-drawer-conditions {
    margin-top: 18px !important;
    padding: 16px !important;
  }

  body.special-page .preorder-drawer-conditions .special-segmented button {
    min-height: 50px !important;
    font-size: 14px !important;
  }

  body.special-page #drawerRent {
    font-size: 31px !important;
  }

  body.special-page #drawerConsult {
    min-height: 54px !important;
    font-size: 17px !important;
  }
}

/* 2026-07-14: compact desktop quote drawer and borderless vehicle artwork */
body.special-page #preorderQuoteDrawer #drawerImage {
  border: 0 !important;
}

@media (min-width: 721px) {
  body.special-page #preorderQuoteDrawer .preorder-drawer-panel {
    width: min(760px, calc(100vw - 36px)) !important;
  }
}

/* 2026-07-14: submit a vehicle consultation directly inside the quote drawer */
body.special-page .preorder-inline-consult {
  margin-top: 18px !important;
  padding: 24px !important;
  border: 1px solid #d7e1ef !important;
  border-radius: 18px !important;
  background: #fff !important;
}

body.special-page .preorder-inline-consult-head > span {
  display: inline-flex !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #e8f0ff !important;
  color: #0b5ff3 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.special-page .preorder-inline-consult-head h3 {
  margin: 10px 0 6px !important;
  color: #0a1d35 !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
}

body.special-page .preorder-inline-consult-head p {
  margin: 0 !important;
  color: #61738a !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

body.special-page .preorder-inline-consult-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  margin-top: 24px !important;
}

body.special-page .preorder-consult-field {
  display: grid !important;
  gap: 9px !important;
  color: #18314f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.special-page .preorder-consult-field-title em,
body.special-page .preorder-consult-consent em {
  color: #718298 !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

body.special-page .preorder-consult-control {
  position: relative !important;
  display: block !important;
}

body.special-page .preorder-consult-icon {
  position: absolute !important;
  z-index: 1 !important;
  left: 18px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  color: #526a89 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

body.special-page .preorder-consult-textarea-control .preorder-consult-icon {
  top: 19px !important;
  transform: none !important;
}

body.special-page .preorder-consult-icon svg {
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.special-page .preorder-consult-field input,
body.special-page .preorder-consult-field textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cfdbea !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #0a1d35 !important;
  outline: 0 !important;
}

body.special-page .preorder-consult-field input {
  min-height: 62px !important;
  padding: 0 18px 0 56px !important;
}

body.special-page .preorder-consult-field textarea {
  min-height: 160px !important;
  padding: 18px 18px 34px 56px !important;
  resize: vertical !important;
}

body.special-page .preorder-consult-field input:focus,
body.special-page .preorder-consult-field textarea:focus {
  border-color: #0b5ff3 !important;
  box-shadow: 0 0 0 3px rgba(11, 95, 243, .1) !important;
}

body.special-page .preorder-consult-memo,
body.special-page .preorder-consult-consent,
body.special-page .preorder-inline-consult-submit,
body.special-page #drawerConsultStatus {
  grid-column: 1 / -1 !important;
}

body.special-page .preorder-consult-textarea-control > small {
  position: absolute !important;
  right: 16px !important;
  bottom: 12px !important;
  color: #344a68 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.special-page .preorder-consult-consent {
  padding: 16px !important;
  border: 1px solid #d7e1ef !important;
  border-radius: 16px !important;
  background: #fff !important;
}

body.special-page .preorder-consult-consent > label {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #18314f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.special-page .preorder-consult-consent > label b {
  margin-left: auto !important;
  color: #18314f !important;
  font-size: 17px !important;
}

body.special-page .preorder-consult-consent input {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

body.special-page .preorder-consult-privacy {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 12px !important;
  padding: 16px !important;
  border: 1px solid #dde5ef !important;
  border-radius: 12px !important;
  background: #fbfcfe !important;
}

body.special-page .preorder-consult-privacy div {
  color: #687b92 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

body.special-page .preorder-consult-privacy strong {
  display: block !important;
  color: #27415f !important;
}

body.special-page .preorder-consult-privacy ul {
  margin: 4px 0 0 !important;
  padding-left: 18px !important;
}

body.special-page .preorder-consult-consent > p {
  margin: 9px 0 0 !important;
  color: #7a899c !important;
  font-size: 11px !important;
}

body.special-page .preorder-inline-consult-submit {
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #0b5ff3 !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

body.special-page .preorder-inline-consult-submit:disabled {
  cursor: wait !important;
  opacity: .65 !important;
}

body.special-page #drawerConsultStatus {
  min-height: 20px !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 13px !important;
}

body.special-page #drawerConsultStatus.success { color: #087a52 !important; }
body.special-page #drawerConsultStatus.error { color: #c0362c !important; }

@media (max-width: 720px) {
  body.special-page .preorder-inline-consult {
    padding: 18px 14px !important;
  }

  body.special-page .preorder-consult-field,
  body.special-page .preorder-consult-memo,
  body.special-page .preorder-consult-consent,
  body.special-page .preorder-inline-consult-submit,
  body.special-page #drawerConsultStatus {
    grid-column: 1 !important;
  }
}