/* Косметология Екатерины Жуковой · жидкое стекло и золото. Версия 09.10. Стили для всех страниц.
   Фото фона здесь нет: его задаёт HEAD-код страницы. */
:root{
  --ink:#3F3A35;
  --gold:linear-gradient(90deg,#C39540 0%,#DBBD7A 8%,#F1DD96 40%,#FCF7CE 70%,#E4C67F 90%,#BF923D 100%);
  --gold-line:linear-gradient(90deg,#D6A83E,#FFE08A 50%,#F2C14E);
  --price:#B07A1E;
  --blur:22px;
}
@media (max-width:639px){:root{--blur:14px}}

/* статичный фон страницы: блоки прокручиваются поверх него. Фото и положение задаёт страница переменными
   --bg-desktop, --bg-mobile, --bg-pos-desktop, --bg-pos-mobile; без них остаётся тёплый серый фон */
html{background:#8C8683}
body,#allrecords,.t-records{background:transparent!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(40,34,30,.10),rgba(40,34,30,.18)),var(--bg-desktop,none) var(--bg-pos-desktop,center 35%)/cover no-repeat,#8C8683}
@media (max-width:767px){
  body::before{background:linear-gradient(180deg,rgba(40,34,30,.10),rgba(40,34,30,.18)),var(--bg-mobile,var(--bg-desktop,none)) var(--bg-pos-mobile,center top)/cover no-repeat,#8C8683}
}
/* Zero-блоки прозрачные, чтобы фон просвечивал */
.t396__artboard,.t396__carrier,.t396__filter{background-color:transparent!important}
/* тень стеклянных ячеек не обрезается по нижнему краю блока, а сходит на нет в отступе до следующего блока */
.t396__artboard{overflow:visible!important}
#allrecords{overflow-x:clip}

/* шапка закреплена сверху: вся страница хедера (#t-header), класс блоку задавать не нужно.
   Пустые места артборда шапки пропускают клики к странице под ней */
#t-header,.uc-header{position:fixed!important;top:0;left:0;right:0;z-index:990}
#t-header .t396__artboard{pointer-events:none}
#t-header .t396__elem,#t-header .tn-group{pointer-events:auto}
/* тень таблетки не обрезается по краю артборда шапки */
#t-header .t396__artboard,#t-header .t396__filter,#t-header .t396__carrier{overflow:visible!important}
/* на 1200 и 960 над таблеткой строка с мессенджерами и соцсетями: контент страниц ниже на её высоту */
@media (min-width:960px){#allrecords{padding-top:44px!important}}

/* жидкое стекло: класс glass у группы или элемента */
.glass:not(.t396__elem),.t396__elem.glass .tn-atom{
  isolation:isolate;
  background:linear-gradient(135deg,rgba(255,251,246,.58) 0%,rgba(255,251,246,.30) 100%)!important;
  -webkit-backdrop-filter:blur(var(--blur)) saturate(150%);backdrop-filter:blur(var(--blur)) saturate(150%);
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 1px 0 0 rgba(255,255,255,.35),0 24px 60px rgba(74,52,32,.16);
  box-sizing:border-box}
/* на телефоне тень короче: укладывается в отступ 40px между блоками */
@media (max-width:639px){
  .glass:not(.t396__elem),.t396__elem.glass .tn-atom{box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 1px 0 0 rgba(255,255,255,.35),0 12px 30px rgba(74,52,32,.16)}
}
/* шапка-таблетка и строка над ней: стекло в шапке скруглено, без золотой линии; бургер круглый */
#t-header .glass:not(.t396__elem),.uc-header .glass:not(.t396__elem){border-radius:36px!important;overflow:hidden}
#t-header .glass:not(.t396__elem)::after,.uc-header .glass:not(.t396__elem)::after{display:none!important}
.btn-gold:not(.t396__elem){border-radius:23px!important;overflow:hidden}
@media (max-width:639px){#t-header .glass:not(.t396__elem),.uc-header .glass:not(.t396__elem){border-radius:31px!important}}
/* блик, который скользит по стеклу при прокрутке */
.glass:not(.t396__elem)::before{content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(255,255,255,.38) 48%,rgba(255,255,255,.08) 55%,transparent 64%,transparent 100%);
  background-size:260% 100%;background-position:calc(var(--sheen,.5) * 100%) 0;transition:background-position .25s linear}

/* золотая линия по нижнему краю стеклянных ячеек (шапка-таблетка без линии) */
.glass:not(.t396__elem)::after,.trust-cell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:1;pointer-events:none;
  background:var(--gold-line);box-shadow:0 2px 6px rgba(170,121,30,.35)}
@media (min-width:1200px){.trust-cell::after{display:none}}

/* строка доверия: на десктопе одна стеклянная полоса, на остальных экранах отдельные ячейки с острыми углами */
@media (max-width:1199px){
  .trust-bar{background:none!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .trust-bar::before,.trust-bar::after{display:none}
  .trust-cell{border-radius:0;border:1px solid rgba(255,255,255,.8);
    background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.25));
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);box-sizing:border-box}
}

/* кнопки-таблетки */
.t396__elem.btn-gold .tn-atom{background:var(--gold)!important;color:#2E2C25!important;
  box-shadow:0 8px 22px rgba(170,121,30,.3),inset 0 1px 0 rgba(255,255,255,.75);transition:filter .2s,transform .2s}
.t396__elem.btn-gold .tn-atom:hover{filter:brightness(1.05);transform:translateY(-1px)}
/* бургер: золотая группа с тремя линиями */
.btn-gold:not(.t396__elem){background:var(--gold)!important;box-shadow:0 8px 22px rgba(170,121,30,.3),inset 0 1px 0 rgba(255,255,255,.75);cursor:pointer}
.btn-glass .tn-atom{background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.2))!important;
  border:1px solid rgba(255,255,255,.8)!important;color:var(--ink)!important;font-weight:500!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}

