/* Compact KESAR footer layout with factual restaurant highlights. */
.footer-extras{
  padding:28px 0 24px;
}

.footer-highlights{
  margin:0 0 16px;
}

.footer-highlights__viewport{
  padding:0 0 4px;
}

.footer-highlights__track{
  --review-gap:10px;
  animation-duration:34s;
}

.footer-highlight-card{
  display:flex;
  width:clamp(220px,18vw,250px);
  min-height:132px;
  padding:14px 16px;
  flex-direction:column;
  justify-content:flex-start;
  box-shadow:none;
}

.footer-highlight-card__label{
  color:#d3a15c;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.footer-highlight-card p{
  margin:10px 0 0;
  font:400 13px/1.42 Georgia,serif;
}

.footer-highlight-card::after{
  content:"KESAR highlight";
  display:block;
  margin-top:auto;
  padding-top:9px;
  color:rgba(243,238,230,.42);
  font-size:7px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.footer-info-grid{
  gap:10px;
}

.footer-info-card--toggle > .footer-info-card__summary{
  min-height:0;
  padding:14px 50px 14px 16px;
}

.footer-info-card--toggle > .footer-info-card__summary::after{
  right:14px;
  width:28px;
  height:28px;
  font-size:18px;
}

.footer-info-card--toggle .footer-info-card__eyebrow{
  font-size:10px;
  letter-spacing:.18em;
}

.footer-info-card--toggle .footer-info-card__eyebrow::before{
  display:none;
}

.footer-info-card__content{
  padding:0 16px 14px;
}

.footer-faq details summary,
.footer-terms details summary{
  padding:13px 28px 13px 0;
  font-size:11px;
}

.footer-faq details p,
.footer-terms details p{
  padding:0 22px 14px 0;
  font-size:11px;
  line-height:1.6;
}

.footer-terms__updated{
  margin-top:14px;
}

.footer-luxury-ready .footer-luxury-main{
  padding-top:22px;
}

@media(min-width:901px){
  .footer-info-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .footer-extras{
    width:min(100% - 24px,1280px);
    padding:22px 0 18px;
  }

  .footer-highlights{
    margin-bottom:12px;
  }

  .footer-highlights__viewport{
    margin-inline:-12px;
    padding-inline:12px;
  }

  .footer-highlight-card{
    width:218px;
    min-height:126px;
    padding:13px 14px;
  }

  .footer-highlight-card p{
    font-size:12.5px;
  }

  .footer-info-card--toggle > .footer-info-card__summary{
    padding:13px 46px 13px 14px;
  }

  .footer-info-card--toggle > .footer-info-card__summary::after{
    right:12px;
    width:27px;
    height:27px;
  }

  .footer-info-card__content{
    padding:0 14px 13px;
  }
}