/* Clean finish for the latest mobile review. Keep the established brand palette. */

/* Contact dialog: give the MOTORLOZ mark more presence while preserving its compact layout. */
.contact-brand { margin:0 auto 8px!important; }
.contact-brand img { display:block!important;width:min(310px,90%)!important;height:60px!important;object-fit:contain!important; }
.header-cta>span[aria-hidden="true"] { display:none!important; }
.floating-whatsapp img,.contact-icon.whatsapp-icon img { display:block!important;width:25px!important;height:25px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important; }

/* Correct the mark scale across the complete, now-expanded make lineup. */
.brand-lineup-track { animation-duration:58s!important; }
.brand-wordmark[aria-label="Toyota"] img { width:auto!important;max-width:138px!important;height:54px!important; }
.brand-wordmark[aria-label="Alfa Romeo"] img,.brand-wordmark[aria-label="Citroën"] img,.brand-wordmark[aria-label="Peugeot"] img { width:auto!important;max-width:56px!important;height:54px!important; }
.brand-wordmark[aria-label="Renault"] img { width:auto!important;max-width:68px!important;height:54px!important; }
.brand-wordmark[aria-label="Dodge"] img,.brand-wordmark[aria-label="Jeep"] img { width:auto!important;max-width:124px!important;height:36px!important; }
.brand-wordmark[aria-label="Ford"] img { width:auto!important;max-width:112px!important;height:43px!important; }
.brand-wordmark[aria-label="Fiat"] img { width:auto!important;max-width:56px!important;height:54px!important; }
.brand-wordmark[aria-label="Volvo"] img { width:auto!important;max-width:124px!important;height:37px!important; }
/* These are the actual supplied brand marks, including both copies of the moving row. */
.brand-wordmark img[src$="/alfa-romeo-2015.png"] { width:auto!important;max-width:62px!important;height:62px!important; }
.brand-wordmark img[src$="/citroen-official.png"] { width:auto!important;max-width:94px!important;height:62px!important; }
.brand-wordmark img[src$="/dodge-black.png"] { width:auto!important;max-width:132px!important;height:40px!important; }
.brand-wordmark img[src$="/ferrari-emblem.png"] { width:auto!important;max-width:52px!important;height:68px!important; }
.brand-wordmark img[src$="/porsche-official.png"] { width:auto!important;max-width:58px!important;height:68px!important; }
@media(max-width:760px) {
  .brand-lineup-track { animation-duration:36s!important; }
  .brand-wordmark[aria-label="Toyota"] img { max-width:108px!important;height:43px!important; }
  .brand-wordmark[aria-label="Alfa Romeo"] img,.brand-wordmark[aria-label="Citroën"] img,.brand-wordmark[aria-label="Peugeot"] img { max-width:48px!important;height:46px!important; }
  .brand-wordmark[aria-label="Renault"] img { max-width:58px!important;height:46px!important; }
  .brand-wordmark[aria-label="Dodge"] img,.brand-wordmark[aria-label="Jeep"] img { max-width:104px!important;height:32px!important; }
  .brand-wordmark[aria-label="Ford"] img { max-width:98px!important;height:37px!important; }
  .brand-wordmark[aria-label="Fiat"] img { max-width:48px!important;height:46px!important; }
  .brand-wordmark[aria-label="Volvo"] img { max-width:105px!important;height:31px!important; }
  .brand-wordmark img[src$="/alfa-romeo-2015.png"] { max-width:52px!important;height:52px!important; }
  .brand-wordmark img[src$="/citroen-official.png"] { max-width:82px!important;height:54px!important; }
  .brand-wordmark img[src$="/dodge-black.png"] { max-width:108px!important;height:35px!important; }
  .brand-wordmark img[src$="/ferrari-emblem.png"],.brand-wordmark img[src$="/porsche-official.png"] { max-width:45px!important;height:58px!important; }
}
@media(max-width:760px) {
  .contact-dialog[open] { max-height:calc(100svh - 24px)!important;overflow:hidden!important; }
  .contact-brand img { width:min(310px,92%)!important;height:56px!important; }
}

/* Hyundai partnership: centered presentation, no repeated address eyebrow, and a clearer mark. */
.hyundai-copy { max-width:680px!important;margin-inline:auto!important;text-align:center!important; }
.hyundai-copy>.eyebrow { display:none!important; }
.hyundai-badge { justify-content:center!important;margin-inline:auto!important; }
.hyundai-badge img { width:116px!important;height:76px!important;object-fit:contain!important; }
.hyundai-badge span { font-size:clamp(23px,5vw,27px)!important; }
.hyundai-copy h2,.hyundai-copy>p,.hyundai-copy>a,.hyundai-source { text-align:center!important;margin-inline:auto!important; }
.hyundai-copy>a.text-link { justify-content:center!important; }
@media(max-width:760px) {
  .hyundai-copy { text-align:center!important; }
  .hyundai-copy>.eyebrow { display:none!important; }
  .hyundai-badge { display:flex!important;justify-content:center!important;margin-inline:auto!important; }
  .hyundai-badge img { width:122px!important;height:80px!important; }
  .hyundai-copy h2,.hyundai-copy>p,.hyundai-copy>a,.hyundai-source { text-align:center!important;margin-inline:auto!important; }
  .hyundai-copy h2 { max-width:16ch!important;font-size:clamp(36px,9.5vw,44px)!important;line-height:1.04!important; }
  .hyundai-copy>p:not(.eyebrow) { max-width:43ch!important; }
  .hyundai-copy>a.text-link { justify-content:center!important; }
  .hyundai-source { display:block!important; }
}