/* тёмное стекло футера: класс glass-dark у группы */
.glass-dark:not(.t396__elem){isolation:isolate;background:linear-gradient(135deg,rgba(46,40,35,.78),rgba(46,40,35,.62))!important;
  -webkit-backdrop-filter:blur(var(--blur)) saturate(140%);backdrop-filter:blur(var(--blur)) saturate(140%);
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 60px rgba(30,22,16,.25);box-sizing:border-box}
.glass-dark:not(.t396__elem)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;pointer-events:none;background:var(--gold-line)}
@media (max-width:639px){.glass-dark:not(.t396__elem){box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px rgba(30,22,16,.25)}}

/* ссылки на якоря не прячут заголовок блока под закреплённой шапкой */
html{scroll-padding-top:96px}

/* золотая линия под H1 и H2 */
.gline .tn-atom{background:var(--gold-line)!important;box-shadow:0 3px 8px rgba(70,63,57,.22)}

/* цены тёмным золотом #B07A1E (решение 22.10): новые страницы получают цвет прямо в Zero-блоке,
   здесь перекрашены цены, свёрстанные раньше светлым #EAD18A. Прайс /tseny берёт цвет из переменной --price */
html body #zp-price{--price:#B07A1E}
/* ботокс: первый экран и прайс */
.tn-elem[data-elem-id="1791521955833000006"] .tn-atom,.tn-elem[data-elem-id="1791521955833000010"] .tn-atom,
.tn-elem[data-elem-id="1791522085828000014"] .tn-atom,.tn-elem[data-elem-id="1791522085828000018"] .tn-atom,
.tn-elem[data-elem-id="1791522085828000022"] .tn-atom,.tn-elem[data-elem-id="1791522085828000026"] .tn-atom,
.tn-elem[data-elem-id="1791522085828000030"] .tn-atom,.tn-elem[data-elem-id="1791522085828000034"] .tn-atom,
.tn-elem[data-elem-id="1791522085828000038"] .tn-atom,.tn-elem[data-elem-id="1791522085828000042"] .tn-atom,
.tn-elem[data-elem-id="1791522085828000046"] .tn-atom,.tn-elem[data-elem-id="1791522085828000050"] .tn-atom,
.tn-elem[data-elem-id="1791522085828000054"] .tn-atom,.tn-elem[data-elem-id="1791522085828000058"] .tn-atom,
.tn-elem[data-elem-id="1791522085829000062"] .tn-atom,
/* Морфеус 8: прайс */
.tn-elem[data-elem-id="1791396587177000014"] .tn-atom,.tn-elem[data-elem-id="1791396587177000018"] .tn-atom,
.tn-elem[data-elem-id="1791396587177000022"] .tn-atom,.tn-elem[data-elem-id="1791396587177000026"] .tn-atom,
.tn-elem[data-elem-id="1791396587178000030"] .tn-atom,
/* контурная пластика: первый экран и прайс */
.tn-elem[data-elem-id="1792650237576000006"] .tn-atom,.tn-elem[data-elem-id="1792650237576000010"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000072"] .tn-atom,.tn-elem[data-elem-id="1792650237576000076"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000083"] .tn-atom,.tn-elem[data-elem-id="1792650237576000087"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000091"] .tn-atom,.tn-elem[data-elem-id="1792650237576000095"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000099"] .tn-atom,.tn-elem[data-elem-id="1792650237576000103"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000110"] .tn-atom,.tn-elem[data-elem-id="1792650237576000114"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000118"] .tn-atom,.tn-elem[data-elem-id="1792650237576000122"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000126"] .tn-atom,.tn-elem[data-elem-id="1792650237576000130"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000134"] .tn-atom,.tn-elem[data-elem-id="1792650237576000138"] .tn-atom,
.tn-elem[data-elem-id="1792650237576000145"] .tn-atom,.tn-elem[data-elem-id="1792650237576000149"] .tn-atom{color:var(--price)!important}

