/*
 * Jetcar Kromh V14 — Luxury Motion & Mobile Experience
 * Purpose-led interaction, stable responsive layout, premium commissioning flow.
 */
:root{
  --jk-motion-instant:110ms;
  --jk-motion-fast:180ms;
  --jk-motion-medium:320ms;
  --jk-motion-slow:520ms;
  --jk-motion-cinematic:720ms;
  --jk-ease-enter:cubic-bezier(.16,1,.3,1);
  --jk-ease-exit:cubic-bezier(.7,0,.84,0);
  --jk-ease-standard:cubic-bezier(.4,0,.2,1);
  --jk-ease-emphasis:cubic-bezier(.2,.8,.2,1);
  --jk-focus:#7be7ed;
  --jk-accent:#3430f5;
  --jk-accent-soft:#edf0ff;
  --jk-surface:#fbfaf6;
  --jk-surface-2:#f0eee7;
  --jk-ink:#06101d;
  --jk-ink-2:#122238;
  --jk-muted:#68727d;
  --jk-line:rgba(6,16,29,.14);
  --jk-shadow-sm:0 10px 28px rgba(6,16,29,.08);
  --jk-shadow-md:0 22px 58px rgba(6,16,29,.12);
  --jk-shadow-lg:0 36px 110px rgba(3,10,19,.24);
  --jk-safe-bottom:env(safe-area-inset-bottom,0px);
}

/* --------------------------------------------------------------------------
   Layout safety and global interaction grammar
   -------------------------------------------------------------------------- */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
}
@supports(overflow:clip){html{overflow-x:clip}}
body{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
}
@supports(overflow:clip){body{overflow-x:clip}}
main,section,article,aside,header,footer,nav,div,figure{min-width:0}
img,svg,video,canvas{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,a{position:relative}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--jk-focus)!important;
  outline-offset:3px!important;
}

/* Purpose-led press, focus and loading feedback */
.jk-interactive-press{
  transform:translate3d(0,1px,0) scale(.985)!important;
  transition-duration:var(--jk-motion-instant)!important;
}
.button,.model-tab,.choice-card,.color-choice,.jk-text-link,.main-nav a,.mobile-menu a{
  transition-timing-function:var(--jk-ease-enter)!important;
}
.button[disabled],button[aria-disabled="true"]{cursor:not-allowed;opacity:.48;filter:saturate(.55)}
.button.is-loading{pointer-events:none;color:transparent!important}
.button.is-loading::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:18px;height:18px;
  margin:-9px 0 0 -9px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  color:#fff;
  animation:jkV14Spin .7s linear infinite;
}
@keyframes jkV14Spin{to{transform:rotate(360deg)}}

/* Scroll choreography: one restrained language across the site */
[data-jk-reveal]{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:
    opacity var(--jk-motion-slow) var(--jk-ease-enter),
    transform var(--jk-motion-cinematic) var(--jk-ease-enter);
  transition-delay:var(--jk-reveal-delay,0ms);
}
[data-jk-reveal="scale"]{transform:scale(.975)}
[data-jk-reveal="left"]{transform:translate3d(-28px,0,0)}
[data-jk-reveal="right"]{transform:translate3d(28px,0,0)}
[data-jk-reveal].is-revealed{opacity:1;transform:none}

/* Header and menu continuity */
.site-header{
  transform:translateZ(0);
  transition:
    min-height var(--jk-motion-medium) var(--jk-ease-enter),
    background var(--jk-motion-medium) var(--jk-ease-enter),
    box-shadow var(--jk-motion-medium) var(--jk-ease-enter),
    border-color var(--jk-motion-fast) linear!important;
}
.site-header.scrolled{box-shadow:0 14px 38px rgba(6,16,29,.08)!important}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{
  transition:transform var(--jk-motion-medium) var(--jk-ease-enter),opacity var(--jk-motion-fast) linear!important;
}
.mobile-menu{
  visibility:hidden;
  opacity:0;
  transform:translate3d(0,-12px,0);
  pointer-events:none;
  transition:
    opacity var(--jk-motion-medium) var(--jk-ease-enter),
    transform var(--jk-motion-medium) var(--jk-ease-enter),
    visibility 0s linear var(--jk-motion-medium)!important;
}
.mobile-menu.open{
  visibility:visible;
  opacity:1;
  transform:none;
  pointer-events:auto;
  transition-delay:0s!important;
}
.mobile-menu nav a{
  opacity:0;
  transform:translate3d(0,16px,0);
  transition:opacity var(--jk-motion-medium) var(--jk-ease-enter),transform var(--jk-motion-medium) var(--jk-ease-enter)!important;
  transition-delay:calc(var(--menu-index,0) * 42ms)!important;
}
.mobile-menu.open nav a{opacity:1;transform:none}

/* --------------------------------------------------------------------------
   Home collection — fixes the mobile horizontal document shift
   -------------------------------------------------------------------------- */
