/* LiveChennai Popular Areas - clean locality guide */


.livechennai-areas-popular{
  padding:34px 34px 38px;
  border:1px solid #e5e9ef;
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 16px rgba(20,35,55,.045);
}
.livechennai-areas-popular__header{
  display:block;
  margin-bottom:28px;
}
.livechennai-areas-popular__eyebrow{
  margin:0 0 10px;
  color:#d52f2f;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.2px;
}
.livechennai-areas-popular__title{
  margin:0 0 13px;
  color:#172842 !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:38px;
  line-height:1.08;
  font-weight:700;
}
.livechennai-areas-popular__intro{
  max-width:760px;
  margin:0;
  color:#607087;
  font-size:15px;
  line-height:1.65;
}
.livechennai-areas-popular__cards{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}
.livechennai-areas-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  position:relative;
  border:1px solid #e6eaf0;
  border-radius:11px;
  background:#fff;
  text-decoration:none !important;
  box-shadow:0 3px 12px rgba(20,35,55,.06);
  transition:transform .2s ease,box-shadow .2s ease;
}
.livechennai-areas-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 22px rgba(20,35,55,.11);
}
.livechennai-areas-card__imgwrap{
  position:relative;
  width:100%;
  height:170px;
  overflow:hidden;
  background:#eef2f5;
}
.livechennai-areas-card__imgwrap img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .3s ease;
}
.livechennai-areas-card:hover .livechennai-areas-card__imgwrap img{transform:scale(1.04)}
.livechennai-areas-card__body{
  padding:17px 16px 18px;
 
  display:flex;
  flex-direction:column;
}
.livechennai-areas-card__label{
  display:block;
  margin:0 0 12px;
  color:#172842 !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1.2;
  font-weight:700;
  text-decoration:none !important;
}
.livechennai-areas-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 12px;
  margin-bottom:14px;
  color:#5e718b;
  font-size:11px;
  line-height:1.3;
  font-weight:600;
}
.livechennai-areas-card__meta span{white-space:nowrap}
.livechennai-areas-card__link{
  margin-top:auto;
  color:#d52f2f !important;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  text-decoration:none !important;
}
.livechennai-areas-popular__viewall{
  display:inline-flex;
  align-items:center;
  margin-top:26px;
  padding:11px 17px;
  border-radius:6px;
  background:#d92f2f;
  color:#fff !important;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  text-decoration:none !important;
}
.livechennai-areas-popular__viewall:hover{background:#bd2525;color:#fff !important}
@media(max-width:1100px){
  .livechennai-areas-popular__cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){

  .livechennai-areas-popular{padding:25px 18px 28px}
  .livechennai-areas-popular__title{font-size:31px}
  .livechennai-areas-popular__intro{font-size:14px}
  .livechennai-areas-popular__cards{
    display:flex;
    overflow-x:auto;
    gap:12px;
    padding:2px 2px 8px;
    scroll-snap-type:x mandatory;
  }
  .livechennai-areas-card{
    flex:0 0 245px;
    scroll-snap-align:start;
  }
}
@media(max-width:480px){
  .livechennai-areas-popular__title{font-size:28px}
  .livechennai-areas-card{flex-basis:225px}
}