.sm-doctors-title{ margin:0 0 24px 0; } .sm-filters{ display:flex; flex-wrap:wrap; row-gap: 20px; column-gap: 40px;  margin-bottom:32px; }
.sm-filter{ display:flex; flex-direction:column; row-gap:8px; max-width:100%; position:relative; }
.sm-filter__label{ color:var(--sm-muted); line-height:1.4; } .sm-filter__button{
width:500px; max-width:100%;
appearance:none; -webkit-appearance:none;
background:var(--sm-on-brand) !important; color:var(--sm-muted);
border:1px solid var(--sm-muted); border-radius:999px;
padding:12px 24px;
display:flex; align-items:center; justify-content:space-between; gap:0px;
cursor:pointer; position:relative;
box-shadow:none; text-shadow:none; background-image:none;
transition:border-color .2s ease, color .2s ease, background-color .2s ease;
}
.sm-filter__button:hover,
.sm-filter__button:focus,
.sm-filter__button:active{
background:var(--sm-on-brand) !important; border-color:var(--sm-text)	; color:var(--sm-muted); outline:none;
}
.sm-filter__button.is-selected .sm-filter__text{ color:var(--sm-text); } .sm-filter__text{
color:inherit;
flex:1 1 auto;
text-align:left;
} .sm-filter__icon{
flex:0 0 auto;
width:18px; height:18px;
margin-left:12px; transition:transform .2s ease;
} .sm-filter__button[aria-expanded="true"] .sm-filter__icon{ transform:rotate(90deg); } .sm-filter__menu{
display:none; position:absolute; top:calc(100% + 10px); left:0;
width:500px; max-width:100%; height:364px; background:var(--sm-on-brand);
box-shadow:0 0 10px var(--sm-shadow); border-radius:16px; padding:8px 0;
z-index:999; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
}
.sm-filter__menu.is-open{ display:block; }
.sm-filter__item{
display:block; padding:12px 20px; color:var(--sm-text); text-decoration:none; line-height:1.4;
} .sm-filter__menu .sm-filter__item:link,
.sm-filter__menu .sm-filter__item:visited{
color: var(--sm-text);
} .sm-filter__menu .sm-filter__item:hover,
.sm-filter__menu .sm-filter__item:focus,
.sm-filter__menu .sm-filter__item:focus-visible{
color: var(--sm-brand);
background: var(--sm-on-brand);
text-decoration: none;
outline: none;
} .sm-filter__menu .sm-filter__item.is-active,
.sm-filter__menu .sm-filter__item[aria-current="true"]{
color: var(--sm-brand);
background: var(--sm-surface-2);
font-weight: 600;
}
.sm-filter__menu .sm-filter__item.is-active:hover,
.sm-filter__menu .sm-filter__item[aria-current="true"]:hover{
color: var(--sm-brand);
background: var(--sm-surface-2);
} .sm-filter__menu::-webkit-scrollbar{ width:3px; }
.sm-filter__menu::-webkit-scrollbar-thumb{ background:var(--sm-muted); border-radius:3px; }
.sm-filter__menu::-webkit-scrollbar-track{ background:transparent; margin:10px; }    .sm-doctors-grid{
display:grid;
grid-template-columns: 1fr; gap:24px;
}
@media (min-width:545px){ .sm-doctors-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } } @media (min-width:922px){ .sm-doctors-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); } }  .sm-doctors-grid > article,
.sm-doctors-grid > .ast-article-post,
.sm-doctors-grid > .ast-grid-common-col{
margin:0 !important; width:100% !important; justify-self:stretch; align-self:stretch;
} .sm-doctor-card{
background: var(--sm-on-brand);
border-radius:20px;
border:1px solid transparent;
overflow:hidden; box-shadow: 0 8px 24px var(--sm-shadow);
transition: box-shadow .2s ease, border-color .2s ease;
height:100%;
display:flex; 
flex-direction:column;
}
.sm-doctor-card:hover{ box-shadow:none; border-color: var(--sm-surface-subtle); } .sm-doctor-card__thumb{
position: relative;
width: calc(100% - 20px); margin: 10px; aspect-ratio: 1 / 1; border-radius: 14px; overflow: hidden;
background: var(--sm-on-brand);
}
@media (max-width:544px){
.sm-doctor-card__thumb{
width: calc(100% - 16px); margin: 8px;
border-radius: 12px;
}
}
.sm-doctor-card__img{ width:100%; height:100%; object-fit:cover; display:block; }
.sm-no-thumb{ width:100%; height:100%; background:#E9EDF5; } .sm-doctor-card__body{
display:flex; 
flex-direction:column;
flex: 1 1 auto; padding: 0 24px 24px !important;
}
@media (max-width:544px){
.sm-doctor-card__body{ padding: 0 16px 16px !important; }
} .sm-doctor-card__title{
color: var(--sm-headline);
margin:0 0 12px 0; }
.sm-doctor-card__spec{
color: var(--sm-muted);
margin:0 0 12px 0;
} .sm-doctor-card__clinics{
display:flex; flex-wrap:wrap; gap:12px 16px;
margin:0 0 18px 0;
}
.sm-clinic{ display:inline-flex; align-items:center; gap:6px; text-decoration:none; }
.sm-clinic__icon{ width:14px; height:14px; display:inline-block; }
.sm-clinic--1{ color: var(--sm-brand); }
.sm-clinic--2{ color: var(sm-brand-alt); }
.sm-clinic--more{ color: var(--sm-muted); } .sm-button--more{
display:inline-block; 
width:100%; 
text-align:center;
padding:8px 16px;
border:1px solid var(--sm-brand);
color: var(--sm-brand);
background: var(--sm-on-brand);
border-radius:999px;
font-size:16px;
font-weight:500; 
line-height:1.3;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
margin-top: auto; }
.sm-button--more:hover,
.sm-button--more:focus{
background: var(--sm-brand);
border-color: var(--sm-brand);
color: var(--sm-on-brand);
text-decoration:none; 
outline:none;
}
@media (min-width:922px){ .sm-button--more{ font-size:16px; } }
@media (max-width:544px){ .sm-button--more{ font-size:16px; } } body.post-type-archive-doctors .ast-separate-container .sm-doctors-grid > article.sm-doctor-card.ast-article-post,
body.tax-doctor_specialty .ast-separate-container .sm-doctors-grid > article.sm-doctor-card.ast-article-post,
body.tax-doctor_clinic .ast-separate-container .sm-doctors-grid > article.sm-doctor-card.ast-article-post{
padding: 0 !important;
}
@media (min-width:1201px){
body.post-type-archive-doctors .ast-separate-container .sm-doctors-grid > article.sm-doctor-card.ast-article-post,
body.tax-doctor_specialty .ast-separate-container .sm-doctors-grid > article.sm-doctor-card.ast-article-post,
body.tax-doctor_clinic .ast-separate-container .sm-doctors-grid > article.sm-doctor-card.ast-article-post{
padding: 0 !important;
}
} body.post-type-archive-doctors .sm-doctor-card .entry-header,
body.post-type-archive-doctors .sm-doctor-card .entry-content,
body.post-type-archive-doctors .sm-doctor-card .entry-footer,
body.tax-doctor_specialty .sm-doctor-card .entry-header,
body.tax-doctor_specialty .sm-doctor-card .entry-content,
body.tax-doctor_specialty .sm-doctor-card .entry-footer,
body.tax-doctor_clinic .sm-doctor-card .entry-header,
body.tax-doctor_clinic .sm-doctor-card .entry-content,
body.tax-doctor_clinic .sm-doctor-card .entry-footer{
padding: 0 !important;
margin: 0 !important;
}