<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("special-version");
?>/* =========================================================
   DENTAPLUS — VERSION FOR VISUALLY IMPAIRED 2.0
   ========================================================= */


/* =========================================================
   КНОПКА "ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ"
   ========================================================= */

#dentaplus-vip-open {
    position: fixed;

    top: 20px;
    right: 20px;

    z-index: 999999;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;

    padding: 12px 20px;

    border: 3px solid #000;
    border-radius: 6px;

    background: #fff;
    color: #000;

    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: 700;

    cursor: pointer;

    box-shadow: 0 3px 10px rgba(0,0,0,.25);
}

#dentaplus-vip-open:hover {
    background: #000;
    color: #fff;
}


/* =========================================================
   ПАНЕЛЬ
   ========================================================= */

#dentaplus-vip-panel {
    position: fixed;

    top: 0;
    right: 0;

    width: 450px;
    max-width: 100%;

    height: 100vh;

    overflow-y: auto;

    box-sizing: border-box;

    padding: 25px;

    background: #fff;
    color: #000;

    z-index: 1000000;

    font-family: Arial, sans-serif;

    box-shadow: -8px 0 30px rgba(0,0,0,.35);

    transform: translateX(100%);

    transition: transform .25s ease;
}

#dentaplus-vip-panel.vip-open {
    transform: translateX(0);
}


/* =========================================================
   ЗАГОЛОВОК
   ========================================================= */

.vip-header {
    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 18px;

    margin-bottom: 25px;

    border-bottom: 3px solid #000;
}

.vip-header-title {
    font-size: 25px;

    line-height: 1.3;

    font-weight: 700;
}

#dentaplus-vip-close {
    width: 48px;
    height: 48px;

    border: 3px solid #000;

    background: #fff;
    color: #000;

    font-size: 30px;
    font-weight: 700;

    cursor: pointer;
}


/* =========================================================
   БЛОКИ ПАНЕЛИ
   ========================================================= */

.vip-block {
    margin-bottom: 28px;
}

.vip-block-title {
    margin-bottom: 12px;

    font-size: 20px;

    font-weight: 700;
}


/* =========================================================
   КНОПКИ ПАНЕЛИ
   ========================================================= */

.vip-buttons {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 10px;
}

.vip-button {
    min-height: 55px;

    padding: 10px 12px;

    border: 2px solid #000;
    border-radius: 6px;

    background: #fff;
    color: #000;

    font-family: Arial, sans-serif;

    font-size: 17px;

    font-weight: 700;

    cursor: pointer;
}

.vip-button:hover,
.vip-button.active {
    background: #000;

    color: #fff;
}


/* =========================================================
   СБРОС
   ========================================================= */

#dentaplus-vip-reset {
    width: 100%;

    min-height: 58px;

    padding: 12px;

    border: 3px solid #000;

    border-radius: 6px;

    background: #000;

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    cursor: pointer;
}

#dentaplus-vip-reset:hover {
    background: #fff;

    color: #000;
}


/* =========================================================
   ОСНОВНОЙ РЕЖИМ
   ========================================================= */

body.dentaplus-vip {

    font-family: Arial, sans-serif !important;
}


/* =========================================================
   РАЗМЕРЫ ШРИФТА
   ========================================================= */

body.dentaplus-vip.vip-font-small {
    font-size: 100% !important;
}

body.dentaplus-vip.vip-font-normal {
    font-size: 125% !important;
}

body.dentaplus-vip.vip-font-large {
    font-size: 150% !important;
}

body.dentaplus-vip.vip-font-xlarge {
    font-size: 175% !important;
}


/*
   Основной текст
*/

body.dentaplus-vip p,
body.dentaplus-vip li,
body.dentaplus-vip td,
body.dentaplus-vip th,
body.dentaplus-vip label,
body.dentaplus-vip input,
body.dentaplus-vip textarea,
body.dentaplus-vip select {

    line-height: 1.6 !important;
}


/* =========================================================
   УВЕЛИЧЕННЫЕ ИНТЕРВАЛЫ
   ========================================================= */

body.dentaplus-vip.vip-spacing p,
body.dentaplus-vip.vip-spacing li,
body.dentaplus-vip.vip-spacing td,
body.dentaplus-vip.vip-spacing th {

    line-height: 2 !important;

    letter-spacing: .07em !important;

    word-spacing: .12em !important;
}

body.dentaplus-vip.vip-spacing p {

    margin-bottom: 25px !important;
}


/* =========================================================
   ССЫЛКИ
   ========================================================= */

body.dentaplus-vip.vip-underlinks a {

    text-decoration: underline !important;

    text-decoration-thickness: 3px !important;

    text-underline-offset: 4px !important;
}


/* =========================================================
   ИЗОБРАЖЕНИЯ
   ========================================================= */

body.dentaplus-vip.vip-no-images img {

    display: none !important;
}


/* =========================================================
   ТЕЛЕФОНЫ
   ========================================================= */

body.dentaplus-vip a[href^="tel:"] {

    display: inline-block !important;

    padding: 5px 8px !important;

    font-size: 1.25em !important;

    font-weight: 700 !important;
}


/* =========================================================
   КНОПКИ "ЗАПИСАТЬСЯ"
   ========================================================= */

body.dentaplus-vip a,
body.dentaplus-vip button {

    min-height: 48px;
}


/*
   Кнопки записи делаем особенно заметными.
*/

body.dentaplus-vip a[href*="record"],
body.dentaplus-vip a[href*="zapis"],
body.dentaplus-vip a[href*="appointment"] {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 58px !important;

    padding: 12px 25px !important;

    border: 3px solid currentColor !important;

    font-weight: 700 !important;
}


