.entry-content .ts-acc-h{width: 100%;background: #f8f9fa;color: #000;border: none;padding: 25px 30px;font-size: 1.3rem;font-weight: 600;text-align: left;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: background 0.3s ease}
.entry-content .ts-card{background: #f8f9fa;border-radius: 15px;padding: 25px;display: flex;gap: 20px;align-items: flex-start;transition: transform 0.3s ease}
.entry-content .ts-step-num{position: absolute;top: -15px;left: 30px;background: #BE2828;color: white;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.2rem;box-shadow: 0 4px 12px rgba(190, 40, 40, 0.3)}
.entry-content .ts-wcard{background: #ffffff;padding: 30px;border-radius: 15px;box-shadow: 0 5px 20px rgba(0,0,0,0.08);border-left: 4px solid #BE2828;transition: transform 0.3s ease}
.entry-content .ts-cardx{background: #fff;border-radius: 15px;padding: 30px;margin-bottom: 30px;display: flex;gap: 30px;align-items: center;box-shadow: 0 3px 15px rgba(0,0,0,0.1);transition: all 0.3s ease}
.entry-content .ts-bg-g{background:#f4f4f4}
.entry-content .ts-bg-w{background:#fff}
.entry-content .ts-faq-i{background: #f8f9fa;border-radius: 12px;margin-bottom: 15px;overflow: hidden;border: 2px solid #e9ecef}
.entry-content .ts-acc-head-red{width:100%;text-align:left;background:#BE2828;color:#fff;font-size:1.3rem;font-weight:600;padding:18px 20px;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s ease}
.entry-content .ts-card-p{color: #666;line-height: 1.6;margin: 0}
.entry-content .ts-arrow{font-size: 1.2rem;color: #BE2828;transition: transform 0.3s ease;margin-left: 15px;flex-shrink: 0}
.entry-content .ts-acc-c{background: white;padding: 0;max-height: 0;overflow: hidden;transition: max-height 0.5s ease}
.entry-content .ts-link-card{display:block;padding:20px 22px;border:1px solid #e3e3e3;border-radius:12px;text-decoration:none;color:#000;background:#fff;transition:border-color 0.3s ease}
.entry-content .ts-step{background: #f8f9fa;padding: 30px;border-radius: 15px;position: relative;border: 2px solid #e9ecef;transition: all 0.3s ease}
.entry-content .ts-ico-55{width: 55px;height: 55px;object-fit: contain;flex-shrink: 0}
.entry-content .ts-card-t{color: #BE2828;font-size: 1.3rem;margin-bottom: 10px}
.entry-content .ts-card-s{color: #666;line-height: 1.6;font-size: 0.95rem}
.entry-content .ts-card-tx{color: #BE2828;font-size: 1.4rem;font-weight: 700;margin-bottom: 15px;margin-top: 10px}
.entry-content .ts-card-txx{color: #BE2828;font-size: 1.4rem;font-weight: 700;margin-bottom: 15px}
.entry-content .ts-sec-white{background: #ffffff;padding: 80px 20px;border-radius: 20px;max-width: 1200px;margin: 60px auto;border: 3px solid #BE2828}
.entry-content .ts-ico-60{width: 60px;height: 60px;object-fit: contain;flex-shrink: 0}
.entry-content .ts-img-side{width: 220px;height: 120px;object-fit: cover;border-radius: 10px}
.entry-content .ts-row{display: flex;align-items: flex-start;gap: 20px}
.entry-content .ts-text-md{font-weight:700;font-size:1.02rem;margin-bottom:6px;color:#BE2828}
.entry-content .ts-card-txxx{color: #BE2828;font-size: 1.5rem;margin-bottom: 10px}
.entry-content .ts-badge{display:inline-block;font-weight:700;font-size:14px;letter-spacing:0.13em;text-transform:uppercase;background:#fff;border:1px solid #fff;color:#BE2828;border-radius:5px;padding:15px 35px;cursor:pointer;text-decoration:none;transition:all 0.3s ease}
.entry-content .ts-card-px{color: #666;line-height: 1.6;margin-bottom: 15px}
.entry-content .ts-text-sm{color: #333;font-size: 0.95rem;line-height: 1.5}
.entry-content .ts-h2-xl{font-size: 2.8rem;font-weight: 700;color: #000;margin-bottom: 20px}
.entry-content .ts-text-xs{font-size:0.9rem;line-height:1.5;color:#666}
.entry-content .ts-lead{font-size: 1.1rem;line-height: 1.6;color: #666;max-width: 800px;margin: 0 auto}
.entry-content .ts-lead-wide{font-size: 1.2rem;line-height: 1.6;color: #666;max-width: 900px;margin: 0 auto}
.entry-content .ts-sec-red{background:#BE2828;color:#fff;padding:60px 20px;border-radius:20px;text-align:center;max-width:1200px;margin:60px auto;box-shadow:0 4px 20px rgba(0,0,0,0.15)}
.entry-content .ts-pad-38{padding: 0 30px 30px}
.entry-content .ts-h2-xl2{font-size: 2.8rem;font-weight: 700;color: #000;margin-bottom: 15px}
.entry-content .ts-pad-41{padding:12px 15px}
.entry-content .ts-head-c{text-align: center;margin-bottom: 60px}
.entry-content .ts-grid-auto{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;counter-reset: step-counter}
.entry-content .ts-sec-grey{background: #f8f9fa;padding: 60px 40px;border-radius: 20px;width: 1200px;max-width: 100%;margin: 40px auto}
.entry-content .ts-note-red{background: #BE2828;color: white;padding: 25px;border-radius: 15px;text-align: center;margin-top: 30px}
.entry-content .ts-note-red-lg{background: #BE2828;color: white;padding: 40px;border-radius: 15px;text-align: center;margin-top: 30px}
.entry-content .ts-grid-auto-lg{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin-bottom: 50px}
.entry-content .ts-sec-grey-lg{background: #f8f9fa;padding: 80px 20px;border-radius: 20px;max-width: 1200px;margin: 60px auto}
.entry-content .ts-sec-soft{max-width:1200px;margin:40px auto;padding:40px;background:#fafafa;border-radius:20px}
.entry-content .ts-lead2{font-size: 1.1rem;line-height: 1.6;color: #666;max-width: 800px;margin: 0 auto 40px}
.entry-content .ts-lead-wide2{font-size: 1.2rem;line-height: 1.6;color: #666;max-width: 800px;margin: 0 auto}
.entry-content .ts-grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:16px}
.entry-content .ts-head-c2{text-align: center;margin-bottom: 50px}
.entry-content .ts-h2-lg{font-size: 2.5rem;font-weight: 700;color: #000;margin-bottom: 20px}
.entry-content .ts-h2-sm{font-size:1.8rem;font-weight:700;margin-bottom:8px;color:#000}
.entry-content .ts-grid-2{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px}
.entry-content .ts-text-lg{font-size: 1.1rem;line-height: 1.5;margin: 0;opacity: 0.95}
/* ── прайс: два рівні розкриття ── */
.entry-content .tp{max-width:1000px;margin:0 auto}
.entry-content .tp-s{border:1px solid #e6e2de;border-radius:14px;overflow:hidden;margin-bottom:14px;background:#fff}
.entry-content .tp-sh{width:100%;display:flex;align-items:center;gap:14px;padding:20px 22px;border:0;cursor:pointer;background:#BE2828;color:#fff;font:600 1.15rem/1.3 inherit;text-align:left}
.entry-content .tp-sh:hover{background:#a92323}
.entry-content .tp-st{flex:1}

.entry-content .tp-sa, .entry-content .tp-ga{transition:transform .3s ease;flex-shrink:0}
.entry-content .tp-s.on .tp-sa, .entry-content .tp-g.on .tp-ga{transform:rotate(180deg)}
.entry-content .tp-sc, .entry-content .tp-gc{max-height:0;overflow:hidden;transition:max-height .45s ease}
.entry-content .tp-si{padding:14px}
.entry-content .tp-g{border:1px solid #ece8e4;border-radius:10px;overflow:hidden;margin-bottom:8px;background:#fafafa}
.entry-content .tp-g:last-child{margin-bottom:0}
.entry-content .tp-gh{width:100%;display:flex;align-items:center;gap:12px;padding:16px 18px;border:0;cursor:pointer;background:#f4f2f0;color:#1a1a1a;font:600 1.18rem/1.3 inherit;text-align:left}
.entry-content .tp-gh:hover{background:#ece8e4}
.entry-content .tp-gt{flex:1}
.entry-content .tp-gu{font:600 12px/1 inherit;letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a;white-space:nowrap}
.entry-content .tp-ga{color:#BE2828;font-size:.85rem}
.entry-content .tp-gi{padding:4px 16px 12px}
.entry-content .tp-row{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid #eee}
.entry-content .tp-row:last-child{border-bottom:0}
.entry-content .tp-n{flex:1;font-size:.97rem;line-height:1.45;color:#333}
.entry-content .tp-k{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#ece8e4;color:#6e6660;font:600 11px/1.5 inherit;white-space:nowrap}
.entry-content .tp-p{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:#BE2828}
.entry-content .tp-note{max-width:1000px;margin:18px auto 0;font-size:.9rem;line-height:1.55;color:#8a8a8a}
.entry-content .ts-wrap{max-width:1200px;margin:40px auto}
/* ── галерея ── */
.entry-content .tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;max-width:1100px;margin:0 auto}
.entry-content .tg-i{display:block;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#f2efec;aspect-ratio:4/5}
.entry-content .tg-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.entry-content .tg-i:hover img{transform:scale(1.05)}
/* ── лайтбокс: сам оверлей. Ці правила загубилися при виносі інлайнових
      стилів — JS вішав .active, але контейнер лишався звичайним блоком
      у потоці, тому «відкриття» нічого не показувало. ── */
.a20-tesla-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:24px}
.a20-tesla-lightbox.active{display:flex}
.a20-tesla-lightbox-inner{max-width:1100px;width:100%;text-align:center}
.a20-tesla-lightbox-close{position:absolute;top:16px;right:16px;background:transparent;border:0;color:#fff;cursor:pointer;line-height:1;z-index:1}
#a20-tesla-lightbox-caption{color:#fff;margin:14px 0 0;font-size:.95rem;line-height:1.5}
/* ── лайтбокс: не розтягувати фото ── */
.a20-tesla-lightbox-inner img{width:auto!important;height:auto!important;max-width:100%!important;max-height:80vh!important;object-fit:contain!important}
/* ── таблиці на вузьких екранах ── */
@media(max-width:760px){
.entry-content .tp-sh{font-size:1rem;padding:16px 16px}
.entry-content .tp-sn{display:none}
.entry-content .tp-row{flex-wrap:wrap;gap:4px}
.entry-content .tp-n{flex:1 1 100%}
.entry-content .tp-k{margin-left:0}
.entry-content .tg{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
}

/* ── правки 11.09: скорочення font з inherit було невалідним, тому не працювало ── */
.entry-content .tp-sh{font-family:inherit;font-size:1.32rem;font-weight:700;line-height:1.3}
.entry-content .tp-gh{font-family:inherit;font-size:1.18rem;font-weight:700;line-height:1.35}
.entry-content .tp-gu{font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:#8a8a8a;white-space:nowrap}
.entry-content .tp-n{font-size:1rem}
.entry-content .tp-p{font-size:1.06rem;font-weight:700}
.entry-content .tp-k{font-family:inherit;font-size:.86rem;font-weight:500}
.entry-content .tp-note{font-size:.95rem}
@media(max-width:760px){
 .entry-content .tp-sh{font-size:1.12rem}
 .entry-content .tp-gh{font-size:1.05rem}
 .entry-content .tp-gu{display:none}
}

/* ── мобільна верстка: оригінал цілив у div[style*="..."], після виносу стилів
      ці селектори стали мертвими. Тут те саме, але по класах. ── */
@media (max-width: 768px) {
  .entry-content .ts-grid-auto,
  .entry-content .ts-grid-auto-lg,
  .entry-content .ts-grid-auto-sm,
  .entry-content .ts-grid-2 { grid-template-columns: 1fr !important; gap: 20px !important; }
  .entry-content .ts-card,
  .entry-content .ts-cardx,
  .entry-content .ts-row { flex-direction: column; text-align: center; gap: 15px !important; }
  .entry-content .ts-card > div,
  .entry-content .ts-cardx > div,
  .entry-content .ts-row > div { width: 100%; min-width: 0; }
  .entry-content .ts-wcard,
  .entry-content .ts-step { padding: 25px 20px !important; }
  .entry-content .ts-cardx { padding: 25px 20px !important; }
  .entry-content .ts-sec-white { padding: 40px 15px !important; margin: 30px auto !important; }
  .entry-content .ts-step-num { width: 35px !important; height: 35px !important; font-size: 1rem !important; }
  .entry-content .ts-note-red,
  .entry-content .ts-note-red-lg { padding: 25px 18px !important; }
  .entry-content .ts-acc-h { padding: 15px 20px !important; font-size: 1.1rem !important; }
}
@media (max-width: 480px) {
  .entry-content .ts-card,
  .entry-content .ts-step { padding: 20px !important; }
  .entry-content .ts-wcard,
  .entry-content .ts-cardx { padding: 20px 15px !important; }
  .entry-content .ts-sec-white { padding: 30px 15px !important; margin: 20px auto !important; }
  .entry-content .ts-acc-h { font-size: 1rem !important; padding: 12px 15px !important; }
}

/* ── фокус із клавіатури: до цього стан не було видно взагалі ── */
.entry-content .tp-sh:focus-visible,
.entry-content .tp-gh:focus-visible,
.entry-content .ts-acc-h:focus-visible,
.entry-content .tg-i:focus-visible{outline:3px solid #1b6ec2;outline-offset:3px;border-radius:6px}
.entry-content .tp-sh:focus-visible{outline-color:#fff;outline-offset:-4px}
/* хрестик лайтбокса був 20×17 — замалий для пальця */
.a20-tesla-lightbox-close{width:48px!important;height:48px!important;font-size:28px!important;
 display:flex!important;align-items:center;justify-content:center}
.a20-tesla-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:2px}