/* Sayyarati V8976 — approved homepage photo-card design.
   Completely isolated from legacy home-quick-card rules. */
body.sayyarati-home-v8448-body .home-v8965-photo-section{
  margin:0!important;
  padding:0 14px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.sayyarati-home-v8448-body .home-v8965-photo-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.sayyarati-home-v8448-body .home-v8965-photo-section + .home-v8965-photo-section{
  margin-top:12px!important;
}

body.sayyarati-home-v8448-body .sy-home-photo-card-v8965{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid #d5e2f0!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#12284d!important;
  text-decoration:none!important;
  font:inherit!important;
  cursor:pointer!important;
  box-shadow:0 7px 20px rgba(35,78,128,.09)!important;
  transform:translateZ(0)!important;
}

body.sayyarati-home-v8448-body .sy-home-photo-card-v8965:active{
  transform:scale(.985)!important;
}

body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__media{
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  aspect-ratio:900 / 700!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#eef4fa!important;
  border:0!important;
  border-radius:0!important;
}

body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}

body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:66px!important;
  margin:0!important;
  padding:8px 8px 9px!important;
  background:#fff!important;
  border-top:1px solid #e7edf5!important;
  color:#11294e!important;
  text-align:center!important;
  pointer-events:none!important;
}

body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label strong{
  display:-webkit-box!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#11294e!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:clamp(12px,1.8vw,17px)!important;
  font-weight:900!important;
  line-height:1.16!important;
  text-align:center!important;
  overflow:hidden!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.sayyarati-home-v8448-body .home-v8965-photo-section{
    padding-inline:10px!important;
  }
  body.sayyarati-home-v8448-body .home-v8965-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.sayyarati-home-v8448-body .home-v8965-photo-section + .home-v8965-photo-section{
    margin-top:9px!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965{
    border-radius:22px!important;
    box-shadow:0 8px 20px rgba(35,78,128,.12)!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__media{
    aspect-ratio:4 / 3!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label{
    min-height:72px!important;
    padding:10px 10px 11px!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label strong{
    font-size:clamp(16px,4.8vw,20px)!important;
    line-height:1.18!important;
  }
}

@media(max-width:390px){
  body.sayyarati-home-v8448-body .home-v8965-photo-section{
    padding-inline:7px!important;
  }
  body.sayyarati-home-v8448-body .home-v8965-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965{
    border-radius:20px!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label{
    min-height:66px!important;
    padding:9px 7px 10px!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label strong{
    font-size:15px!important;
  }
}

/* SAYYARATI V8987 — compact stacked title/subtitle layout for homepage photo cards.
   Keep the title and optional description on separate rows without oversized white padding. */
body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  min-height:0!important;
  padding:7px 8px 8px!important;
  overflow:visible!important;
}
body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label .sy-home-photo-card-v8965__title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  color:#11294e!important;
  font-size:clamp(14px,1.8vw,18px)!important;
  font-weight:900!important;
  line-height:1.16!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label .sy-home-photo-card-v8965__subtitle{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#6b7b91!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.18!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  letter-spacing:0!important;
}
@media (max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label{
    gap:2px!important;
    min-height:0!important;
    padding:6px 7px 7px!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label .sy-home-photo-card-v8965__title{
    font-size:clamp(17px,4.5vw,19px)!important;
    line-height:1.17!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label .sy-home-photo-card-v8965__subtitle{
    font-size:clamp(8.2px,2.25vw,9px)!important;
    line-height:1.15!important;
  }
}
@media(max-width:390px){
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label{
    min-height:0!important;
    padding:5px 6px 6px!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label .sy-home-photo-card-v8965__title{
    font-size:17px!important;
    line-height:1.16!important;
  }
  body.sayyarati-home-v8448-body .sy-home-photo-card-v8965__label .sy-home-photo-card-v8965__subtitle{
    font-size:8.1px!important;
  }
}

/* SAYYARATI V8989 — animated finger cue that teaches mobile users to scroll to car showrooms. */
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989{
  position:fixed!important;
  left:50%!important;
  bottom:calc(106px + var(--sy-bottom-nav-safe,0px))!important;
  z-index:2147481000!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:148px!important;
  margin:0!important;
  padding:7px 12px 5px!important;
  border:1px solid rgba(31,112,238,.24)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.97)!important;
  color:#122a52!important;
  box-shadow:0 12px 34px rgba(12,35,72,.28)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  opacity:0!important;
  transform:translate(-50%,8px) scale(.96)!important;
  pointer-events:none!important;
  transition:opacity .2s ease,transform .2s ease!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989[hidden]{display:none!important}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989.is-visible{
  opacity:1!important;
  transform:translate(-50%,0) scale(1)!important;
  pointer-events:auto!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__text{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#122a52!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__hand{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  color:#122a52!important;
  font-size:29px!important;
  line-height:1!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))!important;
  animation:sy-showrooms-finger-down-v8989 1.05s cubic-bezier(.4,0,.2,1) infinite!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__hand i{
  display:block!important;
  color:#111827!important;
  transform:rotate(180deg)!important;
}
@keyframes sy-showrooms-finger-down-v8989{
  0%,100%{transform:translateY(-4px);opacity:.72}
  48%{transform:translateY(9px);opacity:1}
  70%{transform:translateY(12px);opacity:.94}
}
@media (min-width:901px){
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989{display:none!important}
}
@media (max-width:420px){
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989{
    bottom:calc(98px + var(--sy-bottom-nav-safe,0px))!important;
    min-width:148px!important;
    padding:6px 10px 4px!important;
  }
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__text{font-size:10px!important}
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__hand{width:31px!important;height:31px!important;font-size:27px!important}
}
@media (prefers-reduced-motion:reduce){
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__hand{animation:none!important}
}

/* V8989 refinement — make the scroll gesture read like a moving finger with down arrows. */
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__gesture{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:35px!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__arrows{
  display:block!important;
  color:#0b6cf0!important;
  margin:0 0 0 1px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:1000!important;
  line-height:.64!important;
  text-align:center!important;
  opacity:.95!important;
  animation:sy-showrooms-arrows-down-v8989 1.05s cubic-bezier(.4,0,.2,1) infinite!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__subtext{
  display:block!important;
  color:#60718c!important;
  margin:-1px 0 0!important;
  padding:0!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@keyframes sy-showrooms-arrows-down-v8989{
  0%,100%{transform:translateY(-2px);opacity:.55}
  48%{transform:translateY(5px);opacity:1}
  70%{transform:translateY(7px);opacity:.9}
}
@media(max-width:420px){
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__subtext{font-size:7.5px!important}
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__arrows{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8989__arrows{animation:none!important}
}


/* SAYYARATI V8990 — fail-open showroom scroll cue. Rendered outside <main> and visible by default. */
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990{
  position:fixed!important;
  left:50%!important;
  bottom:calc(104px + var(--sy-bottom-nav-safe,0px))!important;
  z-index:2147483000!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:154px!important;
  margin:0!important;
  padding:7px 13px 6px!important;
  border:2px solid rgba(11,108,240,.32)!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#122a52!important;
  box-shadow:0 12px 36px rgba(15,42,82,.34)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%)!important;
  pointer-events:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990.is-hidden{
  opacity:0!important;
  visibility:hidden!important;
  transform:translate(-50%,10px) scale(.96)!important;
  pointer-events:none!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__text{
  display:block!important;
  color:#102b58!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__gesture{
  display:flex!important;
  direction:ltr!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__hand{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  color:#111827!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:34px!important;
  font-weight:900!important;
  line-height:1!important;
  filter:grayscale(1) contrast(1.4) drop-shadow(0 2px 2px rgba(0,0,0,.18))!important;
  animation:sy-showrooms-finger-v8990 1.05s cubic-bezier(.4,0,.2,1) infinite!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__arrows{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  color:#0b6cf0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:20px!important;
  font-weight:1000!important;
  line-height:.68!important;
  animation:sy-showrooms-arrows-v8990 1.05s cubic-bezier(.4,0,.2,1) infinite!important;
}
body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__subtext{
  display:block!important;
  color:#60718c!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@keyframes sy-showrooms-finger-v8990{
  0%,100%{transform:translateY(-5px)}
  50%{transform:translateY(8px)}
}
@keyframes sy-showrooms-arrows-v8990{
  0%,100%{transform:translateY(-2px);opacity:.55}
  50%{transform:translateY(5px);opacity:1}
}
@media (max-width:420px){
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990{
    bottom:calc(96px + var(--sy-bottom-nav-safe,0px))!important;
    min-width:148px!important;
    padding:6px 11px 5px!important;
  }
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__text{font-size:10px!important}
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__hand{width:34px!important;height:34px!important;font-size:30px!important}
}
@media (prefers-reduced-motion:reduce){
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__hand,
  body.sayyarati-home-v8448-body .home-showrooms-scroll-hint-v8990__arrows{animation:none!important}
}