/* The mobile home keeps the cinematic frame untouched and gives the copy a clear hierarchy. */
@media(max-width:760px) {
  .hero-copy { justify-content:flex-end!important;padding:0 20px clamp(104px,13svh,126px)!important; }
  .hero .eyebrow,.hero-signal,.hero-bottom,.hero-side { display:none!important; }
  .hero h1 { max-width:8.2ch!important;margin:0 0 16px!important;font-family:"Bahnschrift","Arial Narrow",Arial,sans-serif!important;font-size:clamp(53px,13.2vw,68px)!important;font-weight:650!important;line-height:.96!important;letter-spacing:-.055em!important;text-wrap:balance!important; }
  .hero h1 em { color:#50c3d0!important; }
  .hero-description { max-width:31ch!important;margin:0 0 22px!important;font-size:14px!important;line-height:1.58!important; }
  .hero-copy .button.light { min-width:190px!important;min-height:50px!important;justify-content:center!important;padding:0 22px!important;border:1px solid rgba(255,255,255,.56)!important;border-radius:999px!important;background:#f2f5f3!important;color:#111d20!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important;font-size:12px!important;font-weight:700!important; }
  .hero-copy .button.light>span,.header-cta>span[aria-hidden="true"] { display:none!important; }
  .hero-copy .button.light { gap:0!important; }
  .intro>.section-label,.intro-story .slide-toolbar { display:none!important; }
}
@media(max-width:760px) and (max-height:600px) {
  .contact-brand img { height:36px!important; }
}

/* Three proof points: editorial index rows instead of generic centered cards. */
.intro-proof-row { gap:10px!important; }
.intro-proof-row>article {
  display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;
  gap:13px!important;min-height:86px!important;padding:15px 17px!important;text-align:left!important;
  border:1px solid rgba(38,119,126,.2)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,243,241,.92))!important;
  box-shadow:0 8px 24px rgba(28,56,58,.07),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.intro-proof-row .proof-index { align-self:center!important;color:#1697a5!important;font:600 23px/1 var(--mono)!important;letter-spacing:-.08em!important; }
.intro-proof-row article>div { display:grid!important;gap:4px!important; }
.intro-proof-row article b { color:#17282b!important;font-size:14px!important;letter-spacing:-.025em!important; }
.intro-proof-row article small { color:#5c7071!important;font-size:11px!important;line-height:1.4!important; }
@media(max-width:760px) {
  .intro-proof-row { display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important; }
  .intro-proof-row>article { min-height:74px!important;padding:12px 16px!important; }
}

/* The engine drawing has a restrained boxer pulse, with reduced-motion support. */
.subaru-section .engine-sketch img { transform-origin:50% 58%;animation:boxer-rev-pulse 3.4s ease-in-out infinite!important; }
@keyframes boxer-rev-pulse {
  0%,100% { transform:translateY(0) scale(1);filter:drop-shadow(0 3px 1px rgba(12,45,50,.04)); }
  8% { transform:translateY(-1px) scale(1.006); }
  13% { transform:translate(1px,-2px) scale(1.008); }
  18% { transform:translate(-1px,0) scale(1.005); }
  24% { transform:translateY(-1px) scale(1.003);filter:drop-shadow(0 7px 5px rgba(12,45,50,.1)); }
  33% { transform:translateY(0) scale(1); }
}
@media(prefers-reduced-motion:reduce) { .subaru-section .engine-sketch img { animation:none!important; } }

/* One full-width Subaru frame alternates photos without the old two-tile gallery. */
.subaru-section .japan-gallery { grid-template-columns:minmax(0,1fr)!important; }
.subaru-section .japan-heading { grid-column:1/-1!important; }
.subaru-section .subaru-photo-carousel { grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important; }
.subaru-carousel-stage { position:relative!important;width:100%!important;aspect-ratio:1.35!important;overflow:hidden!important;background:#e2e9e7!important; }
.subaru-carousel-stage img { position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-height:72svh!important;object-fit:contain!important;opacity:0!important;transition:opacity .65s ease!important; }
.subaru-carousel-stage video { position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-height:72svh!important;object-fit:contain!important;opacity:0!important;transition:opacity .65s ease!important; }
.subaru-carousel-stage img.is-active { opacity:1!important; }
.subaru-carousel-stage video.is-active { opacity:1!important; }
.subaru-carousel-caption { display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:9px!important;color:#53676a!important;font:9px/1.4 var(--mono)!important;letter-spacing:.1em!important; }
@media(prefers-reduced-motion:reduce) { .subaru-carousel-stage img,.subaru-carousel-stage video { transition:none!important; } }
@media(max-width:760px) { .subaru-carousel-stage { aspect-ratio:1.03!important; } }

/* Let the Hyundai photo reach the viewport edges on mobile; copy remains inset. */
@media(max-width:760px) {
  .hyundai-section.section { padding:30px 0 42px!important; }
  .hyundai-inner { display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:21px!important;width:100%!important; }
  .hyundai-image { width:100vw!important;max-width:none!important;margin-inline:calc(50% - 50vw)!important;aspect-ratio:1.18!important; }
  .hyundai-image img { width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 45%!important;clip-path:none!important; }
  .hyundai-image video { position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important; }
  .hyundai-copy { width:auto!important;margin-inline:20px!important; }
}

/* A single diagnostic carousel keeps every photo complete in a wide, uninterrupted frame. */
.diagnostic-mosaic { display:block!important;width:100%!important;max-width:1080px!important;margin-inline:auto!important; }
.diagnostic-feature-carousel { width:100%!important;margin:0!important; }
.diagnostic-feature-stage { position:relative!important;width:100%!important;aspect-ratio:1.15!important;overflow:hidden!important;background:#071011!important; }
.diagnostic-feature-stage img { position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-height:74svh!important;object-fit:contain!important;opacity:0!important;transition:opacity .55s ease!important; }
.diagnostic-feature-stage img.is-active { opacity:1!important; }
.diagnostic-feature-caption { display:flex!important;justify-content:space-between!important;gap:12px!important;padding:10px 2px 0!important;color:#bed0cf!important;font:9px/1.4 var(--mono)!important;letter-spacing:.1em!important; }
@media(prefers-reduced-motion:reduce) { .diagnostic-feature-stage img { transition:none!important; } }
@media(max-width:760px) { .diagnostic-feature-stage { aspect-ratio:1.03!important; } }

/* Video captions sit under the actual footage and never cover it. */
@media(max-width:760px) {
  .films-grid { align-items:start!important; }
  .films-grid .film-card { display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; }
  .films-grid .film-card:after { display:none!important; }
  .films-grid .film-card>video { position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;background:#050a0b!important; }
  .films-grid .film-caption { position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:0!important;margin:0!important;padding:8px 1px 0!important;gap:4px!important;background:transparent!important; }
  .films-grid .film-caption small { font-size:7px!important; }
  .films-grid .film-caption strong { white-space:normal!important;font-size:clamp(12px,3.7vw,15px)!important;line-height:1.2!important; }
  .films-grid .film-caption a { margin:0!important;font-size:8px!important;line-height:1.35!important;overflow-wrap:anywhere!important; }
}

/* Give the proof points a darker, more crafted finish with quiet technical detailing. */
.intro-proof-row>article {
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  grid-template-columns:50px minmax(0,1fr)!important;min-height:94px!important;
  border:1px solid rgba(81,198,209,.28)!important;border-radius:14px!important;
  background:radial-gradient(135px 95px at 100% 100%,rgba(26,161,177,.18),transparent 74%),linear-gradient(120deg,#152b30 0%,#0d1b20 66%,#0a1519 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 15px 36px rgba(7,20,23,.18)!important;
}
.intro-proof-row>article::before { content:"";position:absolute;z-index:-1;left:0;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#67e0e7,#118a9a);box-shadow:0 0 17px rgba(55,200,211,.4); }
.intro-proof-row>article::after { content:"";position:absolute;z-index:-1;right:-38px;bottom:-55px;width:132px;height:132px;border:1px solid rgba(85,202,212,.16);border-radius:50%;box-shadow:0 0 0 12px rgba(65,176,188,.035),0 0 0 27px rgba(65,176,188,.025); }
.intro-proof-row .proof-index { display:grid!important;place-items:center;width:42px;height:42px;border:1px solid rgba(93,211,222,.3);border-radius:12px;background:linear-gradient(145deg,rgba(50,157,168,.2),rgba(13,57,65,.65));color:#70dbe2!important;font-size:16px!important;letter-spacing:-.06em!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 20px rgba(0,0,0,.16); }
.intro-proof-row article b { position:relative;color:#f1f7f6!important;font-size:14px!important; }
.intro-proof-row article small { position:relative;color:#adc1c2!important;font-size:11px!important; }

/* Continuous high-rev rumble, with a grounded shadow under the boxer drawing. */
.subaru-section .engine-sketch { position:relative!important;isolation:isolate!important;width:min(100%,520px)!important;height:clamp(190px,52vw,285px)!important;margin:12px auto 18px!important; }
.subaru-section .engine-sketch img { position:relative;z-index:1;transform-origin:50% 68%;filter:drop-shadow(0 18px 13px rgba(7,31,37,.29)) drop-shadow(0 3px 2px rgba(5,31,36,.18))!important;animation:none!important;will-change:transform; }
.subaru-section .engine-sketch::before { content:"";position:absolute;z-index:0;left:50%;top:77%;width:72%;height:19%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(7,33,39,.31),rgba(7,33,39,.12) 45%,transparent 76%);filter:blur(10px);opacity:.75; }
.subaru-section .engine-sketch::after { content:"";position:absolute;z-index:2;left:50%;top:69%;width:14%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(38,152,168,.48);border-right-color:transparent;border-bottom-color:rgba(38,152,168,.12);border-radius:50%;box-shadow:0 0 0 3px rgba(47,178,190,.04),0 0 13px rgba(29,151,165,.17);opacity:0; }
.subaru-section .engine-sketch.is-revving img { animation:boxer-rev-pulse 2.1s ease-in-out infinite!important; }
.subaru-section .engine-sketch.is-revving::before { animation:boxer-shadow-shift 2.1s ease-in-out infinite; }
.subaru-section .engine-sketch.is-revving::after { opacity:.38;animation:crank-spin .9s linear infinite; }
@keyframes boxer-rev-pulse {
  0%,100% { transform:translate(0,0) rotate(0) scale(1.08); }
  12% { transform:translate(.65px,-.35px) rotate(.07deg) scale(1.081); }
  24% { transform:translate(-.6px,.25px) rotate(-.06deg) scale(1.08); }
  36% { transform:translate(.75px,-.4px) rotate(.08deg) scale(1.083); }
  48% { transform:translate(-.65px,.25px) rotate(-.06deg) scale(1.08); }
  60% { transform:translate(.8px,-.4px) rotate(.09deg) scale(1.084); }
  72% { transform:translate(-.7px,.3px) rotate(-.07deg) scale(1.081); }
  84% { transform:translate(.7px,-.3px) rotate(.07deg) scale(1.082); }
}
@keyframes boxer-shadow-shift { 0%,100% {transform:translate(-50%,-50%) scaleX(1);opacity:.75} 50% {transform:translate(-50%,-50%) scaleX(1.025);opacity:.7} }
@keyframes crank-spin { to { transform:translate(-50%,-50%) rotate(1turn); } }
@media(prefers-reduced-motion:reduce) {
  .subaru-section .engine-sketch.is-revving img,.subaru-section .engine-sketch.is-revving::before,.subaru-section .engine-sketch.is-revving::after { animation:none!important; }
  .subaru-section .engine-sketch img { transform:scale(1.08)!important; }
  .subaru-section .engine-sketch::before { opacity:.75!important; }
  .subaru-section .engine-sketch::after { opacity:0!important; }
}

/* Use the whole mobile viewport for the supplied photos and map; preserve each original frame. */
@media(max-width:760px) {
  .subaru-section .subaru-photo-carousel,.diagnostic-mosaic,.people .team-story,.appointment-office,
  .location .map-panel,.location .arrival-slide-figure {
    width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  }
  .subaru-section .subaru-photo-carousel,.diagnostic-feature-carousel,.people .team-story,.appointment-office,.location .arrival-slide-figure { border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important; }
  .subaru-carousel-stage { aspect-ratio:.95!important;background:transparent!important; }
  .subaru-carousel-caption,.diagnostic-feature-caption,.people .team-story .slide-toolbar,.location .arrival-slide-figure>figcaption { padding-inline:20px!important; }
  .diagnostic-mosaic { max-width:none!important; }
  .diagnostic-feature-stage { aspect-ratio:.96!important;background:transparent!important; }
  .people .team-story .slide-stage { width:100vw!important;height:auto!important;aspect-ratio:1.55!important;overflow:hidden!important;background:transparent!important; }
  .people .team-story .slide-frame { background:transparent!important; }
  .people .team-story .slide-frame img,.people .team-story .slide-frame.clean-photo img {
    width:100%!important;height:100%!important;max-width:none!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:transparent!important;
  }
  .appointment-office { margin-top:18px!important; }
  .appointment-office img { display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1405/933!important;object-fit:contain!important;object-position:center!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; }
  .appointment-office figcaption { padding:9px 20px 0!important; }
  .location .arrival-grid { display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important; }
  .location .map-panel { height:clamp(300px,84vw,390px)!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important; }
  .location .map-panel iframe { opacity:1!important; }
  .location .arrival-photos { width:100%!important;margin:0!important;padding:0!important; }
  .location .arrival-slide-figure { margin-top:0!important; }
  .location .arrival-story .slide-stage { width:100vw!important;height:auto!important;aspect-ratio:1187/797!important;background:transparent!important; }
  .location .arrival-story .slide-frame,.location .arrival-story .slide-frame.clean-photo { background:#111a1d!important; }
  .location .arrival-story .slide-frame img,.location .arrival-story .slide-frame.clean-photo img {
    width:100%!important;height:100%!important;max-width:none!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:transparent!important;
  }
.intro-proof-row>article { min-height:88px!important;padding:13px 17px!important; }
}

/* The customer photos are present immediately; only the horizontal track moves. */
.customer-gallery-lane,
.customer-gallery-group,
.customer-gallery-photo,
.customer-gallery-photo img {
  opacity:1!important;
  clip-path:none!important;
  transition:none!important;
}
.customer-gallery-photo,
.customer-gallery-photo img { transform:none!important;animation:none!important; }

/* Richer service cards: layered paper, technical detail and restrained motion. */
.services .service-card {
  isolation:isolate!important;
  border-color:rgba(20,92,99,.2)!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(51,190,199,.12),transparent 29%),
    linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,250,248,.98) 58%,rgba(226,239,236,.96))!important;
  box-shadow:0 18px 38px rgba(12,42,46,.15),0 3px 8px rgba(12,42,46,.07),inset 0 1px 0 #fff!important;
}
.services .service-card::after {
  content:"";position:absolute;z-index:0;inset:auto -34px -48px auto;width:132px;height:132px;
  border:1px solid rgba(28,151,160,.09);border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 18px rgba(28,151,160,.025),0 0 0 38px rgba(28,151,160,.018);
}
.services .service-card>img,.services .service-card-copy { position:relative;z-index:1; }
.services .service-card-copy { background:linear-gradient(150deg,rgba(255,255,255,.7),rgba(226,242,239,.36))!important; }
.services .service-card-copy>span { color:#55777b!important;font-weight:650!important; }
.services .service-title-row {
  position:relative!important;padding:5px 8px 5px 2px!important;border-radius:16px!important;
  background:linear-gradient(100deg,rgba(223,244,242,.64),rgba(255,255,255,0) 78%)!important;
}
.services .service-title-row::after {
  content:"";position:absolute;left:3px;right:18%;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(37,174,184,.36),transparent);
}
.services .service-title-row .service-icon {
  transform-origin:center!important;
  animation:service-icon-breathe 4.8s ease-in-out infinite!important;
}
.services .service-card:nth-child(3n+2) .service-icon { animation-delay:-1.6s!important; }
.services .service-card:nth-child(3n) .service-icon { animation-delay:-3.2s!important; }
.services .service-card-copy>a[data-service] {
  min-height:42px!important;padding:0 17px!important;border:1px solid rgba(60,190,199,.5)!important;
  border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(120,218,222,.66) 52%,rgba(232,253,251,.84))!important;
  color:#083b42!important;font-weight:750!important;letter-spacing:-.01em!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(10,106,113,.14),0 8px 20px rgba(14,112,121,.18)!important;
}
.services .service-card-copy>a[data-service]::before {
  content:"";width:6px;height:6px;margin-right:9px;border-radius:50%;background:#159ca8;
  box-shadow:0 0 0 4px rgba(21,156,168,.11);
}
.services .service-card-copy>a[data-service]:is(:hover,:focus-visible) {
  background:linear-gradient(135deg,#fff,rgba(91,210,218,.8) 55%,#ecfffd)!important;
  border-color:rgba(27,161,172,.68)!important;
}

/* Editorial social card with a clear, compact action. */
.people .instagram-stories {
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  padding:23px 21px!important;border:1px solid rgba(98,218,222,.32)!important;border-radius:20px!important;
  background:
    linear-gradient(125deg,rgba(43,188,197,.14),transparent 48%),
    radial-gradient(circle at 82% 12%,rgba(57,210,214,.13),transparent 30%),#0d2024!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(0,8,10,.25)!important;
}
.people .instagram-stories::before {
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.34;
  background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(100,222,225,.035) 18px 19px);
}
.people .instagram-stories .instagram-mark {
  width:42px!important;height:42px!important;border:1px solid rgba(120,226,229,.38)!important;border-radius:14px!important;
  background:rgba(255,255,255,.055)!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 18px rgba(0,0,0,.2)!important;
}
.people .instagram-stories>div>a {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:36px!important;
  margin-top:8px!important;padding:0 15px!important;border:1px solid rgba(101,220,225,.35)!important;border-radius:999px!important;
  background:rgba(37,176,185,.1)!important;color:#8fe4e6!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
.people .instagram-stories>div>a::after { box-shadow:0 0 0 4px rgba(118,210,215,.1)!important; }

@keyframes service-icon-breathe {
  0%,100% { transform:translateY(0) scale(1);filter:drop-shadow(0 7px 8px rgba(8,38,42,.15)); }
  50% { transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 10px 11px rgba(8,92,100,.22)); }
}

@media(max-width:760px) {
  .services .service-card-copy { padding:19px 17px 18px!important; }
  .services .service-title-row { margin:7px 0 14px!important;padding-right:5px!important; }
  .services .service-card-copy>a[data-service] { min-height:41px!important;padding-inline:14px!important; }
  .people .instagram-stories { padding:19px 17px!important; }
}

@media(prefers-reduced-motion:reduce) {
  .services .service-title-row .service-icon { animation:none!important; }
}

/* Center the customer gallery title and its supporting line on every screen. */
.customer-gallery-heading {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;margin:0 auto 22px!important;text-align:center!important;
}
.customer-gallery-heading>div { width:100%!important;text-align:center!important; }
.customer-gallery-heading .eyebrow { margin-inline:auto!important;text-align:center!important; }
.customer-gallery-heading h3 { width:100%!important;text-align:center!important;text-wrap:balance!important; }
.customer-gallery-heading>p { max-width:38ch!important;margin:0 auto!important;text-align:center!important; }

/* One light, legible treatment across every proof point. */
.intro-proof-row>article:nth-child(n) {
  border:1px solid rgba(18,106,115,.18)!important;border-radius:15px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(237,244,242,.96))!important;
  box-shadow:0 9px 24px rgba(11,34,38,.09),inset 0 1px 0 #fff!important;
}
.intro-proof-row>article:nth-child(n)::before { background:linear-gradient(#49c3d0,#158d9b)!important;box-shadow:0 0 13px rgba(55,180,193,.23)!important; }
.intro-proof-row>article:nth-child(n)::after { border-color:rgba(40,151,160,.09)!important;box-shadow:0 0 0 12px rgba(40,151,160,.018),0 0 0 27px rgba(40,151,160,.012)!important; }
.intro-proof-row>article:nth-child(n) .proof-index { background:linear-gradient(145deg,#0f5960,#17343a)!important;color:#ecffff!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 7px 16px rgba(9,48,53,.17)!important; }
.intro-proof-row>article:nth-child(n)>div>b { color:#17282b!important; }
.intro-proof-row>article:nth-child(n)>div>small { color:#52696c!important; }

/* The Subaru headline uses the same cyan only for the requested word. */
.subaru-section .japan-heading h2 { color:#152326!important;margin-top:17px!important; }
.subaru-section .japan-heading h2 span { color:#2bb6c5!important; }

/* More scale and air around the boxer illustration. */
.subaru-section .engine-sketch { width:min(100%,560px)!important;height:clamp(220px,59vw,315px)!important;margin:14px auto 23px!important; }
.subaru-section .engine-sketch figcaption { margin:8px 0 15px!important; }
@media(max-width:760px) {
  .subaru-section .engine-sketch { width:min(100%,440px)!important;height:clamp(215px,61vw,270px)!important;margin:12px auto 22px!important; }
  .subaru-section .engine-sketch figcaption { margin:8px 0 14px!important; }
  .subaru-section .subaru-photo-carousel { margin-top:18px!important; }
}

/* Blender-rendered service and workshop icons from one consistent atlas. */
.service-icon,.why-icon {
  background-image:url("assets/motorloz-icon-atlas-optimized.webp")!important;background-repeat:no-repeat!important;background-size:400% 400%!important;
}
.service-icon { border-color:rgba(34,139,150,.17)!important;background-color:transparent!important;background-image:url("assets/motorloz-icon-atlas-optimized.webp")!important;box-shadow:none!important; }
.service-icon svg { display:none!important; }
.why-card>.why-icon { display:block!important;width:46px!important;height:46px!important;padding:0!important;border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 7px 8px rgba(0,0,0,.18))!important; }
.service-icon[data-icon-index="0"] { background-position:0% 0%!important; }
.service-icon[data-icon-index="1"] { background-position:33.333% 0%!important; }
.service-icon[data-icon-index="2"] { background-position:66.666% 0%!important; }
.service-icon[data-icon-index="3"] { background-position:100% 0%!important; }
.service-icon[data-icon-index="4"] { background-position:0% 33.333%!important; }
.service-icon[data-icon-index="5"] { background-position:33.333% 33.333%!important; }
.service-icon[data-icon-index="6"] { background-position:66.666% 33.333%!important; }
.service-icon[data-icon-index="7"] { background-position:100% 33.333%!important; }
.service-icon[data-icon-index="8"] { background-position:0% 66.666%!important; }
.why-icon[data-icon-index="9"] { background-position:33.333% 66.666%!important; }
.why-icon[data-icon-index="10"] { background-position:66.666% 66.666%!important; }
.why-icon[data-icon-index="11"] { background-position:100% 66.666%!important; }
.why-icon[data-icon-index="12"] { background-position:0% 100%!important; }
.why-icon[data-icon-index="13"] { background-position:33.333% 100%!important; }
.why-icon[data-icon-index="14"] { background-position:66.666% 100%!important; }

/* A fine glass sheen and dimensional edge on every action control. */
:is(a.button,button.button,.header-cta,.header-contact,.contact-open,.map-open-link,.text-link,.service-card-copy>a,[data-service],.slide-buttons button,.review-controls button,.services-controls button,.services-pagination button,.why-card,.floating-booking,.floating-whatsapp,#assistant-launcher,.assistant-header-actions button,.assistant-booking-head>button,.assistant-send-whatsapp,.assistant-mic,.assistant-submit) {
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,filter .22s ease!important;
}
:is(a.button,button.button,.header-cta,.header-contact,.contact-open,.map-open-link,.text-link,.service-card-copy>a,[data-service],.slide-buttons button,.review-controls button,.services-controls button,.services-pagination button,.floating-booking,.floating-whatsapp,#assistant-launcher,.assistant-header-actions button,.assistant-booking-head>button,.assistant-send-whatsapp,.assistant-mic,.assistant-submit) {
  backdrop-filter:blur(14px) saturate(155%)!important;-webkit-backdrop-filter:blur(14px) saturate(155%)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(8,74,82,.13),0 8px 22px rgba(9,65,73,.17)!important;
}
:is(a.button,button.button,.header-cta,.header-contact,.contact-open,.map-open-link,.service-card-copy>a,[data-service],.floating-booking,.floating-whatsapp,#assistant-launcher,.assistant-header-actions button,.assistant-booking-head>button,.assistant-send-whatsapp,.assistant-mic,.assistant-submit) { position:relative;isolation:isolate;overflow:hidden; }
:is(a.button,button.button,.header-cta,.header-contact,.contact-open,.map-open-link,.service-card-copy>a,[data-service],.floating-booking,.floating-whatsapp,#assistant-launcher,.assistant-header-actions button,.assistant-booking-head>button,.assistant-send-whatsapp,.assistant-submit)::after {
  content:"";position:absolute;inset:1px 20% auto 1px;height:42%;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));opacity:.7;
}
:is(a.button,button.button,.header-cta,.header-contact,.contact-open,.map-open-link,.text-link,.service-card-copy>a,[data-service],.slide-buttons button,.review-controls button,.services-controls button,.floating-booking,.floating-whatsapp,#assistant-launcher,.assistant-send-whatsapp,.assistant-submit):hover {
  transform:translateY(-2px)!important;filter:saturate(1.07)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 12px 27px rgba(9,65,73,.24)!important;
}
:is(a.button,button.button,.header-cta,.header-contact,.contact-open,.map-open-link,.text-link,.service-card-copy>a,[data-service],.slide-buttons button,.review-controls button,.services-controls button,.services-pagination button,.floating-booking,.floating-whatsapp,#assistant-launcher,.assistant-send-whatsapp,.assistant-submit):focus-visible,.why-card:focus-visible { outline:3px solid #9ceaf0!important;outline-offset:3px!important; }
#appointment-form { border:1px solid rgba(142,216,221,.35)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(18,43,51,.91),rgba(8,24,30,.96))!important;box-shadow:0 24px 60px rgba(3,20,24,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important; }
#appointment-form .field-shell { border-radius:10px!important;background:rgba(228,251,252,.065)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important; }
#appointment-form .priority-choice { border-radius:14px!important;background:rgba(228,251,252,.045)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important; }
.service-card { position:relative!important;border:1px solid rgba(23,70,77,.12)!important;border-radius:17px!important;background:linear-gradient(145deg,#fff 0%,#f9fbf9 64%,#e8f0ed 100%)!important;box-shadow:0 16px 34px rgba(13,39,43,.13),0 3px 7px rgba(13,39,43,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;transition:transform .28s ease,box-shadow .28s ease!important; }
.service-card:hover { transform:translateY(-4px)!important;box-shadow:0 23px 42px rgba(13,39,43,.17),0 5px 12px rgba(13,39,43,.08),inset 0 1px 0 #fff!important; }
.customer-gallery-heading h3 em { color:#2bb6c5!important;font-style:normal!important; }
@media(prefers-reduced-motion:reduce) { :is(a.button,button.button,.header-cta,.contact-open,.map-open-link,.text-link,.service-card-copy>a,[data-service],.slide-buttons button,.review-controls button,.services-controls button,.services-pagination button,.why-card):hover { transform:none!important; } }

#subaru-title .subaru-cyan-word { color:#26b7c6!important;-webkit-text-fill-color:#26b7c6!important; }

/* Let the automotive symbol stand on its own, with enough scale to read at a glance. */
.service-title-row { grid-column:1/-1!important;min-height:88px!important;gap:12px!important;margin:9px 0 12px!important; }
.service-title-row .service-icon {
  box-sizing:border-box!important;flex:0 0 82px!important;width:82px!important;height:82px!important;
  border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;
  filter:drop-shadow(0 7px 8px rgba(8,38,42,.15))!important;
}
.service-title-row h3 {
  min-width:0!important;font-size:clamp(17px,1.55vw,20px)!important;line-height:1.05!important;
  letter-spacing:-.04em!important;white-space:nowrap!important;
}
@media(max-width:760px) {
  .service-title-row { min-height:80px!important;gap:9px!important; }
  .service-title-row .service-icon { flex-basis:74px!important;width:74px!important;height:74px!important; }
  .service-title-row h3 { font-size:clamp(16px,4.5vw,18px)!important; }
}
@media(max-width:370px) {
  .service-title-row { min-height:70px!important;gap:8px!important; }
  .service-title-row .service-icon { flex-basis:64px!important;width:64px!important;height:64px!important; }
  .service-title-row h3 { font-size:16px!important; }
}

/* The six workshop principles lead with their rendered automotive symbol. */
.why-grid .why-card {
  position:relative!important;grid-template-columns:88px minmax(0,1fr) 18px!important;
  align-items:center!important;column-gap:15px!important;min-height:124px!important;padding:15px 12px!important;
}
.why-grid .why-card>.why-number {
  position:absolute!important;top:10px!important;right:39px!important;z-index:1!important;
  display:block!important;width:auto!important;min-width:0!important;padding:0!important;
  color:rgba(109,205,212,.7)!important;font:600 10px/1 var(--mono)!important;letter-spacing:.12em!important;
}
.why-grid .why-card>.why-icon {
  grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:center!important;
  width:88px!important;height:88px!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22))!important;
}
.why-grid .why-card>.why-card-copy { grid-column:2!important;grid-row:1!important;min-width:0!important;padding-top:9px!important; }
.why-grid .why-card>.why-arrow { grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:center!important; }
.why-grid .why-card-copy strong { font-size:17px!important;line-height:1.2!important; }
.why-grid .why-card-copy small { font-size:13px!important;line-height:1.45!important; }
@media(max-width:760px) {
  .why-grid .why-card { grid-template-columns:82px minmax(0,1fr) 16px!important;column-gap:12px!important;min-height:116px!important;padding:13px 9px!important; }
  .why-grid .why-card>.why-icon { width:82px!important;height:82px!important; }
  .why-grid .why-card>.why-number { top:8px!important;right:32px!important;font-size:9px!important; }
  .why-grid .why-card-copy strong { font-size:16px!important; }
  .why-grid .why-card-copy small { font-size:12px!important; }
}
@media(max-width:370px) {
  .why-grid .why-card { grid-template-columns:70px minmax(0,1fr) 15px!important;column-gap:9px!important;min-height:108px!important;padding-inline:6px!important; }
  .why-grid .why-card>.why-icon { width:70px!important;height:70px!important; }
  .why-grid .why-card>.why-number { right:27px!important; }
}

/* Scroll entrances give the symbols and copy a short, one-time arrival. */
.scroll-entry { opacity:0;transform:translateY(13px);transition:opacity .58s ease,transform .68s cubic-bezier(.2,.75,.25,1);transition-delay:var(--entry-delay,0ms); }
.service-icon.scroll-entry,.why-icon.scroll-entry { transform:translateY(13px) scale(.68) rotate(-7deg); }
.scroll-entry.is-scroll-visible { opacity:1;transform:none; }
.reviews-rating {
  display:grid!important;grid-template-columns:auto auto!important;justify-content:center!important;justify-items:center!important;align-items:center!important;
  width:max-content!important;max-width:100%!important;text-align:center!important;column-gap:14px!important;row-gap:7px!important;margin:17px auto 27px!important;
}
.reviews-rating>strong { font-size:clamp(35px,3.8vw,46px)!important;line-height:.95!important;font-weight:800!important;letter-spacing:-.055em!important; }
.reviews-rating>.gold-stars { display:flex!important;align-items:center!important;gap:.025em!important;margin:0!important;font-size:clamp(31px,3.2vw,40px)!important;line-height:1!important;letter-spacing:0!important; }
.reviews-rating>.gold-stars>span { display:inline-block!important;transform-origin:50% 70%; }
.reviews-rating>small { grid-column:1/-1!important;font-size:14px!important;line-height:1.3!important; }
.reviews-rating.is-scroll-visible .gold-stars>span { animation:rating-star-arrive .72s cubic-bezier(.2,.8,.2,1) var(--star-delay,0ms) both; }
@keyframes rating-star-arrive {
  0% { opacity:0;transform:translateY(13px) scale(.42) rotate(-18deg);filter:drop-shadow(0 0 0 rgba(218,164,29,0)); }
  68% { opacity:1;transform:translateY(-4px) scale(1.2) rotate(5deg);filter:drop-shadow(0 0 8px rgba(218,164,29,.6)); }
  100% { opacity:1;transform:none;filter:none; }
}
@media(max-width:760px) {
  .reviews-rating { justify-content:center!important;margin:14px auto 25px!important; }
  .reviews-rating>strong { font-size:38px!important; }
  .reviews-rating>.gold-stars { font-size:35px!important; }
  .reviews-rating>small { text-align:center!important;font-size:14px!important; }
}
@media(prefers-reduced-motion:reduce) {
  .scroll-entry,.scroll-entry.is-scroll-visible { opacity:1!important;transform:none!important;transition:none!important; }
  .reviews-rating.is-scroll-visible .gold-stars>span { animation:none!important; }
}

/* Clear, enlarged contact mark inside a brighter glass dialog that fits mobile. */
.contact-dialog[open] {
  width:min(480px,calc(100% - 24px))!important;max-height:calc(100svh - 28px)!important;overflow:hidden!important;
  padding:27px 21px 22px!important;border:1px solid rgba(190,239,241,.55)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(151,211,216,.31),rgba(70,137,146,.22) 43%,rgba(14,43,51,.58))!important;
  box-shadow:0 25px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 40px rgba(190,245,246,.055)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;-webkit-backdrop-filter:blur(26px) saturate(165%)!important;
}
.contact-brand { width:100%!important;margin:0 auto 12px!important; }
.contact-brand img { display:block!important;width:min(100%,360px)!important;height:auto!important;max-height:none!important;object-fit:contain!important; }
#contact-explanation { display:none!important; }
.contact-dialog-links { margin-top:12px!important; }
.contact-dialog-links .contact-icon.whatsapp-icon img { width:34px!important;height:34px!important;filter:none!important; }
@media(max-width:760px) {
  .contact-dialog[open] { padding:25px 18px 20px!important; }
  .contact-brand { margin-bottom:10px!important; }
  .contact-dialog-links { margin-top:10px!important; }
}
@media(max-height:600px) {
  .contact-dialog[open] { padding-block:18px 14px!important; }
  .contact-brand img { width:min(100%,300px)!important; }
  .contact-dialog-links>a { min-height:45px!important;padding-block:6px!important; }
  .contact-hours { margin-top:10px!important;padding-top:9px!important; }
}
