/* ═══════════════════════════════════════
   차이즈유 (CAR IS YOU) — 매물 사이트 v2
   톤: 다크 네이비 + 골드 + 화사 액센트
   ═══════════════════════════════════════ */

:root{
  --bg:#FBF6EB;
  --bg-2:#F4EAD2;
  --surface:#FFFFFF;
  --surface-2:#FAF3DE;
  --gold:#B08639;
  --gold-light:#D4AF6F;
  --gold-dark:#8B6914;
  --cream:#F4F1EA;
  --white:#0F1B30;
  --white-soft:#2D3A52;
  --text:#2D3A52;
  --text-dim:#5C6B89;
  --text-faint:#8696B5;
  --accent:#D4612A;
  --green:#15803D;
  --line:rgba(176,134,57,0.18);
  --line-bright:rgba(176,134,57,0.45);
  --shadow:0 12px 40px rgba(15,27,48,0.08);
  --shadow-gold:0 8px 32px rgba(176,134,57,0.22);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:'Noto Sans KR',-apple-system,sans-serif;
  background:
    radial-gradient(circle at 8% 6%, rgba(255,255,255,.9) 0%, transparent 26%),
    linear-gradient(135deg, #fffaf0 0%, #f7ecd5 44%, #eef5f3 100%);
  color:var(--text);
  line-height:1.6;
  min-height:100vh;
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none}

/* ═══ HEADER ═══ */
header{
  position:fixed;top:0;left:0;right:0;z-index:200;
  background:rgba(251,246,235,0.72);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
  padding:0 1.5rem;
  height:70px;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .3s;
}
header.scrolled{background:rgba(251,246,235,0.95)}
.logo-wrap{display:flex;align-items:center;gap:.7rem}
.logo-mark{
  width:42px;height:42px;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:#FFFFFF;
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:1.05rem;letter-spacing:-.02em;
  box-shadow:var(--shadow-gold);
}
.logo-text{display:flex;flex-direction:column;line-height:1.2}
.logo-name{font-size:1.05rem;font-weight:800;color:var(--white)}
.logo-en{font-size:.7rem;color:var(--gold);letter-spacing:.18em;font-weight:700}
nav.nav{display:flex;gap:1.35rem;align-items:center}
.nav a{font-size:.9rem;font-weight:600;color:var(--white-soft);transition:color .15s;letter-spacing:-.005em}
.nav a:hover{color:var(--gold)}
.btn-gold{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  padding:.62rem 1.2rem;border-radius:8px;
  font-size:.85rem;font-weight:800;
  transition:all .2s;
  letter-spacing:-.005em;
}
.btn-gold:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold)}
.language-switcher{position:relative}
.lang-current{
  min-width:86px;
  padding:.55rem .78rem;
  border:1px solid rgba(176,134,57,.28);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:var(--white-soft);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:-.01em;
  box-shadow:0 8px 20px rgba(15,27,48,.06);
}
.lang-current::after{content:' ▾';color:var(--gold);font-weight:900}
.lang-menu{
  position:absolute;
  top:calc(100% + .55rem);
  right:0;
  min-width:155px;
  padding:.45rem;
  border:1px solid var(--line-bright);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(15,27,48,.14);
  display:none;
  z-index:260;
}
.language-switcher.open .lang-menu{display:grid;gap:.25rem}
.lang-menu button{
  width:100%;
  padding:.58rem .72rem;
  border-radius:10px;
  background:transparent;
  color:var(--white-soft);
  text-align:left;
  font-size:.82rem;
  font-weight:800;
}
.lang-menu button:hover,.lang-menu button.on{
  background:linear-gradient(135deg,rgba(212,175,111,.18),rgba(176,134,57,.12));
  color:var(--gold-dark);
}
@media(max-width:768px){
  nav.nav{gap:.45rem}
  nav.nav a{display:none}
  .lang-current{min-width:70px;padding:.5rem .62rem;font-size:.72rem}
  .lang-menu{right:-2.2rem}
  .btn-gold{padding:.55rem .75rem;font-size:.78rem}
}

/* ═══ HERO — Full screen video bg ═══ */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  padding:7rem 1.5rem 5rem;
}
.hero-video,.hero-bg,.hero-photo,.hero-light-sweep{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  z-index:0;
}
.hero-bg{
  background:
    radial-gradient(ellipse at 78% 18%, rgba(255,255,255,.92) 0%, transparent 36%),
    radial-gradient(ellipse at 20% 82%, rgba(212,175,111,0.24) 0%, transparent 50%),
    linear-gradient(135deg, #fffaf0 0%, #f4ead2 48%, #eaf3f0 100%);
  background-size:180% 180%;
  animation: heroFlow 20s ease-in-out infinite;
}
.hero-photo{
  left:auto;
  width:72%;
  opacity:1;
  background-image:
    linear-gradient(90deg, rgba(15,27,48,.22) 0%, rgba(255,250,240,.16) 30%, rgba(255,250,240,.02) 62%, rgba(255,250,240,.04) 100%),
    url("../images/hero-luxury-sedan-ai.png");
  background-size:100% 100%, cover;
  background-position:center right;
  filter:saturate(1.22) contrast(1.12) brightness(.96);
  transform:scale(1.025);
  animation: heroPhotoDrift 20s ease-in-out infinite;
  z-index:0;
}
.hero-photo::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 76% 68%, rgba(15,27,48,.08) 0%, transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,246,226,.14));
}
.hero-light-sweep{
  inset:-20% -40%;
  width:auto;height:auto;
  background:linear-gradient(112deg,
    transparent 34%,
    rgba(255,255,255,.28) 44%,
    rgba(255,255,255,.62) 49%,
    rgba(212,175,111,.20) 54%,
    transparent 68%);
  background-size:220% 100%;
  animation: showroomLightSweep 8.5s ease-in-out infinite;
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:1;
}
@keyframes heroFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes heroPhotoDrift{
  0%,100%{transform:scale(1.025) translate3d(0,0,0);background-position:center right, center right}
  50%{transform:scale(1.055) translate3d(-12px,-4px,0);background-position:center right, 58% center}
}
@keyframes showroomLightSweep{
  0%,18%{background-position:-90% 50%;opacity:.55}
  58%{background-position:125% 50%;opacity:.82}
  100%{background-position:125% 50%;opacity:.45}
}
.hero::before{
  content:'';
  position:absolute;
  inset:-20%;
  background:linear-gradient(115deg,
    transparent 30%,
    rgba(255,240,200,0.18) 45%,
    rgba(255,245,215,0.28) 50%,
    rgba(255,240,200,0.18) 55%,
    transparent 70%);
  background-size:250% 100%;
  animation: lightShift 14s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
  mix-blend-mode:soft-light;
}
@keyframes lightShift{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.hero::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(212,175,111,0.35) 0%, transparent 2px),
    radial-gradient(circle at 70% 60%, rgba(212,175,111,0.3) 0%, transparent 2px),
    radial-gradient(circle at 45% 85%, rgba(212,175,111,0.32) 0%, transparent 2px),
    radial-gradient(circle at 85% 15%, rgba(212,175,111,0.28) 0%, transparent 2px),
    radial-gradient(circle at 15% 75%, rgba(212,175,111,0.3) 0%, transparent 2px);
  background-size:100% 100%;
  animation: particleFloat 22s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}
