.doctor-list { padding: 52px 0 80px; background: #f7f8f8; font-family: Poppins, Arial, sans-serif; }.doctor-list__wrap { width: min(1140px, calc(100% - 36px)); margin: 0 auto; }.doctor-list__intro { margin-bottom: 25px; }.doctor-list__intro p { margin: 0 0 14px; color: #9ba2a3; font-size: 13px; }.doctor-list__intro p a { color: inherit; text-decoration: none; }.doctor-list__intro p span { margin: 0 5px; color: #c81010; }.doctor-list__intro h1 { margin: 0; color: #c53830; font-size: 34px; line-height: 1.2; }.doctor-list__intro > div { max-width: 670px; margin-top: 13px; color: #687781; font-size: 16px; line-height: 1.7; }
.doctor-list__categories { display: flex; gap: 10px; overflow-x: auto; padding: 8px 2px 18px; cursor: grab; scrollbar-width: thin; }.doctor-list__categories.is-dragging { cursor: grabbing; scroll-snap-type: none; }.doctor-list__categories, .doctor-list__categories * { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }.doctor-list__categories a { flex: 0 0 auto; padding: 9px 15px; border: 1px solid #cfe6e2; border-radius: 999px; color: #17665e; background: #fff; font-size: 13px; font-weight: 600; text-decoration: none; }.doctor-list__categories a:hover, .doctor-list__categories .is-active { border-color: #087b70; color: #fff; background: #087b70; }.doctor-list__count { margin: 0 0 24px; color: #286960; font-size: 14px; font-weight: 700; }
.doctor-list__group { margin-top: 34px; }.doctor-list__group h2 { margin: 0 0 16px; padding-left: 12px; border-left: 4px solid #c81010; color: #26313a; font-size: 23px; }.doctor-list__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }.doctor-card { overflow: hidden; border: 1px solid #e2e8e9; border-radius: 10px; background: #fff; box-shadow: 0 5px 15px rgba(29,42,48,.05); }.doctor-card > img { display: block; box-sizing: border-box; width: 100%; height: 260px; padding-top: 12px; object-fit: contain; object-position: center bottom; background: #eef3f2; }.doctor-card > div { min-width: 0; padding: 15px; }.doctor-card h3 { margin: 0 0 4px; color: #26313a; font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; }.doctor-card > div > p { margin: 0 0 11px; color: #b70808; font-size: 11px; font-weight: 700; text-transform: uppercase; }.doctor-card dl { display: grid; gap: 6px; margin: 0; }.doctor-card dl div { display: grid; grid-template-columns: 55px minmax(0, 1fr); gap: 6px; color: #6c7a81; font-size: 11px; line-height: 1.4; }.doctor-card .doctor-card__schedule dd { color: #087b70; font-weight: 600; }.doctor-card dt { color: #8c989d; font-weight: 600; }.doctor-card dd { margin: 0; color: #59676e; overflow-wrap: anywhere; }
@media (max-width: 1100px) { .doctor-list__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 850px) { .doctor-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }.doctor-list__categories { scrollbar-width: none; }.doctor-list__categories::-webkit-scrollbar { display: none; }
@media (max-width: 600px) { .doctor-list { padding: 35px 0 58px; }.doctor-list__wrap { width: min(100% - 28px, 1140px); }.doctor-list__intro h1 { font-size: 28px; }.doctor-list__intro > div { font-size: 14px; }.doctor-list__grid { grid-template-columns: 1fr; gap: 15px; }.doctor-list__group { margin-top: 28px; }.doctor-list__group h2 { font-size: 20px; }.doctor-card { display: grid; grid-template-columns: 135px minmax(0, 1fr); }.doctor-card > img { width: 135px; height: 100%; min-height: 210px; padding-top: 10px; object-fit: cover; object-position: center top; }.doctor-card > div { padding: 16px; }.doctor-card h3 { font-size: 16px; }.doctor-card dl div { grid-template-columns: 58px minmax(0, 1fr); font-size: 11px; } }

.doctor-card .doctor-card__schedule.is-off dd { color: #c53830; }