/* Правки по просьбе владелицы сайта, добавлено при переносе с Тильды. Элементы убираются через display:none (а не удаляются из кода), потому что скрипты анимации Тильды обращаются к ним по id. */ /* Первый экран: плашки «А это больно?/Дорого?/Неловко в 30+», «указать [номер телефона]», кнопка «Начать с консультации», значки Telegram и почты со стрелкой */ #rec2720256801 .tn-elem[data-elem-id="1785922694516"], #rec2720256801 .tn-elem[data-elem-id="1785832076438000025"], #rec2720256801 .tn-elem[data-elem-id="1786280469817"], #rec2720256801 .tn-elem[data-elem-id="1786280515001000014"], #rec2720256801 .tn-elem[data-elem-id="1785836091316"], #rec2720256801 .tn-elem[data-elem-id="1786291015901000001"], #rec2720256801 .tn-elem[data-elem-id="1786289883883000001"], #rec2720256801 .tn-elem[data-elem-id="1786290643183000007"], #rec2720256801 .tn-elem[data-elem-id="1786290547672000004"], #rec2720256801 .tn-elem[data-elem-id="1786290612850000006"], #rec2720256801 .tn-elem[data-elem-id="1788250479203000005"], #rec2720256801 .tn-elem[data-elem-id="1788250461150000004"], #rec2720256801 .tn-elem[data-elem-id="1788250770657000002"], #rec2720256801 .tn-elem[data-elem-id="1788250799114000003"]{display:none !important} /* «Этапы»: кнопка «Начать с консультации» */ #rec2743588101 .tn-group[data-group-id="1786292542176000010"]{display:none !important} /* Футер: плашки «номер телефона» и «телеграм» (flex-группа сама сдвигает оставшиеся «электронная почта» и «инстаграм») и текст «Лицензия на осуществление…» */ #rec2744027601 .tn-group__27440276011785874509562000007, #rec2744027601 .tn-group__27440276011785874589304000017, #rec2744027601 .tn-elem[data-elem-id="1786002174849000002"]{display:none !important} /* «Обо мне», планшет: после правки переносов (предлоги не повисают) абзац слева стал на строку длиннее, поэтому блок текста поднят, чтобы он не наезжал на фото */ @media screen and (min-width:768px) and (max-width:1199px){ #rec2743211601 .tn-group[data-group-id="1785870516157000002"]{top:55px !important} } /* Типографика: без одиночных слов в последней строке (в браузерах, где это поддерживается) */ .t396__elem[data-elem-type="text"] .tn-atom{text-wrap:pretty} /* ---------- Плавные анимации (длительности и кривая; сами эффекты те же) ---------- */ :root{--yp-ease:cubic-bezier(.22,1,.36,1)} /* Вопрос-ответ: раскрытие ответа, плюс → крестик, цвета */ .faqAnswer{ transition:grid-template-rows .65s var(--yp-ease),opacity .3s ease,margin-top .65s var(--yp-ease) !important; } .faqItem.faqOpen .faqAnswer{ transition:grid-template-rows .65s var(--yp-ease),opacity .5s ease .1s,margin-top .65s var(--yp-ease) !important; } .faqIcon{transition:transform .6s var(--yp-ease) !important} .faqItem,.faqItem > .tn-atom{transition:background-color .5s ease !important} .faqItem .faqQ .tn-atom,.faqItem .faqAnswer .tn-atom{transition:color .5s ease !important} .faqIcon svg,.faqIcon svg *{transition:stroke .5s ease,fill .5s ease !important} /* «Образование» (плюсы на стеклянных карточках) */ .eduPlus{transition:transform .6s var(--yp-ease),background .3s ease !important} .eduAns{transition:max-width .75s var(--yp-ease),opacity .35s ease !important} .eduItem.eduOpen .eduAns{transition:max-width .75s var(--yp-ease),opacity .55s ease .1s !important} /* Блог: горизонтальный аккордеон с плюсом */ .acc-item{transition:flex-grow .9s var(--yp-ease),flex-basis .9s var(--yp-ease),height .8s var(--yp-ease) !important} .acc-plus{transition:transform .6s var(--yp-ease),background .3s ease,border-color .3s ease !important} .acc-label{transition:opacity .4s ease !important} .acc-content{transition:opacity .55s ease .25s,transform .8s var(--yp-ease) .2s !important} .acc-item:not(.is-open) .acc-content{transition:opacity .25s ease,transform .4s ease !important} .care-tab{transition-duration:.4s !important} .care-photo,.care-text{transition-duration:.55s !important} @media(prefers-reduced-motion:reduce){ .faqAnswer,.faqItem.faqOpen .faqAnswer,.faqIcon,.eduPlus,.eduAns,.eduItem.eduOpen .eduAns, .acc-item,.acc-plus,.acc-content{transition:none !important} } /* Lenis (плавная прокрутка): служебные правила из lenis.css, версия 1.1.18 */ html.lenis,html.lenis body{height:auto} .lenis.lenis-smooth{scroll-behavior:auto !important} .lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain} .lenis.lenis-stopped{overflow:clip} .lenis.lenis-smooth iframe{pointer-events:none} /* FAQ: убрана плашка «Не нашли свой ответ?» вместе с уголками и стрелкой */ #rec2750450201 .tn-group[data-group-id="1785914631633000069"], #rec2750450201 .tn-group[data-group-id="1786291708545000010"], #rec2750450201 .tn-elem[data-elem-id="1785914631633000076"], #rec2750450201 .tn-elem[data-elem-id="1785914631633000077"], #rec2750450201 .tn-elem[data-elem-id="1785914631633000078"], #rec2750450201 .tn-elem[data-elem-id="1785914631633000079"]{display:none !important} /* Блог, вкладка «Техника чистки»: видео вместо заглушки */ .care-video-preview .care-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#1c391b} .care-video-preview .care-video-play{z-index:2;transition:opacity .4s ease,transform .5s var(--yp-ease)} .care-video-preview.is-playing .care-video-play{opacity:0;transform:scale(.85);pointer-events:none} /* Конец страницы: без «резинки» при доскролле до подвала */ html,body{overscroll-behavior-y:none} /* Блог: на телефоне подпись третьей вкладки короче, чтобы не наезжала на плюс */ .acc-label .lbl-short{display:none} @media (max-width:480px){ .acc-label .lbl-full{display:none} .acc-label .lbl-short{display:inline} } /* Плюсики → крестики: мягкий разгон и торможение, поворот в обе стороны одинаково плавный */ :root{--yp-spin:cubic-bezier(.65,0,.35,1)} .faqIcon{transition:transform .75s var(--yp-spin) !important} .eduPlus{transition:transform .75s var(--yp-spin),background .3s ease !important} .acc-plus{transition:transform .75s var(--yp-spin),background .3s ease,border-color .3s ease !important} .igPlus .tn-atom{transition:transform .75s var(--yp-spin) !important} .igNote{transition:opacity .5s ease,transform .7s var(--yp-ease),visibility .5s !important} @media(prefers-reduced-motion:reduce){.faqIcon,.eduPlus,.acc-plus,.igPlus .tn-atom,.igNote{transition:none !important}} /* Подвал, телефон: отступ между карточкой с фото и строкой «Юлия Попова / Все права защищены» */ @media screen and (max-width:767px){ #rec2744027601 .tn-group[data-group-id="1785873517191000005"]{translate:0 24px} } /* Шум: прежний (анимированный noise.gif) убран, вместо него лёгкая неподвижная зернистость на весь сайт */ #rec2749967101{display:none !important} body::after{ content:""; position:fixed; inset:0; z-index:8000; pointer-events:none; opacity:.07; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:160px 160px; } /* Пункт «Отзывы» (главный экран и подвал): в макете был повёрнут на 1°, возвращён в горизонталь */ #rec2720256801 .tn-elem[data-elem-id="1788344216059000007"] .tn-atom, #rec2744027601 .tn-elem[data-elem-id="1788345023441000001"] .tn-atom{transform:none !important} /* Телефон: бургер на первом экране того же размера и на том же месте, что и в закреплённом меню (32 ед., отступ 20) */ @media screen and (max-width:767px){ #ypMenu{align-items:flex-start;justify-content:flex-start} #ypMenu .ypmBtn{width:32px;height:32px;margin:9px 0 0 10px} } /* Блог на телефоне: отступ от краёв экрана 10 ед., как у «Вопрос-ответ» (внутренний отступ обёртки убран) */ @media screen and (max-width:767px){ .acc-page-wrapper{padding-left:0 !important;padding-right:0 !important} }