@keyframes particleFloat{
  0%,100%{transform:translateY(0px)}
  50%{transform:translateY(-12px)}
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(255,250,240,.72) 0%, rgba(255,250,240,.38) 35%, rgba(255,250,240,.08) 68%, rgba(255,250,240,.12) 100%),
    linear-gradient(180deg, rgba(255,250,238,0) 0%, rgba(244,234,210,0.18) 72%, rgba(212,175,111,0.2) 100%);
  z-index:1;
}
.hero-grid-pattern{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(176,134,57,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(176,134,57,0.08) 1px, transparent 1px);
  background-size:50px 50px;
  z-index:1;
  mask-image:radial-gradient(ellipse at center, black 40%, transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse at center, black 40%, transparent 80%);
}
.hero-content{
  position:relative;z-index:2;
  max-width:1180px;width:100%;
  text-align:left;
  padding:3.2rem;
  border:1px solid rgba(176,134,57,.26);
  border-radius:34px;
  background:linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,248,232,.55));
  box-shadow:0 32px 90px rgba(15,27,48,.11);
  backdrop-filter:blur(18px);
}
.hero-badge{
  display:inline-flex;align-items:center;gap:.45rem;
  background:rgba(15,27,48,0.08);
  border:1px solid rgba(15,27,48,0.2);
  color:#0F1B30;
  padding:.5rem 1.1rem;border-radius:999px;
  font-size:.78rem;font-weight:700;letter-spacing:.06em;
  margin-bottom:1.5rem;
  backdrop-filter:blur(10px);
}
.hero-badge::before{
  content:'';width:6px;height:6px;
  background:var(--gold);border-radius:50%;
  animation:pulse 1.6s infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero h1{
  font-size:clamp(2.5rem,6.5vw,5rem);
  font-weight:900;
  color:#0F1B30;
  letter-spacing:-.04em;
  line-height:1.05;
  margin-bottom:1.2rem;
  max-width:850px;
  text-shadow:0 2px 14px rgba(255,255,255,0.58);
}
.hero h1 .gold{color:#B08639;font-style:italic}
.hero-headline-slider{
  position:relative;
  max-width:930px;
  height:330px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(176,134,57,.28);
  background:rgba(255,255,255,.5);
  box-shadow:0 22px 58px rgba(15,27,48,.12);
}
.hero-headline-track{
  position:relative;
  height:100%;
}
.hero-headline-panel{
  position:absolute;
  inset:0;
  padding:2.2rem 2.45rem 2.7rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1rem;
  color:#102037;
  opacity:0;
  transform:translateY(12px);
  animation:heroHeadlineFade 22s infinite;
}
.hero-headline-panel:nth-child(1){animation-delay:0s}
.hero-headline-panel:nth-child(2){animation-delay:5.5s}
.hero-headline-panel:nth-child(3){animation-delay:11s}
.hero-headline-panel:nth-child(4){animation-delay:16.5s}
}
.hero-headline-panel span{
  width:max-content;
  padding:.42rem .72rem;
  border-radius:999px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(15,27,48,.08);
  color:#85612d;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
}
.hero-headline-panel h1{
  margin:0;
  max-width:850px;
  font-size:clamp(2.35rem,4.65vw,4.55rem);
  line-height:1.08;
  color:#0F1B30;
}
.hero-headline-panel h1 strong{
  color:#B08639;
  font-style:italic;
}
.hero-headline-panel p{
  max-width:660px;
  color:#344864;
  font-size:1.06rem;
  line-height:1.7;
  font-weight:750;
  text-shadow:0 1px 8px rgba(255,255,255,.48);
}
.headline-clear{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,221,169,.78))}
.headline-match{background:linear-gradient(135deg,rgba(239,248,244,.94),rgba(199,230,218,.82))}
.headline-safe{background:linear-gradient(135deg,rgba(255,249,238,.94),rgba(218,229,246,.82))}
.headline-talk{background:linear-gradient(135deg,rgba(255,246,225,.94),rgba(234,205,147,.84))}
.hero-headline-dots{
  position:absolute;
  right:1.2rem;
  bottom:1.1rem;
  display:flex;
  gap:.42rem;
}
.hero-headline-dots span{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(15,27,48,.25);
  animation:heroHeadlineDot 22s infinite;
}
.hero-headline-dots span:nth-child(2){animation-delay:5.5s}
.hero-headline-dots span:nth-child(3){animation-delay:11s}
.hero-headline-dots span:nth-child(4){animation-delay:16.5s}
@keyframes heroHeadlineFade{
  0%{opacity:0;transform:translateY(12px)}
  4%,21%{opacity:1;transform:translateY(0)}
  25%,100%{opacity:0;transform:translateY(-10px)}
}
@keyframes heroHeadlineDot{
  0%,24%{width:26px;background:#B08639}
  25%,100%{width:8px;background:rgba(15,27,48,.25)}
}
.hero-message-slider{
  position:relative;
  display:none;
  max-width:760px;
  height:126px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(176,134,57,.24);
  box-shadow:0 18px 46px rgba(15,27,48,.10);
  margin:1.6rem 0 0;
  background:rgba(255,255,255,.52);
  backdrop-filter:blur(14px);
}
.hero-message-track{
  height:100%;
  animation:heroMessageSlide 18s cubic-bezier(.65,0,.35,1) infinite;
}
.hero-message-card{
  height:126px;
  padding:1.05rem 1.25rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.25rem;
  color:#0F1B30;
}
.hero-message-card .eyebrow{
  width:max-content;
  padding:.22rem .55rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(15,27,48,.08);
}
.hero-message-card strong{
  font-size:1.08rem;
  line-height:1.38;
  letter-spacing:-.025em;
}
.hero-message-card small{
  color:#42536f;
  font-size:.82rem;
  line-height:1.45;
}
.tone-photo{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(245,225,178,.72))}
.tone-match{background:linear-gradient(135deg,rgba(238,247,243,.88),rgba(202,232,220,.76))}
.tone-safe{background:linear-gradient(135deg,rgba(245,241,234,.90),rgba(219,230,245,.72))}
.tone-talk{background:linear-gradient(135deg,rgba(255,247,232,.90),rgba(238,205,142,.76))}
@keyframes heroMessageSlide{
  0%,19%{transform:translateY(0)}
  25%,44%{transform:translateY(-126px)}
  50%,69%{transform:translateY(-252px)}
  75%,94%{transform:translateY(-378px)}
  100%{transform:translateY(0)}
}
.hero-message-dots{
  position:absolute;
  right:1rem;
  bottom:.8rem;
  display:flex;
  gap:.32rem;
}
.hero-message-dots span{
  width:6px;height:6px;border-radius:999px;
  background:rgba(15,27,48,.25);
  animation:heroDot 18s infinite;
}
.hero-message-dots span:nth-child(2){animation-delay:4.5s}
.hero-message-dots span:nth-child(3){animation-delay:9s}
.hero-message-dots span:nth-child(4){animation-delay:13.5s}
@keyframes heroDot{
  0%,24%{width:18px;background:#B08639}
  25%,100%{width:6px;background:rgba(15,27,48,.25)}
}
.hero-cta-row{display:flex;justify-content:flex-start;gap:.7rem;flex-wrap:wrap;margin:2.2rem 0 2.2rem}
.btn-hero-gold{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  padding:1rem 1.8rem;border-radius:10px;
  font-size:1rem;font-weight:800;
  transition:all .2s;
  box-shadow:var(--shadow-gold);
}
.btn-hero-gold:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(212,175,111,.35)}
.btn-hero-line{
  background:rgba(255,255,255,0.62);
  color:var(--white);
  border:1.5px solid rgba(176,134,57,0.28) !important;
  padding:1rem 1.8rem;border-radius:10px;
  font-size:1rem;font-weight:700;
  transition:all .2s;
  backdrop-filter:blur(10px);
}
.btn-hero-line:hover{background:#fff;border-color:var(--gold) !important;box-shadow:0 10px 28px rgba(176,134,57,.15)}

.hero-scroll{
  position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);
  font-size:.78rem;color:var(--text-dim);letter-spacing:.15em;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  z-index:2;
}
.scroll-line{
  width:1px;height:30px;
  background:linear-gradient(to bottom, var(--gold), transparent);
  animation:scrollPulse 2s infinite;
}
@keyframes scrollPulse{0%,100%{opacity:0.3;height:20px}50%{opacity:1;height:40px}}

/* Main promotional carousel */
.promo-carousel{
  position:relative;
  padding:4.4rem 1.5rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 20%, rgba(212,175,111,.18), transparent 34%),
    radial-gradient(circle at 90% 30%, rgba(98,157,130,.16), transparent 32%),
    linear-gradient(180deg,#fbf5ea 0%,#f6efe3 100%);
}
.promo-carousel::before{
  content:'';
  position:absolute;
  inset:1.4rem;
  border:1px solid rgba(176,134,57,.18);
  border-radius:34px;
  pointer-events:none;
}
.promo-carousel-inner{
  position:relative;
  max-width:1200px;
  margin:0 auto;
}
.promo-carousel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1.2rem;
  margin-bottom:1.45rem;
}
.promo-carousel-title{
  font-size:clamp(1.85rem,3.6vw,3.1rem);
  line-height:1.12;
  letter-spacing:-.045em;
  color:#12233d;
}
.promo-carousel-sub{
  max-width:420px;
  color:#5b6b83;
  line-height:1.72;
  font-weight:650;
}
.promo-window{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(176,134,57,.28);
  box-shadow:0 30px 80px rgba(20,30,48,.13);
  background:rgba(255,255,255,.58);
}
.promo-track{
  display:flex;
  width:400%;
  animation:promoSlide 22s cubic-bezier(.65,0,.35,1) infinite;
}
.promo-panel{
  width:25%;
  min-height:330px;
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:1.4rem;
  padding:2.2rem;
  color:#12233d;
}
.promo-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1rem;
}
.promo-kicker{
  width:max-content;
  padding:.45rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(18,35,61,.08);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  color:#86612b;
}
.promo-panel h3{
  font-size:clamp(1.75rem,3.2vw,3.45rem);
  line-height:1.08;
  letter-spacing:-.055em;
}
.promo-panel p{
  max-width:560px;
  color:#465773;
  line-height:1.72;
  font-size:1.03rem;
  font-weight:650;
}
.promo-points{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.35rem;
}
.promo-points span{
  padding:.52rem .72rem;
  border-radius:999px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(18,35,61,.08);
  color:#213554;
  font-size:.82rem;
  font-weight:850;
}
.promo-visual{
  position:relative;
  min-height:260px;
  border-radius:25px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.06)),
    linear-gradient(135deg,#d9c28e,#7ea88f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 50px rgba(18,35,61,.12);
}
.promo-visual::before{
  content:'';
  position:absolute;
  left:12%;
  right:12%;
  bottom:26%;
  height:18%;
  border-radius:999px 999px 18px 18px;
  background:linear-gradient(90deg,rgba(18,35,61,.82),rgba(37,89,84,.76));
  box-shadow:0 18px 35px rgba(18,35,61,.22);
}
.promo-visual::after{
  content:'';
  position:absolute;
  left:22%;
  right:22%;
  bottom:43%;
  height:25%;
  border:8px solid rgba(255,255,255,.82);
  border-bottom:0;
  border-radius:28px 28px 0 0;
}
.promo-visual .glow{
  position:absolute;
  inset:auto -12% -18% auto;
  width:70%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.65),transparent 62%);
}
.promo-panel.photo{background:linear-gradient(135deg,#fff8e8 0%,#d9ecdd 100%)}
.promo-panel.match{background:linear-gradient(135deg,#ecf6ff 0%,#f7e4bb 100%)}
.promo-panel.safe{background:linear-gradient(135deg,#fff6f0 0%,#dfe8f8 100%)}
.promo-panel.talk{background:linear-gradient(135deg,#edf8ef 0%,#ffe8b6 100%)}
.promo-dots{
  position:absolute;
  left:2rem;
  bottom:1.35rem;
  display:flex;
  gap:.42rem;
}
.promo-dots span{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(18,35,61,.24);
  animation:promoDot 22s infinite;
}
.promo-dots span:nth-child(2){animation-delay:5.5s}
.promo-dots span:nth-child(3){animation-delay:11s}
.promo-dots span:nth-child(4){animation-delay:16.5s}
@keyframes promoSlide{
  0%,19%{transform:translateX(0)}
  25%,44%{transform:translateX(-25%)}
  50%,69%{transform:translateX(-50%)}
  75%,94%{transform:translateX(-75%)}
  100%{transform:translateX(0)}
}
@keyframes promoDot{
  0%,24%{width:24px;background:#B08639}
  25%,100%{width:8px;background:rgba(18,35,61,.24)}
}

/* ═══ INTERACTIVE SIMULATOR (Hero 직후) ═══ */
.simulator{
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);
  padding:5rem 1.5rem;
  position:relative;
  overflow:hidden;
}
.simulator::before{
  content:'';position:absolute;
  top:50%;left:-15%;
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(212,175,111,0.06) 0%,transparent 60%);
  pointer-events:none;
  animation:floatGlow 16s ease-in-out infinite;
}
.simulator::after{
  content:'';position:absolute;
  bottom:-20%;right:-10%;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(29,53,87,0.4) 0%,transparent 65%);
  pointer-events:none;
  animation:floatGlow 18s ease-in-out infinite reverse;
}
@keyframes floatGlow{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(30px,-20px) scale(1.05)}
}
.sim-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;
}
@media(max-width:880px){.sim-inner{grid-template-columns:1fr;gap:2rem}}
.sim-text{display:flex;flex-direction:column;gap:1rem}
.section-label{
  font-size:.78rem;font-weight:800;
  color:var(--gold);
  letter-spacing:.25em;
  margin-bottom:.5rem;
}
.section-title{
  font-size:clamp(1.8rem,3vw,2.5rem);
  font-weight:900;
  color:var(--white);
  letter-spacing:-.025em;
  line-height:1.2;
  margin-bottom:.6rem;
}
.section-title .gold{color:var(--gold)}
.section-sub{font-size:1rem;color:var(--text-dim);line-height:1.7}
.sim-card{
  background:linear-gradient(145deg,var(--surface),var(--bg-2));
  border:1px solid var(--line-bright);
  border-radius:18px;
  padding:2rem;
  box-shadow:var(--shadow);
}
.sim-row{display:flex;flex-direction:column;gap:1.3rem}
.slider-block{display:flex;flex-direction:column;gap:.5rem}
.slider-label-row{display:flex;justify-content:space-between;align-items:baseline}
.slider-label{font-size:.85rem;color:var(--text-dim);font-weight:600}
.slider-value{font-size:1.4rem;font-weight:900;color:var(--gold);letter-spacing:-.02em}
.slider-value .small{font-size:.85rem;color:var(--text-dim);font-weight:600}
input[type=range]{
  -webkit-appearance:none;appearance:none;
  width:100%;height:6px;
  background:rgba(212,175,111,0.15);
  border-radius:999px;
  outline:none;
  cursor:pointer;
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:20px;height:20px;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  border-radius:50%;
  cursor:pointer;
  box-shadow:var(--shadow-gold);
  transition:transform .15s;
}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}
input[type=range]::-moz-range-thumb{
  width:20px;height:20px;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  border-radius:50%;border:none;
  cursor:pointer;
  box-shadow:var(--shadow-gold);
}
.sim-result{
  margin-top:1.2rem;padding-top:1.2rem;
  border-top:1px solid var(--line);
}
.sim-result-label{font-size:.85rem;color:var(--text-dim);margin-bottom:.4rem}
.sim-result-num{
  font-size:1rem;color:var(--white-soft);
}
.sim-result-num strong{
  font-size:1.6rem;font-weight:900;color:var(--gold);
  display:inline-block;margin-right:.3rem;
}

/* ═══ FEATURED CAR — 이번 주 추천 ═══ */
.featured{
  padding:5rem 1.5rem;
  background:var(--bg-2);
  position:relative;
  overflow:hidden;
}
.featured::before{
  content:'';position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.featured::after{
  content:'';position:absolute;
  top:30%;left:50%;transform:translateX(-50%);
  width:90%;max-width:1100px;height:60%;
  background-image:
    linear-gradient(rgba(212,175,111,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,175,111,0.025) 1px, transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
  mask-image:radial-gradient(ellipse at center, black 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at center, black 30%, transparent 75%);
}
.featured-inner{max-width:1200px;margin:0 auto}
.featured-card{
  background:linear-gradient(135deg,var(--surface),var(--bg-2));
  border:1.5px solid var(--line-bright);
  border-radius:20px;overflow:hidden;
  display:grid;grid-template-columns:1.3fr 1fr;
  margin-top:2rem;
  box-shadow:var(--shadow);
  position:relative;
}
@media(max-width:880px){.featured-card{grid-template-columns:1fr}}
.featured-card::before{
  content:'WEEKLY PICK';
  position:absolute;top:1.2rem;left:1.5rem;z-index:2;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  padding:.4rem .9rem;border-radius:5px;
  font-size:.7rem;font-weight:900;letter-spacing:.15em;
}
.featured-thumb{
  background:linear-gradient(135deg,var(--surface-2),var(--bg-2));
  display:flex;align-items:center;justify-content:center;
  font-size:8rem;
  min-height:380px;
  position:relative;
  overflow:hidden;
  background-size:cover;
  background-position:center;
}
.featured-thumb.has-photo{font-size:0}
.featured-thumb.has-photo::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(10,20,36,0.04), rgba(10,20,36,0.32));
  z-index:1;
}
.featured-thumb::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 30% 30%, rgba(212,175,111,0.15) 0%, transparent 50%);
  z-index:2;
}
.featured-info{padding:2.5rem;display:flex;flex-direction:column;gap:1rem}
.featured-brand{font-size:.85rem;color:var(--gold);font-weight:700;letter-spacing:.02em}
.featured-name{
  font-size:2rem;font-weight:900;color:var(--white);
  letter-spacing:-.02em;line-height:1.15;
}
.featured-tags{display:flex;gap:.4rem;flex-wrap:wrap}
.featured-tag{
  background:rgba(212,175,111,0.12);
  border:1px solid var(--line-bright);
  color:var(--gold);
  font-size:.72rem;font-weight:700;
  padding:.28rem .65rem;border-radius:5px;
}
.featured-meta{
  display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;
  margin:.5rem 0;
}
.featured-meta-item{display:flex;flex-direction:column}
.featured-meta-label{font-size:.7rem;color:var(--text-faint);font-weight:600;letter-spacing:.05em}
.featured-meta-value{font-size:.95rem;color:var(--white-soft);font-weight:700}
.featured-price-row{
  display:flex;justify-content:space-between;align-items:flex-end;
  padding:1rem 0;border-top:1px solid var(--line);margin-top:.5rem;
}
.featured-price{font-size:2rem;font-weight:900;color:var(--white);letter-spacing:-.02em}
.featured-price .small{font-size:1rem;color:var(--gold)}
.featured-month{font-size:.85rem;color:var(--text-dim)}
.featured-cta-row{display:flex;gap:.5rem}
.featured-cta-row a{
  flex:1;text-align:center;
  padding:.85rem;border-radius:10px;
  font-size:.9rem;font-weight:800;
  transition:all .15s;
}
.featured-cta-row .btn-detail{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
}
.featured-cta-row .btn-kakao{background:#FEE500;color:#1a1a1a}

/* ═══ CAR GRID SECTION ═══ */
.cars-section{
  padding:5rem 1.5rem;
  background:var(--bg);
  position:relative;
  overflow:hidden;
}
.cars-section::before{
  content:'';position:absolute;
  top:0;right:-15%;
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(29,53,87,0.5) 0%,transparent 65%);
  pointer-events:none;
  animation:floatGlow 22s ease-in-out infinite;
}
.cars-section::after{
  content:'';position:absolute;
  bottom:10%;left:-15%;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(212,175,111,0.05) 0%,transparent 60%);
  pointer-events:none;
  animation:floatGlow 26s ease-in-out infinite reverse;
}
.cars-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.section-row{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:2rem;flex-wrap:wrap;gap:1rem;
}
.filter-bar{
  display:flex;flex-wrap:wrap;gap:.5rem;
  margin-bottom:1.8rem;
}
.chip{
  padding:.55rem 1.1rem;
  border:1.5px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  font-size:.82rem;font-weight:600;
  color:var(--text-dim);
  cursor:pointer;
  transition:all .2s;
  font-family:inherit;
}
.chip:hover{border-color:var(--gold);color:var(--gold)}
.chip.on{background:var(--gold);color:var(--bg);border-color:var(--gold)}

