/* Original Tilda desktop cards remain authoritative at 1200px and above. */
.local-responsive-doctors { display: none; }

@media (max-width: 1199px) {
  .local-responsive-doctors,
  .local-responsive-doctors * { box-sizing: border-box; }
  .local-responsive-doctors { font-family: var(--t-text-font, Golos, Arial, sans-serif); color: #0e0c28; }
  .responsive-doctor { position: relative; min-width: 0; overflow: hidden; border-radius: 8px; background: var(--doctor-background-960); }
  .responsive-doctor__portrait { position: absolute; bottom: 0; left: var(--doctor-photo-left-960, 0px); width: var(--doctor-photo-width-960); height: var(--doctor-photo-height-960); pointer-events: none; }
  .responsive-doctor__portrait img { display: block; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center; }
  .responsive-doctor--cutout .responsive-doctor__portrait img { object-fit: contain; object-position: left bottom; }
  .responsive-doctor__body { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 307px; margin-left: 44%; padding: 20px 16px 18px 10px; }
  .responsive-doctor__name { margin: 0; color: var(--doctor-name-color); font-size: 20px; line-height: 1.3; font-weight: 500; overflow-wrap: break-word; }
  .responsive-doctor__specialty { margin-top: 16px; color: var(--doctor-specialty-color); font-size: 14px; line-height: 1.55; font-weight: 400; overflow-wrap: break-word; }
  .responsive-doctor__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 18px; }
  #allrecords .responsive-doctor__actions a { display: flex; flex: none; align-items: center; justify-content: center; min-height: 33px; padding: 4px 3px; border: 0; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; }
  #allrecords .responsive-doctor__actions .responsive-doctor__review { width: 125px; background: #0e0c28; }
  #allrecords .responsive-doctor__actions .responsive-doctor__booking { width: 114px; background: #a78bfa; font-size: 15px; font-weight: 400; }
  #allrecords .responsive-doctor__actions a:focus-visible { outline: 2px solid #0e0c28; outline-offset: 2px; }
}

@media (min-width: 641px) and (max-width: 1199px) {
  #rec582302097 > .t396,
  #rec1405076541 > .t396 { display: none !important; }
  #rec582302097,
  #rec1405076541 { height: auto !important; min-height: 0 !important; }
  #rec582302097 > .local-responsive-doctors,
  #rec1405076541 > .local-responsive-doctors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: calc(100% - 20px); max-width: 940px; margin: 0 auto; padding-bottom: 16px; }
  .responsive-doctor-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-width: 0; }
  .responsive-doctor--round .responsive-doctor__portrait { top: 16px; left: 14px; width: 64px; height: 64px; border-radius: 50%; }
  .responsive-doctor--round .responsive-doctor__portrait img { width: 100%; height: 100%; object-fit: cover; }
  .responsive-doctor--round .responsive-doctor__body { min-height: 307px; margin-left: 0; padding: 16px 14px; }
  .responsive-doctor--round .responsive-doctor__name { min-height: 64px; margin-left: 76px; font-size: 15px; line-height: 20px; }
  .responsive-doctor--round .responsive-doctor__specialty { font-size: 15px; line-height: 22px; }
  .responsive-doctor--round .responsive-doctor__actions { flex-direction: column; gap: 8px; }
  #allrecords .responsive-doctor--round .responsive-doctor__actions a { width: 100%; }
}

@media (min-width: 641px) and (max-width: 959px) {
  #rec582302097 > .local-responsive-doctors,
  #rec1405076541 > .local-responsive-doctors { grid-template-columns: minmax(0, 1fr); max-width: 620px; }
  .responsive-doctor { background: var(--doctor-background-640); }
  .responsive-doctor__portrait { left: var(--doctor-photo-left-640, 0px); width: var(--doctor-photo-width-640); height: var(--doctor-photo-height-640); }
  .responsive-doctor__body { margin-left: 48%; padding-right: 20px; }
  .responsive-doctor__actions { flex-wrap: nowrap; }
  .responsive-doctor--round .responsive-doctor__body { min-height: 272px; }
  .responsive-doctor--round .responsive-doctor__actions { flex-direction: row; gap: 10px; }
  #allrecords .responsive-doctor--round .responsive-doctor__actions a { flex: 1; width: auto; min-width: 0; }
}

@media (max-width: 640px) {
  #rec582704432 > .t396 { display: none !important; }
  #rec582704432 { width: 100%; height: auto !important; min-height: 0 !important; overflow: hidden; }
  #rec582704432 > .local-responsive-doctors--strip { display: flex; gap: 10px; width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: 0 10px 81px; scroll-padding-inline: 10px; scroll-snap-type: x proximity; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
  #rec582704432 > .local-responsive-doctors--strip::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .local-responsive-doctors--strip .responsive-doctor { flex: 0 0 min(300px, 100%); width: min(300px, 100%); height: 450px; min-height: 450px; background: var(--doctor-background-320); order: var(--doctor-order-320); scroll-snap-align: start; }
  .local-responsive-doctors--strip .responsive-doctor__body { display: block; min-height: 0; height: 100%; margin: 0; padding: 16px; }
  .local-responsive-doctors--strip .responsive-doctor__name { min-height: 52px; font-size: 20px; line-height: 26px; }
  .local-responsive-doctors--strip .responsive-doctor__specialty { margin-top: 12px; font-size: 14px; line-height: 1.55; }
  .local-responsive-doctors--strip .responsive-doctor__portrait { left: auto; right: 0; bottom: 0; width: var(--doctor-photo-width-320); height: var(--doctor-photo-height-320); }
  .local-responsive-doctors--strip .responsive-doctor__portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .local-responsive-doctors--strip .responsive-doctor--cutout .responsive-doctor__portrait img { object-fit: contain; object-position: right bottom; }
  .local-responsive-doctors--strip .responsive-doctor__actions { position: absolute; top: 250px; left: 16px; display: flex; flex-direction: column; gap: 11px; width: 125px; margin: 0; padding: 0; }
}

@media (min-width: 480px) and (max-width: 640px) {
  #rec582704432 > .local-responsive-doctors--strip { padding-bottom: 100px; }
  .local-responsive-doctors--strip .responsive-doctor { background: var(--doctor-background-480); order: var(--doctor-order-480); }
  .local-responsive-doctors--strip .responsive-doctor__portrait { width: var(--doctor-photo-width-480); height: var(--doctor-photo-height-480); }
}

@media (max-width: 319px) {
  .local-responsive-doctors--strip .responsive-doctor__portrait { width: 100%; }
}