/* =========================================================
   AUTOMART — PRODUCTION UI LAYER
   Loaded last. Keeps the approved design while fixing
   responsive, readability, accessibility and interaction.
   ========================================================= */

:root{
  --am-red:#ED1C29;
  --am-red-dark:#B80018;
  --am-black:#17191D;
  --am-body:#50565E;
  --am-muted:#747A83;
  --am-gray:#A7A9AC;
  --am-line:rgba(17,18,20,.09);
  --am-white:#FFFFFF;
  --am-soft:#F4F5F6;
  --am-max:1440px;
  --am-font:'Manrope',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-padding-top:108px;
  overflow-x:clip;
  background:#fff;
  -webkit-text-size-adjust:100%;
}
body{
  min-width:320px;
  max-width:100%;
  margin:0;
  overflow-x:clip;
  color:var(--am-black);
  background:#fff;
  font-family:var(--am-font)!important;
  font-size:16px;
  font-weight:400;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;height:auto}
a,button,input,textarea,select{font:inherit}
a,button{touch-action:manipulation}
button{cursor:pointer}
p{font-size:16px;line-height:1.72}

.skip-link{
  position:fixed;
  z-index:10000;
  left:16px;
  top:12px;
  padding:12px 16px;
  border-radius:999px;
  color:#fff;
  background:var(--am-red);
  transform:translateY(-160%);
  transition:transform .2s ease;
}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,textarea,select):focus-visible{
  outline:3px solid rgba(237,28,41,.38)!important;
  outline-offset:3px!important;
}

.hud-cursor,.grain{display:none!important}

/* ---------- Header ---------- */
.nav-shell{
  position:fixed!important;
  z-index:300!important;
  top:18px!important;
  left:50%!important;
  width:min(1380px,calc(100% - 40px))!important;
  height:72px!important;
  padding:0 18px 0 24px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:var(--am-black)!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(17,18,20,.075)!important;
  border-radius:22px!important;
  box-shadow:0 14px 44px rgba(17,18,20,.09)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
  transition:top .25s ease,background .25s ease,box-shadow .25s ease!important;
}
.nav-shell.scrolled{
  top:8px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 12px 38px rgba(17,18,20,.12)!important;
}
.brand,.brand img{width:160px!important;height:auto!important}
.brand{display:flex!important;align-items:center!important;overflow:visible!important}
#nav{
  display:flex;
  align-items:center;
  gap:34px;
  font-size:12px!important;
  font-weight:700!important;
  text-transform:uppercase;
}
#nav a{
  position:relative;
  padding:27px 0;
  color:var(--am-black)!important;
  line-height:1.1;
}
#nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:17px;
  width:0;
  height:2px;
  background:var(--am-red);
  transition:width .25s ease;
}
#nav a:hover::after,#nav a.active::after,#nav a[aria-current="page"]::after{width:100%}
.nav-actions{display:flex!important;align-items:center!important;gap:12px!important}
.nav-cta{
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#fff!important;
  background:var(--am-red)!important;
  font-size:10px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 28px rgba(237,28,41,.22)!important;
}
#menuBtn{
  display:none;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  place-items:center!important;
  color:#fff!important;
  background:var(--am-red)!important;
}
#menuBtn svg{width:18px;height:18px;color:inherit}