.car-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.5rem;
}
@media(max-width:1100px){
  .car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .car-grid{grid-template-columns:1fr}
}
.car-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:2rem;
  padding:1rem 1.1rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.page-summary{
  color:var(--text-dim);
  font-size:.86rem;
  font-weight:700;
}
.page-buttons{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.page-btn{
  border:1px solid var(--line-bright);
  background:var(--surface);
  color:var(--white-soft);
  border-radius:999px;
  padding:.55rem .9rem;
  font-family:inherit;
  font-size:.82rem;
  font-weight:800;
  cursor:pointer;
  transition:all .15s;
}
.page-btn:hover:not(:disabled),
.page-btn.on{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  border-color:var(--gold);
}
.page-btn:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:720px){
  .car-pagination{align-items:stretch;flex-direction:column}
  .page-buttons{justify-content:flex-start}
}
.car-card{
  background:linear-gradient(145deg,var(--surface),var(--bg-2));
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  transition:all .25s;
  cursor:pointer;
  display:flex;flex-direction:column;
  position:relative;
}
.car-card:hover{
  transform:translateY(-6px);
  border-color:var(--gold);
  box-shadow:var(--shadow-gold);
}
.car-card:focus-visible{
  outline:3px solid rgba(212,175,111,.8);
  outline-offset:4px;
}
.car-thumb{
  background:linear-gradient(135deg,var(--surface-2),var(--bg-2));
  aspect-ratio:16/10;
  display:flex;align-items:center;justify-content:center;
  position:relative;
  font-size:4rem;
  overflow:hidden;
}
.car-thumb::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 70% 30%, rgba(212,175,111,0.12) 0%, transparent 60%);
}
.car-thumb::before{
  content:'상세 보기';
  position:absolute;
  left:50%;
  bottom:.75rem;
  z-index:3;
  transform:translateX(-50%) translateY(8px);
  opacity:0;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  padding:.42rem .8rem;
  background:rgba(15,27,48,.82);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.02em;
  backdrop-filter:blur(10px);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}
.car-card:hover .car-thumb::before,
.car-card:focus-visible .car-thumb::before{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.car-tags{
  position:absolute;top:.8rem;left:.8rem;z-index:2;
  display:flex;gap:.3rem;flex-wrap:wrap;
}
.car-tag{
  background:rgba(0,0,0,0.7);color:var(--white);
  font-size:.65rem;font-weight:700;
  padding:.25rem .6rem;border-radius:4px;
  letter-spacing:.02em;backdrop-filter:blur(6px);
}
.car-tag.gold{background:var(--gold);color:var(--bg)}
.car-status{
  position:absolute;top:.8rem;right:.8rem;z-index:2;
  background:rgba(34,197,94,0.95);color:white;
  font-size:.7rem;font-weight:700;
  padding:.28rem .65rem;border-radius:4px;
}
.car-info{padding:1.2rem 1.3rem;flex:1;display:flex;flex-direction:column;gap:.45rem}
.car-brand{font-size:.78rem;color:var(--gold);font-weight:600}
.car-name{font-size:1.1rem;font-weight:800;color:var(--white);letter-spacing:-.01em}
.car-meta{
  display:flex;flex-wrap:wrap;gap:.45rem;
  font-size:.78rem;color:var(--text-dim);
  padding:.5rem 0;border-bottom:1px solid var(--line);
}
.car-meta span+span::before{content:'·';margin-right:.4rem;color:var(--text-faint)}
.car-price{
  display:flex;justify-content:space-between;align-items:baseline;
  margin-top:.3rem;
}
.car-price-num{font-size:1.45rem;font-weight:900;color:var(--white);letter-spacing:-.02em}
.car-price-num .small{font-size:.85rem;color:var(--gold)}
.car-month{font-size:.72rem;color:var(--text-dim)}
.car-cta{display:flex;gap:.4rem;margin-top:.7rem}
.car-cta a{
  flex:1;text-align:center;
  padding:.6rem;border-radius:8px;
  font-size:.78rem;font-weight:700;
  transition:all .15s;
}
.car-cta .btn-detail{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  box-shadow:0 8px 20px rgba(212,175,111,.18);
}
.car-cta .btn-detail:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(212,175,111,.28);
}
.car-cta .btn-inquiry{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  box-shadow:0 8px 20px rgba(212,175,111,.18);
}

/* ═══ FEATURES ═══ */
.features{
  padding:5rem 1.5rem;background:var(--bg-2);
  position:relative;overflow:hidden;
}
.features::before{
  content:'';position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.features::after{
  content:'';position:absolute;
  top:50%;right:5%;transform:translateY(-50%);
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(212,175,111,0.08) 0%,transparent 60%);
  pointer-events:none;
  animation:floatGlow 20s ease-in-out infinite;
}
.features-inner{position:relative;z-index:1}
.features-inner{max-width:1200px;margin:0 auto}
.feature-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;
  margin-top:2rem;
}
.feature-item{
  background:linear-gradient(145deg,var(--surface),var(--bg-2));
  border:1px solid var(--line);
  border-radius:14px;
  padding:1.7rem 1.5rem;
  display:flex;flex-direction:column;gap:.6rem;
  transition:all .2s;
}
.feature-item:hover{border-color:var(--gold);transform:translateY(-3px)}
.feature-icon{
  width:48px;height:48px;
  background:linear-gradient(135deg,rgba(212,175,111,0.2),rgba(212,175,111,0.05));
  border:1px solid var(--line-bright);
  border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;
  margin-bottom:.5rem;
}
.feature-title{font-size:1.05rem;font-weight:800;color:var(--white)}
.feature-desc{font-size:.88rem;color:var(--text-dim);line-height:1.7}

/* ═══ CTA BANNER ═══ */
.cta-banner{
  background:linear-gradient(135deg,var(--bg-2) 0%,var(--surface-2) 100%);
  color:white;
  padding:4rem 1.5rem;
  position:relative;overflow:hidden;
}
.cta-banner::before{
  content:'';position:absolute;top:-30%;right:-10%;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(212,175,111,0.18) 0%,transparent 65%);
  pointer-events:none;
}
.cta-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;
  position:relative;z-index:1;
}
@media(max-width:760px){.cta-inner{grid-template-columns:1fr;text-align:center}}
.cta-title{font-size:1.7rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.5rem}
.cta-title .gold{color:var(--gold-light)}
.cta-sub{font-size:.95rem;color:var(--white-soft);opacity:.85}
.cta-actions{display:flex;gap:.5rem;flex-wrap:wrap}

