/* SS COMPUTERS • UNIQUE SERVICE AREA COLORS V5
   Exactly 10 distinct accent colors. Scoped to the homepage area cards only. */
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area {
  position:relative !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid var(--ssc-area-border) !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px rgba(17,76,131,.10) !important;
  text-decoration:none !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area::after {
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:18px !important;
  right:18px !important;
  height:3px !important;
  border-radius:0 0 5px 5px !important;
  background:var(--ssc-area-accent) !important;
  opacity:1 !important;
  display:block !important;
  z-index:1 !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area > .area-pin {
  display:grid !important;
  place-items:center !important;
  background:var(--ssc-area-tint) !important;
  color:var(--ssc-area-accent) !important;
  border-radius:13px !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area > .area-pin svg {
  fill:none !important;
  stroke:var(--ssc-area-accent) !important;
  stroke-width:2 !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area > .area-link,
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area > .area-link b {
  color:var(--ssc-area-accent) !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area:hover {
  border-color:var(--ssc-area-accent) !important;
  box-shadow:0 15px 32px rgba(17,76,131,.15) !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area:focus-visible {
  outline:3px solid var(--ssc-area-accent) !important;
  outline-offset:3px !important;
}

/* Previous inline per-location variables: now stored in this stylesheet. */
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-sithalapakkam {
  --ssc-area-accent:#1677EC;
  --ssc-area-tint:#E8F2FF;
  --ssc-area-border:#BAD7FF;
  border-color:#BAD7FF !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-medavakkam {
  --ssc-area-accent:#069D63;
  --ssc-area-tint:#E6F8EF;
  --ssc-area-border:#B4E8D0;
  border-color:#B4E8D0 !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-perumbakkam {
  --ssc-area-accent:#8C45EC;
  --ssc-area-tint:#F1E9FF;
  --ssc-area-border:#DCC5FF;
  border-color:#DCC5FF !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-ottiambakkam {
  --ssc-area-accent:#F26D17;
  --ssc-area-tint:#FFF0E5;
  --ssc-area-border:#FFCBAB;
  border-color:#FFCBAB !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-sholinganallur {
  --ssc-area-accent:#0796B3;
  --ssc-area-tint:#E4F8FB;
  --ssc-area-border:#B2E3EE;
  border-color:#B2E3EE !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-sankarapuram {
  --ssc-area-accent:#D52F37;
  --ssc-area-tint:#FDEBED;
  --ssc-area-border:#F4BBC0;
  border-color:#F4BBC0 !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-semmancheri {
  --ssc-area-accent:#A56A00;
  --ssc-area-tint:#FFF4D9;
  --ssc-area-border:#EED8A3;
  border-color:#EED8A3 !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-vengaivasal {
  --ssc-area-accent:#4944CF;
  --ssc-area-tint:#EEECFF;
  --ssc-area-border:#CBC7FF;
  border-color:#CBC7FF !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-arasankalani {
  --ssc-area-accent:#62870D;
  --ssc-area-tint:#F0F8DA;
  --ssc-area-border:#D3E6A7;
  border-color:#D3E6A7 !important;
}

body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area.ssc-area-ponmar {
  --ssc-area-accent:#CE277E;
  --ssc-area-tint:#FDE8F4;
  --ssc-area-border:#F3B8D7;
  border-color:#F3B8D7 !important;
}