/* браузеры без размытия фона */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass:not(.t396__elem),.t396__elem.glass .tn-atom{background:rgba(255,251,246,.82)!important}
  .trust-cell{background:rgba(255,251,246,.82)!important}
}

/* кнопка «Наверх»: стеклянный кружок с золотой стрелкой, саму кнопку добавляет скрипт из HEAD сайта */
.to-top{position:fixed;right:24px;bottom:24px;z-index:980;width:52px;height:52px;padding:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:#A8741A;
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.8);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(74,52,32,.18);
  opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s}
.to-top.is-on{opacity:1;visibility:visible;transform:none}
.to-top:hover{color:#8E5F0E;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.42))}
.to-top:focus-visible{outline:2px solid #3F3A35;outline-offset:3px}
.to-top svg{width:22px;height:22px}
@media (max-width:639px){.to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:46px;height:46px}}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.to-top{background:rgba(255,251,246,.9)}}

/* карта Яндекса в элементе с классом ya-map (карту вставляет скрипт из HEAD сайта) */
.ya-map .tn-atom{position:relative;overflow:hidden}
.ya-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

/* плашка о cookies: стекло шириной с контейнер сайта, кнопка «Хорошо» справа (плашку добавляет скрипт из HEAD сайта) */
.cookie-bar{position:fixed;left:50%;bottom:20px;z-index:985;box-sizing:border-box;width:min(1160px,calc(100% - 40px));
  display:flex;align-items:center;gap:24px;padding:16px 16px 16px 24px;color:var(--ink);
  background:linear-gradient(135deg,rgba(255,251,246,.82),rgba(255,251,246,.62));border:1px solid rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(var(--blur)) saturate(150%);backdrop-filter:blur(var(--blur)) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 18px 44px rgba(74,52,32,.2);
  opacity:0;transform:translate(-50%,16px);transition:opacity .3s,transform .3s}
