/* skancev 27.10.2026 — единый современный стиль поверх темы epro (skancev/deploy.py).
   Цвета и шрифты — фирменные цвета сайта: оранжевый #F57C00 (кнопки), синий #2196F3 (меню), тёмно-синий #003399 (телефон);
   Montserrat — кнопки и подписи, Oswald — заголовки разделов, Open Sans — текст. */
/* ---------- единая шкала шрифтов: размер задаётся типом текста, а не страницей; плавно от телефона (390px) к ПК ---------- */
:root{
  --sk-t:clamp(15px,.2vw + 14.3px,16px);        /* основной текст: 15 → 16 */
  --sk-lead:clamp(16px,.45vw + 14.2px,19px);    /* вводный абзац: 16 → 19 */
  --sk-h1:clamp(26px,1.6vw + 18px,38px);        /* заголовок страницы: 26 → 38 */
  --sk-h2:clamp(21px,1vw + 16px,28px);          /* подзаголовок в тексте: 21 → 28 */
  --sk-h3:clamp(17px,.4vw + 15px,20px);         /* малый подзаголовок: 17 → 20 */
  --sk-sec:clamp(28px,2.6vw + 12px,46px);       /* заголовок раздела (Oswald, с бледным словом на фоне): 28 → 46 */
  --sk-lh:1.7}
