.online-zapis-main {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    background: #fff;
}



#service-search-wrapper {
    margin: 20px 0;
  }
  #service-search {
    width: 100%;
    max-width: 600px;
    padding: 10px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
  }
  .services-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .service-card {
    border-bottom: 1px solid rgba(135, 145, 165, 0.2);
    padding: 20px 0;
    background: transparent;
    cursor: pointer;
    transition: .3s;
  }
  @media(min-width: 1025px) {
    .service-card:hover .service-card-top h3 {
      color: #1BB4FD !important;
    }
    .service-card:hover .suggestion-list_item_arrow {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3e%3ccircle cx='15' cy='15' r='15' fill='%23F6F9FB'/%3e%3cpath d='M18.846 15C18.846 14.7849 18.7639 14.5699 18.6 14.4059L13.4402 9.24617C13.1119 8.91794 12.5798 8.91794 12.2517 9.24617C11.9236 9.57426 11.9236 10.1063 12.2517 10.4346L16.8174 15L12.2518 19.5654C11.9238 19.8936 11.9238 20.4256 12.2518 20.7537C12.5799 21.0821 13.1121 21.0821 13.4403 20.7537L18.6001 15.5941C18.764 15.43 18.846 15.215 18.846 15Z' fill='%231BB4FD'/%3e%3c/svg%3e") !important;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
    }
  }

  .hidden_name {
    display: none;
  }
  .service-card-title {
    color: #2D4155;
    font-size: 22px;
    font-weight: 600;
    line-height: 130%;
  }
  .service-card-info {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
    margin-top: 10px;
  }
  .service-card-price {
    margin: 0;
    color: #2D4155;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
  }
  .service-card-duration {
    margin: 0;
    color: #8791A5;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
  }

  @media(max-width: 1024px) {
    .service-card {
      padding: 10px 0;
    }
  }



  #pagination-wrapper {
    text-align: center;
    margin: 20px 0;
  }
  #load-more-btn {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    background: #1BB4FD;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
  }
  #load-more-btn:hover {
    background: #0088cc;
  }
  
  .doctors-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px 0;
  }
  .doctors-list_wrapper {
    background: #F6F9FB;
  }
  .doctor-card {
    display: flex;
    /* min-height: 300px; */
    min-height: 250px;
    gap: 30px;
    width: 100%;
    padding: 20px 20px 25px;
    border-radius: 20px;
    background: #FFF;
    transition: .3s;
  }
  @media(max-width: 1024px) {
    .doctor-card {
      flex-direction: column;
      gap: 0;
    }
  }
  #slots-container ul {
    list-style: none;
    padding: 0;
  }
  .flatpickr-calendar {
    top: 35px !important;
    padding: 20px 20px 30px 20px !important;
    border-radius: 15px !important;
    width: 360px !important;
  }
  .flatpickr-innerContainer {
    justify-content: center !important;
  }
  .flatpickr-months {
    max-width: 310px;
    margin: 0 auto 20px;
  }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    position: relative !important;
    min-width: 44px !important;
    width: 44px;
    height: 44px !important;
    border-radius: 50%;
    top: 0px !important;
  }
  .flatpickr-months .flatpickr-month {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px !important;
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: block !important;
    opacity: 0.5;
  }
  .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    display: none;
  }
  .flatpickr-months .flatpickr-prev-month {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='44' height='44' rx='22' fill='%23F6F9FB'/%3e%3ccircle cx='22' cy='22' r='22' transform='matrix(-1 0 0 1 44 0)' fill='%23F6F9FB'/%3e%3cpath d='M18.1543 22C18.1543 21.7849 18.2364 21.5699 18.4003 21.4059L23.5601 16.2462C23.8883 15.9179 24.4205 15.9179 24.7486 16.2462C25.0767 16.5743 25.0767 17.1063 24.7486 17.4346L20.1829 22L24.7484 26.5654C25.0765 26.8936 25.0765 27.4256 24.7484 27.7537C24.4203 28.0821 23.8881 28.0821 23.5599 27.7537L18.4001 22.5941C18.2362 22.43 18.1543 22.215 18.1543 22Z' fill='%232D4155'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    left: 0px !important;
  }
  .flatpickr-months .flatpickr-next-month {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='44' height='44' rx='22' transform='matrix(-1 0 0 1 44 0)' fill='%23F6F9FB'/%3e%3ccircle cx='22' cy='22' r='22' fill='%23F6F9FB'/%3e%3cpath d='M25.8457 22C25.8457 21.7849 25.7636 21.5699 25.5997 21.4059L20.4399 16.2462C20.1117 15.9179 19.5795 15.9179 19.2514 16.2462C18.9233 16.5743 18.9233 17.1063 19.2514 17.4346L23.8171 22L19.2516 26.5654C18.9235 26.8936 18.9235 27.4256 19.2516 27.7537C19.5797 28.0821 20.1119 28.0821 20.4401 27.7537L25.5999 22.5941C25.7638 22.43 25.8457 22.215 25.8457 22Z' fill='%232D4155'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    right: 0px !important;
  }
  .flatpickr-current-month {
    width: 100% !important;
    padding-top: 0 !important;
    left: 0 !important;
    height: 44px !important;

    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px !important;
    gap: 15px;
  }
  @media(min-width: 768px) {
    .flatpickr-current-month {
      font-size: 160% !important;
    }
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    text-align: left !important;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: transparent !important;
  }
  .flatpickr-monthDropdown-months {
    color: #2D4155 !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 130% !important;

    appearance: none !important; /* для большинства браузеров */
    -webkit-appearance: none !important; /* для Safari/Chrome */
    -moz-appearance: none !important; /* для Firefox */
    background: none !important; /* при необходимости убрать фон */
    background-image: none !important; /* убрать стрелку у некоторых браузеров */
  }
  .flatpickr-current-month input.cur-year {
    color: #2D4155 !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    text-align: left !important;
    padding-left: 0 !important;
  }
  span.flatpickr-weekday {
    color: #2D4155 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 130% !important;
    text-transform: uppercase;
  }
  .flatpickr-day {
    display: flex !important;
    align-items: center;
    color: #2D4155 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 130% !important;
  }
  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: rgba(135, 145, 165, 0.30) !important;
  }
  .flatpickr-day.today {
    border: none !important;
  }
  .flatpickr-day.selected {
    background: #1BB4FD !important;
    border-radius: 50%;
    color: #fff !important;
    border: none !important;
  }
  @media(min-width: 1025px) {
    .flatpickr-day:hover {
      background: rgba(27, 180, 253, 0.10) !important;
      border: none !important;
      /* border: 1px solid rgba(27, 180, 253, 0.10) !important; */
    }
  }
  @media(max-width: 767px) {
    .flatpickr-calendar.open {
      position: fixed !important;
      width: 100% !important;
      top: auto !important;
      bottom: 0;
      max-height: 300px;
    }
    .flatpickr-calendar.arrowTop:before {
      display: none;
    }
  }
  .slot-item {
    padding: 8px;
    margin: 5px 0;
    background: #eef;
    border-radius: 5px;
    cursor: pointer;
  }
  .slot-item:hover {
    background: #cce;
  }
  #selected-slot-info {
    margin-top: 15px;
    background: #efe;
    padding: 10px;
    border-radius: 5px;
  }
  .doctor-card-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 50%;
    width: 100%;
  }
  .doctor-card-top {
    display: flex;
    max-width: 50%;
    width: 100%;
    gap: 20px;
    align-items: flex-start;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(135,145,165,0.2);
  }
  @media(min-width: 1025px) {
    .doctor-card-top {
      display: flex;
      max-width: 100%;
      width: 100%;
      gap: 20px;
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none;
    }
  }
  @media(max-width: 1024px) {
    .doctor-card-top {
      max-width: 100%;
    }
  }
  .doctor-photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: rgba(27, 180, 253, 0.10);
  }
  @media(min-width: 1025px) {
    .doctor-photo {
      width: 110px;
      height: 110px;
    }
  }
  .doctor-card-top-info {
    flex-grow: 1;
  }
  
  .doctor-position {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    color: #8791A5;
  }
  
  .doctor-name {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    color: #2D4155;
  }
  
  .doctor-info {
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    color: #2D4155;
  }

  .doctor-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #1BB4FD !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
    transition: .3s;
  }
  @media(min-width: 1025px) {
    .doctor-link:hover {
      opacity: 0.5;
    }
  }
  .doctor-link::after {
    content: '';
    display: block;
    position: relative;
    min-width: 6px;
    width: 6px;
    height: 10px;
    margin-left: 5px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2321_12075)'%3e%3cpath d='M5.83709 4.6098L1.29221 0.159755C1.1871 0.0567475 1.04677 0 0.897152 0C0.74753 0 0.607207 0.0567475 0.50209 0.159755L0.167391 0.487394C-0.0503999 0.700889 -0.0503999 1.04788 0.167391 1.26105L3.98384 4.99793L0.163156 8.73895C0.0580388 8.84196 0 8.97928 0 9.1257C0 9.27228 0.0580388 9.4096 0.163156 9.51269L0.497855 9.84025C0.603055 9.94325 0.743295 10 0.892917 10C1.04254 10 1.18286 9.94325 1.28798 9.84025L5.83709 5.38614C5.94246 5.2828 6.00033 5.14484 6 4.99817C6.00033 4.85094 5.94246 4.71305 5.83709 4.6098Z' fill='%231BB4FD'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2321_12075'%3e%3crect width='6' height='10' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  @media(max-width: 1024px) {
    .doctor-link::after {
      top: -1px;
    }
  }

  .doctor_zapis {
    max-width: 50%;
    width: 100%;
  }
  .doctor_zapis .address-wrapper {
    display: none;
  }
  .address-wrapper {
    display: none !important;
  }
  @media(max-width: 1024px) {
    .doctor_zapis {
      max-width: 100%;
    }
    .doctor_zapis .address-wrapper {
      display: flex;
      max-width: 600px;
      width: 100%;
    }
    .doctor-card-info {
      max-width: 100%;
    }
    .doctor-card-info .address-wrapper {
      display: none;
    }
    .doctor-position {
      font-size: 12px;
    }
    .doctor-name {
      font-size: 14px;
    }
    .doctor-info {
      font-size: 12px;
    }
    .doctor-link {
      margin-top: 10px;
      font-size: 12px;
    }
  }



  #clear-search-btn {
    position: absolute;
    top: 15px;
    right: 54px;
    margin-right: 5px;
    display: none;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M1 1L11 11M11 1L1 11' stroke='%238791A5' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
    color: transparent;
  }
  @media(min-width: 1025px) {
    #clear-search-btn {
      top: 18px;
      right: 54px;
      width: 18px;
      height: 18px;
    }
  }
  .suggestion-list_item {
    padding: 0 0 10px;
  }
  @media(min-width: 1025px) {
    .suggestion-list_item {
      padding: 0 0 20px;
    }
  }
  .suggestion-list_item-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
  }
  .suggestion-list_item:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 0.5px solid rgba(135, 145, 165, 0.2);
  }
  .suggestion-list_item_title {
    margin-bottom: 10px;
    padding-right: 20px;
    color: #2D4155;
    font-size: 17px;
    font-weight: 600;
    line-height: 130%;

    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  @media(min-width: 1025px) {
    .suggestion-list_item_title {
      margin-bottom: 10px;
      font-size: 20px;
    }
  }
  .suggestion-list_item_info {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 !important;
  }
  .suggestion-list_item_price {
    margin: 0;
    color: #2D4155;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
  }
  .suggestion-list_item_duration {
    margin: 0;
    color: #8791A5;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
  }
  @media(min-width: 1025px) {
    .suggestion-list_item_price {
      font-size: 20px;
    }
    .suggestion-list_item_duration {
      font-size: 15px;
    }
  }
  .suggestion-list_item_arrow {
    min-width: 30px;
    width: 30px;
    height: 30px;
    margin-left: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='15' cy='15' r='15' fill='%23F6F9FB'/%3e%3cpath d='M18.846 15C18.846 14.7849 18.7639 14.5699 18.6 14.4059L13.4402 9.24617C13.1119 8.91794 12.5798 8.91794 12.2517 9.24617C11.9236 9.57426 11.9236 10.1063 12.2517 10.4346L16.8174 15L12.2518 19.5654C11.9238 19.8936 11.9238 20.4256 12.2518 20.7537C12.5799 21.0821 13.1121 21.0821 13.4403 20.7537L18.6001 15.5941C18.764 15.43 18.846 15.215 18.846 15Z' fill='%232D4155'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%;
    background-color: #F6F9FB !important;
    transition: .3s;
  }
  
  
  
  .slot-day {
    margin-bottom: 0px;
  }
  
  .slot-times {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
  }
  
  .slot-btn {
    min-width: 70px;
    padding: 10px 14px;
    border: none;
    background: #00aaff;
    color: white;
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;

    cursor: pointer;
  }
  @media(max-width: 1024px) {
    .slot-btn {
      min-width: 65px;
      padding: 10px 9px;
      font-size: 14px;
      line-height: 18px;
    }
  }
  @media(max-width: 600px) {
    .slot-btn {
      min-width: calc(25% - 7.5px);
    }
  }
  
  .slot-btn:hover {
    background: #0088cc;
  }
  .slot-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
 }
  .slot-date-btn {
    padding: 5px 10px;
    border-radius: 8px;
    border: 2px solid rgba(135, 145, 165, 0.20);
    background: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #2D4155;
    transition: .3s;
  }
  @media(max-width: 1024px) {
    .slot-date-btn {
      font-size: 12px;
      line-height: 16px;
      padding: 3px 10px;
    }
  }
  .slot-date-btn.active {
    border: 2px solid #1BB4FD !important;
    color: #2D4155;
    background: transparent !important;
  }
  @media(min-width: 1025px) {
    .slot-date-btn:hover {
      background: #F6F9FB;
      color: #2D4155;
      border-color: #F6F9FB;
    }
  }

  .address-wrapper {
    display: flex;
    align-items: center;
    padding: 12px 30px 12px 15px;
    width: max-content;
    border-radius: 10px;
    background: #FFFAF3;
  }
  .address-wrapper::before {
    content: '';
    display: block;
    position: relative;
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.75C7.99594 2.75 4.75 5.99594 4.75 10C4.75 12.7037 6.57785 15.5212 8.56056 17.7517C9.53432 18.8472 10.5104 19.7625 11.2439 20.4043C11.5427 20.6658 11.8003 20.8811 12 21.0438C12.1997 20.8811 12.4573 20.6658 12.7561 20.4043C13.4896 19.7625 14.4657 18.8472 15.4394 17.7517C17.4221 15.5212 19.25 12.7037 19.25 10C19.25 5.99594 16.0041 2.75 12 2.75ZM12 22L12.45 22.6C12.1833 22.8 11.8167 22.8 11.55 22.6L12 22ZM3.25 10C3.25 5.16751 7.16751 1.25 12 1.25C16.8325 1.25 20.75 5.16751 20.75 10C20.75 13.2963 18.5779 16.4788 16.5606 18.7483C15.5343 19.9028 14.5104 20.8625 13.7439 21.5332C13.3601 21.869 13.0395 22.1336 12.8135 22.3151C12.7006 22.4059 12.6112 22.476 12.5493 22.524C12.5183 22.5479 12.4943 22.5664 12.4776 22.5791L12.4581 22.5939L12.4526 22.5981L12.4509 22.5993C12.4507 22.5995 12.45 22.6 12 22C11.55 22.6 11.5502 22.6002 11.55 22.6L11.5474 22.5981L11.5419 22.5939L11.5224 22.5791C11.5057 22.5664 11.4817 22.5479 11.4507 22.524C11.3888 22.476 11.2994 22.4059 11.1865 22.3151C10.9605 22.1336 10.6399 21.869 10.2561 21.5332C9.48959 20.8625 8.46568 19.9028 7.43944 18.7483C5.42215 16.4788 3.25 13.2963 3.25 10Z' fill='%231BB4FD'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7.75C10.7574 7.75 9.75 8.75736 9.75 10C9.75 11.2426 10.7574 12.25 12 12.25C13.2426 12.25 14.25 11.2426 14.25 10C14.25 8.75736 13.2426 7.75 12 7.75ZM8.25 10C8.25 7.92893 9.92893 6.25 12 6.25C14.0711 6.25 15.75 7.92893 15.75 10C15.75 12.0711 14.0711 13.75 12 13.75C9.92893 13.75 8.25 12.0711 8.25 10Z' fill='%231BB4FD'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .doctor-address {
    margin: 0;
    color: #2D4155;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
  }
  @media(max-width: 1024px) {
    .doctor-slots {
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid rgba(135,145,165,0.2);
    }
    .doctor-address {
      font-size: 12px;
    }
    .address-wrapper {
      padding: 10px;
    }
  }

  .slot-show-more {
    display: block;
    margin: 0;
    width: 70px;
    min-height: 30.2px;
    padding: 6px 14px;
    background-color: #F6F9FB;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.5 18.8462C15.2849 18.8462 15.0699 18.7641 14.9059 18.6002L9.74617 13.4404C9.41794 13.1122 9.41794 12.58 9.74617 12.2519C10.0743 11.9238 10.6063 11.9238 10.9346 12.2519L15.5 16.8176L20.0654 12.2521C20.3936 11.924 20.9256 11.924 21.2537 12.2521C21.5821 12.5802 21.5821 13.1123 21.2537 13.4406L16.0941 18.6004C15.93 18.7643 15.715 18.8462 15.5 18.8462Z' fill='%238791A5'/%3e%3cmask id='mask0_2235_3870' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='9' y='12' width='13' height='7'%3e%3cpath d='M15.5 18.8462C15.2849 18.8462 15.0699 18.7641 14.9059 18.6002L9.74617 13.4404C9.41794 13.1122 9.41794 12.58 9.74617 12.2519C10.0743 11.9238 10.6063 11.9238 10.9346 12.2519L15.5 16.8176L20.0654 12.2521C20.3936 11.924 20.9256 11.924 21.2537 12.2521C21.5821 12.5802 21.5821 13.1123 21.2537 13.4406L16.0941 18.6004C15.93 18.7643 15.715 18.8462 15.5 18.8462Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2235_3870)'%3e%3crect x='0.5' width='30' height='30' fill='%232D4155'/%3e%3c/g%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
  }
  .slot-show-more.no_more {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.5 11.1538C15.7151 11.1538 15.9301 11.2359 16.0941 11.3998L21.2538 16.5596C21.5821 16.8878 21.5821 17.42 21.2538 17.7481C20.9257 18.0762 20.3937 18.0762 20.0654 17.7481L15.5 13.1824L10.9346 17.7479C10.6064 18.076 10.0744 18.076 9.74629 17.7479C9.4179 17.4198 9.4179 16.8877 9.74629 16.5594L14.9059 11.3996C15.07 11.2357 15.285 11.1538 15.5 11.1538Z' fill='%238791A5'/%3e%3cmask id='mask0_2056_8129' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='9' y='11' width='13' height='7'%3e%3cpath d='M15.5 11.1538C15.7151 11.1538 15.9301 11.2359 16.0941 11.3998L21.2538 16.5596C21.5821 16.8878 21.5821 17.42 21.2538 17.7481C20.9257 18.0762 20.3937 18.0762 20.0654 17.7481L15.5 13.1824L10.9346 17.7479C10.6064 18.076 10.0744 18.076 9.74629 17.7479C9.4179 17.4198 9.4179 16.8877 9.74629 16.5594L14.9059 11.3996C15.07 11.2357 15.285 11.1538 15.5 11.1538Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2056_8129)'%3e%3crect x='30.5' y='30' width='30' height='30' transform='rotate(180 30.5 30)' fill='%232D4155'/%3e%3c/g%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
  }



  .record-step {
    display: none;
    margin-bottom: 60px;
  }
  .record-step.active {
    display: block;
  }
  .record-step_title {
    margin-bottom: 40px;
    color: #2D4155;
    font-size: 44px;
    font-weight: 600;
    line-height: 130%;
  }
  @media (max-width: 1024px) {
    .record-step_title {
      margin-bottom: 20px;
      font-size: 26px;
      line-height: 30px;
    }
  }

  .directions-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
    
  @media (max-width: 1024px) {
    .directions-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (max-width: 600px) {
    .directions-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }



  .selection-summary-wrapper {
    min-height: 150px;
  }
  .selection-summary {
    padding-bottom: 20px;
    background: #fff;
    transition: all 0.3s ease;
  }
  .selection-summary.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
  }
  .selection-summary.fixed.at-footer {
    position: absolute;
    bottom: 100px; /* или отступ от футера */
    transform: translateY(100%); /* можно адаптировать под layout */
  }
  .selection-summary.fixed .selection-summary-content {
    max-width: 1230px;
    padding: 15px 15px 0;
    margin: 0 auto;
  }
  .selected-direction-heading::before {
    content: '';
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    margin-right: 10px;
  }
  .selected-direction-heading.results::before {
    display: none;
  }
  .selected-direction-heading[data-name=""]::before {
    display: none;
  }
  .summary-direction {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #2D4155;
    font-size: 44px;
    font-weight: 600;
    line-height: 130%;
  }
  .summary-direction::before {
    content: '';
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    margin-right: 10px;
  }
  .summary-direction[data-name="Результаты поиска"]::before {
    display: none;
  }
  .summary-service {
    max-width: 940px;
    width: 100%;
    margin-bottom: 20px;
    color: #2D4155;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
  }
  .selection-summary_info {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .duration-block {
    margin: 0;
    color: #8791A5;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
  }
  .price-block {
    margin: 0;
    color: #2D4155;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%; 
  }

  
  @media(max-width: 1024px) {
    .selection-summary {
      padding-bottom: 10px;
    }
    .selected-direction-heading::before,
    .summary-direction::before {
      width: 30px;
      height: 30px;
      margin-right: 10px;
    }
    .summary-direction {
      margin-bottom: 10px;
      font-size: 26px;
      line-height: 30px;
    }
    .summary-service {
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 400;
      line-height: 130%;
    }
    .duration-block {
      font-size: 14px;
    }
    .price-block {
      font-size: 14px;
    }
    
  }


  .toggle-directions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto 0;
    background: none;
    border: none;
    color: #0077cc;
    cursor: pointer;
    text-decoration: none;
    color: #1BB4FD;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
  }
  .toggle-directions::after {
    content: '';
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3e%3cpath d='M15.5 18.8462C15.2849 18.8462 15.0699 18.7641 14.9059 18.6002L9.7462 13.4404C9.41797 13.1122 9.41797 12.58 9.7462 12.2519C10.0743 11.9238 10.6064 11.9238 10.9346 12.2519L15.5 16.8176L20.0654 12.2521C20.3937 11.924 20.9257 11.924 21.2537 12.2521C21.5821 12.5802 21.5821 13.1123 21.2537 13.4406L16.0941 18.6004C15.93 18.7643 15.715 18.8462 15.5 18.8462Z' fill='%238791A5'/%3e%3cmask id='mask0_2033_4597' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='9' y='12' width='13' height='7'%3e%3cpath d='M15.5 18.8462C15.2849 18.8462 15.0699 18.7641 14.9059 18.6002L9.7462 13.4404C9.41797 13.1122 9.41797 12.58 9.7462 12.2519C10.0743 11.9238 10.6064 11.9238 10.9346 12.2519L15.5 16.8176L20.0654 12.2521C20.3937 11.924 20.9257 11.924 21.2537 12.2521C21.5821 12.5802 21.5821 13.1123 21.2537 13.4406L16.0941 18.6004C15.93 18.7643 15.715 18.8462 15.5 18.8462Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2033_4597)'%3e%3crect x='0.5' width='30' height='30' fill='%231BB4FD'/%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: .3s;
  }
  .toggle-directions[data-expanded="true"]::after {
    transform: rotate(180deg);
  }
  @media(max-width: 1024px) {
    .toggle-directions {
      margin-top: 20px;
      font-size: 14px;
      font-weight: 600;
      line-height: 130%; 
    }
  }

  .record-step-services {
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
  }


  .services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
  }
  .service-item {
    background: #f1f5f9;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    transition: background 0.3s;
  }
  .service-item:hover {
    background: #dbeafe;
  }
  .service-item span {
    display: block;
    font-size: 14px;
    color: #555;
    margin-top: 4px;
  }
  .service-item strong {
    font-size: 16px;
  }
  .back-button {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 0;
    background: none;
    border: none;
    color: #2D4155;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    cursor: pointer;
    text-decoration: none;
  }
  .back-button::before {
    content: '';
    display: block;
    position: relative;
    min-width: 6px;
    width: 6px;
    height: 10px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2189_15782)'%3e%3cpath d='M0.162909 4.6098L4.70779 0.159755C4.8129 0.0567475 4.95323 0 5.10285 0C5.25247 0 5.39279 0.0567475 5.49791 0.159755L5.83261 0.487394C6.0504 0.700889 6.0504 1.04788 5.83261 1.26105L2.01616 4.99793L5.83684 8.73895C5.94196 8.84196 6 8.97928 6 9.1257C6 9.27228 5.94196 9.4096 5.83684 9.51269L5.50215 9.84025C5.39694 9.94325 5.2567 10 5.10708 10C4.95746 10 4.81714 9.94325 4.71202 9.84025L0.162909 5.38614C0.0575423 5.2828 -0.000330925 5.14484 1.43051e-06 4.99817C-0.000330925 4.85094 0.0575423 4.71305 0.162909 4.6098Z' fill='%231BB4FD'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2189_15782'%3e%3crect width='6' height='10' fill='white' transform='matrix(-1 0 0 1 6 0)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  @media(max-width: 1024px) {
    .back-button::before {
      top: -1px;
    }
  }
  @media(min-width: 1025px) {
    .back-button {
      margin-bottom: 40px;
      font-size: 20px;
    }
  }

  .selected-direction-heading {
    display: flex !important;
    align-items: center;
    margin-bottom: 20px !important;
    color: #2D4155;
    font-size: 44px;
    font-weight: 600;
    line-height: 130%;
  }
  .choise_services {
    margin-bottom: 40px;
    color:  #8791A5;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
  }
  @media(max-width: 1024px) {
    .choise_services {
      margin-bottom: 20px;
      font-size: 14px;
    }
    .selected-direction-heading {
      margin-bottom: 10px !important;
      font-size: 26px;
      line-height: 30px;
    }
  }



  .search-box-wrapper {
    position: relative;
    max-width: 700px;
    margin: 0 auto 80px;
  }
  @media(max-width: 1024px) {
    .search-box-wrapper {
      margin-bottom: 40px;
    }
  }

  #top-service-search {
    position: relative;
    max-width: 700px;
    width: 100%;
    padding: 17px 100px 17px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: #2D4155;
    border: none;
    background-color: #F6F9FB;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3ccircle cx='9' cy='9' r='7' stroke='%238791A5' stroke-width='2'/%3e%3cpath d='M21.2929 22.7071C21.6834 23.0976 22.3166 23.0976 22.7071 22.7071C23.0976 22.3166 23.0976 21.6834 22.7071 21.2929L21.2929 22.7071ZM14 14L13.2929 14.7071L17.0429 18.4571L17.75 17.75L18.4571 17.0429L14.7071 13.2929L14 14ZM17.75 17.75L17.0429 18.4571L21.2929 22.7071L22 22L22.7071 21.2929L18.4571 17.0429L17.75 17.75Z' fill='%238791A5'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: top 15px right 20px;
    background-size: 24px 24px;
    outline: none;
  }
  input#top-service-search::-moz-placeholder { color: #8791A5; }
  input#top-service-search::-webkit-input-placeholder { color: #8791A5; }
  input#top-service-search:-ms-input-placeholder { color: #8791A5; }
  input#top-service-search::-ms-input-placeholder { color: #8791A5; }
  input#top-service-search::placeholder { color: #8791A5; } 
  @media(max-width: 1024px) {
    #top-service-search {
      position: relative;
      width: 100%;
      padding: 12px 85px 12px 15px;
      border-radius: 8px;
      font-size: 16px;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3ccircle cx='9' cy='9' r='7' stroke='%238791A5' stroke-width='2'/%3e%3cpath d='M21.2929 22.7071C21.6834 23.0976 22.3166 23.0976 22.7071 22.7071C23.0976 22.3166 23.0976 21.6834 22.7071 21.2929L21.2929 22.7071ZM14 14L13.2929 14.7071L17.0429 18.4571L17.75 17.75L18.4571 17.0429L14.7071 13.2929L14 14ZM17.75 17.75L17.0429 18.4571L21.2929 22.7071L22 22L22.7071 21.2929L18.4571 17.0429L17.75 17.75Z' fill='%238791A5'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: top 10px right 15px;
      background-size: 24px 24px;
    }
  }


  .suggestion-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  @media(max-width: 1024px) {
    .suggestion-list {
      display: block;
      width: calc(100% + 30px);
      margin: 0 0 0 -15px;
      max-height: 80vh;
      top: 55px;
      border: none;
    }
  }
  @media(min-width: 1025px) {
    .suggestion-list {
      position: absolute;
      top: 70px;
      left: 0;
      right: 0;
      border: none;
      border-top: none;
      max-height: 300px;
      overflow-y: auto;
      z-index: 1000;
      border-radius: 15px;
      background: #FFF;
      box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    }
  }
  
  .suggestion-list div {
    cursor: pointer;
    transition: background 0.2s;
  }
  .suggestion-list_search {
    padding: 20px 20px 0;
  }
  .suggestion-list_search:not(:last-child) .suggestion-list_item {
    border-bottom: 0.5px solid rgba(135,145,165,0.5);
  }
  
  .suggestion-list div:hover {
    background: #F6F9FB;
  }

  .no_found {
    padding: 20px;
  }
  .service-card-arrow {
    min-width: 30px;
    width: 30px;
    height: 30px;
    margin-left: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3e%3cpath d='M18.846 15C18.846 14.7849 18.7639 14.5699 18.6 14.4059L13.4402 9.24617C13.1119 8.91794 12.5798 8.91794 12.2517 9.24617C11.9236 9.57426 11.9236 10.1063 12.2517 10.4346L16.8174 15L12.2518 19.5654C11.9238 19.8936 11.9238 20.4256 12.2518 20.7537C12.5799 21.0821 13.1121 21.0821 13.4403 20.7537L18.6001 15.5941C18.764 15.43 18.846 15.215 18.846 15Z' fill='%238791A5'/%3e%3cmask id='mask0_2057_3364' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='12' y='9' width='7' height='12'%3e%3cpath d='M18.846 15C18.846 14.7849 18.7639 14.5699 18.6 14.4059L13.4402 9.24617C13.1119 8.91794 12.5798 8.91794 12.2517 9.24617C11.9236 9.57426 11.9236 10.1063 12.2517 10.4346L16.8174 15L12.2518 19.5654C11.9238 19.8936 11.9238 20.4256 12.2518 20.7537C12.5799 21.0821 13.1121 21.0821 13.4403 20.7537L18.6001 15.5941C18.764 15.43 18.846 15.215 18.846 15Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2057_3364)'%3e%3crect width='30' height='30' transform='matrix(4.37114e-08 1 1 -4.37114e-08 0 0)' fill='%232D4155'/%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 100px;
    background-color: #F6F9FB;
  }
  .service-card-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
  }
  .service-card-top h3 {
    padding-right: 20px;
    margin-bottom: 10px;
    color: #2D4155;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    transition: .3s;
  }
  @media(max-width: 1024px) {
    .service-card-top h3 {
      font-size: 17px;
      padding-right: 10px;
    }
  }
  .service-card-main {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .service-price {
    color: #2D4155;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
  }
  .service-duration {
    color: #8791A5;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
  }
  @media(max-width: 1024px) {
    .service-price {
      font-size: 14px;
    }
    .service-duration {
      font-size: 14px;
    }
  }


  .calendar-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
  }
  
  .calendar-display-button {
    background: #F6F9FB;
    border: none;
    border-radius: 8px;
    padding: 5px 5px 5px 10px;
    font-size: 15px;
    color: #2D4155;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  @media(max-width: 1024px) {
    .calendar-display-button {
      padding: 1px 5px 1px 10px;
      font-size: 12px;
      min-height: 26px;
    }
  }
  
  .calendar-display-button .calendar-date {
    color: #8791A5;
  }
  
  .calendar-arrow {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 16C11.8208 16 11.6416 15.928 11.5049 15.7842L7.20514 11.2583C6.93162 10.9704 6.93162 10.5036 7.20514 10.2158C7.47855 9.92805 7.92193 9.92805 8.19548 10.2158L12 14.2206L15.8045 10.216C16.078 9.92819 16.5214 9.92819 16.7948 10.216C17.0684 10.5038 17.0684 10.9706 16.7948 11.2585L12.495 15.7844C12.3583 15.9281 12.1791 16 12 16Z' fill='%232D4155'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    pointer-events: none;
  }



  .doctor-head {
    display: flex;
    align-items: start;
    gap: 15px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 0.5px solid rgba(135, 145, 165, 0.2);
  }
  .doctor-exp,
  .doctor-dop {
    color: #2D4155;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
  }
  .doctor-exp {
    margin-bottom: 5px;
  }
  @media(max-width: 1024px) {
    .doctor-head {
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    .doctor-exp,
    .doctor-dop {
      font-size: 12px;
    }
  }




  .doctor-card {
    display: none;
  }
  
  .doctor-card.visible {
    display: block;
  }

  .pagination_doctors {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
  }
  
  .pagination-button {
    display: inline-block;
    margin: 0 5px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    color: #2D4155;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
    border: none;
    background:transparent;
    cursor: pointer;
    transition: .3s;
  }
  @media(max-width: 767px) {
    .pagination-button {
      margin: 0 4px;
      width: 30px;
      height: 30px;
    }
  }
  
  .pagination-button.active {
    background-color: #8791A5 !important;
    color: #fff !important;
  }
  
  .pagination-button:hover {
    background-color: #E6EBEE;
  }
  
  .pagination-dots {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 14px;
    font-size: 18px;
    color: #aaa;
    user-select: none;
  }


  .incorrect {
    border: 1px solid red !important;
  }
  
  .error-message {
    margin: -15px 0 15px;
    color: #FF4949;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
  }

  .form-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .form-loader_wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    height: fit-content;
    margin: auto;
    padding: 30px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 4px 4px 35px 0px rgba(0, 0, 0, 0.15);
  }
  .spinner {
    width: 60px;
    height: 60px;
    border: 3px solid rgba(0, 174, 255, 0.2);
    border-top: 6px solid #00aaff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: 0 auto 20px;
  }
  
  @keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  .form-loader-text {
    width: 100%;
    margin: 0 auto 10px;
    text-align: center;
    color: #2D4155;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
  }
  .form-loader-description {
    width: 100%;
    color: #2D4155;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
  }

  @media(max-width: 1024px) {
    .spinner {
      margin: 0 auto 20px;
    }
    .form-loader-text {
      max-width: 210px;
      width: 100%;
      margin: 0 auto 10px;
      text-align: center;
      font-size: 22px;
      line-height: 26px;
    }
    .form-loader-description {
      font-size: 14px;
    }
  }



  .doctors-filters {
    padding: 10px 0;
    background: #FFF;
    border-top: 0.5px solid rgba(135, 145, 165, 0.2);
    border-bottom: 0.5px solid rgba(135, 145, 165, 0.2);
  }
  .filter-btns {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .filter-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 34px;
    padding: 5px 15px;
    border-radius: 10px;
    background: #F6F9FB;
    border: none;
    color: #2D4155;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
    transition: .3s;
  }
  @media(min-width: 1025px) {
    .filter-btn:hover {
      background: #1BB4FD;
      color: #fff;
    }
  }
  .filter-btn.active {
    background: #1BB4FD !important;
    color: #fff !important;
  }
  .filter-btn.active::after {
    content: '';
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.6522 7.23123C15.9605 6.92292 16.4603 6.92292 16.7686 7.23123C17.0769 7.53954 17.0769 8.03928 16.7686 8.34759L13.1163 11.9999L16.7686 15.6522L16.8231 15.7119C17.076 16.0219 17.0576 16.4795 16.7686 16.7686C16.4795 17.0576 16.0219 17.076 15.7119 16.8231L15.6522 16.7686L11.9999 13.1163L8.34759 16.7686C8.03928 17.0769 7.53954 17.0769 7.23123 16.7686C6.92292 16.4603 6.92292 15.9605 7.23123 15.6522L10.8836 11.9999L7.23123 8.34759C6.92292 8.03928 6.92292 7.53954 7.23123 7.23123C7.53954 6.92292 8.03928 6.92292 8.34759 7.23123L11.9999 10.8836L15.6522 7.23123Z' fill='white'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .filter-date-today.active {
    padding: 5px 10px 5px 15px;
  }

  .direction-toggle,
  .calendar-toggle,
  .gender-toggle {
    padding: 5px 10px 5px 15px;
  }
  .direction-toggle::after,
  .calendar-toggle::after,
  .gender-toggle::after {
    content: '';
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11.9992 15.0758C11.8272 15.0758 11.6551 15.0101 11.5239 14.879L7.39615 10.7512C7.13357 10.4886 7.13357 10.0628 7.39615 9.80037C7.65863 9.5379 8.08428 9.5379 8.34688 9.80037L11.9992 13.4529L15.6515 9.8005C15.9141 9.53802 16.3397 9.53802 16.6022 9.8005C16.8649 10.063 16.8649 10.4887 16.6022 10.7513L12.4745 14.8791C12.3432 15.0103 12.1712 15.0758 11.9992 15.0758Z' fill='%238791A5'/%3e%3cmask id='mask0_2626_12094' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='7' y='9' width='10' height='7'%3e%3cpath d='M11.9992 15.0758C11.8272 15.0758 11.6551 15.0101 11.5239 14.879L7.39615 10.7512C7.13357 10.4886 7.13357 10.0628 7.39615 9.80037C7.65863 9.5379 8.08428 9.5379 8.34688 9.80037L11.9992 13.4529L15.6515 9.8005C15.9141 9.53802 16.3397 9.53802 16.6022 9.8005C16.8649 10.063 16.8649 10.4887 16.6022 10.7513L12.4745 14.8791C12.3432 15.0103 12.1712 15.0758 11.9992 15.0758Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2626_12094)'%3e%3crect y='-0.00195312' width='24' height='24' fill='%232D4155'/%3e%3c/g%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: .3s;
  }
  .direction-toggle:hover::after,
  .calendar-toggle:hover::after,
  .gender-toggle:hover::after {
    content: '';
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11.9992 15.0758C11.8272 15.0758 11.6551 15.0101 11.5239 14.879L7.39615 10.7512C7.13357 10.4886 7.13357 10.0628 7.39615 9.80037C7.65863 9.5379 8.08428 9.5379 8.34688 9.80037L11.9992 13.4529L15.6515 9.8005C15.9141 9.53802 16.3397 9.53802 16.6022 9.8005C16.8649 10.063 16.8649 10.4887 16.6022 10.7513L12.4745 14.8791C12.3432 15.0103 12.1712 15.0758 11.9992 15.0758Z' fill='%238791A5'/%3e%3cmask id='mask0_2657_9932' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='7' y='9' width='10' height='7'%3e%3cpath d='M11.9992 15.0758C11.8272 15.0758 11.6551 15.0101 11.5239 14.879L7.39615 10.7512C7.13357 10.4886 7.13357 10.0628 7.39615 9.80037C7.65863 9.5379 8.08428 9.5379 8.34688 9.80037L11.9992 13.4529L15.6515 9.8005C15.9141 9.53802 16.3397 9.53802 16.6022 9.8005C16.8649 10.063 16.8649 10.4887 16.6022 10.7513L12.4745 14.8791C12.3432 15.0103 12.1712 15.0758 11.9992 15.0758Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2657_9932)'%3e%3crect y='-0.00195312' width='24' height='24' fill='white'/%3e%3c/g%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .direction-toggle.active::after,
  .calendar-toggle.active::after,
  .gender-toggle.active::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11.9992 15.0758C11.8272 15.0758 11.6551 15.0101 11.5239 14.879L7.39615 10.7512C7.13357 10.4886 7.13357 10.0628 7.39615 9.80037C7.65863 9.5379 8.08428 9.5379 8.34688 9.80037L11.9992 13.4529L15.6515 9.8005C15.9141 9.53802 16.3397 9.53802 16.6022 9.8005C16.8649 10.063 16.8649 10.4887 16.6022 10.7513L12.4745 14.8791C12.3432 15.0103 12.1712 15.0758 11.9992 15.0758Z' fill='%238791A5'/%3e%3cmask id='mask0_2657_9932' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='7' y='9' width='10' height='7'%3e%3cpath d='M11.9992 15.0758C11.8272 15.0758 11.6551 15.0101 11.5239 14.879L7.39615 10.7512C7.13357 10.4886 7.13357 10.0628 7.39615 9.80037C7.65863 9.5379 8.08428 9.5379 8.34688 9.80037L11.9992 13.4529L15.6515 9.8005C15.9141 9.53802 16.3397 9.53802 16.6022 9.8005C16.8649 10.063 16.8649 10.4887 16.6022 10.7513L12.4745 14.8791C12.3432 15.0103 12.1712 15.0758 11.9992 15.0758Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2657_9932)'%3e%3crect y='-0.00195312' width='24' height='24' fill='white'/%3e%3c/g%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  
  .filter-open {
    width: 44px;
    height: 34px;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #F6F9FB;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M2 8H21M2 16H21' stroke='%232D4155' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3ccircle cx='7' cy='8' r='2.5' fill='%232D4155' stroke='%232D4155'/%3e%3ccircle cx='16' cy='16' r='2.5' fill='%232D4155' stroke='%232D4155'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    border: none;
    transition: .3s;
  }
  @media(min-width: 1025px) {
    .filter-open:hover {
      background-color: #1BB4FD;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 8H21M2 16H21' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3ccircle cx='7' cy='8' r='2.5' fill='white' stroke='white'/%3e%3ccircle cx='16' cy='16' r='2.5' fill='white' stroke='white'/%3e%3c/svg%3e ");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 24px 24px;
    }
  }
  


  .doctor-gender {
    display: none;
  }
  @media(min-width: 768px) {
    .gender-filter-wrapper,
    .direction-filter-wrapper {
      position: relative;
    }
  }
  .gender-filter-wrapper,
  .direction-filter-wrapper {
    display: inline-block;
  }
  
  .gender-dropdown,
  .direction-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 360px;
    margin-top: 20px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 20px;
    z-index: 100;
  }
  @media(min-width: 768px) {
    .gender-dropdown,
    .direction-dropdown {
      margin-top: 20px;
    }
    .date-filter-wrapper .flatpickr-calendar {
      margin-top: 20px;
    }
  }
  .direction-dropdown {
    max-height: 415px;
  }
  .direction-dropdown-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow-y: scroll;
    max-height: 375px;
  }
  .gender-dropdown-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .gender-dropdown label,
  .direction-dropdown label {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 10px;
    color: #2D4155;
    font-size: 17px;
    font-weight: 400;
    line-height: 130%;
    cursor: pointer;
  }
  
  .gender-dropdown.hidden,
  .direction-dropdown.hidden {
    display: none;
  }
  .gender-dropdown input[type="radio"],
  .direction-dropdown input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
  
  /* Стиль кружочка */
  .gender-dropdown label::before,
  .direction-dropdown label::before  {
    content: "";
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cg clip-path='url(%23clip0_2236_7284)'%3e%3ccircle cx='12' cy='12' r='11' stroke='%231BB4FD' stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2236_7284'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    box-sizing: border-box;
    transition: .3s;
  }
  
  /* Активный кружочек — внутренний круг */
  .gender-dropdown label.checked::before,
  .direction-dropdown label.checked::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cg clip-path='url(%23clip0_2236_7279)'%3e%3ccircle cx='12' cy='12' r='11' stroke='%231BB4FD' stroke-width='2'/%3e%3ccircle cx='12' cy='12' r='7' fill='%231BB4FD'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2236_7279'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  


  .date-dropdown {
    position: absolute;
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    margin-top: 8px;
    z-index: 10;
  }
  .date-dropdown.hidden {
    display: none;
  }
  
  .date-filter-wrapper {
    position: relative;
    display: flex;
    gap: 10px;
  }
  .date-filter-wrapper .flatpickr-calendar {
    left: 0 !important;
  }
  .calendar-reset.hidden {
    display: none;
  }

  .doctor-direction {
    display: none;
  }

  .flatpickr-mobile {
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }
  .filter-btn-header-mob {
    display: none;
  }



  @media(max-width: 767px) {
    .doctors-filters {
      overflow-x: scroll;
    }
    .doctors-filters .container {
      padding: 0;
    }
    .filter-btn {
      gap: 5px;
      text-wrap: nowrap;
    }
    .direction-filter-wrapper {
      margin-left: 15px;
    }
    /* .date-filter-wrapper {
      min-width: 155px;
    } */
    .gender-filter-wrapper {
      min-width: 135px;
    }
    .gender-filter-wrapper {
      margin-right: 15px;
    }
    .direction-dropdown {
      position: fixed;
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      max-height: 480px;
      height: 100%;
      padding: 0px;
      background: transparent;
      border-radius: 0;
    }
    .direction-dropdown-main,
    .gender-dropdown-main {
      position: relative;
      height: 100%;
      z-index: 11;
      padding: 20px;
      box-shadow: 4px 4px 35px 0px rgba(0, 0, 0, 0.15);
      border-radius: 20px 20px 0px 0px;
      background: #FFF;
    }
    .direction-dropdown-wrapper {
      max-height: 375px;
      gap: 20px;
    }
    .direction-dropdown::before,
    .gender-dropdown::before {
      content: '';
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 1;
    }
    .gender-dropdown {
      position: fixed;
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      max-height: 210px;
      height: 100%;
      padding: 0px;
      background: transparent;
      border-radius: 0;
    }
    .filter-btn-header-mob {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 30px;
    }
    .filter-btn-title-mob {
      margin: 0;
      color: #2D4155;
      font-size: 22px;
      font-weight: 600;
      line-height: 120%; 
    }
    .close-filter {
      width: 24px;
      height: 24px;
      border: none;
      background-color: transparent;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M21.2929 1.29289C21.6834 0.902369 22.3164 0.902369 22.707 1.29289C23.0975 1.68342 23.0975 2.31643 22.707 2.70696L13.414 11.9999L22.707 21.2929L22.7753 21.3691C23.0957 21.7618 23.0731 22.3408 22.707 22.707C22.3408 23.0731 21.7618 23.0957 21.3691 22.7753L21.2929 22.707L11.9999 13.414L2.70696 22.707C2.31643 23.0975 1.68342 23.0975 1.29289 22.707C0.902369 22.3164 0.902369 21.6834 1.29289 21.2929L10.5859 11.9999L1.29289 2.70696C0.902369 2.31643 0.902369 1.68342 1.29289 1.29289C1.68342 0.902369 2.31643 0.902369 2.70696 1.29289L11.9999 10.5859L21.2929 1.29289Z' fill='%232D4155'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
    }
    .gender-dropdown-wrapper {
      gap: 20px;
    }
    .filter-btn {
    font-size: 14px;
    }
    .calendar-toggle {
      min-width: 141px;
    }
    .gender-toggle {
      min-width: 124px;
    }
  }


  .no-results-message {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    padding: 0px 0 60px;
    text-align: center;
  }
  .no-results-message__text {
    margin: 0 0 20px;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    color: #2D4155;
  }
  .no-results-message__description {
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: #2D4155;
  }
  .reset-filters-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 260px;
    width: 100%;
    height: 60px;
    border-radius: 30px;
    background: #1BB4FD;
    border: 2px solid #1BB4FD;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%; 
    transition: .3s;
  }
  .reset-filters-btn:hover {
    background: transparent;
    border: solid 2px #1bb4fd;
    color: #1bb4fd;
  }
  @media(max-width: 767px) {
    .no-results-message {
      padding: 0px 0 40px;
    }
    .no-results-message__text {
      margin: 0 auto 10px;
      font-size: 22px;
      line-height: 26px;
      max-width: 320px;
    }
    .no-results-message__description {
      margin: 0 0 20px;
      font-size: 17px;
    }
    .reset-filters-btn {
      height: 52px;
      font-size: 17px;
      width: fit-content;
      min-width: 205px;
    }
  }




  #codeModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999900;
  }
  
  #codeModal .modal-content {
    margin: 0 auto;
    padding: 30px;
    border-radius: 0;
    max-width: 600px;
    width: 100%;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 4px 4px 35px 0px rgba(0, 0, 0, 0.15);
  }
  .modal-code__title {
    margin: 0 auto 20px;
    color: #2D4155;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
  }
  .modal-code__text {
    margin: 0 auto 20px;
    color: #2D4155;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
  }
  .modal-code__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 375px;
    width: 100%;
    height: 60px;
    border-radius: 30px;
    background: #1BB4FD;
    border: 2px solid #1BB4FD;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%; 
    transition: .3s;
  }
  .modal-code__btn-confirm {
    margin-bottom: 10px;
  }
  .modal-code__btn-confirm:hover {
    background: transparent;
    border: solid 2px #1bb4fd;
    color: #1bb4fd;
  }
  .modal-code__btn-send_again {
    background: transparent;
    border: solid 2px #1bb4fd;
    color: #1bb4fd;
  }
  .modal-code__btn-send_again:disabled {
    opacity: 0.3;
  }

  .code-input {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 30px;
  }
  .code-input.incorrect {
    border: none !important;
  }
  .code-input.incorrect input {
    border: 2px solid red !important;
  }
  .error-code {
    color: red;
    margin: -20px auto 30px;
  }
  
  .code-box {
    width: 45px;
    height: 60px;
    font-size: 24px;
    text-align: center;
    border: 2px solid #D5DCE3;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s;
  }
  
  .code-box:focus {
    border-color: #1e90ff;
  }
  @media(max-width: 767px) {
    #codeModal {
      align-items: end;
    }
    #codeModal .modal-content {
      padding: 20px 20px 30px;
      border-radius: 15px 15px 0 0;
    }
    .modal-code__title {
      font-size: 22px;
    }
    .modal-code__text {
      font-size: 17px;
    }
    .modal-code__btn {
      height: 52px;
      font-size: 17px;
    }
  }

  .calendar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
  .calendar-overlay.visible {
    display: block;
  }
  .flatpickr-calendar.arrowTop:after {
    display: none;
  }