/* ---------- Hero ---------- */
.hero.hero-reference{
  position:relative!important;
  display:block!important;
  min-height:clamp(860px,100svh,980px)!important;
  padding:0!important;
  overflow:hidden!important;
  color:var(--am-black)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(237,28,41,.045),transparent 24%),
    radial-gradient(ellipse at 50% 88%,rgba(17,18,20,.055),transparent 32%),
    linear-gradient(180deg,#fff 0%,#fafbfc 60%,#eef1f3 100%)!important;
}
.hero-reference-bg{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.90),rgba(255,255,255,.28) 48%,rgba(255,255,255,.90)),
    radial-gradient(circle at 50% 58%,rgba(237,28,41,.03),transparent 30%)!important;
}
.hero-reference .reveal{opacity:1!important;transform:none!important}
.hero-reference-copy{
  position:absolute!important;
  z-index:20!important;
  top:126px!important;
  left:50%!important;
  width:min(1080px,calc(100% - 72px))!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  text-align:center!important;
  pointer-events:none!important;
}
.hero-reference-copy h1{
  width:100%!important;
  margin:0!important;
  font-family:var(--am-font)!important;
  font-weight:300!important;
  line-height:.94!important;
  letter-spacing:-.062em!important;
}
.hero-reference-copy h1 span,
.hero-reference-copy h1 strong{
  display:block!important;
  width:100%!important;
  font-family:var(--am-font)!important;
  font-weight:300!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.hero-reference-copy h1 span{
  color:#22252A!important;
  font-size:clamp(44px,4.3vw,70px)!important;
}
.hero-reference-copy h1 strong{
  margin-top:4px!important;
  color:var(--am-red)!important;
  font-size:clamp(54px,5.2vw,84px)!important;
}
.hero-reference-copy p{
  max-width:650px!important;
  margin:16px auto 0!important;
  color:#737982!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
  letter-spacing:-.01em!important;
}
.hero-reference-stage{
  position:absolute!important;
  z-index:5!important;
  inset:0!important;
  min-height:0!important;
  margin:0!important;
}
.hero-reference-logo{display:none!important}
.hero-reference-vehicle-stage{
  position:absolute!important;
  z-index:8!important;
  top:298px!important;
  left:50%!important;
  width:min(1080px,80vw)!important;
  height:650px!important;
  transform:translateX(-50%)!important;
  perspective:1600px!important;
}
.hero-reference-vehicle-stage .vehicle-slide{
  position:absolute!important;
  left:50%!important;
  top:52%!important;
  width:auto!important;
  height:auto!important;
  max-width:72%!important;
  max-height:76%!important;
  object-fit:contain!important;
  opacity:0!important;
  transform:translate(-50%,-50%) translateX(220px) scale(.72) rotateY(-12deg)!important;
  filter:blur(3px) grayscale(.28) drop-shadow(0 22px 30px rgba(0,0,0,.13))!important;
  transition:opacity .8s ease,transform 1.08s cubic-bezier(.2,.84,.2,1),filter 1s ease!important;
  pointer-events:none!important;
}
.hero-reference-vehicle-stage .vehicle-slide.is-active{
  z-index:8!important;
  opacity:1!important;
  max-width:84%!important;
  max-height:88%!important;
  transform:translate(-50%,-50%) scale(1) rotateY(0)!important;
  filter:blur(0) grayscale(0) drop-shadow(0 26px 28px rgba(0,0,0,.16)) drop-shadow(0 62px 62px rgba(0,0,0,.11))!important;
}
.hero-reference-vehicle-stage .vehicle-slide.is-prev{
  z-index:4!important;
  opacity:.035!important;
  transform:translate(-50%,-50%) translateX(-250px) scale(.54) rotateY(15deg)!important;
}
.hero-reference-vehicle-stage .vehicle-slide.is-next{
  z-index:5!important;
  opacity:.045!important;
  transform:translate(-50%,-50%) translateX(250px) scale(.56) rotateY(-15deg)!important;
}
.hero-reference-vehicle-stage .vehicle-floor{
  position:absolute!important;
  z-index:1!important;
  left:17%!important;
  right:17%!important;
  bottom:3%!important;
  height:82px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.19),transparent 70%)!important;
  filter:blur(14px)!important;
}
.hero-reference-model{
  position:absolute!important;
  z-index:14!important;
  left:clamp(34px,4vw,72px)!important;
  top:64%!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.hero-reference-model small{
  color:#9298A1!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.11em!important;
}
.hero-reference-model strong{
  color:#1D2025!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
.hero-reference-model span{
  color:var(--am-red)!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.15em!important;
}
.hero-reference-model::after{
  content:""!important;
  width:42px!important;
  height:2px!important;
  margin-top:7px!important;
  background:var(--am-red)!important;
}
.hero-reference-badge{
  position:absolute!important;
  z-index:14!important;
  top:41%!important;
  right:clamp(32px,5vw,84px)!important;
  width:146px!important;
  min-height:188px!important;
  padding:22px 16px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(255,255,255,.94)!important;
  box-shadow:0 24px 58px rgba(17,18,20,.11),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(15px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.06)!important;
}
.hero-reference-badge small{color:#8B9198!important;font-size:8px!important;font-weight:700!important;letter-spacing:.14em!important}
.hero-reference-badge strong{margin-top:11px!important;color:var(--am-red)!important;font-size:64px!important;font-weight:300!important;line-height:.82!important;letter-spacing:-.07em!important}
.hero-reference-badge span{margin-top:14px!important;color:var(--am-red)!important;font-size:14px!important;font-weight:500!important;line-height:1!important;letter-spacing:.16em!important}
.hero-reference-badge em{margin-top:8px!important;color:#626871!important;font-size:8px!important;font-style:normal!important;font-weight:600!important;line-height:1!important;letter-spacing:.13em!important}
.hero-reference-controls{
  position:absolute!important;
  z-index:16!important;
  left:clamp(28px,4vw,70px)!important;
  bottom:34px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.hero-reference-controls>button{
  width:46px!important;
  height:46px!important;
  padding:0!important;
  border:1px solid rgba(17,18,20,.075)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#202329!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 12px 30px rgba(17,18,20,.075)!important;
  transition:transform .2s ease,background .2s ease,color .2s ease!important;
}
.hero-reference-controls>button:hover{transform:translateY(-2px);color:#fff!important;background:var(--am-red)!important}
.hero-reference-controls svg{width:18px!important;height:18px!important}
.hero-reference-dots{display:flex!important;align-items:center!important;gap:7px!important;margin-left:18px!important}
.hero-reference-dots button{width:7px!important;height:7px!important;padding:0!important;border:0!important;border-radius:999px!important;background:#D1D5DA!important;transition:width .25s ease,background .25s ease!important}
.hero-reference-dots button.active{width:36px!important;background:var(--am-red)!important}
.hero-reference-cta{display:none!important}

/* ---------- Readability and section consistency ---------- */
.story,.experience,.showroom-gallery-section,.partners,.contact{scroll-margin-top:100px}
.story,.showroom-gallery-section,.partners{
  color:var(--am-black)!important;
  background:linear-gradient(180deg,#fff 0%,#f7f8f9 100%)!important;
}
.story-copy p,.experience-title p,.showroom-intro p,.partners-head p,.contact-head>p,.contact-row p{
  font-size:16px!important;
  line-height:1.72!important;
}
.section-tag,.experience-title>span,.showroom-heading>div>span,.partners-head>span,.contact-copy>span{
  font-size:11px!important;
  line-height:1.35!important;
  letter-spacing:.08em!important;
}
.value-card p{font-size:15px!important;line-height:1.7!important}
.value-card h4{font-size:18px!important}
.story-values-sync .value-card span{font-size:10px!important}

/* ---------- Three separate service cards ---------- */
.experience{
  position:relative!important;
  padding:100px max(34px,calc((100vw - var(--am-max))/2)) 116px!important;
  color:var(--am-black)!important;
  background:radial-gradient(circle at 8% 8%,rgba(237,28,41,.045),transparent 20%),linear-gradient(180deg,#f7f8f9 0%,#eef1f3 100%)!important;
  overflow:hidden!important;
}
.experience::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 32%)}
.experience-title,.service-bento{position:relative;z-index:2}
.experience-title{margin-bottom:44px!important}
.experience-title h2{color:var(--am-black)!important;font-size:clamp(48px,5vw,76px)!important;line-height:.93!important}
.experience-title p{color:#626870!important}
.service-bento.service-swiss{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  align-items:stretch!important;
  gap:22px!important;
  max-width:var(--am-max)!important;
  margin:0 auto!important;
}
.service-bento.service-swiss .swiss-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:520px!important;
  padding:30px 28px 28px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  transform:none!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease!important;
}
.service-bento.service-swiss .swiss-card:hover{transform:translateY(-6px)!important}
.service-bento.service-swiss .swiss-card::before{content:"";position:absolute;top:-72px;right:-72px;width:150px;height:150px;border-radius:0 0 0 62px;border:1px solid currentColor;opacity:.10;pointer-events:none}
.service-bento.service-swiss .swiss-card-dark{color:#fff!important;background:linear-gradient(150deg,#15171A 0%,#0C0D0F 100%)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 30px 66px rgba(17,18,20,.17)!important}
.service-bento.service-swiss .swiss-card-light{color:var(--am-black)!important;background:linear-gradient(150deg,#fff 0%,#EEEAE5 100%)!important;border:1px solid rgba(17,18,20,.08)!important;box-shadow:0 26px 58px rgba(17,18,20,.09)!important}
.service-bento.service-swiss .swiss-card-accent{color:#fff!important;background:linear-gradient(150deg,#FF1F36 0%,#C8001B 100%)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 30px 66px rgba(237,28,41,.22)!important}
.service-bento.service-swiss .swiss-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding-bottom:20px!important;border-bottom:1px solid currentColor!important;opacity:.78!important}
.service-bento.service-swiss .swiss-meta span,.service-bento.service-swiss .swiss-meta small{font-family:var(--am-font)!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.10em!important}
.service-bento.service-swiss .swiss-content{margin-top:30px!important}
.service-bento.service-swiss .swiss-content h3{margin:0 0 22px!important;font-family:'Montserrat',sans-serif!important;font-size:clamp(66px,6vw,96px)!important;font-weight:800!important;line-height:.80!important;letter-spacing:-.075em!important}
.service-bento.service-swiss .swiss-card-dark .swiss-content h3{color:var(--am-red)!important}
.service-bento.service-swiss .swiss-card-light .swiss-content h3{color:#B8B9BB!important}
.service-bento.service-swiss .swiss-card-accent .swiss-content h3{color:rgba(255,255,255,.28)!important}
.service-bento.service-swiss .swiss-content h4{margin:0 0 15px!important;color:inherit!important;font-size:clamp(26px,2.1vw,34px)!important;font-weight:800!important;line-height:.97!important;letter-spacing:-.055em!important}
.service-bento.service-swiss .swiss-content p{margin:0!important;color:inherit!important;opacity:.74!important;font-size:15px!important;line-height:1.65!important}
.service-bento.service-swiss .swiss-list{display:grid!important;gap:12px!important;margin:auto 0 0!important;padding:28px 0 0!important;list-style:none!important}
.service-bento.service-swiss .swiss-list li{position:relative!important;padding-left:22px!important;color:inherit!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important}
.service-bento.service-swiss .swiss-list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--am-red)}
.service-bento.service-swiss .swiss-card-accent .swiss-list li::before{background:#fff}
.service-bento.service-swiss .swiss-card>a{display:none!important}

/* ---------- Static partners grid; no flowing marquee ---------- */
.partner-grid-wrap{overflow:visible!important}
.partner-grid-wrap .partner-grid-final{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  transform:none!important;
  animation:none!important;
}
.partner-grid-wrap .partner-card{min-width:0!important}

/* ---------- Dark contact/footer contrast ---------- */
.contact{
  color:#fff!important;
  background:radial-gradient(circle at 82% 10%,rgba(237,28,41,.18),transparent 28%),linear-gradient(145deg,#17191C 0%,#0D0E10 70%,#1B1D21 100%)!important;
}
.contact h2,.contact strong,.contact a{color:#fff!important}
.contact p{color:rgba(255,255,255,.72)!important}
.contact-row{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important}
.contact-icon{color:#fff!important;background:rgba(237,28,41,.16)!important;border-color:rgba(237,28,41,.30)!important}
footer{color:#fff!important;background:#0B0C0E!important}
footer a{color:#fff!important}
footer p,footer small{color:rgba(255,255,255,.68)!important}

/* ---------- Lower page rendering ---------- */
.story,.experience,.showroom-gallery-section,.partners,.contact,footer{
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
svg{display:block;flex-shrink:0;overflow:visible}
.icon-arrow,.carousel-arrow,.social-icon,.menu-svg,.contact-icon svg,.mobile-call-fab svg{width:1em;height:1em;min-width:1em;min-height:1em;color:inherit}

.mobile-call-fab{
  position:fixed;
  z-index:250;
  right:14px;
  bottom:calc(14px + env(safe-area-inset-bottom));
  display:none;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:54px;
  padding:0 17px;
  border-radius:999px;
  color:#fff!important;
  background:linear-gradient(135deg,#FF2D41,var(--am-red) 62%,#B50016)!important;
  box-shadow:0 20px 44px rgba(237,28,41,.28)!important;
  font-size:13px!important;
  font-weight:800!important;
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .nav-shell{background:#fff!important}
  .hero-reference-badge{background:rgba(255,255,255,.96)!important}
}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
  .nav-cta{display:none!important}
  #menuBtn{display:grid!important}
  #nav{
    display:none!important;
    position:absolute!important;
    top:76px!important;
    left:0!important;
    right:0!important;
    padding:12px 18px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    color:var(--am-black)!important;
    background:#fff!important;
    border:1px solid var(--am-line)!important;
    border-radius:20px!important;
    box-shadow:0 22px 54px rgba(17,18,20,.14)!important;
  }
  #nav.open{display:flex!important}
  #nav a{padding:16px 4px!important;border-bottom:1px solid rgba(17,18,20,.07)!important;color:var(--am-black)!important;font-size:15px!important}
  #nav a:last-child{border-bottom:0!important}
  #nav a::after{bottom:8px!important}
  .hero-reference-copy{top:112px!important;width:calc(100% - 48px)!important}
  .hero-reference-copy h1 span{font-size:clamp(38px,5vw,58px)!important}
  .hero-reference-copy h1 strong{font-size:clamp(46px,6vw,70px)!important}
  .hero-reference-vehicle-stage{top:276px!important;width:94vw!important;height:610px!important}
  .hero-reference-model{top:66%!important}
  .hero-reference-badge{top:42%!important;right:24px!important;width:128px!important;min-height:168px!important}
  .hero-reference-badge strong{font-size:54px!important}
  .service-bento.service-swiss{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-bento.service-swiss .swiss-card-accent{grid-column:1/-1!important}
  .partner-grid-wrap .partner-grid-final{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  body{font-size:15px}
  p{font-size:15px;line-height:1.68}
  .nav-shell{top:10px!important;width:calc(100% - 20px)!important;height:72px!important;padding:0 14px 0 18px!important;border-radius:20px!important}
  .brand,.brand img{width:145px!important}
  .hero.hero-reference{min-height:800px!important}
  .hero-reference-copy{top:105px!important;width:calc(100% - 28px)!important}
  .hero-reference-copy h1{line-height:.97!important;letter-spacing:-.052em!important}
  .hero-reference-copy h1 span{font-size:clamp(31px,9.8vw,42px)!important;white-space:normal!important;text-wrap:balance!important}
  .hero-reference-copy h1 strong{margin-top:5px!important;font-size:clamp(38px,11.8vw,49px)!important;white-space:nowrap!important}
  .hero-reference-copy p{max-width:310px!important;margin-top:12px!important;font-size:13px!important;line-height:1.48!important}
  .hero-reference-copy p br{display:none!important}
  .hero-reference-vehicle-stage{top:315px!important;width:100vw!important;height:330px!important}
  .hero-reference-vehicle-stage .vehicle-slide{max-width:88%!important;max-height:80%!important}
  .hero-reference-vehicle-stage .vehicle-slide.is-active{max-width:96%!important;max-height:90%!important}
  .hero-reference-vehicle-stage .vehicle-slide.is-prev,.hero-reference-vehicle-stage .vehicle-slide.is-next{opacity:0!important}
  .hero-reference-vehicle-stage .vehicle-floor{left:10%!important;right:10%!important;bottom:0!important;height:62px!important}
  .hero-reference-model{left:18px!important;top:640px!important;gap:6px!important}
  .hero-reference-model small{font-size:8px!important}
  .hero-reference-model strong{font-size:18px!important}
  .hero-reference-model span{font-size:8px!important}
  .hero-reference-badge{top:302px!important;right:12px!important;width:76px!important;min-height:100px!important;padding:10px 7px!important;border-radius:16px!important}
  .hero-reference-badge small{font-size:5px!important}
  .hero-reference-badge strong{margin-top:6px!important;font-size:32px!important}
  .hero-reference-badge span{margin-top:6px!important;font-size:8px!important}
  .hero-reference-badge em{margin-top:4px!important;font-size:5px!important}
  .hero-reference-controls{left:16px!important;bottom:22px!important}
  .hero-reference-controls>button{width:44px!important;height:44px!important}
  .hero-reference-dots{display:none!important}
  .mobile-call-fab{display:flex}
  .story-copy p,.experience-title p,.showroom-intro p,.partners-head p,.contact-head>p,.contact-row p{font-size:15px!important}
  .experience{padding:76px 14px 88px!important}
  .experience-title{margin-bottom:28px!important}
  .experience-title h2{font-size:clamp(40px,12vw,56px)!important}
  .service-bento.service-swiss{grid-template-columns:1fr!important;gap:14px!important}
  .service-bento.service-swiss .swiss-card,.service-bento.service-swiss .swiss-card-accent{grid-column:auto!important;min-height:460px!important;padding:25px 22px 24px!important;border-radius:24px!important}
  .service-bento.service-swiss .swiss-content h3{font-size:72px!important}
  .service-bento.service-swiss .swiss-content h4{font-size:28px!important}
  .partner-grid-wrap .partner-grid-final{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

@media (max-width:359px){
  .brand,.brand img{width:132px!important}
  .hero-reference-copy{width:calc(100% - 20px)!important}
  .hero-reference-copy h1 span{font-size:30px!important}
  .hero-reference-copy h1 strong{font-size:37px!important}
  .hero-reference-copy p{max-width:278px!important;font-size:12px!important}
  .hero-reference-badge{right:8px!important;width:70px!important;min-height:94px!important}
  .hero-reference-vehicle-stage{top:322px!important;height:318px!important}
  .hero-reference-model{top:632px!important}
  .mobile-call-fab{width:54px;padding:0!important}
  .mobile-call-fab span{display:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hero-reference-vehicle-stage .vehicle-slide.is-prev,.hero-reference-vehicle-stage .vehicle-slide.is-next{opacity:0!important}
}

/* Specificity guard against legacy reveal transforms. */
.hero-reference .hero-reference-copy.reveal{
  transform:translateX(-50%)!important;
}
.hero-reference .hero-reference-stage.reveal{
  transform:none!important;
}
/* Keep the hero editorial and uncluttered: only the active vehicle is visible. */
.hero-reference-vehicle-stage .vehicle-slide.is-prev,
.hero-reference-vehicle-stage .vehicle-slide.is-next{
  opacity:0!important;
}
@media (max-width:767px){
  .hero-reference .hero-reference-copy.reveal{
    transform:translateX(-50%)!important;
  }
}
.partner-logo-dark{
  border-radius:14px!important;
  background:#20242A!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;
}
.partner-logo-dark img{filter:none!important}

/* ---------- Hero headline optical balance (headline only) ---------- */
.hero-reference-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.hero-reference-copy h1{
  display:grid!important;
  justify-items:center!important;
  gap:clamp(2px,.28vw,6px)!important;
  width:min(100%,980px)!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.hero-reference-copy h1 span,
.hero-reference-copy h1 strong{
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  text-align:center!important;
  text-wrap:nowrap!important;
}
.hero-reference-copy h1 span{
  font-size:clamp(36px,3.15vw,50px)!important;
  letter-spacing:-.052em!important;
}
.hero-reference-copy h1 strong{
  margin-top:0!important;
  font-size:clamp(62px,6vw,94px)!important;
  letter-spacing:-.068em!important;
}
.hero-reference-copy p{
  width:min(100%,650px)!important;
  margin-inline:auto!important;
  text-align:center!important;
  text-wrap:balance!important;
}
.hero-reference-copy::before,
.hero-reference-copy::after,
.hero-reference-copy h1::before,
.hero-reference-copy h1::after,
.hero-reference-copy h1 span::before,
.hero-reference-copy h1 span::after,
.hero-reference-copy h1 strong::before,
.hero-reference-copy h1 strong::after{
  content:none!important;
  display:none!important;
}

@media (max-width:1100px){
  .hero-reference-copy h1 span{
    font-size:clamp(32px,4.2vw,44px)!important;
  }
  .hero-reference-copy h1 strong{
    font-size:clamp(60px,7.8vw,82px)!important;
  }
}

@media (max-width:767px){
  .hero-reference-copy{
    width:calc(100% - 32px)!important;
  }
  .hero-reference-copy h1{
    width:100%!important;
    gap:3px!important;
  }
  .hero-reference-copy h1 span{
    font-size:clamp(18px,6vw,25px)!important;
    letter-spacing:-.048em!important;
    white-space:nowrap!important;
  }
  .hero-reference-copy h1 strong{
    font-size:clamp(38px,12vw,50px)!important;
    letter-spacing:-.064em!important;
    white-space:nowrap!important;
  }
  .hero-reference-copy p{
    width:min(100%,320px)!important;
    text-align:center!important;
  }
}

@media (max-width:359px){
  .hero-reference-copy{
    width:calc(100% - 24px)!important;
  }
  .hero-reference-copy h1 span{
    font-size:18px!important;
  }
  .hero-reference-copy h1 strong{
    font-size:38px!important;
  }
}

/* =========================================================
   AUTOMART CINEMATIC SPLIT HERO
   Reference-inspired composition using the existing carousel.
   ========================================================= */
.hero.hero-reference{
  min-height:clamp(820px,100svh,980px)!important;
  background:
    radial-gradient(circle at 22% 44%,rgba(255,73,87,.42),transparent 30%),
    linear-gradient(135deg,#76000d 0%,#b50018 43%,#ed1c29 100%)!important;
  isolation:isolate!important;
}
.hero-reference-bg{
  z-index:0!important;
  background:
    linear-gradient(180deg,rgba(48,0,6,.06),rgba(48,0,6,.42)),
    radial-gradient(ellipse at 30% 58%,rgba(0,0,0,.12),transparent 48%)!important;
}
.hero-reference-copy{
  z-index:24!important;
  top:clamp(132px,15vh,168px)!important;
  left:clamp(34px,5vw,82px)!important;
  width:min(48vw,680px)!important;
  transform:none!important;
  align-items:flex-start!important;
  text-align:left!important;
}
.hero-reference .hero-reference-copy.reveal{
  transform:none!important;
}
.hero-reference-copy h1{
  justify-items:start!important;
  width:100%!important;
  max-width:680px!important;
  margin:0!important;
  text-align:left!important;
}
.hero-reference-copy h1 span,
.hero-reference-copy h1 strong{
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  color:#fff!important;
  text-align:left!important;
  text-shadow:0 12px 34px rgba(54,0,8,.24)!important;
}
.hero-reference-copy h1 span{
  font-size:clamp(24px,2.15vw,36px)!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
.hero-reference-copy h1 strong{
  font-size:clamp(50px,5.25vw,84px)!important;
  font-weight:800!important;
  line-height:.88!important;
  letter-spacing:-.073em!important;
}
.hero-reference-copy p{
  width:min(100%,520px)!important;
  margin:17px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:14px!important;
  line-height:1.55!important;
  text-align:left!important;
  text-wrap:balance!important;
}
.hero-reference-stage{
  z-index:5!important;
}
.hero-reference-logo{
  position:absolute!important;
  z-index:12!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:42%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-left:1px solid rgba(255,255,255,.82)!important;
  background:
    radial-gradient(circle at 34% 18%,rgba(255,255,255,.15),transparent 28%),
    radial-gradient(circle at 74% 72%,rgba(84,0,10,.28),transparent 35%),
    linear-gradient(145deg,rgba(255,65,81,.40),rgba(145,0,17,.34))!important;
  box-shadow:inset 32px 0 80px rgba(64,0,8,.14)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
}
.hero-reference-logo img{
  width:clamp(320px,36vw,560px)!important;
  max-width:none!important;
  height:auto!important;
  opacity:.95!important;
  filter:brightness(0) invert(1) drop-shadow(0 18px 32px rgba(55,0,7,.22))!important;
  transform:rotate(90deg)!important;
  transform-origin:center!important;
}
.hero-reference-vehicle-stage{
  z-index:8!important;
  top:0!important;
  left:0!important;
  width:58%!important;
  height:100%!important;
  transform:none!important;
  overflow:hidden!important;
  perspective:1400px!important;
}
.hero-reference-vehicle-stage .vehicle-slide{
  left:57%!important;
  top:62%!important;
  max-width:106%!important;
  max-height:68%!important;
  transform:translate(-50%,-50%) translateX(150px) scale(.82) rotateY(-8deg)!important;
  filter:blur(8px) saturate(.72) drop-shadow(0 34px 44px rgba(44,0,5,.26))!important;
  transition:
    opacity .78s ease,
    transform 1.1s cubic-bezier(.18,.8,.18,1),
    filter 1s ease!important;
}
.hero-reference-vehicle-stage .vehicle-slide.is-active{
  max-width:118%!important;
  max-height:76%!important;
  transform:translate(-50%,-50%) scale(1.18) rotateY(0)!important;
  filter:
    blur(0)
    saturate(.92)
    contrast(1.05)
    drop-shadow(0 34px 34px rgba(45,0,6,.28))
    drop-shadow(0 72px 70px rgba(34,0,4,.30))!important;
}
.hero-reference-vehicle-stage .vehicle-slide.is-prev{
  opacity:0!important;
  transform:translate(-50%,-50%) translateX(-180px) scale(.88) rotateY(7deg)!important;
}
.hero-reference-vehicle-stage .vehicle-slide.is-next{
  opacity:0!important;
  transform:translate(-50%,-50%) translateX(180px) scale(.88) rotateY(-7deg)!important;
}
.hero-reference-vehicle-stage .vehicle-floor{
  left:5%!important;
  right:3%!important;
  bottom:8%!important;
  height:110px!important;
  background:radial-gradient(ellipse at center,rgba(43,0,6,.55),transparent 68%)!important;
  filter:blur(18px)!important;
}
.hero-reference-model{
  z-index:22!important;
  left:clamp(34px,5vw,82px)!important;
  top:auto!important;
  bottom:116px!important;
}
.hero-reference-model small{
  color:rgba(255,255,255,.58)!important;
}
.hero-reference-model strong{
  color:#fff!important;
  font-size:23px!important;
}
.hero-reference-model span{
  color:#fff!important;
}
.hero-reference-model::after{
  background:#fff!important;
}
.hero-reference-badge{
  z-index:22!important;
  top:auto!important;
  right:clamp(24px,3vw,54px)!important;
  bottom:42px!important;
  width:116px!important;
  min-height:142px!important;
  padding:17px 12px!important;
  border-radius:22px!important;
  color:#fff!important;
  background:rgba(95,0,12,.24)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 24px 58px rgba(52,0,7,.26),inset 0 1px 0 rgba(255,255,255,.26)!important;
  backdrop-filter:blur(18px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
}
.hero-reference-badge small,
.hero-reference-badge strong,
.hero-reference-badge span,
.hero-reference-badge em{
  color:#fff!important;
}
.hero-reference-badge strong{
  margin-top:9px!important;
  font-size:51px!important;
}
.hero-reference-badge span{
  margin-top:11px!important;
  font-size:11px!important;
}
.hero-reference-badge em{
  margin-top:6px!important;
}
.hero-reference-controls{
  z-index:24!important;
  left:clamp(34px,5vw,82px)!important;
  bottom:34px!important;
}
.hero-reference-controls>button{
  color:#fff!important;
  background:rgba(79,0,10,.24)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:0 14px 34px rgba(45,0,6,.20)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.hero-reference-controls>button:hover{
  color:var(--am-red)!important;
  background:#fff!important;
}
.hero-reference-dots button{
  background:rgba(255,255,255,.34)!important;
}
.hero-reference-dots button.active{
  background:#fff!important;
}
.hero-reference-copy::before,
.hero-reference-copy::after,
.hero-reference-copy h1::before,
.hero-reference-copy h1::after,
.hero-reference-copy h1 span::before,
.hero-reference-copy h1 span::after,
.hero-reference-copy h1 strong::before,
.hero-reference-copy h1 strong::after{
  content:none!important;
  display:none!important;
}
.hero-reference-stage.shifting .hero-reference-logo img{
  opacity:.78!important;
  transform:rotate(90deg) scale(.98)!important;
}

@media (max-width:1100px){
  .hero-reference-copy{
    top:126px!important;
    left:34px!important;
    width:52%!important;
  }
  .hero-reference-copy h1 span{
    font-size:clamp(22px,2.7vw,30px)!important;
  }
  .hero-reference-copy h1 strong{
    font-size:clamp(47px,6.8vw,70px)!important;
  }
  .hero-reference-copy p{
    max-width:430px!important;
  }
  .hero-reference-logo{
    width:40%!important;
  }
  .hero-reference-logo img{
    width:clamp(300px,42vw,460px)!important;
  }
  .hero-reference-vehicle-stage{
    width:60%!important;
  }
  .hero-reference-model{
    left:34px!important;
  }
  .hero-reference-controls{
    left:34px!important;
  }
  .hero-reference-badge{
    right:22px!important;
  }
}

@media (max-width:767px){
  .hero.hero-reference{
    min-height:820px!important;
    background:
      radial-gradient(circle at 18% 38%,rgba(255,91,104,.36),transparent 28%),
      linear-gradient(145deg,#71000c 0%,#b70019 47%,#ed1c29 100%)!important;
  }
  .hero-reference-copy{
    top:104px!important;
    left:18px!important;
    width:calc(100% - 36px)!important;
    align-items:center!important;
    text-align:center!important;
  }
  .hero-reference-copy h1{
    justify-items:center!important;
    max-width:100%!important;
    text-align:center!important;
  }
  .hero-reference-copy h1 span,
  .hero-reference-copy h1 strong{
    margin-inline:auto!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .hero-reference-copy h1 span{
    font-size:clamp(18px,5.7vw,24px)!important;
  }
  .hero-reference-copy h1 strong{
    font-size:clamp(38px,11.5vw,49px)!important;
  }
  .hero-reference-copy p{
    max-width:320px!important;
    margin:12px auto 0!important;
    color:rgba(255,255,255,.68)!important;
    font-size:12px!important;
    line-height:1.45!important;
    text-align:center!important;
  }
  .hero-reference-logo{
    width:46%!important;
  }
  .hero-reference-logo img{
    width:290px!important;
  }
  .hero-reference-vehicle-stage{
    width:54%!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide{
    left:62%!important;
    top:58%!important;
    max-width:154%!important;
    max-height:61%!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide.is-active{
    max-width:170%!important;
    max-height:69%!important;
    transform:translate(-50%,-50%) scale(1.14)!important;
  }
  .hero-reference-vehicle-stage .vehicle-floor{
    left:0!important;
    right:-22%!important;
    bottom:14%!important;
  }
  .hero-reference-model{
    left:16px!important;
    top:auto!important;
    bottom:104px!important;
  }
  .hero-reference-model small{
    font-size:7px!important;
  }
  .hero-reference-model strong{
    font-size:16px!important;
  }
  .hero-reference-model span{
    font-size:7px!important;
  }
  .hero-reference-badge{
    top:auto!important;
    right:12px!important;
    bottom:20px!important;
    width:74px!important;
    min-height:96px!important;
    padding:9px 7px!important;
    border-radius:16px!important;
  }
  .hero-reference-badge small{
    font-size:5px!important;
  }
  .hero-reference-badge strong{
    margin-top:5px!important;
    font-size:29px!important;
  }
  .hero-reference-badge span{
    margin-top:6px!important;
    font-size:7px!important;
  }
  .hero-reference-badge em{
    margin-top:4px!important;
    font-size:5px!important;
  }
  .hero-reference-controls{
    left:14px!important;
    bottom:24px!important;
  }
  .hero-reference-controls>button{
    width:42px!important;
    height:42px!important;
  }
  .hero-reference-dots{
    display:none!important;
  }
}

@media (max-width:359px){
  .hero-reference-copy{
    left:12px!important;
    width:calc(100% - 24px)!important;
  }
  .hero-reference-copy h1 span{
    font-size:17px!important;
  }
  .hero-reference-copy h1 strong{
    font-size:36px!important;
  }
  .hero-reference-copy p{
    max-width:286px!important;
    font-size:11px!important;
  }
  .hero-reference-logo img{
    width:260px!important;
  }
}

/* ---------- Automart primary-red refinement + horizontal logo ---------- */
.hero.hero-reference{
  background:
    radial-gradient(circle at 22% 42%,rgba(255,255,255,.13),transparent 28%),
    linear-gradient(135deg,#ff263b 0%,#ed1c29 46%,#cf001b 100%)!important;
}
.hero-reference-bg{
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(104,0,14,.18)),
    radial-gradient(ellipse at 28% 60%,rgba(255,255,255,.08),transparent 40%)!important;
}
.hero-reference-logo{
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 30%),
    radial-gradient(circle at 82% 76%,rgba(255,255,255,.07),transparent 34%),
    linear-gradient(145deg,#fa3043 0%,#ed1c29 48%,#d10820 100%)!important;
  box-shadow:inset 30px 0 72px rgba(126,0,18,.12)!important;
}
.hero-reference-logo img{
  width:min(72%,430px)!important;
  max-width:430px!important;
  opacity:1!important;
  transform:none!important;
  filter:brightness(0) invert(1) drop-shadow(0 16px 28px rgba(126,0,18,.20))!important;
}
.hero-reference-stage.shifting .hero-reference-logo img{
  opacity:.84!important;
  transform:scale(.975)!important;
}
.hero-reference-vehicle-stage .vehicle-slide{
  filter:
    blur(8px)
    saturate(.82)
    drop-shadow(0 34px 44px rgba(100,0,14,.24))!important;
}
.hero-reference-vehicle-stage .vehicle-slide.is-active{
  filter:
    blur(0)
    saturate(1.04)
    contrast(1.03)
    drop-shadow(0 36px 36px rgba(92,0,13,.22))
    drop-shadow(0 72px 72px rgba(82,0,11,.22))!important;
}
.hero-reference-vehicle-stage .vehicle-slide[src*="toyota-land-cruiser"].is-active{
  transform:translate(-50%,-50%) scale(1.03) rotateY(0)!important;
}
.hero-reference-vehicle-stage .vehicle-slide[src*="lexus-is-white"].is-active{
  transform:translate(-50%,-50%) scale(1.38) rotateY(0)!important;
}
.hero-reference-badge,
.hero-reference-controls>button{
  background:rgba(214,0,28,.22)!important;
  border-color:rgba(255,255,255,.34)!important;
}

@media (max-width:1100px){
  .hero-reference-logo img{
    width:min(76%,340px)!important;
  }
}

@media (max-width:767px){
  .hero.hero-reference{
    background:
      radial-gradient(circle at 18% 36%,rgba(255,255,255,.12),transparent 28%),
      linear-gradient(145deg,#ff263b 0%,#ed1c29 52%,#cf001b 100%)!important;
  }
  .hero-reference-logo img{
    width:78%!important;
    max-width:180px!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide[src*="toyota-land-cruiser"].is-active{
    transform:translate(-50%,-50%) scale(.98)!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide[src*="lexus-is-white"].is-active{
    transform:translate(-50%,-50%) scale(1.3)!important;
  }
}

/* ---------- Final selected vehicles + desktop-equivalent mobile art direction ---------- */
.hero-reference-vehicle-stage .vehicle-slide[src*="lexus-is-white-front"].is-active{
  transform:translate(-50%,-50%) scale(1.38) rotateY(0)!important;
}
.hero-reference-vehicle-stage .vehicle-slide[src*="lexus-is-red"].is-active{
  transform:translate(-50%,-50%) scale(1.04) rotateY(0)!important;
}
.hero-reference-vehicle-stage .vehicle-slide[src*="toyota-harrier-black"].is-active{
  transform:translate(-50%,-50%) scale(1.12) rotateY(0)!important;
}
.hero-reference-vehicle-stage .vehicle-slide[src*="toyota-land-cruiser"].is-active{
  transform:translate(-50%,-50%) scale(1.23) rotateY(0)!important;
}
.hero-reference-vehicle-stage .vehicle-slide[src*="lexus-rx-silver"].is-active{
  transform:translate(-50%,-50%) scale(.99) rotateY(0)!important;
}
.hero-reference-vehicle-stage .vehicle-slide[src*="lexus-nx-red"].is-active{
  transform:translate(-50%,-50%) scale(1.14) rotateY(0)!important;
}

@media (max-width:767px){
  .hero-reference-copy{
    top:104px!important;
    left:16px!important;
    width:calc(100% - 32px)!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .hero-reference-copy h1{
    justify-items:start!important;
    text-align:left!important;
  }
  .hero-reference-copy h1 span,
  .hero-reference-copy h1 strong{
    margin:0!important;
    text-align:left!important;
  }
  .hero-reference-copy h1 span{
    font-size:clamp(17px,5vw,21px)!important;
  }
  .hero-reference-copy h1 strong{
    font-size:clamp(36px,10.8vw,46px)!important;
  }
  .hero-reference-copy p{
    max-width:310px!important;
    margin:11px 0 0!important;
    text-align:left!important;
  }
  .hero-reference-logo{
    width:42%!important;
  }
  .hero-reference-logo img{
    width:82%!important;
    max-width:150px!important;
  }
  .hero-reference-vehicle-stage{
    width:58%!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide{
    left:60%!important;
    top:59%!important;
    max-width:158%!important;
    max-height:62%!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide.is-active{
    max-width:178%!important;
    max-height:70%!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide[src*="lexus-is-white-front"].is-active{
    transform:translate(-50%,-50%) scale(1.28)!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide[src*="lexus-is-red"].is-active{
    transform:translate(-50%,-50%) scale(.98)!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide[src*="toyota-harrier-black"].is-active{
    transform:translate(-50%,-50%) scale(1.05)!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide[src*="toyota-land-cruiser"].is-active{
    transform:translate(-50%,-50%) scale(1.2)!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide[src*="lexus-rx-silver"].is-active{
    transform:translate(-50%,-50%) scale(.94)!important;
  }
  .hero-reference-vehicle-stage .vehicle-slide[src*="lexus-nx-red"].is-active{
    transform:translate(-50%,-50%) scale(1.06)!important;
  }
}

@media (max-width:359px){
  .hero-reference-copy h1 span{
    font-size:16px!important;
  }
  .hero-reference-copy h1 strong{
    font-size:34px!important;
  }
  .hero-reference-logo img{
    max-width:126px!important;
  }
}