:root{--sk-or:#F57C00;--sk-or-d:#E06C00;--sk-bl:#2196F3;--sk-bl-d:#1976D2;--sk-navy:#003399;--sk-ink:#1d2330;--sk-mut:#6b7280;--sk-line:#e7eaf0;--sk-soft:#f6f8fb;--sk-r:10px}

/* ---------- кнопки: основная (оранжевая) ---------- */
.priem,.footer-zapis,.button-slide,.sk-book-btn,.product-info .cart .btn-primary,.modal .btn-success,.contact-form .buttons-set .button,.sk-cta{
  font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;
  background:var(--sk-or)!important;border:0!important;color:#fff!important;border-radius:var(--sk-r)!important;
  box-shadow:0 12px 24px -12px rgba(245,124,0,.8);transition:background .2s,transform .2s,box-shadow .2s;cursor:pointer;outline:none}
.priem:hover,.footer-zapis:hover,.button-slide:hover,.sk-book-btn:hover,.product-info .cart .btn-primary:hover,.modal .btn-success:hover,.contact-form .buttons-set .button:hover,.sk-cta:hover{
  background:var(--sk-or-d)!important;box-shadow:0 16px 28px -14px rgba(224,108,0,.9)}
.priem{font-size:17px!important;line-height:1.35!important;padding:12px 22px!important}
.footer-zapis{font-size:18px!important;line-height:1.35!important;padding:16px 28px!important}
.button-slide{font-size:20px!important;padding:12px 26px!important}
.sk-book-btn{font-size:17px!important;padding:14px 22px!important;line-height:1.3!important}
.contact-form .buttons-set .button{padding:0 34px!important;height:52px}
.contact-form .buttons-set .button span{background:none!important;color:#fff!important;font:inherit!important}

/* ---------- кнопки: второстепенные (синий контур) ---------- */
a.button.btn-cart,.product-list a.button,.button-group .btn-primary,.zvonok{
  font-family:Montserrat,Arial,sans-serif!important;font-weight:600!important;letter-spacing:.03em;text-transform:uppercase;
  background:#fff!important;color:var(--sk-bl)!important;border:1.5px solid var(--sk-bl)!important;border-radius:var(--sk-r)!important;
  transition:background .2s,color .2s;cursor:pointer}
a.button.btn-cart:hover,.product-list a.button:hover,.button-group .btn-primary:hover,.zvonok:hover{background:var(--sk-bl)!important;color:#fff!important}
a.button.btn-cart,.product-list a.button{font-size:12px!important;line-height:36px!important;height:38px!important;padding:0 22px!important;display:inline-block}
.zvonok{font-size:13px!important;padding:6px 14px!important}

/* ---------- иконки мессенджеров и соцсетей (шапка, подвал): цветные плитки в стиле значка MAX ---------- */
.head-search a{display:inline-block;vertical-align:middle;margin:0 4px!important;padding:0!important;text-decoration:none!important;transition:transform .2s}
.head-search a i.fa{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;padding:0!important;margin:0!important;border-radius:10px;font-size:19px!important;line-height:1!important;color:#fff!important;box-shadow:0 6px 14px -8px rgba(0,0,0,.45);vertical-align:middle}
.head-search a i.fa-whatsapp{background:#25D366}
.head-search a i.fa-vk{background:#0077FF}
.head-search a i.fa-search{background:#eef2f7;color:#1d2330!important;box-shadow:none}
.head-search a.sk-max-ico img{width:34px!important;height:34px!important;border-radius:10px!important;display:block;box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}
.head-search a:hover i.fa,.head-search a.sk-max-ico:hover img{filter:brightness(1.07)}
.right-priem .ic-header{margin-top:16px}   /* иконки — ниже кнопки «Записаться на приём», не вплотную */
.footer .head-search{margin-top:14px}
.footer .head-search a{margin:0 3px!important}
.footer .head-search a i.fa{width:30px;height:30px;border-radius:9px;font-size:16px!important}
.footer .head-search a.sk-max-ico img{width:30px!important;height:30px!important;border-radius:9px!important}
@media (max-width:767px){
  .head-search a{margin:0 6px!important}
  .right-priem .ic-header{margin:18px 0 20px}
  .head-search a i.fa{width:44px;height:44px;border-radius:12px;font-size:24px!important}
  .head-search a.sk-max-ico img{width:44px!important;height:44px!important;border-radius:12px!important}
  .footer .head-search a i.fa{width:38px;height:38px;border-radius:11px;font-size:20px!important}
  .footer .head-search a.sk-max-ico img{width:38px!important;height:38px!important;border-radius:11px!important}
}
a.sk-tel{color:inherit;text-decoration:none}

/* ---------- окно выбора способа записи ---------- */
.sk-modal{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:100000;background:rgba(17,24,39,.55);align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.sk-modal.on{display:flex;animation:skFade .18s ease-out}
@keyframes skFade{from{opacity:0}to{opacity:1}}
@keyframes skUp{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.sk-box{background:#fff;border-radius:18px;max-width:440px;width:100%;padding:26px 22px 18px;position:relative;color:var(--sk-ink);box-shadow:0 24px 60px -20px rgba(0,0,0,.45);text-align:left;animation:skUp .22s ease-out;font-family:"Open Sans",Arial,sans-serif}
.sk-box .sk-h{margin:0 34px 6px 2px;font:700 21px/1.25 Montserrat,Arial,sans-serif;color:var(--sk-ink)}
.sk-box .sk-sub{margin:0 0 16px 2px;color:var(--sk-mut);font-size:14px;line-height:1.45}
.sk-x{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:var(--sk-soft);border:0;font-size:22px;line-height:34px;color:#8a93a3;cursor:pointer;padding:0;transition:background .2s}
.sk-x:hover{background:#eceff4;color:var(--sk-ink)}
.sk-opt{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;margin:0 0 10px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--sk-line);background:#fff;color:var(--sk-ink)!important;text-decoration:none!important;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;font-family:inherit}
.sk-opt:hover{border-color:var(--sk-or);box-shadow:0 10px 24px -14px rgba(0,0,0,.35)}
.sk-opt .sk-ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff}
.sk-opt .sk-ic img{width:42px;height:42px;border-radius:12px;display:block}
.sk-opt .sk-t{flex:1 1 auto;min-width:0;line-height:1.3}
.sk-opt .sk-t b{display:block;font:700 15px/1.3 Montserrat,Arial,sans-serif}
.sk-opt .sk-t small{display:block;font-size:13px;color:var(--sk-mut);margin-top:2px}
.sk-opt .sk-ar{flex:0 0 auto;color:#b3bac6;font-size:20px}
.sk-opt-main{background:var(--sk-or);border-color:var(--sk-or);color:#fff!important;box-shadow:0 12px 24px -12px rgba(245,124,0,.8)}
.sk-opt-main:hover{background:var(--sk-or-d);border-color:var(--sk-or-d)}
.sk-opt-main .sk-ic{background:#fff;color:var(--sk-or)}
.sk-opt-main .sk-t small,.sk-opt-main .sk-ar{color:rgba(255,255,255,.85)}
.sk-ic-wa{background:#25D366}
.sk-ic-form{background:#e8f2fe;color:var(--sk-bl)!important}
.sk-note{font-size:12.5px;color:var(--sk-mut);margin:6px 2px 0;line-height:1.45}
.sk-note .fa{color:var(--sk-or);margin-right:4px}

/* ---------- формы заявок (модальные окна модуля) ---------- */
.modal .modal-content{border-radius:16px!important;overflow:hidden;border:0;box-shadow:0 24px 60px -20px rgba(0,0,0,.45)}
.modal .modal-header{background:var(--sk-bl)}
.modal .modal-title{font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important;letter-spacing:.06em!important}
.modal .form-control{border-radius:var(--sk-r)!important;border:1.5px solid #d9dee7!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
.modal .form-control:focus{border-color:var(--sk-bl)!important;box-shadow:0 0 0 3px rgba(33,150,243,.15)!important}
.modal .btn-success{padding:12px 30px!important;font-size:17px!important}

/* ---------- блок «Кабинет медицинского массажа» на главной ---------- */
.sk-home{padding:10px 0 34px}
.sk-home .box-heading h2{font-family:Oswald,Arial,sans-serif;font-size:46px;line-height:1.05;font-weight:400;text-transform:uppercase;letter-spacing:.5px;color:#000;margin:0;position:relative}
.sk-home-lead{max-width:900px;margin:18px auto 26px;text-align:center;font-size:16px;line-height:1.7;color:#333}
.sk-home-lead a{color:var(--sk-navy);text-decoration:none;border-bottom:1px solid rgba(0,51,153,.3)}
.sk-ya{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:14px 0 0}
.sk-ya iframe{border:0;display:block}
.sk-ya a{font:600 13px Montserrat,Arial,sans-serif;color:var(--sk-navy);text-decoration:none;border-bottom:1px dashed rgba(0,51,153,.4)}
.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}
.sk-card{background:#fff;border:1px solid var(--sk-line);border-radius:16px;padding:22px 22px 20px;box-shadow:0 14px 34px -26px rgba(0,0,0,.45)}
.sk-card-h{font:700 17px/1.2 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--sk-ink);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.sk-card-h .fa{width:34px;height:34px;border-radius:10px;background:#fff3e6;color:var(--sk-or);display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.sk-list{list-style:none;margin:0;padding:0}
.sk-list li{position:relative;padding:5px 0 5px 18px;font-size:15px;line-height:1.45}
.sk-list li:before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--sk-or)}
.sk-list a,.sk-prices a{color:var(--sk-ink);text-decoration:none;transition:color .2s}
.sk-list a:hover,.sk-prices a:hover{color:var(--sk-or)}
.sk-prices{list-style:none;margin:0 0 12px;padding:0}
.sk-prices li{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px dashed var(--sk-line);font-size:15px}
.sk-prices li span{margin-left:auto;font:700 15px Montserrat,Arial,sans-serif;color:var(--sk-navy);white-space:nowrap}
.sk-more{font:600 13px Montserrat,Arial,sans-serif;color:var(--sk-bl)!important;text-decoration:none!important;text-transform:uppercase;letter-spacing:.03em}
.sk-more:hover{color:var(--sk-bl-d)!important}
.sk-card-cta p{font-size:15px;line-height:1.55;margin:0 0 10px;color:#333}
.sk-card-cta .fa-map-marker,.sk-card-cta .fa-clock-o{color:var(--sk-or);width:16px}
.sk-cta{display:block;width:100%;padding:15px 18px!important;font-size:16px!important;margin:16px 0 10px}
.sk-quick{display:flex;gap:10px;align-items:center;justify-content:center;font:700 16px Montserrat,Arial,sans-serif}
.sk-quick a{color:var(--sk-navy)!important;text-decoration:none!important}
.sk-quick a.sk-qi img{width:30px;height:30px;border-radius:8px;display:block}
.sk-quick a.sk-qi .fa{width:30px;height:30px;border-radius:8px;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.sk-warn{max-width:900px;margin:22px auto 0;text-align:center;font-size:13px;color:var(--sk-mut);line-height:1.5}
.sk-warn a{color:var(--sk-mut);text-decoration:underline}

/* ---------- главная: разделы и карточки ---------- */
.cat-waaal img,.category-wall img{border-radius:14px;transition:transform .3s,box-shadow .3s}
.cat-waaal:hover img{box-shadow:0 14px 28px -18px rgba(0,0,0,.5)}

/* ---------- страница услуги ---------- */
.tags_product{display:none!important}
.product-info .main-price .price-new,.product-info #price-old{font:700 30px/1.2 Montserrat,Arial,sans-serif!important;color:var(--sk-navy)!important}
.related-products .price,.product-grid .price{font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important;color:var(--sk-navy)!important}
#tab-description h3{border-left:4px solid var(--sk-or);padding:4px 0 4px 12px!important;margin:26px 0 12px!important}
#tab-description ul{list-style:none;padding-left:4px}
#tab-description ul li{position:relative;padding-left:20px;margin:4px 0}
#tab-description ul li:before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--sk-or)}
#tab-description a{color:var(--sk-navy)}
.related-products .product{border:1px solid var(--sk-line);border-radius:14px;padding:12px 12px 14px;background:#fff;transition:box-shadow .25s,transform .25s;margin-bottom:20px}
.related-products .product:hover{box-shadow:0 16px 32px -20px rgba(0,0,0,.45)}
.related-products .product .image img{border-radius:10px}

/* ---------- прейскурант ---------- */
table.thhmain{border-collapse:separate!important;border-spacing:0;border-radius:14px;overflow:hidden;box-shadow:0 12px 34px -22px rgba(0,0,0,.5);margin-bottom:20px}
table.thhmain td{border:0!important;border-bottom:1px solid var(--sk-line)!important;font-size:17px!important;padding:13px 20px!important;background:#fff}
table.thhmain tr:nth-child(even) td{background:#f8fafc!important}
table.thhmain tr.thhmain11 td{background:var(--sk-bl)!important;color:#fff!important;font:700 14px Montserrat,Arial,sans-serif!important;letter-spacing:.06em;border-bottom:0!important}
table.thhmain td:last-child{text-align:right;white-space:nowrap;font-family:Montserrat,Arial,sans-serif;font-weight:700;color:var(--sk-navy)}
table.thhmain a{color:var(--sk-ink);text-decoration:none;border-bottom:1px dashed #b9c3d3;transition:color .2s,border-color .2s}
table.thhmain a:hover{color:var(--sk-or);border-color:var(--sk-or)}

/* ---------- контакты ---------- */
.contact-page .icon-contact{color:var(--sk-or)!important}
.contact-page .contact-way p a{color:var(--sk-navy);text-decoration:none}
.sk-msgr{display:inline-flex;align-items:center;vertical-align:middle;line-height:22px;gap:6px;margin:0 6px;font:600 14px Montserrat,Arial,sans-serif;color:var(--sk-ink)!important;text-decoration:none!important}
.sk-msgr img{width:22px;height:22px;border-radius:6px}
.sk-msgr .fa{width:22px;height:22px;border-radius:6px;background:#25D366;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.sk-map{margin:10px 0 30px}
.sk-map > iframe{width:100%;height:440px;border:0;border-radius:16px;box-shadow:0 14px 34px -24px rgba(0,0,0,.55);display:block}
.sk-map .sk-ya{justify-content:flex-start;margin-top:14px}
.contact-form .input-text{border-radius:var(--sk-r)!important;border:1.5px solid #e3e7ee!important;background:#f8fafc!important;transition:border-color .2s,box-shadow .2s}
.contact-form .input-text:focus{border-color:var(--sk-bl)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(33,150,243,.15)}

/* ---------- типографика по шкале (переменные --sk-* вверху файла) ---------- */
h1:not(.main-zagl){font-size:var(--sk-h1)!important;line-height:1.15!important}
.box-home-fashion .box-heading h4,.box-home-fashion .box-heading h2{font-size:var(--sk-sec)!important;line-height:1.05!important}
/* текст страниц: описание услуги и текстовые страницы (обо мне, противопоказания, документация, отзывы) */
#tab-description,#tab-description p,#tab-description li,#tab-description td,
#content > div:not([class]) > p,#content > div:not([class]) li,#content > div:not([class]) td{font-size:var(--sk-t)!important;line-height:var(--sk-lh)!important}
#tab-description h2,#content > div:not([class]) > h2{font-size:var(--sk-h2)!important;line-height:1.25!important;margin:28px 0 12px!important}
#tab-description h3,#content > div:not([class]) > h3{font-size:var(--sk-h3)!important;line-height:1.3!important}
.sk-lead{font-size:var(--sk-lead)!important;line-height:1.65!important}
.product-list h2.product-name{font-size:var(--sk-h3)!important;line-height:1.3!important}
.sk-home-lead,.sk-home-lead p{font-size:var(--sk-lead)}
.sk-list li,.sk-prices li,.sk-card-cta p{font-size:var(--sk-t)}

/* ---------- мобильные ---------- */
@media (max-width:991px){.sk-grid{grid-template-columns:1fr 1fr}.sk-card-cta{grid-column:1/-1}}
@media (max-width:640px){
  .sk-grid{grid-template-columns:1fr;gap:16px}
  .sk-home .box-heading h2{font-size:28px}
  .sk-home-lead{font-size:15px;text-align:left;padding:0 4px}
  .sk-box{padding:22px 16px 14px;border-radius:16px}
  table.thhmain td{font-size:15px!important;padding:11px 12px!important}
  .sk-map > iframe{height:340px}
  .button-slide{font-size:16px!important}
}
