/* Motion belongs to digits, never labels or empty placeholders. */
.modern-perodua-mark,.brand-mark,.modern-perodua-mark img,.brand-mark img {
  background:transparent !important;box-shadow:none !important;filter:none !important;
}
.modern-header-on-hero .modern-brand {text-shadow:none;}
.animated-number,
.animated-number.is-animating,
.loan-summary .animated-number.is-animating {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-variant-numeric: tabular-nums;
  will-change: auto;
  white-space: nowrap;
}
.animated-number {position:relative;}
.animated-number > number-reel {font:inherit;color:inherit;}
.animated-number {font-size:inherit !important;font-family:inherit !important;font-weight:inherit !important;line-height:inherit !important;letter-spacing:inherit !important;vertical-align:baseline;}
.loan-summary > strong {align-items:baseline;}
.loan-summary > strong small {padding-bottom:0;}
.carousel-sample-copy h2 {-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #101714;}
.carousel-sample-copy h2 em {-webkit-text-fill-color:var(--accent);-webkit-text-stroke:0;}
#modern-delivery-title em {-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #147854;}
.model-hero .model-name-title {font-size:clamp(5rem,14vw,12rem);line-height:1.02;letter-spacing:-.055em;}
.model-hero .model-wordmark-title {line-height:1;margin:24px 0;}
.model-hero .model-wordmark {display:block;width:min(480px,80vw);height:clamp(80px,12vw,150px);object-fit:contain;object-position:left center;}
.model-price-card {align-items:center;}
.related-models .model-rail {display:flex;flex-flow:row nowrap;gap:24px;overflow-x:auto;overflow-y:hidden;width:100%;padding:8px 0 24px;scroll-snap-type:x mandatory;scrollbar-width:thin;cursor:auto;user-select:auto;}
.related-models .model-rail-wrap {box-sizing:border-box;width:100%;max-width:1400px;padding:0 32px;margin:40px auto 0;overflow:visible;}
.related-models .model-card {width:auto;min-width:0;flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;box-sizing:border-box;}
.related-slider-controls {display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px;}
.related-slider-controls button {width:48px;height:44px;border:1px solid #c7d6ce;background:#fff;color:#145b42;border-radius:6px;font-size:24px;cursor:pointer;}
.related-slider-controls button:disabled {opacity:.35;cursor:default;}
.related-slider-controls button:focus-visible,.related-models .model-rail:focus-visible {outline:2px solid #078a61;outline-offset:3px;}
@media(max-width:900px){.related-models .model-card{flex-basis:calc((100% - 24px)/2);}}
@media(max-width:560px){.related-models .model-card{flex-basis:88%;}.related-models .model-rail-wrap{padding:0 20px;}}
.catalog-simple-title {padding-top:48px;padding-bottom:24px;}
.catalog-simple-title h1 {font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;}
.desktop-nav .modern-model-menu > summary {color:var(--ink,#263630);font-size:14px;text-transform:uppercase;letter-spacing:.04em;min-height:44px;}
.desktop-nav .modern-model-dropdown {top:115px;}
.modern-model-dropdown-heading > span {font-size:.52rem;}
.modern-model-dropdown-heading > a {font-size:.62rem;}
.modern-model-dropdown-grid strong {font-size:.76rem;}
.modern-model-dropdown-grid small {font-size:.51rem;}
.modern-model-dropdown-grid > a {grid-template-columns:74px minmax(0,1fr) auto;padding:12px 8px;min-height:100px;}
.modern-model-dropdown-grid .animated-number {color:inherit;}
.modern-model-menu summary:focus-visible {outline:2px solid #078a61;outline-offset:4px;}
.modern-delivery-panel .peninsula-world,
.modern-delivery-panel .is-map-visible .peninsula-world {
  animation:none;clip-path:none;
  transform:perspective(1000px) rotateX(9deg) rotateY(-12deg);
  transition:opacity 1.2s ease;
}
.modern-delivery-panel .peninsula-world {opacity:0;}
.modern-delivery-panel .is-map-visible .peninsula-world {opacity:1;}
@media(max-width:1050px){.modern-model-dropdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){
  .modern-model-dropdown {left:12px;right:12px;padding:16px;max-height:calc(100svh - 100px);}
  .modern-model-dropdown-grid {grid-template-columns:1fr;}
  .modern-model-dropdown-heading {gap:12px;}
  .modern-model-dropdown-heading > span {font-size:12px;}
  .modern-model-dropdown-grid > a {min-height:80px;}
}
@media(prefers-reduced-motion:reduce){.modern-delivery-panel .peninsula-world{transition:none;}}

@media(max-width:760px){
  a,button,summary {touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
  .modern-showroom {scroll-snap-type:none;scroll-behavior:smooth;}
  .modern-panel {scroll-snap-stop:normal;}
  .modern-panel,.model-carousel-sample,section[id] {scroll-margin-top:80px;}
  .modern-mobile-menu > summary {width:44px;height:44px;}
  .modern-mobile-menu nav,.mobile-menu > nav {overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
  .modern-mobile-menu nav {background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;}
  .modern-mobile-menu nav a,.modern-mobile-menu nav button,.mobile-menu nav a {min-height:48px;}
  .modern-mobile-model-list > a > small {font-size:12px;}
  .modern-hero-copy h1 {font-size:clamp(30px,8vw,42px);line-height:1.08;letter-spacing:-.035em;}
  .modern-hero-copy > p,.modern-eligibility-copy > p,.modern-advisor-copy p,.modern-seo-copy p {font-size:16px;line-height:1.6;}
  .modern-eligibility-copy h2,.modern-advisor-copy h2,.modern-seo-copy h2 {font-size:clamp(30px,8vw,40px);line-height:1.08;letter-spacing:-.035em;}
  .modern-eligibility-steps strong {font-size:15px;}
  .modern-eligibility-steps small {font-size:13px;line-height:1.5;}
  .carousel-sample-copy :is(h1,h2) {font-size:clamp(42px,12vw,58px);line-height:.94;letter-spacing:-.045em;}
  .carousel-sample-copy > p {font-size:15px;}
  .carousel-car {width:min(112%,600px);}
  .carousel-model-rail button {min-height:48px;flex-basis:76px;}
  .carousel-sample-actions a {min-height:46px;}
  .model-hero .model-wordmark {width:min(320px,78vw);height:100px;}
  .model-hero-actions {display:flex;flex-wrap:wrap;gap:10px;}
  .model-hero-actions .button {min-height:48px;flex:1 1 180px;justify-content:center;font-size:13px;padding-inline:14px;}
  .model-subnav {scrollbar-width:thin;overscroll-behavior-x:contain;}
  .model-subnav a {min-height:48px;font-size:12px;white-space:nowrap;}
  .model-pricing-heading h2,.model-faq-heading h2,.related-heading h2,.loan-calculator-heading h2 {font-size:clamp(28px,7.5vw,38px);line-height:1.12;letter-spacing:-.035em;}
  .related-heading {align-items:flex-start;gap:16px;flex-wrap:wrap;}
  .related-models .model-card {min-height:410px;padding:20px;}
  .related-models .model-card-image {height:235px;}
  .related-models .model-card-image img {height:215px;}
  .related-models .model-card-copy {gap:12px;flex-wrap:wrap;}
  .related-models .model-card-copy h3 {font-size:28px;}
  .loan-calculator {padding:26px 18px;}
  .loan-calculator-grid {grid-template-columns:minmax(0,1fr);gap:22px;}
  .loan-calculator select {font-size:16px;min-height:48px;width:100%;min-width:0;}
  .loan-term-options button,.loan-deposit-actions button {min-height:44px;font-size:13px;}
  .loan-summary {min-width:0;padding:20px 16px;}
  .loan-summary > strong {font-size:clamp(25px,7.5vw,36px);letter-spacing:-.025em;flex-wrap:wrap;gap:6px;}
  .loan-summary-list small,.loan-summary-list b {font-size:13px;}
  .loan-summary-list > span {gap:10px;}
  .loan-summary > a {min-height:48px;font-size:13px;}
  .loan-summary > p {font-size:12px;line-height:1.5;}
  .model-card:hover,.model-card:hover .model-card-image img,.modern-model-dropdown-grid > a:hover {transform:none;}
}
@media(max-width:380px){.loan-summary-list > span {flex-wrap:wrap;padding-block:10px;}.loan-summary-list b {margin-left:auto;}}
@media(prefers-reduced-motion:reduce){.modern-showroom{scroll-behavior:auto;}}