/* ═══ FOOTER ═══ */
footer{background:#050D1A;color:rgba(255,255,255,0.5);padding:2.5rem 1.5rem}
.footer-inner{max-width:1200px;margin:0 auto;text-align:center}
.footer-brand{
  font-size:1rem;font-weight:800;color:var(--gold);letter-spacing:.05em;
  margin-bottom:.6rem;
}
.footer-text{font-size:.78rem;line-height:1.7;max-width:700px;margin:0 auto;opacity:.7}

/* ═══ ANIMATIONS ═══ */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeUp .8s ease forwards;opacity:0}
.fade-in.delay-1{animation-delay:.15s}
.fade-in.delay-2{animation-delay:.3s}
.fade-in.delay-3{animation-delay:.45s}

[data-scroll]{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,.84,.31,1)}
[data-scroll].visible{opacity:1;transform:translateY(0)}

/* ═══ DETAIL PAGE — 다크 톤 ═══ */
body.detail-page{
  background:
    radial-gradient(ellipse at top right, rgba(212,175,111,0.06) 0%, transparent 50%),
    radial-gradient(ellipse at bottom left, rgba(29,53,87,0.4) 0%, transparent 60%),
    var(--bg);
}
.detail-hero{padding:6rem 1.5rem 2rem;background:transparent;border-bottom:1px solid var(--line)}
.detail-back{
  display:inline-flex;align-items:center;gap:.4rem;
  color:var(--text-dim);font-size:.85rem;
  margin-bottom:1rem;
  transition:color .15s;
}
.detail-back:hover{color:var(--gold)}
.detail-grid{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;
  padding:1rem 1.5rem 3rem;
}
@media(max-width:880px){.detail-grid{grid-template-columns:1fr}}
.viewer-360{
  background:linear-gradient(135deg,var(--surface-2),var(--bg-2));
  border:1px solid var(--line);
  border-radius:16px;
  aspect-ratio:16/10;
  display:flex;align-items:center;justify-content:center;
  font-size:5rem;
  position:relative;
  cursor:grab;
  overflow:hidden;
  user-select:none;
}
.viewer-360:active{cursor:grabbing}
.viewer-label{
  position:absolute;top:1rem;left:1rem;
  background:rgba(0,0,0,0.7);color:var(--gold);
  font-size:.75rem;font-weight:700;
  padding:.35rem .8rem;border-radius:5px;letter-spacing:.05em;
  backdrop-filter:blur(8px);border:1px solid var(--line-bright);
}
.viewer-controls{
  position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);
  background:rgba(0,0,0,0.75);color:var(--white);
  font-size:.8rem;
  padding:.5rem 1rem;border-radius:999px;
  display:flex;align-items:center;gap:.5rem;
  backdrop-filter:blur(8px);
}
.viewer-thumb-row{display:flex;gap:.5rem;margin-top:.85rem;flex-wrap:wrap}
.viewer-thumb{
  flex:1;min-width:80px;
  aspect-ratio:1.4;
  background:var(--surface);
  border-radius:8px;
  border:2px solid var(--line);
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;
  transition:all .15s;
}
.viewer-thumb:hover{border-color:var(--gold);background:var(--surface-2)}
.viewer-thumb.on{border-color:var(--gold);background:var(--surface-2)}

.detail-info{display:flex;flex-direction:column;gap:1.2rem}
.detail-brand{font-size:.85rem;color:var(--gold);font-weight:700}
.detail-name{font-size:2rem;font-weight:900;color:var(--white);letter-spacing:-.02em;line-height:1.15}
.detail-tags{display:flex;gap:.4rem;flex-wrap:wrap}
.detail-tag{
  background:rgba(212,175,111,0.12);
  border:1px solid var(--line-bright);
  color:var(--gold);
  font-size:.72rem;font-weight:700;
  padding:.28rem .65rem;border-radius:5px;
}
.spec-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:12px;padding:1.2rem;
}
.spec-item{display:flex;flex-direction:column;gap:.15rem}
.spec-label{font-size:.7rem;color:var(--text-faint);font-weight:600;letter-spacing:.05em}
.spec-value{font-size:.95rem;color:var(--white-soft);font-weight:700}
.detail-price-box{
  background:linear-gradient(135deg,var(--surface-2),var(--bg-2));
  border:1px solid var(--line-bright);
  color:white;
  border-radius:14px;padding:1.4rem 1.5rem;
  display:flex;flex-direction:column;gap:.5rem;
  box-shadow:var(--shadow-gold);
}
.detail-price-label{font-size:.78rem;color:var(--gold)}
.detail-price{font-size:2.1rem;font-weight:900;letter-spacing:-.02em;color:var(--white)}
.detail-price .small{font-size:1rem;color:var(--gold-light)}
.detail-month{font-size:.85rem;color:var(--text-dim)}
.detail-cta-row{display:flex;gap:.5rem;margin-top:.5rem}
.detail-cta-row a{
  flex:1;text-align:center;
  padding:.9rem;border-radius:10px;
  font-weight:800;font-size:.9rem;
  transition:all .15s;
}
.btn-kakao{background:#FEE500;color:#1a1a1a}
.btn-kakao:hover{background:#F5D900}
.btn-call{background:rgba(255,255,255,0.08);color:white;border:1px solid rgba(255,255,255,0.15)}
.btn-call:hover{background:rgba(255,255,255,0.15)}
.detail-options{display:flex;flex-wrap:wrap;gap:.4rem}
.detail-option{
  background:var(--surface);border:1px solid var(--line);
  font-size:.78rem;color:var(--text-dim);font-weight:600;
  padding:.4rem .8rem;border-radius:6px;
}
.detail-desc{
  background:var(--surface);border:1px solid var(--line);
  border-radius:12px;padding:1.2rem 1.4rem;
  font-size:.9rem;color:var(--white-soft);line-height:1.7;
}

/* ═══ 1:1 문의 모달 ═══ */
.inquiry-modal{
  position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,0.7);
  backdrop-filter:blur(10px);
  display:none;align-items:flex-start;justify-content:center;
  padding:5rem 1rem 2rem;overflow-y:auto;
}
.inquiry-modal.show{display:flex;animation:fadeIn .25s}
.inquiry-modal-card{
  background:linear-gradient(145deg,var(--surface),var(--bg-2));
  border:1.5px solid var(--line-bright);
  border-radius:18px;
  padding:2rem;
  width:100%;max-width:520px;
  box-shadow:var(--shadow-lg);
  position:relative;
}
.inquiry-modal-close{
  position:absolute;top:1rem;right:1rem;
  background:rgba(255,255,255,0.08);border:none;color:var(--white);
  width:32px;height:32px;border-radius:50%;
  cursor:pointer;font-size:1.1rem;font-family:inherit;
  display:flex;align-items:center;justify-content:center;
}
.inquiry-modal-close:hover{background:rgba(255,255,255,0.15)}
.inquiry-modal-title{
  font-size:1.3rem;font-weight:900;color:var(--white);
  letter-spacing:-.02em;margin-bottom:.4rem;
}
.inquiry-modal-sub{
  font-size:.88rem;color:var(--text-dim);
  margin-bottom:1.3rem;line-height:1.6;
}
.inquiry-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.inquiry-modal-form .full{grid-column:1/-1}
.inquiry-modal-form input,
.inquiry-modal-form select,
.inquiry-modal-form textarea{
  padding:.65rem .85rem;
  background:var(--bg);
  border:1.5px solid var(--line);
  border-radius:8px;
  font-size:.88rem;font-family:inherit;
  outline:none;color:var(--white);
  transition:border-color .15s;width:100%;
}
.inquiry-modal-form input:focus,
.inquiry-modal-form select:focus,
.inquiry-modal-form textarea:focus{border-color:var(--gold)}
.inquiry-modal-form label{font-size:.75rem;font-weight:700;color:var(--text-dim);margin-bottom:.25rem;display:block}
.inquiry-modal-form textarea{resize:none;height:70px}
.inquiry-modal-success{
  text-align:center;padding:2rem 1rem;
}
.inquiry-modal-success .icon{font-size:2.5rem;margin-bottom:.6rem}
.inquiry-modal-success .title{font-size:1.1rem;font-weight:800;color:var(--gold);margin-bottom:.4rem}
.inquiry-modal-success .desc{font-size:.88rem;color:var(--text-dim);line-height:1.6}

/* ═══ 히어로 1초 매칭 chip ═══ */
.hero-quick{
  margin-top:1.5rem;
  padding:1rem 0 0;
  border-top:1px solid rgba(15,27,48,0.12);
  max-width:790px;
}
.hero-quick-label{
  font-size:.8rem;color:#B08639;font-weight:700;
  letter-spacing:.05em;margin-bottom:.7rem;
  text-shadow:0 1px 6px rgba(255,255,255,0.4);
}
.hero-quick-chips{
  display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;
}
.hero-quick-chip{
  background:rgba(255,255,255,0.55);
  border:1.5px solid rgba(176,134,57,0.45);
  color:#0F1B30;
  padding:.55rem 1rem;border-radius:999px;
  font-size:.82rem;font-weight:600;
  cursor:pointer;
  transition:all .15s;
  font-family:inherit;
  backdrop-filter:blur(8px);
}
.hero-quick-chip:hover{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  border-color:var(--gold);
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(212,175,111,0.3);
}

@media(max-width:860px){
  .hero{min-height:92vh;padding:6rem 1rem 4rem}
  /* Keep the landing vehicle image clear on every viewport.
     Earlier mobile rules lowered opacity, which made the hero look washed out again. */
  .hero-photo{width:100%;opacity:1;background-position:center;filter:saturate(1.22) contrast(1.12) brightness(.96)}
  .hero-overlay{
    background:
      linear-gradient(180deg, rgba(255,250,240,.46) 0%, rgba(255,250,240,.32) 48%, rgba(255,250,240,.6) 100%);
  }
  .hero-content{
    padding:2rem 1.25rem;
    border-radius:24px;
    text-align:left;
  }
  .hero h1{font-size:clamp(2.35rem,11vw,3.9rem)}
  .hero-headline-slider{
    height:360px;
    border-radius:20px;
  }
  .hero-headline-panel{
    padding:1.35rem 1.15rem 2.45rem;
  }
  .hero-headline-panel h1{
    font-size:clamp(1.82rem,8.4vw,2.85rem);
    line-height:1.16;
  }
  .hero-headline-panel p{
    font-size:.9rem;
    line-height:1.62;
  }
  .hero-message-slider{height:146px;margin-top:1.2rem;border-radius:18px}
  .hero-message-card{height:146px;padding:1rem}
  .hero-message-card strong{font-size:.98rem}
  .hero-message-card small{font-size:.78rem}
  @keyframes heroMessageSlide{
    0%,19%{transform:translateY(0)}
    25%,44%{transform:translateY(-146px)}
    50%,69%{transform:translateY(-292px)}
    75%,94%{transform:translateY(-438px)}
    100%{transform:translateY(0)}
  }
  .hero-cta-row{gap:.55rem}
  .btn-hero-gold,.btn-hero-line{width:100%;text-align:center}
  .promo-carousel{padding:3rem 1rem}
  .promo-carousel::before{inset:.8rem;border-radius:24px}
  .promo-carousel-head{display:block;margin-bottom:1rem}
  .promo-carousel-sub{margin-top:.8rem;font-size:.9rem}
  .promo-window{border-radius:22px}
  .promo-panel{
    min-height:520px;
    grid-template-columns:1fr;
    padding:1.25rem;
  }
  .promo-panel h3{font-size:2rem}
  .promo-panel p{font-size:.92rem}
  .promo-visual{min-height:190px}
  .promo-dots{left:1.25rem;bottom:1rem}
}

/* ═══ AI 차량 추천 위젯 ═══ */
.ai-recommend-section{
  background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);
  padding:5rem 1.5rem;
  position:relative;overflow:hidden;
}
.ai-recommend-section::before{
  content:'';position:absolute;
  top:-20%;right:-10%;
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(212,175,111,0.08) 0%,transparent 60%);
  pointer-events:none;
}
.ai-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1;text-align:center}
.ai-card{
  background:linear-gradient(145deg,var(--surface),var(--bg-2));
  border:1.5px solid var(--line-bright);
  border-radius:18px;
  padding:2.5rem 2rem;
  box-shadow:var(--shadow);
  margin-top:2rem;
}
.ai-question{
  font-size:1.1rem;color:var(--white-soft);
  margin-bottom:1.5rem;
}
.ai-question-hint{
  display:inline-flex;
  margin-left:.45rem;
  padding:.18rem .55rem;
  border:1px solid var(--line-bright);
  border-radius:999px;
  color:var(--gold);
  font-size:.72rem;
  font-weight:800;
  vertical-align:middle;
}
.ai-chips{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;
  margin-bottom:1.5rem;
}
.ai-chip{
  padding:.7rem 1.3rem;
  border:1.5px solid var(--line);
  background:var(--bg);
  color:var(--white-soft);
  border-radius:999px;
  font-size:.88rem;font-weight:600;
  cursor:pointer;
  transition:all .15s;
  font-family:inherit;
}
.ai-chip:hover{border-color:var(--gold);color:var(--gold)}
.ai-chip.on{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg);border-color:var(--gold)}
.ai-result-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;
  margin-top:1.5rem;text-align:left;
  min-height:50px;
}
.ai-match-card{
  background:rgba(212,175,111,0.06);
  border:1px solid var(--line-bright);
  border-radius:12px;
  padding:1.2rem;
  cursor:pointer;
  transition:all .15s;
  text-decoration:none;
  color:inherit;
  display:flex;flex-direction:column;gap:.3rem;
}
.ai-match-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.ai-match-emoji{font-size:1.8rem}
.ai-match-name{font-size:1rem;font-weight:800;color:var(--white)}
.ai-match-price{font-size:.9rem;color:var(--gold);font-weight:700}
.ai-match-reason{font-size:.78rem;color:var(--text-dim);line-height:1.5}
.ai-disclaimer{
  font-size:.7rem;color:var(--text-faint);
  margin-top:1rem;line-height:1.5;
  text-align:center;
}


