/* AnyRoom Build 116 — /lokaler discovery landing */

.ar116-discover{
  padding:58px 0 76px;
  background:#fff;
  border-top:1px solid #e6edf2;
}
.ar116-discover__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.ar116-discover__head h2{
  margin:0;
  color:#0F2D46;
  font-size:34px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.035em;
}
.ar116-discover__head p{
  max-width:650px;
  margin:8px 0 0;
  color:#667f96;
  font-size:15px;
  line-height:1.55;
}
.ar116-discover__all{
  flex:0 0 auto;
  color:#0F2D46;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.ar116-discover__all:hover{text-decoration:underline;text-underline-offset:3px}

.ar116-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px;
}
.ar116-category{
  min-width:0;
  overflow:hidden;
  border:1px solid #dde7ee;
  border-radius:18px;
  background:#fff;
  color:#0F2D46;
  text-decoration:none;
  box-shadow:0 7px 22px rgba(15,45,70,.04);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.ar116-category__image{
  aspect-ratio:1.58/1;
  overflow:hidden;
  background:#eef3f6;
}
.ar116-category__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .28s ease,filter .28s ease;
}
.ar116-category__body{padding:16px 17px 18px}
.ar116-category__body strong{
  display:block;
  margin-bottom:6px;
  font-size:18px;
  line-height:1.18;
  font-weight:900;
  letter-spacing:-.015em;
}
.ar116-category__body p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:42px;
  margin:0;
  color:#6b8298;
  font-size:13px;
  line-height:1.55;
}
@media (hover:hover) and (pointer:fine){
  .ar116-category:hover{
    transform:translateY(-4px);
    border-color:#c4d6e2;
    box-shadow:0 16px 34px rgba(15,45,70,.10);
  }
  .ar116-category:hover .ar116-category__image img{transform:scale(1.045)}
}

.ar116-popular{
  margin-top:62px;
  padding-top:44px;
  border-top:1px solid #e6edf2;
}
.ar116-popular__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
.ar116-popular__head h2{
  margin:0;
  font-size:29px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.03em;
}
.ar116-popular__head a{
  color:#0F2D46;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
}
.ar116-popular__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.ar116-popular .ar070-card__title{min-height:auto}
.ar116-popular .ar070-card__photo{aspect-ratio:1.55/1}

.ar116-seo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  margin-top:58px;
  padding:32px 34px;
  border:1px solid #e0e9ef;
  border-radius:22px;
  background:#f8fafc;
}
.ar116-seo h2{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.18;
  letter-spacing:-.025em;
}
.ar116-seo p{
  margin:0;
  color:#647d94;
  font-size:14px;
  line-height:1.65;
}

@media(max-width:980px){
  .ar116-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ar116-popular__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .ar116-discover{padding:38px 0 58px}
  .ar116-discover__head{align-items:flex-start}
  .ar116-discover__head h2{font-size:29px}
  .ar116-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ar116-category__body{padding:12px 12px 14px}
  .ar116-category__body strong{font-size:15px}
  .ar116-category__body p{font-size:12px;min-height:37px}
  .ar116-popular{margin-top:44px;padding-top:34px}
  .ar116-popular__grid{grid-template-columns:1fr}
  .ar116-seo{grid-template-columns:1fr;gap:20px;padding:24px;margin-top:42px}
}
@media(max-width:520px){
  .ar116-discover__head{display:block}
  .ar116-discover__all{display:inline-block;margin-top:12px}
  .ar116-category__image{aspect-ratio:1.35/1}
}
