.welcome-offer {
  width: min(820px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100svh - 32px);
  padding: 0;
  border: 1px solid #6c877550;
  border-radius: 8px;
  background: #152223;
  color: #f1f4ed;
  box-shadow: 0 30px 100px #0008;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #7d9262 #152223;
}
.welcome-offer::backdrop {
  background: #061217bc;
  backdrop-filter: blur(7px);
}
.welcome-offer[open] { animation: welcome-offer-arrive .4s cubic-bezier(.16, 1, .3, 1); }
.welcome-offer-layout { display: grid; grid-template-columns: 1fr 1.12fr; }
.welcome-offer-close {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 17px;
  z-index: 2;
  padding: 9px 12px;
  min-height: 44px;
  background: #152223e8;
  color: #e6ede2;
  border: 1px solid #82927a66;
  border-radius: 3px;
  font-size: 14px;
}
.welcome-offer-close:hover { background: #293a30; }
.welcome-offer-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 0;
  min-height: 420px;
  overflow: hidden;
  background: radial-gradient(ellipse at 40% 65%, #62765a55, transparent 68%),
    linear-gradient(145deg, #2b393c, #142025);
}
.welcome-offer-logo {
  position: absolute;
  inset-block-start: 29px;
  inset-inline-start: 26px;
  width: 158px;
  height: auto;
}
.welcome-offer-model {
  position: absolute;
  top: 29%;
  font: 700 clamp(100px, 12vw, 160px)/1 Barlow, Arial, sans-serif;
  letter-spacing: -.035em;
  color: #e9f1d912;
  user-select: none;
}
.welcome-offer-vehicle {
  position: relative;
  width: 96%;
  max-width: none;
  height: auto;
  margin-top: 50px;
  filter: drop-shadow(0 16px 13px #0007);
}
.welcome-offer-copy { padding: 74px 34px 30px; min-width: 0; }
.welcome-offer-label {
  font-size: 14px;
  line-height: 1.5;
  color: #d2dfbf;
  margin-bottom: 14px;
}
.welcome-offer-title {
  font-family: inherit;
  font-size: 34px;
  letter-spacing: -.04em;
  line-height: 1.12;
  text-transform: none;
}
.welcome-offer-price {
  display: flex;
  align-items: baseline;
  gap: 18px;
  margin: 22px 0 16px;
}
.welcome-offer-price strong {
  font-family: DM, Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1.1;
  white-space: nowrap;
}
.welcome-offer-price s { color: #aebbaf; font-size: 18px; }
.welcome-offer-description { font-size: 16px; line-height: 1.6; color: #d4dfd5; margin-bottom: 23px; }
.welcome-offer-request { width: 100%; padding: 14px 12px; }
.welcome-offer-continue {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 11px 12px;
  min-height: 44px;
  font-size: 14px;
  color: #dde6d5;
  background: transparent;
  border: 1px solid #78877370;
  border-radius: 2px;
}
.welcome-offer-continue:hover { background: #27362c; }
.welcome-offer-note { font-size: 13px; line-height: 1.6; color: #aebbaf; margin-top: 17px; }
html:is([lang=ar],[lang=ur]) .welcome-offer-title { font-size: 30px; line-height: 1.5; letter-spacing: 0; }
html:is([lang=ar],[lang=ur]) .welcome-offer-request { font-size: 15px; }
html:is([lang=ar],[lang=ur]) .welcome-offer-price { justify-content: flex-end; }

@keyframes welcome-offer-arrive {
  from { opacity: 0; transform: translateY(16px) scale(.98); }
  to { opacity: 1; transform: none; }
}
@media (max-width: 600px) {
  .welcome-offer { width: calc(100% - 24px); max-height: calc(100svh - 24px); }
  .welcome-offer-layout { grid-template-columns: 1fr; }
  .welcome-offer-visual { min-height: 190px; }
  .welcome-offer-logo { inset-block-start: 20px; inset-inline-start: 20px; width: 128px; }
  .welcome-offer-model { top: 26%; font-size: 110px; }
  .welcome-offer-vehicle { width: 90%; max-width: 360px; margin-top: 57px; }
  .welcome-offer-close { inset-block-start: 12px; inset-inline-end: 12px; }
  .welcome-offer-copy { padding: 20px 24px 24px; }
  .welcome-offer-title { font-size: 30px; }
  .welcome-offer-label { margin-bottom: 9px; }
  .welcome-offer-price { margin-top: 16px; }
  .welcome-offer-price strong { font-size: 42px; }
  .welcome-offer-description { margin-bottom: 18px; }
  html:is([lang=ar],[lang=ur]) .welcome-offer-title { font-size: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  .welcome-offer[open] { animation: none; }
  .welcome-offer::backdrop { backdrop-filter: none; }
}
body.motion-off .welcome-offer[open] { animation: none; }
@media print { .welcome-offer { display: none !important; } }
/* The offers share a deck; closing docks the launcher near the header. */
.offer-dialog{width:min(880px,calc(100% - 36px));overflow:auto;max-height:calc(100svh - 36px);border-radius:14px}
.offer-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px 4px}
.offer-dialog-top p{font-size:15px;color:#d4dfce}
.offer-dialog .welcome-offer-close{position:static;flex-shrink:0;background:transparent}
.offer-tabs{display:flex;gap:12px;margin:12px 24px 20px}
.offer-tabs button{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-height:58px;padding:12px 18px;background:#22332d;color:#e5edde;border:1px solid #6379546b;border-radius:7px;font-size:15px;font-weight:700}
.offer-tabs button[aria-selected=true]{background:#c5d93d;color:#101719;border-color:#c5d93d}
.offer-deck{position:relative;margin:0 14px 14px;padding:0 4px 4px}
.offer-deck:before{content:'';position:absolute;inset:6px 0 0;border-radius:10px;background:#334233;border:1px solid #63795455;transform:rotate(-.6deg);pointer-events:none}
.offer-dialog .welcome-offer-layout{position:relative;grid-template-columns:1.05fr 1fr;border-radius:10px;overflow:hidden;background:#152223;animation:offer-switch .35s ease}
.offer-dialog .welcome-offer-copy{padding:30px}
.offer-dialog .welcome-offer-title{font-size:32px;line-height:1.15;min-height:74px}
.offer-dialog .welcome-offer-visual{min-height:400px}
.welcome-offer-picture{position:relative;width:96%;margin-top:44px;display:block;z-index:1}
.welcome-offer-picture .welcome-offer-vehicle{width:100%;max-width:100%;margin:0;border-radius:7px}
.offer-dialog .welcome-offer-model{top:27%;font-size:clamp(100px,11vw,155px)}
.offer-launcher{position:fixed;z-index:35;inset-block-start:118px;inset-inline-end:22px;display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 16px;border:1px solid #b6c97d66;border-radius:6px;background:#142323ed;color:#eef4e5;box-shadow:0 8px 25px #0004;backdrop-filter:blur(10px);font-size:14px;font-weight:700}
.offer-launcher-codes{color:#c5d93d;font-size:12px}
@keyframes offer-switch{from{opacity:.55;transform:translateX(10px)}to{opacity:1;transform:none}}
html:is([lang=ar],[lang=ur]) .offer-dialog .welcome-offer-title{font-size:27px;min-height:74px;line-height:1.45}
@media(max-width:700px){.offer-launcher{inset-block-start:98px;inset-inline-end:12px;padding:9px 12px;gap:9px;min-height:42px}.offer-launcher-codes{font-size:11px}}
@media(max-width:600px){.offer-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px)}.offer-dialog-top{padding:12px 16px 0}.offer-tabs{margin:10px 16px 14px;gap:9px}.offer-tabs button{padding:10px 12px;font-size:14px;min-height:50px;gap:8px}.offer-deck{margin:0 9px 9px}.offer-dialog .welcome-offer-layout{grid-template-columns:1fr}.offer-dialog .welcome-offer-visual{min-height:170px;height:190px}.welcome-offer-picture{width:80%;max-width:340px;margin-top:38px}.offer-dialog .welcome-offer-copy{padding:20px 22px 24px}.offer-dialog .welcome-offer-title{font-size:27px;min-height:0}.offer-dialog .welcome-offer-logo{width:116px;top:14px}.offer-dialog .welcome-offer-model{top:24%;font-size:105px}.offer-dialog .welcome-offer-description{margin-bottom:17px}.offer-dialog .welcome-offer-price{margin:14px 0}.offer-dialog .welcome-offer-note{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.offer-dialog .welcome-offer-layout{animation:none}}