/* ═══ 비교 페이지 ═══ */
.compare-page{
  max-width:1400px;margin:0 auto;
  padding:6rem 1.5rem 3rem;
}
.compare-grid{
  display:grid;
  grid-template-columns:140px repeat(auto-fit, minmax(220px, 1fr));
  gap:1rem;margin-top:2rem;
}
.compare-cell{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:10px;
  padding:.85rem 1rem;
  font-size:.85rem;
}
.compare-cell.head{
  font-weight:700;color:var(--gold);
  background:var(--bg-2);
}
.compare-cell.car-head{
  display:flex;flex-direction:column;align-items:center;gap:.4rem;
  text-align:center;
}
.compare-car-thumb{
  width:100%;aspect-ratio:16/10;
  background-size:cover;background-position:center;
  border-radius:6px;
}
.compare-car-name{font-size:.95rem;font-weight:800;color:var(--white)}
.compare-car-remove{
  background:rgba(255,255,255,0.08);border:none;color:var(--text-dim);
  border-radius:5px;padding:.2rem .5rem;font-size:.7rem;cursor:pointer;font-family:inherit;
}
.compare-empty{
  text-align:center;color:var(--text-dim);
  padding:4rem 1rem;
  border:2px dashed var(--line);border-radius:14px;
}

/* ═══ 비교/찜 빠른 액션 (매물 카드) ═══ */
.card-actions{
  position:absolute;bottom:.8rem;right:.8rem;z-index:3;
  display:flex;gap:.4rem;
}
.card-action-btn{
  background:rgba(255,255,255,0.94);
  border:1px solid rgba(212,175,111,0.55);
  color:#12233A;
  width:auto;min-width:46px;height:30px;
  border-radius:999px;
  padding:0 .62rem;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:.72rem;font-weight:900;
  letter-spacing:-.02em;
  transition:all .15s;
  box-shadow:0 8px 18px rgba(15,27,48,0.18);
}
.card-action-btn:hover{background:var(--gold);color:#071225;border-color:var(--gold);transform:translateY(-1px)}
.card-action-btn.on{background:linear-gradient(135deg,#FF6B35,#dc2626);border-color:#FF6B35;color:white}
.car-thumb{position:relative}

/* ═══ FLOATING 1:1 문의 (좌측 고정) ═══ */
.kakao-float{
  position:fixed;left:1rem;top:50%;transform:translateY(-50%);
  z-index:150;
  background:linear-gradient(145deg,#071225 0%,#12345a 58%,#0a1c34 100%);
  color:#fffaf0;
  padding:1rem 1.2rem;border-radius:14px;
  box-shadow:0 14px 36px rgba(15,27,48,0.32), 0 0 0 3px rgba(212,175,111,0.16);
  display:flex;flex-direction:column;align-items:center;gap:.4rem;
  cursor:pointer;
  transition:transform .15s,box-shadow .15s;
  border:1.5px solid rgba(212,175,111,0.78);
  font-family:inherit;
  animation:floatBounce 3s ease-in-out infinite;
}
.kakao-float::before{
  content:'';
  position:absolute;
  inset:-7px;
  border-radius:20px;
  border:1px solid rgba(212,175,111,0.42);
  animation:inquiryPulse 2.2s ease-out infinite;
  pointer-events:none;
}
.kakao-float:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 18px 44px rgba(15,27,48,0.42), 0 0 0 4px rgba(212,175,111,0.23)}
.kakao-float-icon{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--gold-light),var(--gold));
  color:#071225;
  font-size:1.45rem;line-height:1;
  box-shadow:0 8px 18px rgba(176,134,57,0.35);
}
.kakao-float-label{font-size:.7rem;font-weight:800;letter-spacing:.05em;line-height:1.2;text-align:center}
.kakao-float-sub{font-size:.62rem;font-weight:700;color:#F6D88A}
@keyframes floatBounce{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(3px)}}
@keyframes inquiryPulse{
  0%{opacity:.72;transform:scale(.94)}
  70%{opacity:0;transform:scale(1.18)}
  100%{opacity:0;transform:scale(1.18)}
}
@media(max-width:768px){
  .kakao-float{left:auto;right:1rem;bottom:5rem;top:auto;transform:none}
  .kakao-float:hover{transform:scale(1.05)}
  @keyframes floatBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
}

/* ═══ TOP 버튼 (우하단 고정) ═══ */
.btn-top{
  position:fixed;right:1rem;bottom:1rem;
  z-index:140;
  width:48px;height:48px;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  border-radius:50%;
  display:none;align-items:center;justify-content:center;
  font-size:1.3rem;font-weight:900;
  cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,0.3);
  transition:transform .15s,box-shadow .15s;
  border:none;
  font-family:inherit;
}
.btn-top.show{display:flex;animation:fadeIn .3s}
.btn-top:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(212,175,111,0.4)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ═══ 최근 본 차량 (우측 사이드, 데스크탑) ═══ */
.recent-cars{
  position:fixed;right:1rem;top:50%;transform:translateY(-50%);
  z-index:130;
  background:linear-gradient(145deg,var(--surface),var(--bg-2));
  border:1px solid var(--line-bright);
  border-radius:14px;
  padding:1rem;
  width:200px;
  box-shadow:var(--shadow);
  display:none;
}
.recent-cars.show{display:block}
.recent-cars-title{
  font-size:.72rem;font-weight:800;color:var(--gold);
  letter-spacing:.05em;margin-bottom:.6rem;
  display:flex;align-items:center;justify-content:space-between;
}
.recent-cars-close{
  background:none;border:none;color:var(--text-dim);
  cursor:pointer;font-size:1rem;padding:0;
}
.recent-cars-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}
.recent-car-item{
  display:flex;gap:.5rem;align-items:center;
  padding:.5rem;
  background:rgba(255,255,255,0.03);
  border-radius:8px;
  cursor:pointer;
  transition:background .15s;
  text-decoration:none;
}
.recent-car-item:hover{background:rgba(255,255,255,0.06)}
.recent-car-thumb{
  width:40px;height:40px;
  background:var(--surface-2);
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;
  background-size:cover;background-position:center;
  flex-shrink:0;
}
.recent-car-info{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}
.recent-car-name{font-size:.75rem;font-weight:700;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-car-price{font-size:.65rem;color:var(--gold)}
@media(max-width:980px){.recent-cars{display:none !important}}

/* ═══ 찜 버튼 ═══ */
.fav-btn{
  background:rgba(255,255,255,0.08);
  border:1px solid var(--line);
  color:var(--white);
  border-radius:50%;
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:1.1rem;
  transition:all .15s;
  position:absolute;top:.8rem;right:.8rem;z-index:3;
}
.fav-btn:hover{background:rgba(255,255,255,0.15);border-color:var(--gold)}
.fav-btn.on{background:linear-gradient(135deg,#FF6B35,#dc2626);border-color:#FF6B35;color:white}

/* ═══ 사회적 증거 (실시간 카운터) ═══ */
.social-proof{
  display:inline-flex;align-items:center;gap:.4rem;
  background:rgba(34,197,94,0.1);
  border:1px solid rgba(34,197,94,0.3);
  color:#4ADE80;
  padding:.3rem .7rem;border-radius:999px;
  font-size:.7rem;font-weight:600;
  margin-bottom:.7rem;
}
.social-proof::before{
  content:'';width:6px;height:6px;background:#22c55e;border-radius:50%;
  animation:pulse 1.6s infinite;
}

/* ═══ 만족도 보장 카드 ═══ */
.guarantee-section{
  max-width:1200px;margin:0 auto;
  padding:3rem 1.5rem;
}
.guarantee-card{
  background:linear-gradient(135deg,rgba(212,175,111,0.08),rgba(20,40,65,0.4));
  border:1.5px solid var(--line-bright);
  border-radius:18px;
  padding:2rem;
  text-align:center;
  position:relative;overflow:hidden;
}
.guarantee-icon{
  font-size:2.5rem;margin-bottom:.8rem;
}
.guarantee-title{
  font-size:1.4rem;font-weight:900;color:var(--white);
  letter-spacing:-.02em;margin-bottom:.6rem;
}
.guarantee-title .gold{color:var(--gold)}
.guarantee-desc{
  font-size:.95rem;color:var(--text-dim);line-height:1.7;
  max-width:600px;margin:0 auto 1rem;
}
.guarantee-list{
  display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;
  font-size:.85rem;color:var(--white-soft);
}
.guarantee-list span{
  display:inline-flex;align-items:center;gap:.4rem;
}
.guarantee-list span::before{content:'✓';color:var(--gold);font-weight:900}

/* ═══ INQUIRY FORM ═══ */
.inquiry-section{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem}
.inquiry-card{
  background:linear-gradient(145deg,var(--surface),var(--bg-2));
  border:1px solid var(--line-bright);
  border-radius:18px;
  padding:2rem;
  box-shadow:var(--shadow);
  display:grid;grid-template-columns:1fr 1.3fr;gap:2.5rem;
}
@media(max-width:760px){.inquiry-card{grid-template-columns:1fr}}
.inquiry-info h3{font-size:1.4rem;font-weight:900;color:var(--white);margin-bottom:.6rem}
.inquiry-info p{font-size:.92rem;color:var(--text-dim);line-height:1.8}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.inquiry-form .full{grid-column:1/-1}
.fg{display:flex;flex-direction:column;gap:.35rem}
.fg label{font-size:.78rem;font-weight:700;color:var(--text-dim)}
.fg input,.fg select,.fg textarea{
  padding:.7rem .9rem;
  background:var(--bg);
  border:1.5px solid var(--line);
  border-radius:8px;
  font-size:.88rem;font-family:inherit;
  outline:none;color:var(--white);
  transition:border-color .15s;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold)}
.fg input::placeholder,.fg textarea::placeholder{color:var(--text-faint)}
.fg textarea{resize:none;height:74px}
.btn-submit{
  width:100%;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--bg);
  padding:1rem;border-radius:10px;
  font-size:.95rem;font-weight:800;
  transition:all .15s;
  box-shadow:var(--shadow-gold);
}
.btn-submit:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(212,175,111,.35)}