.jk-showroom,.jk-showroom-stage,.jk-model-rail,.jk-model-visual,.jk-model-detail{max-width:100%}
.jk-showroom-stage{overflow:hidden;isolation:isolate}
.jk-model-rail{overscroll-behavior:contain}
.jk-model-detail{
  transition:background var(--jk-motion-medium) var(--jk-ease-enter),opacity var(--jk-motion-fast) linear;
}
.jk-model-detail [data-model-name],
.jk-model-detail [data-model-category],
.jk-model-detail [data-model-desc],
.jk-model-detail [data-model-engine-range],
.jk-model-detail [data-model-seats],
.jk-model-detail [data-model-price]{
  transition:opacity var(--jk-motion-fast) linear,transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.jk-showroom-stage.is-model-changing .jk-model-detail [data-model-name],
.jk-showroom-stage.is-model-changing .jk-model-detail [data-model-category],
.jk-showroom-stage.is-model-changing .jk-model-detail [data-model-desc],
.jk-showroom-stage.is-model-changing .jk-model-detail [data-model-engine-range],
.jk-showroom-stage.is-model-changing .jk-model-detail [data-model-seats],
.jk-showroom-stage.is-model-changing .jk-model-detail [data-model-price]{
  opacity:.18;
  transform:translate3d(0,9px,0);
}
.jk-model-visual .collection-image{
  will-change:opacity,transform;
  backface-visibility:hidden;
}
.jk-model-visual .collection-image.active{
  transform:scale(1.012)!important;
}
.jk-model-code{
  transition:opacity var(--jk-motion-fast) linear,transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.jk-showroom-stage.is-model-changing .jk-model-code{opacity:.2;transform:translate3d(0,-6px,0)}
.jk-model-rail .model-tab{
  isolation:isolate;
  overflow:hidden;
}
.jk-model-rail .model-tab::after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid transparent;
  opacity:0;
  transform:scale(.86);
  transition:opacity var(--jk-motion-fast) linear,transform var(--jk-motion-medium) var(--jk-ease-enter),border-color var(--jk-motion-fast) linear;
}
.jk-model-rail .model-tab.active::after{
  opacity:1;
  transform:none;
  border-color:rgba(145,228,234,.32);
}
.jk-model-rail .model-tab strong,.jk-model-rail .model-tab span{
  position:relative;z-index:1;
  transition:color var(--jk-motion-fast) linear,transform var(--jk-motion-medium) var(--jk-ease-enter),opacity var(--jk-motion-fast) linear;
}
.jk-model-rail .model-tab.active strong{transform:translate3d(0,-1px,0)}
.jk-model-rail .model-tab:active strong{transform:scale(.94)}

/* --------------------------------------------------------------------------
   Commissioning studio — desktop refinement
   -------------------------------------------------------------------------- */
.config-page-v11 .config-shell{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.config-page-v11 .config-preview,.config-page-v11 .config-panel{min-width:0}
.config-page-v11 .config-preview{background:#0a1623!important}
.config-page-v11 .config-preview img{
  backface-visibility:hidden;
  will-change:opacity,transform,filter;
}
.config-page-v11 .config-preview.switching img{
  opacity:.15!important;
  transform:scale(1.035)!important;
  filter:blur(2px) saturate(.72)!important;
}
.config-page-v11 .config-preview.is-image-ready img{
  animation:jkV14ImageSet var(--jk-motion-slow) var(--jk-ease-enter) both;
}
@keyframes jkV14ImageSet{
  from{opacity:.1;transform:scale(1.025);filter:saturate(.7)}
  to{opacity:1;transform:none;filter:saturate(.92)}
}
.config-page-v11 .config-preview-bottom{
  transition:background var(--jk-motion-medium) var(--jk-ease-enter),backdrop-filter var(--jk-motion-medium) linear;
}
.config-page-v11 .config-model-name,
.config-page-v11 .config-model-meta,
.config-page-v11 .config-live-price{
  transition:opacity var(--jk-motion-fast) linear,transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.config-page-v11 .config-preview.switching .config-model-name,
.config-page-v11 .config-preview.switching .config-model-meta,
.config-page-v11 .config-preview.switching .config-live-price{
  opacity:.22;
  transform:translate3d(0,8px,0);
}

.config-page-v11 .config-head{
  isolation:isolate;
}
.config-page-v11 .config-head::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,var(--jk-accent),rgba(52,48,245,0));
  transform:scaleX(var(--jk-step-ratio,.14));
  transform-origin:left;
  transition:transform var(--jk-motion-slow) var(--jk-ease-enter);
  opacity:.42;
}
html[dir="rtl"] .config-page-v11 .config-head::after{transform-origin:right}
.config-page-v11 .config-progress{
  min-width:58px;
  min-height:30px;
  display:inline-grid;
  place-items:center;
  font-variant-numeric:tabular-nums;
  transition:background var(--jk-motion-fast),color var(--jk-motion-fast),transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.config-page-v11 .config-progress.is-updating{transform:scale(.9);background:var(--jk-accent);color:#fff}
.config-page-v11 .progress-fill{
  position:relative;
  transform-origin:left;
  transition:width var(--jk-motion-slow) var(--jk-ease-enter)!important;
}
html[dir="rtl"] .config-page-v11 .progress-fill{transform-origin:right}
.config-page-v11 .progress-fill::after{
  content:"";
  position:absolute;
  top:50%;right:-4px;
  width:8px;height:8px;
  border-radius:50%;
  background:var(--jk-accent);
  box-shadow:0 0 0 6px rgba(52,48,245,.11);
  transform:translateY(-50%);
}
html[dir="rtl"] .config-page-v11 .progress-fill::after{right:auto;left:-4px}

/* Step surfaces */
.config-page-v11 .config-section{
  position:relative;
  transform-origin:50% 0;
}
.config-page-v11 .config-section-title{
  gap:16px;
}
.config-page-v11 .config-section-title h2{
  max-width:34ch;
  text-wrap:balance;
}
.config-page-v11 .config-section-title small{
  text-wrap:pretty;
}
.config-page-v11 .config-section.is-step-entering{
  animation:jkV14StepForward var(--jk-motion-medium) var(--jk-ease-enter) both;
}
.config-page-v11 .config-section.is-step-entering-back{
  animation:jkV14StepBack var(--jk-motion-medium) var(--jk-ease-enter) both;
}
.config-page-v11 .config-summary.is-step-entering{
  animation:jkV14StepForward var(--jk-motion-medium) var(--jk-ease-enter) both;
}
.config-page-v11 .config-summary.is-step-entering-back{
  animation:jkV14StepBack var(--jk-motion-medium) var(--jk-ease-enter) both;
}
@keyframes jkV14StepForward{
  from{opacity:0;transform:translate3d(22px,0,0) scale(.992)}
  to{opacity:1;transform:none}
}
@keyframes jkV14StepBack{
  from{opacity:0;transform:translate3d(-22px,0,0) scale(.992)}
  to{opacity:1;transform:none}
}
html[dir="rtl"] .config-page-v11 .is-step-entering{animation-name:jkV14StepBack}
html[dir="rtl"] .config-page-v11 .is-step-entering-back{animation-name:jkV14StepForward}

/* Model selector — one premium neutral system */
.config-page-v11 .choice-grid.models{
  overflow:visible;
}
.config-page-v11 .model-choice{
  position:relative;
  border-color:rgba(6,16,29,.13)!important;
  background:rgba(255,255,255,.34)!important;
  transform:translateZ(0);
}
.config-page-v11 .model-choice::before{
  height:2px!important;
  background:linear-gradient(90deg,var(--jk-accent),#61dce6)!important;
}
.config-page-v11 .model-choice::after{
  content:""!important;
  top:10px!important;
  right:10px!important;
  width:20px!important;height:20px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(6,16,29,.14)!important;
  color:transparent!important;
  box-shadow:none!important;
  opacity:0;
  transform:scale(.65);
  transition:opacity var(--jk-motion-fast),transform var(--jk-motion-medium) var(--jk-ease-enter),background var(--jk-motion-fast),border-color var(--jk-motion-fast);
}
html[dir="rtl"] .config-page-v11 .model-choice::after{right:auto!important;left:10px!important}
.config-page-v11 .model-choice.selected{
  background:#fff!important;
  border-color:var(--jk-accent)!important;
  box-shadow:0 20px 48px rgba(35,42,92,.12)!important;
}
.config-page-v11 .model-choice.selected::after{
  opacity:1;
  transform:scale(1);
  background:var(--jk-accent)!important;
  border-color:var(--jk-accent)!important;
  box-shadow:inset 0 0 0 5px #fff,0 5px 16px rgba(52,48,245,.24)!important;
}
.config-page-v11 .model-choice-index{
  position:absolute;
  z-index:3;
  top:9px;left:10px;
  color:#fff;
  font-size:7px;
  font-weight:800;
  letter-spacing:.12em;
  text-shadow:0 2px 8px rgba(0,0,0,.6);
}
html[dir="rtl"] .config-page-v11 .model-choice-index{left:auto;right:10px}
.config-page-v11 .model-thumb{position:relative;isolation:isolate}
.config-page-v11 .model-thumb::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,12,21,.08),transparent 50%,rgba(5,12,21,.22));
  pointer-events:none;
}
.config-page-v11 .model-thumb img{
  transform:scale(1.001);
  transition:transform var(--jk-motion-cinematic) var(--jk-ease-enter),filter var(--jk-motion-medium) linear!important;
}
.config-page-v11 .model-choice.selected .model-thumb img{transform:scale(1.045)!important;filter:saturate(1.02) contrast(1.02)!important}
.config-page-v11 .model-choice-copy strong{letter-spacing:.015em}
.config-page-v11 .model-choice-copy span{font-variant-numeric:tabular-nums}

/* Engine and option cards */
.config-page-v11 .choice-grid:not(.models) .choice-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:start;
  gap:5px 14px;
  border-color:rgba(6,16,29,.14);
  background:rgba(255,255,255,.32);
}
.config-page-v11 .choice-grid:not(.models) .choice-card strong{grid-column:1;font-size:13px;line-height:1.35}
.config-page-v11 .choice-grid:not(.models) .choice-card>span:not(.choice-price){grid-column:1;color:#717b85;line-height:1.45}
.config-page-v11 .choice-grid:not(.models) .choice-card .choice-price,
.config-page-v11 .choice-grid:not(.models) .choice-card>span:last-child{
  grid-column:2;grid-row:1/-1;
  align-self:center;
  margin:0;
  color:var(--jk-ink);
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.config-page-v11 .choice-grid:not(.models) .choice-card.selected{
  background:#fff!important;
  border-color:var(--jk-accent)!important;
  box-shadow:0 16px 40px rgba(32,39,83,.1)!important;
}
.config-page-v11 .choice-grid:not(.models) .choice-card.selected::after{
  animation:jkV14CheckIn var(--jk-motion-medium) var(--jk-ease-enter) both;
}
@keyframes jkV14CheckIn{from{opacity:0;transform:scale(.4) rotate(-18deg)}to{opacity:1;transform:none}}

/* Finish atelier */
.config-page-v11 .color-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.config-page-v11 .color-choice{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(6,16,29,.13)!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:none!important;
}
.config-page-v11 .color-choice::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:var(--jk-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform var(--jk-motion-medium) var(--jk-ease-enter);
}
html[dir="rtl"] .config-page-v11 .color-choice::before{transform-origin:right}
.config-page-v11 .color-choice.selected{
  border-color:var(--jk-accent)!important;
  background:#fff!important;
  box-shadow:0 17px 38px rgba(32,39,83,.1)!important;
}
.config-page-v11 .color-choice.selected::before{transform:scaleX(1)}
.config-page-v11 .color-choice.selected::after{
  content:""!important;
  width:16px!important;height:16px!important;
  top:8px!important;right:8px!important;
  background:var(--jk-accent)!important;
  border:4px solid #fff;
  box-shadow:0 0 0 1px var(--jk-accent)!important;
  animation:jkV14CheckIn var(--jk-motion-medium) var(--jk-ease-enter) both;
}
html[dir="rtl"] .config-page-v11 .color-choice.selected::after{right:auto!important;left:8px!important}
.config-page-v11 .color-swatch{
  flex:0 0 auto;
  transform:translateZ(0);
  transition:transform var(--jk-motion-medium) var(--jk-ease-enter),box-shadow var(--jk-motion-medium),filter var(--jk-motion-fast)!important;
}
.config-page-v11 .color-choice:active .color-swatch{transform:scale(.9)}
.config-page-v11 .color-choice.selected .color-swatch{
  transform:scale(1.08);
  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--jk-accent),0 12px 24px rgba(6,16,29,.15)!important;
}
.config-page-v11 .color-choice.is-custom .color-swatch{
  background:conic-gradient(from 30deg,#5d2cff,#00b7d3,#f0c66f,#e4475f,#5d2cff)!important;
}
.finish-current{
  margin-top:12px;
  min-height:62px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 13px;
  border:1px solid rgba(6,16,29,.1);
  background:rgba(255,255,255,.42);
  overflow:hidden;
  transition:background var(--jk-motion-fast),border-color var(--jk-motion-fast),transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.finish-current.is-updating{transform:scale(.992);background:#fff;border-color:rgba(52,48,245,.28)}
.finish-current-swatch{
  width:38px;height:38px;border-radius:50%;
  border:4px solid #fff;
  box-shadow:0 0 0 1px rgba(6,16,29,.14),0 8px 18px rgba(6,16,29,.13);
  transition:background var(--jk-motion-medium),transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.finish-current.is-updating .finish-current-swatch{transform:scale(1.12) rotate(3deg)}
.finish-current-copy{display:grid;gap:2px;min-width:0}
.finish-current-copy small{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#77818c}
.finish-current-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finish-current-code{font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#56616c}

.config-page-v11 .custom-color-field{
  display:grid!important;
  grid-template-rows:0fr;
  margin-top:0!important;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,-8px,0);
  transition:grid-template-rows var(--jk-motion-slow) var(--jk-ease-enter),opacity var(--jk-motion-medium),transform var(--jk-motion-medium) var(--jk-ease-enter),visibility 0s linear var(--jk-motion-slow);
}
.config-page-v11 .custom-color-field>*{overflow:hidden}
.config-page-v11 .custom-color-field.show{
  grid-template-rows:1fr;
  margin-top:14px!important;
  opacity:1;
  visibility:visible;
  transform:none;
  animation:none!important;
  transition-delay:0s;
}
.custom-color-studio{
  border-radius:16px!important;
  overflow:hidden;
  border-color:rgba(6,16,29,.13)!important;
  background:linear-gradient(140deg,#fff,#f5f1e8)!important;
  box-shadow:0 22px 56px rgba(6,16,29,.09)!important;
}
.custom-color-visual{
  border-radius:12px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 18px 38px rgba(6,16,29,.16);
  transition:background var(--jk-motion-medium),transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.custom-color-visual:focus-within{transform:scale(1.015);box-shadow:0 0 0 3px rgba(52,48,245,.15),0 18px 38px rgba(6,16,29,.16)}
.custom-color-visual::before{animation:jkV14ColorSheen 7s ease-in-out infinite alternate}
@keyframes jkV14ColorSheen{to{transform:translate3d(5%,4%,0) rotate(12deg)}}
.custom-color-visual span{border-radius:999px}

/* Fields and validation */
.config-page-v11 .field{position:relative}
.config-page-v11 .field label{
  transition:color var(--jk-motion-fast),transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.config-page-v11 .field:focus-within label{color:var(--jk-accent);transform:translate3d(0,-1px,0)}
.config-page-v11 .field input,.config-page-v11 .field select,.config-page-v11 .field textarea{
  border-radius:10px!important;
  border:1px solid rgba(6,16,29,.15)!important;
  background:rgba(255,255,255,.62)!important;
  transition:border-color var(--jk-motion-fast),box-shadow var(--jk-motion-medium),background var(--jk-motion-fast),transform var(--jk-motion-fast)!important;
}
.config-page-v11 .field input:hover,.config-page-v11 .field select:hover,.config-page-v11 .field textarea:hover{background:#fff!important}
.config-page-v11 .field input:focus,.config-page-v11 .field select:focus,.config-page-v11 .field textarea:focus{
  border-color:var(--jk-accent)!important;
  box-shadow:0 0 0 4px rgba(52,48,245,.1)!important;
  background:#fff!important;
}
.config-page-v11 .field.error input,.config-page-v11 .field.error select,.config-page-v11 .field.error textarea{
  border-color:#b53b48!important;
  box-shadow:0 0 0 4px rgba(181,59,72,.09)!important;
  animation:jkV14Error var(--jk-motion-medium) var(--jk-ease-enter) both;
}
@keyframes jkV14Error{0%,100%{transform:none}35%{transform:translate3d(-4px,0,0)}70%{transform:translate3d(3px,0,0)}}
.consent-row{
  padding:14px;
  border:1px solid rgba(6,16,29,.11);
  border-radius:10px;
  background:rgba(255,255,255,.35);
  transition:border-color var(--jk-motion-fast),background var(--jk-motion-fast),transform var(--jk-motion-medium) var(--jk-ease-enter);
}
.consent-row:focus-within{border-color:var(--jk-accent);background:#fff}
.consent-row.is-invalid{border-color:#b53b48;animation:jkV14Error var(--jk-motion-medium) var(--jk-ease-enter)}

/* Animated pricing */
[data-summary-unit],[data-summary-total],[data-mobile-total],[data-config-live-price]{
  font-variant-numeric:tabular-nums;
  transition:opacity var(--jk-motion-fast),transform var(--jk-motion-medium) var(--jk-ease-enter),color var(--jk-motion-fast);
}
.is-price-updating{
  opacity:.38;
  transform:translate3d(0,-5px,0) scale(.98);
}
.price-change-note{
  position:absolute;
  z-index:8;
  right:0;
  bottom:100%;
  margin-bottom:7px;
  padding:6px 9px;
  border-radius:999px;
  background:var(--jk-accent);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
  box-shadow:0 10px 28px rgba(52,48,245,.25);
  pointer-events:none;
  animation:jkV14PriceNote 1.45s var(--jk-ease-enter) both;
}
html[dir="rtl"] .price-change-note{right:auto;left:0}
@keyframes jkV14PriceNote{
  0%{opacity:0;transform:translate3d(0,8px,0) scale(.9)}
  18%,70%{opacity:1;transform:none}
  100%{opacity:0;transform:translate3d(0,-5px,0)}
}

/* Summary */
.config-page-v11 .config-summary{
  border-radius:18px!important;
  box-shadow:0 28px 78px rgba(3,10,19,.22)!important;
}
.config-page-v11 .summary-row{
  transition:background var(--jk-motion-fast),padding var(--jk-motion-medium) var(--jk-ease-enter);
}
.config-page-v11 .summary-row.is-highlighted{background:rgba(123,231,237,.08);padding-inline:10px}

/* Order receipt */
.order-receipt{
  border-radius:18px!important;
  overflow:hidden;
  animation:jkV14Receipt var(--jk-motion-cinematic) var(--jk-ease-enter) both;
}
@keyframes jkV14Receipt{from{opacity:0;transform:translate3d(0,24px,0) scale(.98)}to{opacity:1;transform:none}}
.order-receipt-icon{animation:jkV14Success .7s var(--jk-ease-enter) both}
@keyframes jkV14Success{0%{opacity:0;transform:scale(.45) rotate(-14deg)}60%{transform:scale(1.08)}100%{opacity:1;transform:none}}

/* Review request: visual full summary with the selected model image */
.review-dialog{
  max-height:min(92svh,920px);
  overflow:visible!important;
  background:transparent!important;
  opacity:0;
  transform:translate3d(0,18px,0) scale(.975);
  transition:opacity var(--jk-motion-medium) var(--jk-ease-enter),transform var(--jk-motion-slow) var(--jk-ease-enter),overlay var(--jk-motion-medium) allow-discrete,display var(--jk-motion-medium) allow-discrete!important;
}
.review-dialog[open]{opacity:1;transform:none}
@starting-style{.review-dialog[open]{opacity:0;transform:translate3d(0,18px,0) scale(.975)}}
.review-dialog::backdrop{
  opacity:0;
  background:rgba(2,8,16,.74)!important;
  backdrop-filter:blur(0);
  transition:opacity var(--jk-motion-medium),backdrop-filter var(--jk-motion-slow),overlay var(--jk-motion-medium) allow-discrete,display var(--jk-motion-medium) allow-discrete!important;
}
.review-dialog[open]::backdrop{opacity:1;backdrop-filter:blur(10px)}
@starting-style{.review-dialog[open]::backdrop{opacity:0;backdrop-filter:blur(0)}}
.review-card{
  position:relative;
  max-height:min(92svh,920px);
  overflow:auto;
  padding:0!important;
  border-radius:20px!important;
  background:var(--jk-surface)!important;
}
.review-close-icon{
  position:absolute;
  z-index:5;
  top:14px;right:14px;
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  background:rgba(5,14,25,.58);
  backdrop-filter:blur(12px);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  transition:transform var(--jk-motion-medium) var(--jk-ease-enter),background var(--jk-motion-fast);
}
html[dir="rtl"] .review-close-icon{right:auto;left:14px}
.review-close-icon:hover{transform:rotate(5deg) scale(1.04);background:rgba(5,14,25,.82)}
.review-hero{
  position:relative;
  min-height:290px;
  overflow:hidden;
  background:#0a1623;
  color:#fff;
}
.review-hero::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(4,12,22,.94),rgba(4,12,22,.08) 66%);
  pointer-events:none;
}
.review-hero img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transform:scale(1.025);
  animation:jkV14ReviewImage .9s var(--jk-ease-enter) both;
}
@keyframes jkV14ReviewImage{from{opacity:.1;transform:scale(1.08)}to{opacity:1;transform:scale(1.025)}}
.review-hero-copy{
  position:absolute;
  z-index:2;
  left:26px;right:26px;bottom:22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:20px;
}
.review-hero-copy small{display:block;margin-bottom:5px;font-size:8px;font-weight:800;letter-spacing:.16em;color:var(--jk-focus)}
.review-hero-copy h2{margin:0!important;color:#fff;font-family:var(--jk-display)!important;font-size:52px!important;line-height:.8!important}
.review-hero-price{text-align:end}
.review-hero-price span{display:block;font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.62);text-transform:uppercase}
.review-hero-price strong{font-family:var(--jk-display);font-size:31px;font-variant-numeric:tabular-nums}
.review-content{padding:26px 28px 30px}
.review-content>p{margin-top:7px!important}
.review-lines{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border:1px solid var(--jk-line)!important;
  border-bottom:0!important;
}
.review-line{
  min-width:0;
  display:grid!important;
  gap:5px!important;
  padding:14px!important;
  border-bottom:1px solid var(--jk-line)!important;
}
.review-line:nth-child(odd){border-inline-end:1px solid var(--jk-line)}
.review-line span{font-size:8px;text-transform:uppercase;letter-spacing:.11em}
.review-line strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.review-line.is-total{grid-column:1/-1;background:var(--jk-ink);color:#fff;display:flex!important;justify-content:space-between;align-items:center}
.review-line.is-total span{color:rgba(255,255,255,.58)}
.review-line.is-total strong{font-family:var(--jk-display);font-size:28px}
.review-actions{
  position:sticky;
  z-index:3;
  bottom:0;
  padding-top:14px;
  background:linear-gradient(0deg,var(--jk-surface) 78%,rgba(251,250,246,0));
}

/* --------------------------------------------------------------------------
   Mobile-specific composition
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html{scrollbar-gutter:auto}

  /* Home model stage */
  .jk-showroom{width:100%;max-width:100%;overflow:hidden;padding-inline:14px!important}
  .jk-showroom-stage{
    width:100%;
    max-width:100%;
    overflow:hidden;
    contain:layout paint;
    border-inline:1px solid rgba(255,255,255,.08);
  }
  .jk-model-visual{
    width:100%;
    min-height:0!important;
    aspect-ratio:1.28/1;
    overflow:hidden;
    flex:none;
  }
  .jk-model-visual .collection-image{inset:0!important;width:100%!important;height:100%!important}
  .jk-model-rail{
    width:100%;
    max-width:100%;
    height:68px!important;
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    scroll-padding-inline:14px;
    overscroll-behavior-inline:contain;
    touch-action:pan-x;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .jk-model-rail::-webkit-scrollbar{display:none}
  .jk-model-rail::before,.jk-model-rail::after{
    content:"";
    flex:0 0 8px;
  }
  .jk-model-rail .model-tab{
    flex:0 0 64px!important;
    width:64px;
    min-width:64px;
    min-height:68px!important;
    scroll-snap-align:center;
    border-inline-end:1px solid rgba(255,255,255,.08)!important;
  }
  .jk-model-rail .model-tab.active{background:rgba(120,225,233,.075)!important}
  .jk-model-rail .model-tab::after{inset:9px 7px}
  .jk-model-rail .model-tab strong{font-size:10px!important}
  .jk-model-detail{
    width:100%;
    max-width:100%;
    overflow:hidden;
    padding:25px 19px 27px!important;
  }
  .jk-model-detail h3{
    max-width:100%;
    font-size:clamp(52px,17vw,70px)!important;
    line-height:.78!important;
    overflow-wrap:normal;
    white-space:nowrap;
  }
  .jk-model-detail>p{max-width:100%;overflow-wrap:anywhere}
  .jk-model-engine strong{overflow-wrap:anywhere}
  .jk-model-actions{gap:8px!important}
  .jk-model-actions .button{min-width:0;padding-inline:10px!important;font-size:8px!important}
  .jk-showroom-foot{align-items:center}
  .jk-showroom-foot>span{max-width:60%}

  /* Configurator shell and top visual */
  .config-page-v11 .config-shell{display:block!important;width:100%;overflow:hidden}
  .config-page-v11 .config-preview{
    position:relative!important;
    top:auto!important;
    width:100%;
    height:clamp(380px,56svh,520px)!important;
    min-height:380px!important;
    max-height:520px!important;
    overflow:hidden;
    background:#07111f!important;
  }
  .config-page-v11 .config-preview img{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    object-fit:cover!important;
    filter:saturate(.92) contrast(1.02)!important;
  }
  .config-page-v11 .config-preview::before{
    top:60px!important;
    left:17px!important;
    font-size:7px!important;
  }
  html[dir="rtl"] .config-page-v11 .config-preview::before{left:auto!important;right:17px!important}
  .config-page-v11 .config-preview-top{
    top:16px!important;
    left:17px!important;right:17px!important;
    padding-bottom:11px!important;
    font-size:8px!important;
  }
  .config-page-v11 .config-preview-bottom{
    left:0!important;right:0!important;bottom:0!important;
    min-height:130px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end!important;
    gap:14px;
    padding:35px 18px 20px!important;
    background:linear-gradient(0deg,rgba(4,12,22,.98),rgba(4,12,22,.58) 68%,transparent)!important;
  }
  .config-page-v11 .config-model-name{font-size:clamp(43px,14vw,61px)!important;line-height:.72!important;white-space:nowrap}
  .config-page-v11 .config-model-meta{margin-top:9px;font-size:10px!important;color:rgba(255,255,255,.68)}
  .config-page-v11 .config-live-price{text-align:end;min-width:92px}
  .config-page-v11 .config-live-price span{font-size:7px!important;letter-spacing:.11em}
  .config-page-v11 .config-live-price strong{font-size:clamp(23px,7vw,31px)!important;white-space:nowrap}

  .config-page-v11 .config-panel{
    width:100%;
    max-width:100%;
    padding:32px 16px calc(176px + var(--jk-safe-bottom))!important;
    overflow:hidden;
  }
  .config-page-v11 .config-head{
    position:relative!important;
    top:auto!important;
    margin:0!important;
    padding:0 0 23px!important;
    background:transparent!important;
  }
  .config-page-v11 .config-head>div{min-width:0}
  .config-page-v11 .config-head .eyebrow{font-size:8px!important;letter-spacing:.16em}
  .config-page-v11 .config-head h1{
    margin:13px 0 0!important;
    max-width:8.6ch;
    font-size:clamp(43px,13.3vw,60px)!important;
    line-height:.82!important;
    text-wrap:balance;
  }
  .config-page-v11 .config-progress{align-self:start;margin-top:2px}
  .config-page-v11 .progress-track{
    position:relative!important;
    top:auto!important;
    width:100%;
    margin:0 0 7px!important;
  }
  .config-page-v11 .config-section{
    width:100%;
    max-width:100%;
    min-height:0;
    padding:29px 0 12px!important;
    border-bottom:0!important;
  }
  .config-page-v11 .config-section-title{
    display:grid!important;
    grid-template-columns:1fr;
    gap:7px!important;
    margin-bottom:17px!important;
  }
  .config-page-v11 .config-section-title h2{font-size:17px!important;line-height:1.3}
  .config-page-v11 .config-section-title small{max-width:none!important;text-align:start!important;font-size:8px!important;line-height:1.55}

  /* Mobile model rail inside configurator */
  .config-page-v11 .choice-grid.models{
    width:auto;
    max-width:none;
    display:flex!important;
    gap:10px!important;
    margin-inline:-16px!important;
    padding:2px 16px 16px!important;
    overflow-x:auto!important;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:16px;
    overscroll-behavior-inline:contain;
    touch-action:pan-x;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .config-page-v11 .choice-grid.models::-webkit-scrollbar{display:none}
  .config-page-v11 .choice-grid.models::after{content:"";flex:0 0 6px}
  .config-page-v11 .choice-grid.models .choice-card{
    flex:0 0 148px!important;
    width:148px!important;
    min-width:148px!important;
    min-height:158px!important;
    scroll-snap-align:center;
    grid-template-rows:92px auto!important;
    border-radius:14px!important;
  }
  .config-page-v11 .choice-grid.models .model-thumb{height:92px!important}
  .config-page-v11 .model-choice-copy{padding:12px!important}
  .config-page-v11 .model-choice-copy strong{font-size:12px!important}
  .config-page-v11 .model-choice-copy span{font-size:9px!important}

  .config-page-v11 .choice-grid:not(.models){grid-template-columns:1fr!important;gap:9px!important}
  .config-page-v11 .choice-grid:not(.models) .choice-card{
    min-height:82px!important;
    padding:15px!important;
    border-radius:12px!important;
  }

  /* Colors stay compact and understandable */
  .config-page-v11 .color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .config-page-v11 .color-choice{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:68px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  .config-page-v11 .color-swatch{width:32px!important;height:32px!important;border-width:3px!important}
  .config-page-v11 .color-copy strong{font-size:10px!important}
  .config-page-v11 .color-copy small{font-size:7px!important}
  .finish-current{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;border-radius:12px}
  .finish-current-swatch{width:32px;height:32px}
  .finish-current-code{font-size:8px}
  .custom-color-studio{
    grid-template-columns:1fr!important;
    gap:13px!important;
    padding:13px!important;
    border-radius:14px!important;
  }
  .custom-color-visual{min-height:112px!important}
  .custom-color-controls{grid-template-columns:1fr!important;gap:10px!important}
  .custom-color-controls .field:first-child{grid-column:auto!important}
  .custom-color-hint{grid-column:auto!important}

  .config-page-v11 .form-grid{grid-template-columns:1fr!important;gap:13px!important}
  .consent-row{margin-top:18px!important}

  /* Single mobile dock: progress context + total + Back/Next */
  .config-page-v11.config-enhanced .mobile-total{display:none!important}
  .config-step-controls{
    position:fixed!important;
    z-index:1200!important;
    left:8px!important;right:8px!important;
    bottom:max(8px,var(--jk-safe-bottom))!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:10px!important;
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px!important;
    background:rgba(6,16,29,.94)!important;
    color:#fff;
    box-shadow:0 22px 68px rgba(2,8,16,.34)!important;
    backdrop-filter:blur(20px) saturate(1.2);
    transform:translate3d(0,0,0);
    transition:transform var(--jk-motion-medium) var(--jk-ease-enter),opacity var(--jk-motion-fast)!important;
  }
  .config-step-controls.is-hidden{opacity:0;transform:translate3d(0,110%,0);pointer-events:none}
  .config-step-meta{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:1px 3px 0;
  }
  .config-step-context{min-width:0;display:grid;gap:2px}
  .config-step-context small{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.48)}
  .config-step-context strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .config-step-total{text-align:end;position:relative}
  .config-step-total small{display:block;font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.48)}
  .config-step-total strong{font-size:20px;font-variant-numeric:tabular-nums}
  .config-step-actions{display:grid;grid-template-columns:minmax(92px,.72fr) minmax(0,1.35fr);gap:8px}
  .config-step-controls button{
    min-width:0;
    min-height:48px!important;
    border-radius:10px!important;
    letter-spacing:.08em!important;
    transition:transform var(--jk-motion-fast) var(--jk-ease-enter),background var(--jk-motion-fast),border-color var(--jk-motion-fast),opacity var(--jk-motion-fast)!important;
  }
  .config-step-controls .back{background:transparent;color:#fff;border-color:rgba(255,255,255,.2)!important}
  .config-step-controls .next{background:linear-gradient(135deg,#4336f5,#2d22e8)!important;color:#fff;border-color:transparent!important;box-shadow:0 10px 26px rgba(56,45,238,.28)}
  .config-step-controls button:active{transform:scale(.975)}
  .config-step-controls button:disabled{opacity:.28}

  .config-page-v11.config-enhanced .config-section,
  .config-page-v11.config-enhanced .config-summary{display:none!important}
  .config-page-v11.config-enhanced .config-section.is-active-step,
  .config-page-v11.config-enhanced .config-summary.is-active-step{display:block!important}
  .config-page-v11 .config-summary{padding:24px 18px!important;border-radius:15px!important}

  .order-receipt{padding:24px 17px!important}

  /* Full-screen review sheet on mobile */
  .review-dialog{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    transform:translate3d(0,100%,0)!important;
  }
  .review-dialog[open]{transform:none!important}
  @starting-style{.review-dialog[open]{transform:translate3d(0,100%,0)!important;opacity:1}}
  .review-card{
    width:100%;height:100%;max-height:100dvh;
    border-radius:0!important;
    padding-bottom:calc(88px + var(--jk-safe-bottom))!important;
  }
  .review-hero{min-height:38svh;max-height:390px}
  .review-hero-copy{left:18px;right:18px;bottom:18px;gap:12px}
  .review-hero-copy h2{font-size:45px!important}
  .review-hero-price strong{font-size:25px}
  .review-content{padding:22px 16px 24px}
  .review-lines{grid-template-columns:1fr}
  .review-line:nth-child(odd){border-inline-end:0}
  .review-line.is-total{grid-column:auto}
  .review-actions{
    position:fixed!important;
    left:0;right:0;bottom:0;
    display:grid!important;
    grid-template-columns:.8fr 1.2fr!important;
    gap:8px!important;
    margin:0!important;
    padding:10px 10px calc(10px + var(--jk-safe-bottom))!important;
    background:rgba(251,250,246,.94)!important;
    backdrop-filter:blur(18px);
    border-top:1px solid var(--jk-line);
  }
  .review-actions .button{width:100%;min-width:0;padding-inline:10px;font-size:9px}
}

@media(max-width:390px){
  .config-page-v11 .config-preview{height:clamp(350px,53svh,455px)!important;min-height:350px!important}
  .config-page-v11 .config-panel{padding-inline:13px!important}
  .config-page-v11 .choice-grid.models{margin-inline:-13px!important;padding-inline:13px!important}
  .config-page-v11 .choice-grid.models .choice-card{flex-basis:140px!important;width:140px!important;min-width:140px!important}
  .config-page-v11 .color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .config-page-v11 .color-choice{grid-template-columns:30px minmax(0,1fr)!important;padding:9px 8px!important}
  .config-page-v11 .color-swatch{width:29px!important;height:29px!important}
  .finish-current{grid-template-columns:32px minmax(0,1fr);}.finish-current-code{display:none}.finish-current-swatch{width:29px;height:29px}
  .config-step-controls{left:6px!important;right:6px!important;bottom:max(6px,var(--jk-safe-bottom))!important}
  .review-hero-copy h2{font-size:41px!important}
}

@media(hover:hover) and (pointer:fine){
  .config-page-v11 .model-choice:hover,.config-page-v11 .color-choice:hover,.config-page-v11 .choice-grid:not(.models) .choice-card:hover{
    transform:translate3d(0,-3px,0)!important;
  }
  .config-page-v11 .model-choice:hover{border-color:rgba(52,48,245,.45)!important}
  .config-page-v11 .color-choice:hover{border-color:rgba(52,48,245,.4)!important}
}

/* Reduced motion keeps all state feedback but removes spatial travel. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
  }
  [data-jk-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .jk-showroom-stage.is-model-changing .jk-model-detail *,
  .config-page-v11 .config-preview.switching *{transform:none!important}
  .review-dialog,.review-dialog::backdrop{transition:opacity 100ms linear!important}
  .custom-color-visual::before{animation:none!important}
}

/* Review micro-actions and graceful dismissal */
.review-dialog.is-closing{opacity:0!important;transform:translate3d(0,14px,0) scale(.985)!important}
.review-dialog.is-closing::backdrop{opacity:0!important;backdrop-filter:blur(0)!important}
.review-line{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto}
.review-line>span{grid-column:1;grid-row:1}
.review-line>strong{grid-column:1;grid-row:2}
.review-edit{
  grid-column:2;grid-row:1/-1;
  align-self:center;
  min-width:48px;min-height:34px;
  border:1px solid rgba(6,16,29,.13);
  border-radius:999px;
  background:transparent;
  color:var(--jk-accent);
  font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  cursor:pointer;
  transition:background var(--jk-motion-fast),color var(--jk-motion-fast),transform var(--jk-motion-fast) var(--jk-ease-enter),border-color var(--jk-motion-fast);
}
.review-edit:hover{background:var(--jk-accent);border-color:var(--jk-accent);color:#fff;transform:translate3d(0,-1px,0)}
.review-edit:active{transform:scale(.96)}
.review-line.is-total{grid-template-columns:1fr auto;grid-template-rows:auto}
.review-line.is-total>span{grid-column:1;grid-row:1}.review-line.is-total>strong{grid-column:2;grid-row:1}
@media(max-width:767px){
  .review-dialog.is-closing{transform:translate3d(0,100%,0)!important}
  .review-line{grid-template-columns:minmax(0,1fr) auto}
  .review-edit{min-width:44px}
}

/* V14 final mobile typography guard: keep the showroom statement inside the viewport. */
@media(max-width:767px){
  .jk-showroom-head{min-width:0;max-width:100%;overflow:hidden}
  .jk-showroom-head h2{
    width:100%;
    max-width:100%;
    min-width:0;
    font-size:clamp(42px,12.7vw,56px)!important;
    line-height:.82!important;
    letter-spacing:-.045em;
    overflow:visible;
    overflow-wrap:normal;
    white-space:normal;
  }
}
@media(max-width:390px){
  .jk-showroom-head h2{font-size:clamp(40px,12.35vw,49px)!important;letter-spacing:-.05em}
}

/* Review details arrive in reading order; content remains immediately usable. */
.review-dialog[open] .review-line{
  animation:jkV14ReviewLine var(--jk-motion-medium) var(--jk-ease-enter) both;
  animation-delay:calc(75ms + var(--review-index,0) * 28ms);
}
@keyframes jkV14ReviewLine{
  from{opacity:0;transform:translate3d(0,8px,0)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .review-dialog[open] .review-line{animation:none!important}
}