/* =========================================================
   ФОРМЫ ЗАПИСИ
   ========================================================= */

body.dentaplus-vip form {

    max-width: 900px !important;

    margin-left: auto !important;

    margin-right: auto !important;
}


body.dentaplus-vip input,
body.dentaplus-vip textarea,
body.dentaplus-vip select {

    min-height: 55px !important;

    box-sizing: border-box !important;

    padding: 12px 15px !important;

    border: 3px solid currentColor !important;

    border-radius: 5px !important;

    font-size: 1em !important;
}


body.dentaplus-vip textarea {

    min-height: 120px !important;
}


body.dentaplus-vip input:focus,
body.dentaplus-vip textarea:focus,
body.dentaplus-vip select:focus {

    outline: 4px solid currentColor !important;

    outline-offset: 2px !important;
}


/* =========================================================
   ТАБЛИЦА ЦЕН
   ========================================================= */

body.dentaplus-vip table {

    width: 100% !important;

    border-collapse: collapse !important;

    margin-top: 20px !important;

    margin-bottom: 30px !important;
}


body.dentaplus-vip table th {

    font-size: 1.1em !important;

    font-weight: 700 !important;
}


body.dentaplus-vip table td,
body.dentaplus-vip table th {

    padding: 14px 12px !important;

    border: 2px solid currentColor !important;

    vertical-align: top !important;

    line-height: 1.6 !important;
}


/*
   На странице цен описание услуги
   занимает больше места, чем код.
*/

body.dentaplus-vip table td:nth-child(2) {

    font-weight: 600 !important;
}


/* =========================================================
   КАРТОЧКИ УСЛУГ
   ========================================================= */

body.dentaplus-vip .service,
body.dentaplus-vip .services-item,
body.dentaplus-vip .service-item {

    border: 3px solid currentColor !important;

    padding: 20px !important;

    margin-bottom: 20px !important;

    border-radius: 5px !important;
}


/* =========================================================
   КАРТОЧКИ ВРАЧЕЙ
   ========================================================= */

body.dentaplus-vip .doctor,
body.dentaplus-vip .doctors-item,
body.dentaplus-vip .doctor-item {

    border: 3px solid currentColor !important;

    padding: 20px !important;

    margin-bottom: 20px !important;
}


body.dentaplus-vip .doctor img,
body.dentaplus-vip .doctors-item img,
body.dentaplus-vip .doctor-item img {

    max-width: 250px !important;

    height: auto !important;
}


/* =========================================================
   ЗАГОЛОВКИ
   ========================================================= */

body.dentaplus-vip h1,
body.dentaplus-vip h2,
body.dentaplus-vip h3,
body.dentaplus-vip h4 {

    line-height: 1.3 !important;

    margin-top: 1.2em !important;

    margin-bottom: .7em !important;
}


/* =========================================================
   ЧЁРНЫЙ / БЕЛЫЙ
   ========================================================= */

body.dentaplus-vip.vip-black-white {

    background: #000 !important;

    color: #fff !important;
}

body.dentaplus-vip.vip-black-white * {

    background-color: #000 !important;

    color: #fff !important;

    border-color: #fff !important;
}

body.dentaplus-vip.vip-black-white a {

    color: #fff !important;
}


/* =========================================================
   БЕЛЫЙ / ЧЁРНЫЙ
   ========================================================= */

body.dentaplus-vip.vip-white-black {

    background: #fff !important;

    color: #000 !important;
}

body.dentaplus-vip.vip-white-black * {

    background-color: #fff !important;

    color: #000 !important;

    border-color: #000 !important;
}

body.dentaplus-vip.vip-white-black a {

    color: #000 !important;
}


/* =========================================================
   ЧЁРНЫЙ / ЖЁЛТЫЙ
   ========================================================= */

body.dentaplus-vip.vip-black-yellow {

    background: #000 !important;

    color: #ffff00 !important;
}

body.dentaplus-vip.vip-black-yellow * {

    background-color: #000 !important;

    color: #ffff00 !important;

    border-color: #ffff00 !important;
}

body.dentaplus-vip.vip-black-yellow a {

    color: #ffff00 !important;
}


/* =========================================================
   ЖЁЛТЫЙ / ЧЁРНЫЙ
   ========================================================= */

body.dentaplus-vip.vip-yellow-black {

    background: #ffff00 !important;

    color: #000 !important;
}

body.dentaplus-vip.vip-yellow-black * {

    background-color: #ffff00 !important;

    color: #000 !important;

    border-color: #000 !important;
}

body.dentaplus-vip.vip-yellow-black a {

    color: #000 !important;
}


/* =========================================================
   ПЛАВНОЕ УДАЛЕНИЕ ДЕКОРАТИВНЫХ ЭФФЕКТОВ
   ========================================================= */

body.dentaplus-vip * {

    animation-duration: 0s !important;

    transition-duration: 0s !important;
}


/* =========================================================
   ФОКУС КЛАВИАТУРЫ
   ========================================================= */

body.dentaplus-vip *:focus {

    outline: 4px solid currentColor !important;

    outline-offset: 3px !important;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 700px) {

    #dentaplus-vip-open {

        top: 10px;

        right: 10px;

        min-height: 45px;

        padding: 9px 12px;

        font-size: 14px;
    }


    #dentaplus-vip-panel {

        width: 100%;

        padding: 20px;
    }


    .vip-buttons {

        grid-template-columns: 1fr;
    }


    .vip-header-title {

        font-size: 21px;
    }

}


/* =========================================================
   ПЕЧАТЬ
   ========================================================= */

@media print {

    #dentaplus-vip-open,
    #dentaplus-vip-panel {

        display: none !important;
    }

}<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>