/* CAR IS YOU conversion detail template */
.trust-copy{
  padding:1rem 1.1rem;
  border:1px solid rgba(21,128,61,.24);
  border-radius:12px;
  background:rgba(21,128,61,.08);
  color:#213554;
  font-size:.92rem;
  font-weight:750;
  line-height:1.7;
}
.trust-badges,.car-trust-badges{display:flex;flex-wrap:wrap;gap:.4rem}
.trust-badges span{
  padding:.42rem .7rem;
  border-radius:999px;
  background:#0F1B30;
  color:#fff;
  font-size:.76rem;
  font-weight:850;
}
.car-trust-badges{margin:.55rem 0 .35rem}
.car-trust-badges span{
  padding:.25rem .48rem;
  border-radius:999px;
  background:rgba(21,128,61,.1);
  color:#166534;
  border:1px solid rgba(21,128,61,.18);
  font-size:.66rem;
  font-weight:850;
}
.conversion-section{display:flex;flex-direction:column;gap:1rem;margin-top:.2rem}
.summary-box,.conversion-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:14px;
  padding:1.15rem 1.25rem;
  box-shadow:0 8px 26px rgba(15,27,48,.04);
}
.summary-box h2,.conversion-card h3{
  margin:0 0 .75rem;
  color:var(--white);
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:-.015em;
}
.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}
.summary-grid div{
  padding:.75rem .8rem;
  border:1px solid rgba(176,134,57,.18);
  border-radius:10px;
  background:rgba(176,134,57,.055);
}
.summary-grid span{display:block;color:var(--text-faint);font-size:.72rem;font-weight:750;margin-bottom:.15rem}
.summary-grid strong{color:var(--white-soft);font-size:.9rem;line-height:1.35}
.conversion-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.conversion-card ul{padding-left:1.05rem;margin:0;color:var(--white-soft);font-size:.88rem;line-height:1.72}
.conversion-card p{color:var(--white-soft);font-size:.88rem;line-height:1.72;margin:0}
.conversion-card.positive{border-color:rgba(21,128,61,.24);background:rgba(21,128,61,.045)}
.conversion-card.caution{border-color:rgba(212,97,42,.28);background:rgba(212,97,42,.045)}
.evidence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}
.evidence-item{
  border:1px solid var(--line);
  border-radius:10px;
  padding:.72rem .8rem;
  background:#fff;
}
.evidence-item.ready{border-color:rgba(21,128,61,.28);background:rgba(21,128,61,.05)}
.evidence-item.pending{border-color:rgba(176,134,57,.22);background:rgba(176,134,57,.045)}
.evidence-label{display:block;color:var(--text-faint);font-size:.7rem;font-weight:800;margin-bottom:.12rem}
.evidence-item strong{color:var(--white-soft);font-size:.84rem}
.evidence-note,.mini-note{margin-top:.65rem !important;color:var(--text-dim) !important;font-size:.76rem !important}
.direct-contact-box{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:.55rem}
.direct-contact-box a{
  text-align:center;
  border-radius:10px;
  padding:.9rem .7rem;
  font-weight:900;
  font-size:.86rem;
}
.direct-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fffaf0}
.direct-secondary{background:#fff;border:1px solid var(--line-bright);color:var(--white-soft)}
.mobile-sticky-contact{
  position:fixed;left:0;right:0;bottom:0;z-index:230;
  display:none;
  grid-template-columns:repeat(3,1fr);
  gap:.35rem;
  padding:.55rem .65rem calc(.55rem + env(safe-area-inset-bottom));
  background:rgba(251,246,235,.94);
  border-top:1px solid var(--line-bright);
  box-shadow:0 -8px 28px rgba(15,27,48,.12);
}
.mobile-sticky-contact a{
  text-align:center;
  padding:.78rem .3rem;
  border-radius:10px;
  background:#0F1B30;
  color:#fff;
  font-size:.8rem;
  font-weight:900;
}
.mobile-sticky-contact a:nth-child(2){background:#FEE500;color:#1a1a1a}
@media(max-width:760px){
  body.detail-page{padding-bottom:76px}
  .conversion-two-col,.summary-grid,.evidence-grid,.direct-contact-box{grid-template-columns:1fr}
  .mobile-sticky-contact{display:grid}
}


/* CAR IS YOU conversion detail template v2 */
.top-summary-box{
  display:grid;
  grid-template-columns:1.4fr .85fr;
  gap:1rem;
  align-items:stretch;
  padding:1.25rem;
  border-radius:16px;
  border:1.5px solid rgba(176,134,57,.36);
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(250,243,222,.88));
  box-shadow:0 18px 46px rgba(15,27,48,.08);
}
.top-summary-copy span{display:inline-flex;color:var(--gold-dark);font-size:.75rem;font-weight:900;margin-bottom:.35rem}
.top-summary-copy h2{color:var(--white);font-size:1.35rem;line-height:1.25;margin-bottom:.45rem;letter-spacing:-.02em}
.top-summary-copy p{color:var(--white-soft);font-size:.9rem;line-height:1.7;margin:0}
.top-summary-price{display:flex;flex-direction:column;justify-content:center;gap:.45rem;padding:1rem;border-radius:12px;background:#0F1B30;color:#fff}
.top-summary-price strong{font-size:1.55rem;line-height:1;font-weight:950}
.top-summary-price small{color:#F4D89A;font-weight:750}
.top-summary-price a{margin-top:.35rem;text-align:center;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;padding:.78rem;border-radius:9px;font-weight:900}
.media-link{display:inline-flex;margin-top:.28rem;color:#0f5132;font-weight:900;font-size:.75rem;text-decoration:underline;text-underline-offset:3px}
.media-empty{display:inline-flex;margin-top:.28rem;color:var(--text-faint);font-size:.74rem;font-weight:750}
.strong-note{font-weight:850;color:#7c2d12 !important;margin-bottom:.45rem !important}
.paint-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.paint-table{width:100%;border-collapse:collapse;font-size:.84rem;color:var(--white-soft)}
.paint-table th,.paint-table td{padding:.72rem .75rem;border-bottom:1px solid rgba(176,134,57,.16);text-align:left;white-space:nowrap}
.paint-table th{background:rgba(176,134,57,.08);color:var(--gold-dark);font-weight:900}
.paint-table tr:last-child td{border-bottom:0}
.inspection-actions{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}
.inspection-actions a,.inspection-actions span{padding:.7rem .85rem;border-radius:10px;background:#0F1B30;color:#fff;font-size:.82rem;font-weight:900}
@media(max-width:760px){.top-summary-box{grid-template-columns:1fr}.top-summary-price strong{font-size:1.35rem}}


/* CAR IS YOU 3-day MVP conversion layer */
.mvp-detail{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}
.mvp-top-summary{display:grid;grid-template-columns:1.35fr .8fr;gap:1rem;padding:1.2rem;border:1px solid rgba(176,134,57,.32);border-radius:16px;background:linear-gradient(135deg,#fffaf1,#f7fbff);box-shadow:0 18px 44px rgba(15,27,48,.08)}
.mvp-eyebrow{display:inline-flex;margin-bottom:.35rem;color:#B08639;font-size:.78rem;font-weight:900}
.mvp-top-summary h2{margin:0 0 .45rem;color:#0F1B30;font-size:1.45rem;letter-spacing:0}
.mvp-top-summary p{margin:0;color:#374151;line-height:1.72;font-size:.93rem}
.mvp-badge-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}
.mvp-badge-row span,.car-evidence-badges span{display:inline-flex;padding:.32rem .52rem;border-radius:999px;background:#eef7ef;color:#17633a;font-weight:900;font-size:.72rem}
.mvp-price-card{display:flex;flex-direction:column;gap:.45rem;justify-content:center;padding:1rem;border-radius:14px;background:#0F1B30;color:white}
.mvp-price-card small{color:#dbe5f3;font-weight:800}.mvp-price-card strong{font-size:1.7rem}.mvp-price-card span{font-size:.86rem;color:#dbe5f3}
.mvp-price-card a,.mvp-primary{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:.75rem .9rem;background:linear-gradient(135deg,#D4AF6F,#B08639);color:#111827!important;font-weight:950;text-decoration:none}
.mvp-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}
.mvp-quick-grid div{padding:.82rem;border:1px solid var(--line-bright);border-radius:12px;background:#fff}
.mvp-quick-grid span{display:block;color:#6B7280;font-size:.74rem;font-weight:800;margin-bottom:.25rem}.mvp-quick-grid b{color:#0F1B30;font-size:.9rem}
.mvp-cta-row{display:flex;flex-wrap:wrap;gap:.55rem}.mvp-cta-row a,.mvp-cta-row button{border:1px solid var(--line-bright);border-radius:10px;padding:.75rem .9rem;background:#fff;color:#0F1B30;font-weight:900;text-decoration:none;cursor:pointer;font-family:inherit}
.mvp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mvp-panel{padding:1rem;border:1px solid var(--line-bright);border-radius:14px;background:#fff}.mvp-panel h3{margin:0 0 .65rem;color:#0F1B30;font-size:1.02rem}.mvp-panel p,.mvp-panel li{color:#374151;line-height:1.72;font-size:.9rem}.mvp-panel ul{margin:.35rem 0 0;padding-left:1.1rem}
.mvp-panel.positive{border-color:rgba(22,163,74,.22);background:#f4fbf6}.mvp-panel.caution{border-color:rgba(245,158,11,.25);background:#fff9ed}
.mvp-note,.mvp-legal-note{font-size:.82rem!important;color:#6B7280!important;line-height:1.65!important}.mvp-legal-note{margin:.2rem 0 0}
.mvp-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.mvp-evidence-item{padding:.8rem;border-radius:12px;border:1px solid var(--line-bright);background:#f8fafc}.mvp-evidence-item b{display:block;color:#0F1B30;margin-bottom:.25rem}.mvp-evidence-item small{display:block;color:#6B7280;margin-bottom:.45rem}.mvp-evidence-item a{font-weight:900;color:#B08639}.mvp-evidence-item .pending{font-weight:900;color:#6B7280}
.mvp-check-list li{margin-bottom:.32rem}.mvp-final-cta{background:#f7fbff}
.car-evidence-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0 0}.car-evidence-badges span{background:#eef7ef;color:#17633a}
.inquiry-consent{display:flex!important;align-items:flex-start;gap:.5rem;font-size:.78rem;color:var(--text-dim)}.inquiry-consent input{width:auto!important;margin-top:.2rem}.inquiry-consent label{margin:0!important;font-weight:400!important;line-height:1.55}
@media(max-width:760px){.mvp-top-summary,.mvp-two-col{grid-template-columns:1fr}.mvp-quick-grid,.mvp-evidence-grid{grid-template-columns:1fr}.mvp-cta-row a,.mvp-cta-row button{flex:1 1 100%}.mvp-top-summary h2{font-size:1.22rem}.mobile-sticky-contact{grid-template-columns:1.15fr .7fr 1fr}}


/* CAR IS YOU compact MVP detail layout */
#conversionDetailBox{
  max-width:1200px;
  margin:0 auto 2rem;
  padding:0 1.5rem;
}
#conversionDetailBox .mvp-detail{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:.85rem;
  align-items:start;
}
#conversionDetailBox .mvp-top-summary,
#conversionDetailBox .mvp-quick-grid,
#conversionDetailBox .mvp-cta-row,
#conversionDetailBox .mvp-panel.mvp-final-cta,
#conversionDetailBox .mvp-legal-note{
  grid-column:1 / -1;
}
#conversionDetailBox .mvp-top-summary{
  grid-template-columns:1.65fr .75fr;
  padding:1rem;
}
#conversionDetailBox .mvp-top-summary h2{font-size:1.25rem}
#conversionDetailBox .mvp-top-summary p{font-size:.88rem;line-height:1.6}
#conversionDetailBox .mvp-price-card{padding:.85rem}
#conversionDetailBox .mvp-price-card strong{font-size:1.45rem}
#conversionDetailBox .mvp-quick-grid{grid-template-columns:repeat(6,1fr);gap:.45rem}
#conversionDetailBox .mvp-quick-grid div{padding:.62rem}
#conversionDetailBox .mvp-quick-grid b{font-size:.8rem}
#conversionDetailBox .mvp-two-col,
#conversionDetailBox .mvp-three-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
}
#conversionDetailBox .mvp-three-col{
  grid-column:1 / -1;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#conversionDetailBox .mvp-panel{padding:.9rem}
#conversionDetailBox .mvp-panel h3{font-size:.95rem;margin-bottom:.45rem}
#conversionDetailBox .mvp-panel p,
#conversionDetailBox .mvp-panel li{font-size:.82rem;line-height:1.58}
#conversionDetailBox .mvp-panel ul{padding-left:1rem}
#conversionDetailBox .mvp-evidence-grid.compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.45rem;
}
#conversionDetailBox .mvp-evidence-item{padding:.65rem}
#conversionDetailBox .mvp-evidence-item b{font-size:.84rem}
#conversionDetailBox .mvp-evidence-item small{font-size:.74rem}
#conversionDetailBox .mvp-cta-row a,
#conversionDetailBox .mvp-cta-row button{padding:.68rem .8rem;font-size:.84rem}
@media(max-width:980px){
  #conversionDetailBox .mvp-detail,
  #conversionDetailBox .mvp-top-summary,
  #conversionDetailBox .mvp-two-col,
  #conversionDetailBox .mvp-three-col{grid-template-columns:1fr}
  #conversionDetailBox .mvp-quick-grid{grid-template-columns:repeat(2,1fr)}
  #conversionDetailBox .mvp-evidence-grid.compact{grid-template-columns:1fr}
}


/* CAR IS YOU compact sales detail v2 */
.legacy-detail-hidden{
  display:none !important;
}
#conversionDetailBox .mvp-lower-wide-grid{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:.85rem;
}
#conversionDetailBox .mvp-option-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
#conversionDetailBox .mvp-option-chips span{
  border:1px solid rgba(176,134,57,.28);
  background:rgba(255,255,255,.72);
  color:var(--text);
  border-radius:999px;
  padding:.38rem .68rem;
  font-size:.78rem;
  font-weight:700;
}
#conversionDetailBox .mvp-description-panel p{
  margin:0;
  white-space:pre-line;
}
#conversionDetailBox #legalNoticeBox.mvp-legal-panel{
  grid-column:1 / -1;
  margin-top:.85rem;
  padding:1rem;
  border:1px solid rgba(176,134,57,.28);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:var(--text);
  font-size:.82rem;
  line-height:1.65;
}
@media(max-width:980px){
  #conversionDetailBox .mvp-lower-wide-grid{grid-template-columns:1fr}
}


/* CAR IS YOU simple conversion detail */
#conversionDetailBox .mvp-detail-simple{
  grid-template-columns:1fr;
  gap:.75rem;
}
#conversionDetailBox .mvp-detail-simple .mvp-top-summary{
  grid-template-columns:1.7fr .7fr;
}
#conversionDetailBox .mvp-detail-simple .mvp-two-col{
  grid-column:1 / -1;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#conversionDetailBox .mvp-detail-simple .mvp-optional-row{
  align-items:stretch;
}
#conversionDetailBox .mvp-inline-links{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-bottom:.55rem;
}
#conversionDetailBox .mvp-inline-links a,
#conversionDetailBox .media-link{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(176,134,57,.32);
  border-radius:999px;
  padding:.38rem .7rem;
  color:var(--gold-dark);
  background:rgba(255,255,255,.82);
  font-size:.8rem;
  font-weight:800;
}
#conversionDetailBox .mvp-detail-simple .mvp-panel{
  min-height:0;
}
#conversionDetailBox .mvp-detail-simple .mvp-final-cta{
  background:#f6fbff;
}
@media(max-width:980px){
  #conversionDetailBox .mvp-detail-simple .mvp-top-summary,
  #conversionDetailBox .mvp-detail-simple .mvp-two-col{grid-template-columns:1fr}
}


/* CAR IS YOU soft icon layer */
.ui-icon,
.mini-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  margin-right:.28rem;
  font-style:normal;
}
.detail-tag{
  display:inline-flex;
  align-items:center;
  gap:.12rem;
}
.spec-label{
  display:flex;
  align-items:center;
  gap:.1rem;
}
.mvp-eyebrow,
.mvp-quick-grid span,
.mvp-panel h3,
.mvp-price-card small{
  display:flex;
  align-items:center;
}
.car-meta span{
  display:inline-flex;
  align-items:center;
  gap:.12rem;
}
.car-evidence-badges span{
  display:inline-flex;
  align-items:center;
  gap:.1rem;
}
.mvp-cta-row a,
.mvp-cta-row button,
.btn-detail,
.btn-inquiry{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.25rem;
}


/* CAR IS YOU visual impact refresh */
body{
  background:
    radial-gradient(circle at 13% 7%, rgba(176,134,57,.18) 0%, transparent 28%),
    radial-gradient(circle at 86% 11%, rgba(15,27,48,.12) 0%, transparent 32%),
    linear-gradient(135deg,#f8efdc 0%,#ece1cb 45%,#e5eee9 100%);
}

header{
  background:rgba(248,240,224,.9);
  box-shadow:0 10px 30px rgba(15,27,48,.05);
}
header.scrolled{background:rgba(248,240,224,.97)}

.detail-page main,
.cars-section,
.smart-section,
.ai-curator-section{
  background:
    radial-gradient(circle at 8% 18%, rgba(176,134,57,.10), transparent 30%),
    radial-gradient(circle at 92% 16%, rgba(21,128,61,.08), transparent 28%);
}

.detail-grid,
#conversionDetailBox .mvp-top-summary,
#conversionDetailBox .mvp-panel,
.detail-price-box,
.inquiry-card,
.car-card{
  box-shadow:0 18px 50px rgba(15,27,48,.10);
}

.detail-grid{
  border-radius:24px;
  padding:1.1rem;
  background:rgba(255,250,240,.5);
  backdrop-filter:blur(10px);
}

.viewer{
  background:linear-gradient(135deg,rgba(15,27,48,.08),rgba(176,134,57,.10));
  border:1px solid rgba(176,134,57,.22);
}

.viewer-thumb{
  overflow:hidden;
  background:#fffaf0;
  box-shadow:0 5px 14px rgba(15,27,48,.08);
}
.viewer-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.viewer-thumb.on{
  outline:2px solid var(--gold);
  box-shadow:0 0 0 4px rgba(176,134,57,.18),0 8px 20px rgba(15,27,48,.14);
}

#conversionDetailBox .mvp-top-summary{
  border:1px solid rgba(176,134,57,.26);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,248,232,.94));
}

#conversionDetailBox .mvp-panel{
  border:1px solid rgba(176,134,57,.24);
  background:rgba(255,255,255,.92);
}

.mvp-price-card,
.detail-price-box{
  background:linear-gradient(145deg,#0f1b30 0%,#172a48 68%,#8b6914 145%);
}

.btn-inquiry,
.mvp-primary,
.detail-price-box .btn{
  box-shadow:0 10px 22px rgba(176,134,57,.24);
}

@media(max-width:760px){
  .detail-grid{padding:.75rem;border-radius:18px}
  .viewer-thumb img{border-radius:inherit}
}


/* CAR IS YOU final conversion UX pass */
.photo-spec-line{
  margin:.65rem 0 0;
  padding:.62rem .78rem;
  border:1px solid rgba(176,134,57,.24);
  border-radius:12px;
  background:rgba(255,255,255,.86);
  color:#27344c;
  font-size:.86rem;
  font-weight:850;
  box-shadow:0 8px 22px rgba(15,27,48,.07);
}

.viewer-360{
  contain:layout paint;
}
.viewer-img{
  background:#f8efdc;
}

#conversionDetailBox .mvp-proof-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:.8rem;
}
#conversionDetailBox .mvp-proof-actions a,
#conversionDetailBox .mvp-proof-muted{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  border-radius:999px;
  padding:.48rem .82rem;
  font-size:.8rem;
  font-weight:900;
  border:1px solid rgba(176,134,57,.32);
  background:rgba(255,255,255,.9);
  color:#8B6914;
}
#conversionDetailBox .mvp-proof-actions a::before{content:"📄";margin-right:.25rem}
#conversionDetailBox .mvp-proof-muted{color:#6b7280;background:#f8fafc}
#conversionDetailBox .mvp-proof-actions.compact{margin-top:.65rem}