.cookie-bar.is-on{opacity:1;transform:translate(-50%,0)}
.cookie-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold-line);box-shadow:0 2px 6px rgba(170,121,30,.35);pointer-events:none}
.cookie-bar__text{margin:0;flex:1 1 auto;min-width:0;font:400 14px/1.45 "Golos Text",Arial,sans-serif}
.cookie-bar__text a{color:#8E5F0E;text-decoration:underline;text-underline-offset:2px}
.cookie-bar__text a:hover{color:#6E4A0B}
.cookie-bar__btn{flex:0 0 auto;min-width:140px;height:46px;padding:0 28px;border:0;border-radius:23px;cursor:pointer;
  font:600 16px/1 "Golos Text",Arial,sans-serif;color:#2E2C25;background:var(--gold);
  box-shadow:0 8px 22px rgba(170,121,30,.3),inset 0 1px 0 rgba(255,255,255,.75);transition:filter .2s,transform .2s}
.cookie-bar__btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.cookie-bar__btn:focus-visible,.cookie-bar__text a:focus-visible{outline:2px solid #3F3A35;outline-offset:3px}
@media (max-width:959px){
  .cookie-bar{bottom:calc(10px + env(safe-area-inset-bottom));gap:12px;padding:10px 10px 12px 14px}
  .cookie-bar__text{font-size:10px;line-height:1.4}
  .cookie-bar__btn{min-width:0;height:38px;padding:0 14px;border-radius:19px}
}
@media (max-width:479px){
  .cookie-bar{width:calc(100% - 20px);flex-wrap:wrap;justify-content:flex-end;gap:8px}
  .cookie-bar__text{flex-basis:100%}
}
/* пока видна плашка, кнопка «Наверх» поднимается над ней */
.cookie-on .to-top{bottom:calc(var(--cookie-h,0px) + 32px)}
@media (max-width:639px){.cookie-on .to-top{bottom:calc(var(--cookie-h,0px) + 20px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.cookie-bar{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cookie-bar{background:rgba(255,251,246,.95)}}

/* иконки мессенджеров и соцсетей: золотые логотипы целиком (ссылки в HEAD сайта, ICONS), под ними мягкая тень */
.brand-ico{position:relative;flex:0 0 auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  filter:drop-shadow(0 6px 12px rgba(74,52,32,.24))}
.brand-ico img{width:100%;height:100%;object-fit:contain;display:block}
/* запасной вариант, пока у иконки нет ссылки: золотой круг с коротким названием */
.brand-ico__short{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--gold);font:600 13px/1 "Golos Text",Arial,sans-serif;color:#2E2C25;letter-spacing:.02em}

/* хаб мессенджеров: золотая кнопка над кнопкой «Наверх», по нажатию раскрываются три иконки мессенджеров без подписей */
.msg-hub{position:fixed;right:22px;bottom:88px;z-index:982;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.msg-hub__toggle{position:relative;width:56px;height:56px;padding:0;border:0;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:#2E2C25;background:var(--gold);
  box-shadow:0 10px 26px rgba(170,121,30,.38),inset 0 1px 0 rgba(255,255,255,.75);transition:filter .2s,transform .2s}
.msg-hub__toggle:hover{filter:brightness(1.05);transform:translateY(-1px)}
.msg-hub__toggle svg{width:26px;height:26px}
.msg-hub__i-close,.msg-hub.is-open .msg-hub__i-chat{display:none}
.msg-hub.is-open .msg-hub__i-close{display:block}
.msg-hub__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.msg-hub__list li{opacity:0;visibility:hidden;transform:translateY(10px) scale(.9);transition:opacity .2s,transform .2s,visibility .2s}
.msg-hub.is-open .msg-hub__list li{opacity:1;visibility:visible;transform:none}
.msg-hub.is-open .msg-hub__list li:nth-last-child(2){transition-delay:.04s}
.msg-hub.is-open .msg-hub__list li:nth-last-child(3){transition-delay:.08s}
.msg-hub__item{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:4px}
.msg-hub__label{display:none}
.msg-hub__item:hover .brand-ico{transform:translateY(-1px);filter:drop-shadow(0 8px 14px rgba(74,52,32,.28)) brightness(1.06)}
.brand-ico{transition:transform .2s,filter .2s}
.msg-hub__toggle:focus-visible,.msg-hub__item:focus-visible{outline:2px solid #3F3A35;outline-offset:3px;border-radius:999px}
@media (max-width:639px){
  .msg-hub{right:14px;bottom:calc(72px + env(safe-area-inset-bottom))}
  .msg-hub__toggle{width:50px;height:50px}
}
.cookie-on .msg-hub{bottom:calc(var(--cookie-h,0px) + 96px)}
@media (max-width:639px){.cookie-on .msg-hub{bottom:calc(var(--cookie-h,0px) + 76px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.msg-hub__list li,.msg-hub__toggle,.brand-ico{transition:none}}

.brand-ico--max .brand-ico__short{font-size:11px}

/* шапка: золотой круг «Позвонить» (фигура с классом ico-phone), трубку рисует этот стиль */
.ico-phone .tn-atom{border-radius:50%!important;cursor:pointer;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E2C25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5-2.5l5 2v4a2 2 0 0 1-2 2a16 16 0 0 1-15-15a2 2 0 0 1 2-2'/%3E%3C/svg%3E") center/55% no-repeat,var(--gold)!important;
  box-shadow:0 6px 12px rgba(74,52,32,.24),inset 0 1px 0 rgba(255,255,255,.75);transition:filter .2s,transform .2s}
.ico-phone .tn-atom:hover{filter:brightness(1.05);transform:translateY(-1px)}

/* подсказка «Текст приветствия скопирован» при переходе во ВКонтакте и MAX (подсказку добавляет скрипт из HEAD сайта; стоит под шапкой) */
.msg-toast{position:fixed;left:50%;top:104px;z-index:995;box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);
  padding:12px 20px;border-radius:22px;font:600 14px/1.35 "Golos Text",Arial,sans-serif;color:var(--ink);text-align:center;
  background:linear-gradient(135deg,rgba(255,251,246,.94),rgba(255,251,246,.8));border:1px solid rgba(255,255,255,.8);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(74,52,32,.22);
  opacity:0;visibility:hidden;transform:translate(-50%,-12px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none}
.msg-toast::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--gold-line);border-radius:2px}
.msg-toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (max-width:639px){.msg-toast{top:88px}}
@media (prefers-reduced-motion:reduce){.msg-toast{transition:none}}

/* HTML-блоки документов и прайса: на телефоне те же кегли и кнопки, что в Zero-блоках (макеты 320 и 480 с масштабом по ширине окна) */
@media (max-width:639px){:root{--zu:calc(100vw / 480)}}
@media (max-width:479px){:root{--zu:calc(100vw / 320)}}
@media (max-width:639px){
  #zp-cookie,#zp-pdn,#zp-price,.zr-rules{font-size:calc(12 * var(--zu))!important;line-height:1.4!important}
  #zp-cookie h1,#zp-pdn h1,.zr-rules .zr-h1{font-size:calc(20 * var(--zu))!important;line-height:1.05!important}
  #zp-cookie h2,#zp-pdn h2,.zr-rules .zr-h2,.zr-rules .zr-lic .zr-h2,.zr-rules .zr-h2-out{font-size:calc(20 * var(--zu))!important;line-height:1.1!important}
  #zp-price .zp-h2c,#zp-price .zp-h3,.zr-rules .zr-h3,.zr-rules .zr-doc-t{font-size:calc(13 * var(--zu))!important;line-height:1.25!important}
  #zp-cookie .zp-crumbs,#zp-cookie .zp-meta,#zp-cookie .zp-tbl,#zp-cookie .zp-tbl td,#zp-cookie .zp-note,#zp-cookie .zp-cat,
  #zp-pdn .zp-crumbs,#zp-pdn .zp-meta,#zp-pdn .zp-tbl,#zp-pdn .zp-tbl td,#zp-pdn .zp-tbl-6,
  #zp-price .zp-pr,#zp-price .zp-pr-p,#zp-price .zp-price,#zp-price .zp-cat-m,#zp-price .zp-found,#zp-price .zp-cat-note,#zp-price .zp-pr-n small,#zp-price .zp-pr-c,#zp-price .zp-legal-line,
  .zr-rules .zr-crumbs,.zr-rules .zr-lead,.zr-rules .zr-toc a,.zr-rules .zr-toc a span,.zr-rules .zr-body,.zr-rules .zr-dl dt,.zr-rules .zr-dl dd,.zr-rules .zr-note,.zr-rules .zr-todo,.zr-rules .zr-doc-s,.zr-rules .zr-body-c p{font-size:calc(12 * var(--zu))!important;line-height:1.4!important}
  #zp-price .zp-pg,.zr-rules .zr-eyebrow,.zr-rules .zr-tag{font-size:calc(10 * var(--zu))!important;line-height:1.3!important}
  #zp-price .zp-chip{font-size:calc(13 * var(--zu))!important}
  #zp-price .zp-btn-g,.zr-rules .zr-btn,.zr-rules .zr-btn-g{display:flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;box-sizing:border-box;
    width:calc(232 * var(--zu))!important;max-width:100%;height:calc(38 * var(--zu))!important;min-height:0!important;padding:0 calc(12 * var(--zu))!important;
    font-size:calc(13 * var(--zu))!important;line-height:1.2!important;margin-left:auto!important;margin-right:auto!important}
  .zr-rules .zr-btns{align-items:center!important}
  #zp-price .zp-toggle{display:none!important}
}

/* правовые страницы на HTML-блоках: отступ от шапки как у первых Zero-блоков (132 / 120 / 96, на телефоне по ширине окна) */
#zp-cookie,#zp-pdn,.zr-rules{padding-top:132px!important}
@media (max-width:1199px){#zp-cookie,#zp-pdn,.zr-rules{padding-top:120px!important}}
@media (max-width:959px){#zp-cookie,#zp-pdn,.zr-rules{padding-top:96px!important}}
@media (max-width:639px){#zp-cookie,#zp-pdn,.zr-rules{padding-top:20vw!important}}
@media (max-width:479px){#zp-cookie,#zp-pdn,.zr-rules{padding-top:30vw!important}}
/* лицензия: первый блок на телефоне на том же расстоянии от шапки, что на остальных страницах */
@media screen and (max-width:479px){#rec4580574001 [data-group-id="1791390258862000001"]{top:108px!important}}

/* футер: ссылка «Создание сайтов» тёмным коричнево-серым, чтобы читалась */
[data-elem-id="1791479519131000004"] .tn-atom,[data-elem-id="1791479519131000004"] .tn-atom a{color:#5E5751!important}