/* Mobile polish for services/new_service_details.html.
 * Keep these rules page-scoped: style-new.css is shared by several service templates. */
@media (max-width: 768px) {
  .new-service-details-page {
    overflow-x: hidden;
    background: #eef8ff;
  }

  .new-service-details-page .main-section {
    padding: 0 15px;
  }

  .new-service-details-page .main-section .container,
  .new-service-details-page .main-section .row,
  .new-service-details-page .main-section .col-sm-12 {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .new-service-details-page .breadcrumbs {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: auto;
    padding: 14px 0 4px;
    margin: 0;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .new-service-details-page .breadcrumbs::-webkit-scrollbar {
    display: none;
  }

  .new-service-details-page .breadcrumbs li {
    flex: 0 0 auto;
    font-size: 12px;
  }

  .new-service-details-page .breadcrumbs li:last-child {
    max-width: 65vw;
    overflow: hidden;
    color: #7c7c7c;
    text-overflow: ellipsis;
  }

  .new-service-details-page .directions {
    width: 100%;
    gap: 0;
    margin: 0 0 48px;
    overflow: hidden;
  }

  .new-service-details-page .directions-layout {
    gap: 36px !important;
    margin-top: 24px;
    overflow: visible;
  }

  .new-service-details-page .directions-layout > section {
    min-width: 0;
  }

  .new-service-details-page .directions h1,
  .new-service-details-page .directions h2,
  .new-service-details-page .directions h3,
  .new-service-details-page .directions h4 {
    overflow-wrap: anywhere;
  }

  .new-service-details-page .directions h2,
  .new-service-details-page .directions-title h2 {
    margin: 0;
    font-size: 20px !important;
    line-height: 1.3;
  }

  .new-service-details-page .directions-layout > .general-section {
    width: auto;
    margin: 0 15px !important;
    padding: 16px !important;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(30, 98, 126, 0.08);
  }

  .new-service-details-page .service-card,
  .new-service-details-page .service-content {
    gap: 20px;
  }

  .new-service-details-page .service-images {
    grid-template-columns: minmax(0, 2fr) minmax(92px, 1fr);
    gap: 6px !important;
    height: clamp(170px, 48vw, 260px);
  }

  .new-service-details-page .service-images--single {
    grid-template-columns: 1fr;
  }

  .new-service-details-page .service-images .image-container {
    height: 100%;
    max-height: none;
    border-radius: 12px !important;
    background: #e8f1f6;
  }

  .new-service-details-page .service-images .image-container img,
  .new-service-details-page .service-images .image-container:first-child img,
  .new-service-details-page .service-images .image-container:last-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }

  .new-service-details-page .service-title {
    margin: 0 !important;
    color: #292929;
    font-size: 24px;
    font-weight: 650;
    line-height: 1.25;
  }

  .new-service-details-page .service-addresses {
    gap: 8px;
    align-items: flex-start;
  }

  .new-service-details-page .service-addresses > img {
    width: 18px;
    height: 18px;
    margin-top: 5px;
  }

  .new-service-details-page .service-addresses .address-item {
    max-width: calc(100% - 28px);
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1.35;
  }

  .new-service-details-page .service-description,
  .new-service-details-page .service-description p,
  .new-service-details-page .service-description li {
    color: #474747;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
  }

  .new-service-details-page .service-description > :first-child {
    margin-top: 0;
  }

  .new-service-details-page .service-description > :last-child {
    margin-bottom: 0;
  }

  .new-service-details-page .general-section .service-actions {
    gap: 12px;
    align-items: stretch;
    padding-top: 16px;
    border-top: 1px solid #e8e8e8;
  }

  .new-service-details-page .general-section .service-actions--appointment-only {
    display: none;
  }

  .new-service-details-page .general-section .service-actions--no-cost:not(.service-actions--appointment-only) {
    justify-content: flex-end;
  }

  .new-service-details-page .general-section .service-actions--no-cost .action-left {
    display: none;
  }

  .new-service-details-page .general-section .service-actions .action-left {
    min-width: 0;
    flex: 1 1 auto;
  }

  .new-service-details-page .general-section .service-actions .action-left > .action {
    display: none;
  }

  .new-service-details-page .general-section .service-actions .action-left .price-info {
    gap: 2px;
    min-width: 0;
  }

  .new-service-details-page .general-section .service-actions .action-left .price-info .price-value {
    font-size: 17px;
    line-height: 1.25;
  }

  .new-service-details-page .general-section .service-actions .action-left .price-info .price-label {
    font-size: 12px;
    line-height: 1.3;
  }

  .new-service-details-page .general-section .service-actions .action-right {
    flex: 0 0 auto;
  }

  .new-service-details-page .general-section .service-actions .action-right .price-link {
    min-height: 44px;
    padding: 8px 14px;
    border-radius: 10px;
  }

  .new-service-details-page .action-mobile {
    min-height: 48px;
    padding: 12px 20px;
    border: 0;
    border-radius: 10px;
    font-family: inherit;
    font-size: 15px;
    cursor: pointer;
  }

  .new-service-details-page .directions-title {
    min-height: 32px;
    margin: 0 0 16px;
    padding: 0;
    white-space: normal;
  }

  .new-service-details-page .directions-title .dir-arrow,
  .new-service-details-page .directions-title .slick-arrow {
    display: none !important;
  }

  .new-service-details-page .directions-layout > .directions-reason,
  .new-service-details-page .directions-layout > .stock-section,
  .new-service-details-page .directions-layout > .directions-specialists,
  .new-service-details-page .directions-layout > .directions-equipment,
  .new-service-details-page .directions-layout > .directions-gallery,
  .new-service-details-page .directions-layout > .directions-news,
  .new-service-details-page .directions-layout > .directions-interest {
    width: auto;
    max-width: none;
    margin: 0 !important;
    padding-right: 15px;
    padding-left: 15px;
  }

  .new-service-details-page .directions-carousel_wrapper {
    margin: 0;
    overflow: visible !important;
  }

  .new-service-details-page .directions-carousel_item {
    min-width: 0;
    padding: 0 10px 0 0 !important;
    align-items: stretch;
  }

  .new-service-details-page .directions-carousel_item img {
    display: block;
    min-height: 0;
    aspect-ratio: 16 / 10;
    border-radius: 14px 14px 0 0;
    object-fit: cover;
  }

  .new-service-details-page .directions-carousel_content {
    min-height: 140px;
    padding: 16px;
    gap: 8px;
    border-radius: 0 0 14px 14px;
  }

  .new-service-details-page .directions-carousel_content h4 {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
  }

  .new-service-details-page .directions-carousel_content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
  }

  .new-service-details-page .directions-carousel_wrapper .slick-dots {
    gap: 4px;
    margin-top: 14px;
  }

  .new-service-details-page .stock-carousel_item {
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(30, 98, 126, 0.08);
  }

  .new-service-details-page .stock-carousel_item .img-wrapp {
    aspect-ratio: 16 / 9;
    max-height: none;
    border-radius: 0;
  }

  .new-service-details-page .stock-carousel_item .img-wrapp > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .new-service-details-page .stock-carousel_item .text-content {
    gap: 12px;
    padding: 18px 16px 20px;
  }

  .new-service-details-page .stock-carousel_item .text-content h2 {
    font-size: 18px !important;
    line-height: 1.35;
  }

  .new-service-details-page .directions-diagnostics {
    gap: 32px;
    overflow: visible;
  }

  .new-service-details-page .direction-desc,
  .new-service-details-page .directions-description .directions-description__content,
  .new-service-details-page .directions-description .directions-expert,
  .new-service-details-page .direction-documents,
  .new-service-details-page .section-indications-contr,
  .new-service-details-page .directions-gallery,
  .new-service-details-page .directions-news,
  .new-service-details-page .directions-specialists-wrapp {
    padding: 20px !important;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(30, 98, 126, 0.07);
  }

  .new-service-details-page .direction-desc,
  .new-service-details-page .directions-description,
  .new-service-details-page .directions-layout > .section-indications-contr,
  .new-service-details-page .directions-layout > .direction-documents {
    width: auto;
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

  .new-service-details-page .direction-desc-top,
  .new-service-details-page .direction-desc-bottom,
  .new-service-details-page .direction-desc .direction-desc-content {
    gap: 20px !important;
  }

  .new-service-details-page .direction-desc-top .left-content,
  .new-service-details-page .direction-desc-top .right-content {
    width: 100%;
  }

  .new-service-details-page .direction-desc-top .right-content {
    padding: 16px;
    border-radius: 14px;
    box-shadow: none;
    background: #f7fbfe;
  }

  .new-service-details-page .service-text,
  .new-service-details-page .service-text p,
  .new-service-details-page .service-text li,
  .new-service-details-page .direction-desc-bottom p {
    font-size: 14px !important;
    line-height: 1.6;
  }

  .new-service-details-page .service-text img,
  .new-service-details-page .service-text iframe,
  .new-service-details-page .service-text video,
  .new-service-details-page .service-text table {
    max-width: 100% !important;
  }

  .new-service-details-page .service-text table {
    display: block;
    overflow-x: auto;
  }

  .new-service-details-page .directions-banner-mrt {
    width: auto;
    margin: 0 15px !important;
    padding: 20px !important;
    overflow: hidden !important;
    border-radius: 16px;
  }

  .new-service-details-page .directions-banner__wrapp {
    gap: 24px !important;
    align-items: stretch;
  }

  .new-service-details-page .directions-banner__left {
    gap: 18px;
    align-items: stretch;
  }

  .new-service-details-page .directions-banner__item {
    max-width: none;
    gap: 12px;
  }

  .new-service-details-page .directions-banner__item img {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }

  .new-service-details-page .directions-banner__item h3 {
    font-size: 17px;
    line-height: 1.3;
  }

  .new-service-details-page .directio-banner-mrt__img {
    position: relative;
    inset: auto !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
    height: 190px !important;
    margin: -10px -20px -24px;
    transform: none;
    order: 2;
  }

  .new-service-details-page .directio-banner-mrt__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center bottom;
  }

  .new-service-details-page .directions-banner__right {
    max-width: none !important;
    margin: 0;
    padding: 20px !important;
    border-radius: 14px;
    order: 3;
  }

  .new-service-details-page .directions-banner__right h3 {
    margin: 0 0 10px;
    font-size: 19px !important;
  }

  .new-service-details-page .directions-banner__right p {
    font-size: 14px;
    line-height: 1.55;
  }

  .new-service-details-page .directions-description .directions-expert {
    margin: 0;
    gap: 16px;
    align-items: stretch !important;
  }

  .new-service-details-page .directions-description .directions-expert .directions-expert__icon {
    padding-bottom: 16px;
  }

  .new-service-details-page .directions-layout > .direction__consult {
    min-height: 176px;
    margin: 0 15px !important;
    padding: 24px 124px 24px 20px !important;
    border-radius: 16px;
  }

  .new-service-details-page .direction__consult h2 {
    max-width: 230px;
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 1.35;
  }

  .new-service-details-page .direction__consult span.mobile {
    display: block !important;
  }

  .new-service-details-page .direction__consult span.desktop {
    display: none !important;
  }

  .new-service-details-page .direction__consult .directions-banner_btn {
    position: relative;
    z-index: 2;
    min-height: 44px;
    padding: 11px 14px;
    border-radius: 10px;
    font-size: 14px;
  }

  .new-service-details-page .direction__consult .direction__consult-img {
    top: auto;
    right: -42px !important;
    bottom: 0;
    /*height: 92%;*/
  }

  .new-service-details-page .directions-reason-billets h2 {
    margin-bottom: 18px;
    text-align: left;
  }

  .new-service-details-page .directions-reason-grid {
    gap: 8px;
    padding: 0;
    justify-content: flex-start;
  }

  .new-service-details-page .directions-reason-grid .directions-reason-content {
    padding: 9px 12px;
    border: 1px solid rgba(0, 174, 203, 0.12);
    border-radius: 999px;
  }

  .new-service-details-page .directions-reason-grid .directions-reason-content p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    white-space: normal;
  }

  .new-service-details-page .directions-layout > .directions-additionally {
    padding: 0 15px !important;
  }

  .new-service-details-page .directions-additionally > h2 {
    margin-bottom: 16px;
  }

  .new-service-details-page .directions-faq__item {
    width: 100%;
    margin: 0 0 10px;
    padding: 16px;
    border-radius: 12px;
  }

  .new-service-details-page .directions-faq__item summary {
    min-height: 28px;
    padding-right: 28px;
    font-size: 15px;
    line-height: 1.4;
  }

  .new-service-details-page .directions-faq__item summary::after {
    top: 6px;
  }

  .new-service-details-page .indications-wrapper {
    gap: 20px;
  }

  .new-service-details-page .indications-column,
  .new-service-details-page .contraindications-column {
    gap: 16px;
  }

  .new-service-details-page .indications-header,
  .new-service-details-page .contraindications-header {
    min-height: 84px;
    padding: 18px 84px 18px 18px;
    border-radius: 12px;
  }

  .new-service-details-page .indications-header h3,
  .new-service-details-page .contraindications-header h3 {
    font-size: 16px;
    line-height: 1.35;
  }

  .new-service-details-page .indications-icon {
    right: 12px;
  }

  .new-service-details-page .indications-list,
  .new-service-details-page .contraindications-list {
    padding: 0;
  }

  .new-service-details-page .directions-specialists {
    padding-left: 15px;
  }

  .new-service-details-page .directions-specialists-wrapp {
    margin: 0;
    padding-right: 0 !important;
    overflow: hidden;
  }

  .new-service-details-page .directions-specialists .directions-title {
    padding-right: 20px;
  }

  .new-service-details-page .directions-specialists-slider,
  .new-service-details-page .directions-spec-s-wrapp {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  .new-service-details-page .directions-specialists-slider::-webkit-scrollbar,
  .new-service-details-page .directions-spec-s-wrapp::-webkit-scrollbar {
    display: none;
  }

  .new-service-details-page .directions-specialists-slider .doctors-main__doctor {
    width: min(76vw, 260px) !important;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(30, 98, 126, 0.08);
  }

  .new-service-details-page .directions-specialists-slider .doctors-main__doctor-img {
    width: 100%;
    height: 220px;
    max-height: none;
    overflow: hidden;
  }

  .new-service-details-page .directions-specialists-slider .doctors-main__doctor-img a,
  .new-service-details-page .directions-specialists-slider .doctors-main__doctor-img img {
    width: 100%;
    height: 100%;
  }

  .new-service-details-page .directions-specialists-slider .doctors-main__doctor-img img {
    border-radius: 14px 14px 0 0;
    object-fit: cover;
    object-position: center top;
  }

  .new-service-details-page .directions-specialists-slider .doctors-main__doctor-info {
    min-height: 170px;
    padding: 16px;
    gap: 12px;
    border-radius: 0 0 14px 14px;
  }

  .new-service-details-page .directions-specialists-slider .doctors-main__doctor-info h3 {
    display: -webkit-box;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .new-service-details-page .directions-specialists-slider .doctor-position {
    font-size: 13px;
    line-height: 1.4;
  }

  .new-service-details-page .directions-specialists-slider .request-doctor .button {
    min-height: 40px;
    padding: 9px 18px;
  }

  .new-service-details-page .direction-documents .documents-content {
    grid-template-columns: 1fr;
  }

  .new-service-details-page .document-item {
    min-width: 0;
    padding: 11px 12px;
  }

  .new-service-details-page .document-item-content {
    min-width: 0;
  }

  .new-service-details-page .document-item .document-item-content .document-item-title {
    overflow-wrap: anywhere;
  }

  .new-service-details-page .direction-documents .header-content {
    gap: 16px;
    align-items: flex-start;
  }

  .new-service-details-page .direction-documents .header-content .more-link {
    flex: 0 0 auto;
    font-size: 14px;
  }

  .new-service-details-page .directions-equipment .directions-carousel_content,
  .new-service-details-page .directions-interest .directions-carousel_content {
    min-height: 76px;
    justify-content: center;
  }

  .new-service-details-page .directions-equipment .directions-carousel_item img {
    aspect-ratio: 3 / 2;
  }

  .new-service-details-page .directions-gallery .directions-carousel_item img {
    aspect-ratio: 4 / 3;
    border-radius: 14px;
  }

  .new-service-details-page .directions-gallery .directions-carousel_item .img-wrapp {
    display: block;
    overflow: hidden;
    border-radius: 14px;
  }

  .new-service-details-page .directions-layout > .directions-gallery,
  .new-service-details-page .directions-layout > .directions-news {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

  .new-service-details-page .directions-layout > .directions-gallery,
  .new-service-details-page .directions-layout > .directions-news {
    padding-right: 0 !important;
  }

  .new-service-details-page .directions-gallery .directions-title,
  .new-service-details-page .directions-news .directions-title {
    padding-right: 20px;
  }

  .new-service-details-page .directions-news-carousel {
    display: grid;
    grid-auto-columns: min(82vw, 290px);
    grid-auto-flow: column;
    grid-template-rows: none;
    gap: 12px;
    overflow-x: auto;
    opacity: 1;
    scrollbar-width: none;
  }

  .new-service-details-page .directions-news-carousel::-webkit-scrollbar {
    display: none;
  }

  .new-service-details-page .directions-news-carousel .directions-carousel_item {
    padding: 0 !important;
  }

  .new-service-details-page .short-news__item {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    min-height: 128px;
    max-height: none;
    height: 100%;
    border-radius: 14px;
    background: #fafafa;
  }

  .new-service-details-page .short-news__item > a {
    min-width: 0;
    height: 100%;
  }

  .new-service-details-page .directions-news-carousel .short-news__item a > img {
    width: 100%;
    height: 100%;
    min-height: 128px;
    aspect-ratio: auto;
    border-radius: 14px 0 0 14px;
    object-fit: cover;
  }

  .new-service-details-page .short-news__content {
    min-width: 0;
    padding: 12px;
  }

  .new-service-details-page .short-news__content-header {
    gap: 6px 10px;
    flex-wrap: wrap;
  }

  .new-service-details-page .short-news__content-header a,
  .new-service-details-page .short-news__content-header span {
    max-width: 100%;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.3;
    text-overflow: ellipsis;
  }

  .new-service-details-page .short-news__content h4 {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.35;
  }

  .new-service-details-page .directions-layout > .directions-price {
    width: auto;
    margin: 0 15px !important;
    padding: 20px 16px !important;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(30, 98, 126, 0.07);
  }

  .new-service-details-page .directions-price .directions-title {
    gap: 16px;
    align-items: stretch;
    margin-bottom: 4px;
  }

  .new-service-details-page .directions-price__controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 3px;
    padding: 3px;
  }

  .new-service-details-page .directions-price__btn {
    display: flex;
    min-height: 40px;
    padding: 7px 5px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
  }

  .new-service-details-page .directions-price__empty {
    display: grid;
    min-height: 120px;
    margin: 0;
    padding: 24px 8px 8px;
    place-items: center;
    color: #696969;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }

  .new-service-details-page .branch-dropdown summary {
    min-height: 64px;
    padding: 18px 0;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 15px;
    line-height: 1.35;
  }

  .new-service-details-page .branch-dropdown summary p {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .new-service-details-page .branch-dropdown_arrow {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin: 0;
  }

  .new-service-details-page .branch-dropdown .procedure {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px 12px;
    padding: 0 0 16px;
    margin-bottom: 16px !important;
    border-bottom: 1px solid #eeeeee;
  }

  .new-service-details-page .branch-dropdown .procedure-code {
    grid-column: 1 / -1;
    min-width: 0;
    color: #969694;
    font-size: 12px;
  }

  .new-service-details-page .branch-dropdown .procedure-name {
    min-width: 0;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  .new-service-details-page .branch-dropdown .procedure-cost {
    grid-column: 1;
    min-width: max-content;
    margin: 0 !important;
    justify-self: start;
    text-align: left !important;
    font-size: 15px;
  }

  .new-service-details-page .directions-layout > .directions-feedback.mrt {
    margin: 0 15px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 140, 170, 0.14);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(30, 98, 126, 0.14);
  }

  .new-service-details-page .directions-feedback.mrt .directions-form__wrap {
    display: block;
    position: relative;
    width: 100%;
    max-height: none;
    padding: 22px 18px !important;
    overflow: hidden;
    background: linear-gradient(160deg, #e3f4fb 0%, #cde8f7 58%, #bcdff3 100%);
  }

  /* decorative chrome ring: corner accent instead of a full-width image band */
  .new-service-details-page .directions-form__img_mobile {
    display: block;
    position: absolute;
    z-index: 0;
    top: -26px;
    right: -26px;
    width: 138px;
    height: 138px;
    margin: 0;
    transform: none !important;
    background: none;
    opacity: 0.5;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(circle at 72% 28%, #000 45%, rgba(0, 0, 0, 0) 78%);
    mask-image: radial-gradient(circle at 72% 28%, #000 45%, rgba(0, 0, 0, 0) 78%);
  }

  .new-service-details-page .directions-form__img_mobile img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center;
  }

  .new-service-details-page .directions-form__form,
  .new-service-details-page .directions-form__form:first-of-type {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    text-align: left;
  }

  .new-service-details-page .directions-form__form *,
  .new-service-details-page .directions-form__form *::before,
  .new-service-details-page .directions-form__form *::after {
    box-sizing: border-box;
  }

  .new-service-details-page .directions-form__form h2,
  .new-service-details-page .directions-form__form p {
    text-align: left;
  }

  .new-service-details-page .directions-form__form h2 {
    margin: 0 0 6px;
    padding-right: 74px;
    color: #173b4a;
    font-size: clamp(20px, 4.2vw, 23px) !important;
    font-weight: 650;
    line-height: 1.25;
  }

  .new-service-details-page .directions-form__form > p {
    margin: 0 0 16px;
    padding-right: 60px;
    color: #405f6c;
    font-size: 14px;
    line-height: 1.45;
  }

  .new-service-details-page .directions-form__inputs,
  .new-service-details-page .directions-form__inputs__wrapper {
    width: 100%;
    gap: 10px;
    align-items: stretch;
  }

  .new-service-details-page .directions-form__inputs {
    margin-bottom: 14px;
  }

  .new-service-details-page .directions-form__inputs__wrapper {
    flex-direction: column;
  }

  .new-service-details-page .directions-input-field {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .new-service-details-page .directions-input-field input,
  .new-service-details-page .directions-input-field select {
    min-width: 0;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(23, 91, 111, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 14px rgba(30, 98, 126, 0.07);
    color: #243d47;
    font-size: 16px;
  }

  .new-service-details-page .directions-input-field select {
    padding-right: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .new-service-details-page .directions-input-field input::placeholder {
    color: #718a94;
    opacity: 1;
  }

  .new-service-details-page .directions-input-field input:focus,
  .new-service-details-page .directions-input-field select:focus {
    border-color: #008eaa;
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 142, 170, 0.16);
  }

  .new-service-details-page .directions-input-field.select::after {
    right: 14px;
  }

  .new-service-details-page .directions-form__privacy {
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 14px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.4);
    color: #3f5e69 !important;
    font-size: 11px !important;
    line-height: 1.45;
  }

  .new-service-details-page .directions-form__privacy .custom-checkbox {
    flex: 0 0 auto;
  }

  .new-service-details-page .directions-form__privacy .custom-checkbox__box {
    width: 20px;
    height: 20px;
    border-color: rgba(23, 91, 111, 0.42);
  }

  .new-service-details-page .directions-form__privacy p {
    min-width: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    overflow-wrap: anywhere;
  }

  .new-service-details-page .directions-form__privacy a {
    color: #006f86;
    font-weight: 500;
    text-underline-offset: 2px;
  }

  .new-service-details-page .directions-form__form > .button {
    width: 100%;
    min-height: 50px;
    margin: 16px 0 0 !important;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 7px 18px rgba(0, 130, 156, 0.24);
    font-size: 15px;
    font-weight: 600;
  }

  .new-service-details-page .directions-form__form .smart-captcha {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
  }

  .new-service-details-page .directions-form__form .smart-captcha iframe {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
  }

  .new-service-details-page .directions-form__form .captcha-error,
  .new-service-details-page .directions-form__form .has-error {
    max-width: 100%;
    margin: 10px 0 0 !important;
    padding: 9px 11px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  .new-service-details-page .directions-sidebar {
    display: none !important;
  }

  .new-service-details-page a:focus-visible,
  .new-service-details-page button:focus-visible,
  .new-service-details-page summary:focus-visible {
    outline: 3px solid rgba(0, 174, 203, 0.28);
    outline-offset: 3px;
  }
}

@media (max-width: 576px) {
  .new-service-details-page .directions-layout > .general-section {
    padding: 12px 12px 16px !important;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(30, 98, 126, 0.11);
  }

  .new-service-details-page .general-section .service-card {
    gap: 18px;
  }

  .new-service-details-page .general-section .service-images {
    display: block;
    position: relative;
    height: auto;
  }

  .new-service-details-page .general-section .service-images .image-container:first-child {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    border-radius: 14px !important;
  }

  .new-service-details-page .general-section .service-images .image-container:last-child:not(:first-child) {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 31%;
    height: 43%;
    aspect-ratio: auto;
    border: 3px solid #fff;
    border-radius: 12px !important;
    box-shadow: 0 6px 18px rgba(29, 66, 82, 0.2);
  }

  .new-service-details-page .general-section .service-images--single .image-container {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .new-service-details-page .general-section .service-content {
    gap: 16px;
    padding: 0 2px;
  }

  .new-service-details-page .general-section .service-title {
    font-size: 22px;
    line-height: 1.28;
  }

  .new-service-details-page .general-section .service-addresses {
    gap: 7px;
  }

  .new-service-details-page .general-section .service-addresses > img {
    width: 17px;
    height: 17px;
    margin-top: 6px;
  }

  .new-service-details-page .general-section .service-addresses .address-item {
    padding: 6px 10px;
    font-size: 12px;
    background: #edf8fd;
  }

  .new-service-details-page .general-section .service-description,
  .new-service-details-page .general-section .service-description p,
  .new-service-details-page .general-section .service-description li {
    font-size: 14px;
    line-height: 1.55;
  }

  .new-service-details-page .general-section .service-actions {
    flex-direction: column;
    gap: 10px;
    margin-top: 2px;
    padding-top: 14px;
  }

  .new-service-details-page .general-section .service-actions .action-left,
  .new-service-details-page .general-section .service-actions .action-right {
    width: 100%;
    flex: 0 0 auto;
  }

  .new-service-details-page .general-section .service-actions .action-left .price-info {
    width: 100%;
    min-height: 48px;
    padding: 10px 14px;
    flex-direction: row !important;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    background: #f4fafe;
  }

  .new-service-details-page .general-section .service-actions .action-left .price-info .price-label {
    max-width: 55%;
    color: #696969;
    line-height: 1.25;
  }

  .new-service-details-page .general-section .service-actions .action-left .price-info .price-value {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .new-service-details-page .general-section .service-actions .action-right .price-link {
    width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    border-width: 1px;
    background: #fff;
  }

  .new-service-details-page .general-section .service-actions .action-right .price-link img {
    width: 22px;
    height: 22px;
  }

  .new-service-details-page .general-section .action-mobile {
    min-height: 50px;
    margin-top: -4px;
    border-radius: 12px;
    box-shadow: 0 7px 18px rgba(0, 174, 203, 0.2);
    font-size: 15px;
    letter-spacing: 0.01em;
  }

}

@media (max-width: 374px) {
  .new-service-details-page .service-title {
    font-size: 22px;
  }

  .new-service-details-page .directions-layout > .direction__consult {
    min-height: 190px;
    padding-right: 96px !important;
  }

  .new-service-details-page .direction__consult .direction__consult-img {
    right: -65px !important;
  }

  .new-service-details-page .directions-price__btn {
    font-size: 11px;
  }

  .new-service-details-page .directions-layout > .directions-feedback.mrt {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .new-service-details-page .directions-feedback.mrt .directions-form__wrap {
    padding-right: 13px !important;
    padding-left: 13px !important;
  }

  .new-service-details-page .directions-form__img_mobile {
    top: -22px;
    right: -22px;
    width: 112px;
    height: 112px;
  }

  .new-service-details-page .directions-form__form h2 {
    padding-right: 54px;
  }

  .new-service-details-page .directions-form__form > p {
    padding-right: 0;
  }
}