#conversionDetailBox .mvp-primary-cta-row{
  padding:.8rem;
  border:1px solid rgba(176,134,57,.20);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 32px rgba(15,27,48,.07);
}

#conversionDetailBox .mvp-quick-grid div{
  min-height:76px;
}

#conversionDetailBox .mvp-price-card a,
#conversionDetailBox .mvp-primary{
  background:linear-gradient(135deg,#15803D,#0F5F32);
  color:#fff!important;
}

#conversionDetailBox .mvp-top-summary{
  position:relative;
  overflow:hidden;
}
#conversionDetailBox .mvp-top-summary::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-90px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(176,134,57,.18),transparent 68%);
  pointer-events:none;
}

@media(max-width:760px){
  .photo-spec-line{font-size:.78rem;line-height:1.5}
  #conversionDetailBox .mvp-proof-actions a,
  #conversionDetailBox .mvp-proof-muted{flex:1 1 100%}
}


/* CAR IS YOU price readability + photo zoom + conversion-first main */
.detail-price-box,
.mvp-price-card{
  color:#fff !important;
}
.detail-price-box .detail-price,
.detail-price-box .detail-price .small,
.mvp-price-card strong{
  color:#fff7dc !important;
  text-shadow:0 2px 10px rgba(0,0,0,.42);
}
.detail-price-box .detail-price-label,
.detail-price-box .detail-month,
.detail-price-box span,
.mvp-price-card small,
.mvp-price-card span{
  color:#e8eef9 !important;
}
.detail-price-box .detail-cta-row a{
  color:#fff !important;
  background:linear-gradient(135deg,#15803D,#0f5f32) !important;
}

.viewer-360{cursor:zoom-in}
.viewer-360:active{cursor:zoom-in}
.viewer-thumb{border:0}

.photo-lightbox{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:5vh 5vw;
  background:rgba(5,12,24,.88);
  backdrop-filter:blur(10px);
}
.photo-lightbox.show{display:flex}
.photo-lightbox-img{
  max-width:min(1120px,92vw);
  max-height:86vh;
  object-fit:contain;
  border-radius:14px;
  background:#111827;
  box-shadow:0 26px 80px rgba(0,0,0,.48);
}
.photo-lightbox-close,
.photo-lightbox-nav{
  position:absolute;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.12);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.photo-lightbox-close{
  top:24px;
  right:26px;
  width:44px;
  height:44px;
  border-radius:50%;
  font-size:2rem;
  line-height:1;
}
.photo-lightbox-nav{
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:68px;
  border-radius:14px;
  font-size:3rem;
}
.photo-lightbox-nav.prev{left:24px}
.photo-lightbox-nav.next{right:24px}
.photo-lightbox-caption{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  padding:.45rem .85rem;
  border-radius:999px;
  background:rgba(15,27,48,.72);
  color:#fff;
  font-size:.86rem;
  font-weight:800;
}
body.lightbox-open{overflow:hidden}

.hero-quick,
.simulator{
  display:none !important;
}
.ai-recommend-section{
  padding:5rem 1.5rem;
}
.ai-card.conversion-path-card{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
}
.conversion-path-item{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  min-height:170px;
  padding:1rem;
  border:1px solid rgba(176,134,57,.24);
  border-radius:16px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 34px rgba(15,27,48,.08);
}
.conversion-path-item strong{
  color:#0F1B30;
  font-size:1.02rem;
}
.conversion-path-item p{
  color:#46546d;
  line-height:1.65;
  font-size:.9rem;
  margin:0;
}
.conversion-path-item a,
.conversion-path-item button{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:10px;
  padding:.68rem .85rem;
  color:#fff;
  background:linear-gradient(135deg,#0F1B30,#172A48);
  font-weight:900;
  cursor:pointer;
}
.conversion-path-item.primary a{
  background:linear-gradient(135deg,#15803D,#0f5f32);
}

@media(max-width:760px){
  .photo-lightbox{padding:4vh 3vw}
  .photo-lightbox-nav{width:40px;height:56px;font-size:2.4rem}
  .photo-lightbox-nav.prev{left:8px}
  .photo-lightbox-nav.next{right:8px}
  .ai-card.conversion-path-card{grid-template-columns:1fr}
}

/* Foreign customer translation and sharing funnel */
.translation-helper{
  position:relative;
  z-index:24;
  border-bottom:1px solid rgba(176,134,57,.18);
  background:linear-gradient(135deg,rgba(15,27,48,.96),rgba(22,82,59,.94));
  color:#fff;
}
.translation-helper-inner{
  max-width:1180px;
  margin:0 auto;
  padding:.72rem 1.25rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.translation-helper-copy{
  display:flex;
  align-items:center;
  gap:.65rem;
  flex-wrap:wrap;
  font-size:.86rem;
  line-height:1.45;
}
.translation-helper-copy strong{
  color:#fff7d6;
  font-weight:900;
}
.translation-helper-copy span[data-translation-share-copy]{
  color:rgba(255,255,255,.82);
}
.translation-helper-icon{
  margin-right:.25rem;
}
.translation-helper-actions{
  display:flex;
  align-items:center;
  gap:.38rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.translation-helper-actions button{
  min-height:32px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  padding:.35rem .58rem;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  cursor:pointer;
}
.translation-helper-actions button.active{
  background:#D7A84A;
  border-color:#D7A84A;
  color:#0F1B30;
}
.translation-share-button{
  padding:.35rem .85rem !important;
  background:rgba(21,128,61,.95) !important;
  border-color:rgba(21,128,61,.95) !important;
}
.translation-form-notice{
  margin:.75rem 0;
  padding:.72rem .85rem;
  border:1px solid rgba(176,134,57,.28);
  border-radius:12px;
  background:rgba(255,248,229,.92);
  color:#334155;
  font-size:.82rem;
  line-height:1.55;
}
.translation-form-notice strong{
  display:block;
  margin-bottom:.22rem;
  color:#0F1B30;
  font-weight:900;
}
.translation-form-notice.translation-needed{
  border-color:rgba(21,128,61,.32);
  background:rgba(236,253,245,.94);
}
@media(max-width:760px){
  .translation-helper-inner{
    align-items:flex-start;
    flex-direction:column;
    padding:.72rem 1rem;
  }
  .translation-helper-actions{
    justify-content:flex-start;
  }
}

/* Clear multilingual selector: flag + language name */
.lang-current{
  min-width:128px;
  white-space:nowrap;
}
.lang-menu{
  min-width:178px;
}
.lang-menu button{
  width:100%;
  text-align:left;
  white-space:nowrap;
}
.lang-current,
.lang-menu button{
  display:flex;
  align-items:center;
  gap:.5rem;
}
.lang-flag{
  width:22px;
  height:16px;
  flex:0 0 auto;
  object-fit:cover;
  border:1px solid rgba(15,27,48,.14);
  border-radius:2px;
  box-shadow:0 1px 3px rgba(15,27,48,.12);
}

/* Trade-in and estimated total purchase cost */
#conversionDetailBox .mvp-purchase-tools{
  display:grid;
  grid-template-columns:1fr;
  gap:.75rem;
  margin-top:.75rem;
}
#conversionDetailBox .mvp-trade-in-card{
  display:none !important;
}
#conversionDetailBox .mvp-trade-in-card,
#conversionDetailBox .mvp-purchase-estimator{
  margin:0;
}
#conversionDetailBox .mvp-trade-in-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.65rem;
  background:linear-gradient(145deg,#f0fdf4,#ffffff);
  border-color:rgba(21,128,61,.26);
}
#conversionDetailBox .mvp-trade-in-card .mvp-primary{
  width:100%;
  margin-top:auto;
}
#conversionDetailBox .mvp-tool-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:8px;
  background:#eef4fa;
  font-size:1.15rem;
}
#conversionDetailBox .mvp-purchase-estimator{
  background:linear-gradient(145deg,#ffffff,#f8fafc);
}
#conversionDetailBox .mvp-estimator-head > div{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:.65rem;
  align-items:center;
}
#conversionDetailBox .mvp-estimator-head h3,
#conversionDetailBox .mvp-estimator-head p{
  grid-column:2;
}
#conversionDetailBox .mvp-estimator-head p{
  margin:0;
}
#conversionDetailBox .mvp-estimator-controls{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:.65rem;
  margin:.8rem 0;
}
#conversionDetailBox .mvp-estimator-controls label{
  display:grid;
  gap:.35rem;
  color:#475569;
  font-size:.78rem;
  font-weight:800;
}
#conversionDetailBox .mvp-estimator-controls select,
#conversionDetailBox .mvp-estimator-controls input{
  width:100%;
  min-height:42px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  background:#fff;
  color:#0f1b30;
  padding:.55rem .65rem;
  font:inherit;
}
#conversionDetailBox .mvp-cost-input{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:.4rem;
}
#conversionDetailBox .mvp-cost-input b{
  color:#334155;
  font-size:.78rem;
}
#conversionDetailBox .mvp-cost-auto{
  min-height:38px;
  justify-content:end;
  padding:.55rem .65rem;
  border:1px solid #cbd5e1;
  border-radius:8px;
  background:#fff;
}
#conversionDetailBox .mvp-cost-auto b{
  color:#0f1b30;
  font-size:.92rem;
}
#conversionDetailBox .mvp-cost-lines{
  display:grid;
  gap:.36rem;
  padding:.72rem;
  border:1px solid #dce3ea;
  border-radius:8px;
  background:#f8fafc;
}
#conversionDetailBox .mvp-cost-lines > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  color:#475569;
  font-size:.82rem;
}
#conversionDetailBox .mvp-cost-lines .total{
  margin-top:.25rem;
  padding-top:.58rem;
  border-top:1px solid #cbd5e1;
  color:#0f1b30;
  font-weight:900;
}
#conversionDetailBox .mvp-cost-lines .total strong{
  color:#0f5f32;
  font-size:1.2rem;
}
#conversionDetailBox .mvp-warranty-note{
  margin:.65rem 0 .25rem;
  color:#475569;
  font-size:.74rem;
  font-weight:800;
  line-height:1.55;
}
#conversionDetailBox .mvp-insurance-note{
  margin:.65rem 0 .25rem;
  color:#9a3412;
  font-weight:900;
}
#conversionDetailBox .mvp-estimate-disclaimer{
  margin:.2rem 0 .75rem;
  color:#64748b;
  font-size:.74rem;
  line-height:1.55;
}
#conversionDetailBox .mvp-purchase-estimator > .mvp-primary{
  width:100%;
  min-height:44px;
  border:0;
  border-radius:8px;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:760px){
  .lang-current{min-width:104px}
  .lang-menu{min-width:164px;right:0}
  #conversionDetailBox .mvp-purchase-tools,
  #conversionDetailBox .mvp-estimator-controls{grid-template-columns:1fr}
}



/* Weekly curation rotation */
.featured-card.featured-changing .featured-thumb,
.featured-card.featured-changing .featured-info{
  animation: featuredFade .32s ease both;
}
@keyframes featuredFade{
  from{opacity:.72;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
.featured-controls{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-top:.25rem;
  padding-top:.75rem;
  border-top:1px solid var(--line);
  flex-wrap:wrap;
}
.featured-nav{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid var(--line-bright);
  background:rgba(255,255,255,.08);
  color:var(--white-soft);
  font-size:1.25rem;
  font-weight:900;
  cursor:pointer;
  transition:all .15s ease;
}
.featured-nav:hover{
  background:var(--gold);
  color:var(--bg);
  transform:translateY(-1px);
}
.featured-dots{display:flex;gap:.35rem;align-items:center}
.featured-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.28);
  cursor:pointer;
  padding:0;
  transition:all .15s ease;
}
.featured-dot.on{
  width:24px;
  background:var(--gold);
}
.featured-rotation-note{
  color:var(--text-dim);
  font-size:.75rem;
  font-weight:700;
}
@media(max-width:880px){
  .featured-controls{justify-content:center}
  .featured-rotation-note{width:100%;text-align:center}
}