.mm-appointment-grid{padding:var(--mm-spacing-6, 40px) var(--mm-spacing-4, 20px)}.mm-appointment-grid__header{text-align:center;margin-bottom:var(--mm-spacing-6, 40px)}.mm-appointment-grid__title{margin:0 0 var(--mm-spacing-3, 16px)}.mm-appointment-grid__intro{max-width:640px;margin:0 auto}.mm-appointment-grid__filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mm-spacing-2, 12px);margin-bottom:var(--mm-spacing-5, 32px)}.mm-appointment-grid__filter-btn{padding:8px 18px;border:1px solid rgb(191 183 172);border-radius:999px;background:transparent;font:inherit;color:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.mm-appointment-grid__filter-btn:hover,.mm-appointment-grid__filter-btn:focus-visible{background:var(--mm-color-foreground, #1a1a1a);color:var(--mm-color-background, #fff);outline:none}.mm-appointment-grid__filter-btn.is-active{background:var(--mm-color-foreground, #1a1a1a);color:var(--mm-color-background, #fff)}.mm-appointment-grid__list{grid-template-columns:repeat(3,1fr);gap:var(--mm-spacing-4, 24px);max-width:1280px;margin:0 auto}.mm-appointment-card:last-child:nth-child(3n+1){grid-column:2 / 3}.mm-appointment-card:last-child:nth-child(3n+2){grid-column:2 / 4;max-width:calc((100% - var(--mm-spacing-4, 24px)) / 2)}.mm-appointment-card{overflow:hidden;background:var(--mm-color-background, #fff);transition:opacity .2s ease,transform .2s ease}.mm-appointment-card[hidden]{display:none}.mm-appointment-card__media{aspect-ratio:4 / 3;overflow:hidden}.mm-appointment-card__image{width:100%;height:100%;object-fit:cover}.mm-appointment-card__content{padding:var(--mm-spacing-4, 24px);flex:1;gap:var(--mm-spacing-2, 12px)}.mm-appointment-card__title{margin:0;font-size:1.25rem;line-height:1.25}.mm-appointment-card__meta{list-style:none;padding:0;margin:0;font-size:.875rem;opacity:.8}.mm-appointment-card__meta-item{display:inline-flex;align-items:center;gap:6px}.mm-appointment-card__meta-item svg{width:14px;height:14px}.mm-appointment-card__description{margin:0;font-size:.95rem}.mm-appointment-card__cta{margin-top:auto;padding-top:var(--mm-spacing-3, 16px)}@media(max-width:990px){.mm-appointment-grid__list{grid-template-columns:repeat(2,1fr);gap:var(--mm-spacing-3, 16px)}}@media(max-width:768px){.mm-appointment-grid{padding:var(--mm-spacing-4, 20px) var(--mm-spacing-3, 16px)}.mm-appointment-grid__list{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mm-appointment-grid.css.map */
