/* Premium showroom image animation — homepage only */
.about-preview .about-image {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  isolation: isolate;
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
  transform: translateZ(0);
}

.about-preview .about-image::before {
  content: "";
  position: absolute;
  inset: -30%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.36) 50%, transparent 65%);
  transform: translateX(-80%) rotate(8deg);
  animation: showroomShine 6s ease-in-out infinite;
}

.about-preview .about-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55), inset 0 0 38px rgba(255,0,120,.12);
}

.about-preview .about-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  transform: scale(1.02);
  animation: showroomFloatZoom 8s ease-in-out infinite alternate;
  transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .5s ease;
  will-change: transform;
}

.about-preview .about-image:hover img {
  transform: scale(1.08) translateY(-4px);
  filter: saturate(1.08) contrast(1.03);
}

@keyframes showroomFloatZoom {
  0% { transform: scale(1.02) translate3d(0, 0, 0); }
  50% { transform: scale(1.045) translate3d(-4px, -2px, 0); }
  100% { transform: scale(1.07) translate3d(4px, 2px, 0); }
}

@keyframes showroomShine {
  0%, 55% { transform: translateX(-80%) rotate(8deg); opacity: 0; }
  65% { opacity: 1; }
  82%, 100% { transform: translateX(80%) rotate(8deg); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .about-preview .about-image::before,
  .about-preview .about-image img { animation: none; }
}


/* About Us showroom — same Formula Unit showroom photo with a premium motion treatment */
.about-showroom-card{position:relative;overflow:hidden;padding:0!important;background:linear-gradient(145deg,#fff,#fff7fb);border:1px solid rgba(236,0,111,.14);box-shadow:0 18px 50px rgba(32,16,26,.12)}
.about-showroom-image{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:18px 18px 0 0;background:#f8edf3}
.about-showroom-image:before{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.52) 48%,transparent 61%);transform:translateX(-80%) rotate(8deg);animation:aboutShowroomShine 7s ease-in-out infinite;z-index:2;pointer-events:none}
.about-showroom-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.03);animation:aboutShowroomFloat 9s ease-in-out infinite alternate;transition:transform .7s ease,filter .7s ease}
.about-showroom-card:hover .about-showroom-image img{transform:scale(1.10);filter:saturate(1.06) contrast(1.03)}
.about-showroom-content{padding:22px 24px 12px}
.about-showroom-content h3,.about-showroom-promise h3{margin:0 0 8px;font-size:24px}
.about-showroom-content p,.about-showroom-promise p{color:var(--muted);line-height:1.7;margin:6px 0}
.about-showroom-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.about-showroom-actions .btn-secondary{background:#fff;color:#111;border:1px solid #f0bfd5}
.about-showroom-promise{margin:8px 24px 24px;padding:18px;border-radius:16px;background:linear-gradient(135deg,rgba(255,28,128,.08),rgba(255,255,255,.9));border:1px solid rgba(236,0,111,.10)}
@keyframes aboutShowroomFloat{0%{transform:scale(1.03) translate3d(-.5%,0,0)}100%{transform:scale(1.08) translate3d(.5%,-1.2%,0)}}
@keyframes aboutShowroomShine{0%,55%{transform:translateX(-85%) rotate(8deg);opacity:0}65%{opacity:1}82%,100%{transform:translateX(85%) rotate(8deg);opacity:0}}
@media(max-width:700px){.about-showroom-content{padding:18px 16px 10px}.about-showroom-promise{margin:8px 16px 18px}.about-showroom-actions .btn{width:100%;text-align:center}.about-showroom-image{aspect-ratio:4/3}}
/* Contact page Google Maps overlay — clicking the embedded map opens the new showroom link */
.map-wrap { position: relative; }
.map-click-overlay { position: absolute; inset: 0; z-index: 2; display: block; cursor: pointer; background: transparent; }
.map-click-overlay:focus-visible { outline: 3px solid var(--pink); outline-offset: -3px; }