.elementor-kit-33{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7325458:#6B4435;--e-global-color-0516efb:#355C6B;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-33 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
  --us-brown:#6C4A2E;
  --us-brown-2:#7b5738;
  --us-cream:#FFECD9;
  --us-ink:#1f1f1f;
  --us-ring: rgba(28,23,18,.08);
}

/* картка */
.us-sheet-card{
  background: var(--us-cream);
  border-radius: 18px;
  padding: 18px 18px 14px;
  box-shadow: 0 1px 0 var(--us-ring) inset;
}

/* шапка */
.us-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.us-sheet-title{
  margin:0;
  font-size: clamp(18px, 2.1vw, 26px);
  line-height:1.2;
  font-weight:800;
  color: var(--us-brown);
}

/* кнопка "відкрити повну" */
.us-sheet-open{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.6rem .9rem;
  border-radius:999px;
  background: var(--us-brown);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow: 0 6px 14px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.08);
}
.us-sheet-open:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.12);
  background: var(--us-brown-2);
}

/* вікно з таблицею */
.us-sheet-frame{
  border-radius: 14px;
  overflow: hidden;         /* без зайвих смуг ззовні */
  box-shadow: 0 0 0 1px var(--us-ring) inset;
  background:#fff;
  /* висота ~10 рядків (підженеш за потреби) */
  height: 440px;
}

/* саме iframe */
.us-sheet-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

/* адаптив — трохи компактніше на мобі */
@media (max-width: 768px){
  .us-sheet-frame{ height: 360px; }
  .us-sheet-open{ font-size:13px; padding:.55rem .8rem; }
}



/* === КОМПАКТНИЙ І АКУРАТНИЙ АКОРДЕОН === */

/* Контейнер розділу */
details {
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  background: #fff;
  margin: 12px 0;
  overflow: hidden;
}

/* Шапка (клік-зона) */
details > summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 18px;
  font: 600 16px/1.4 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

/* Власна стрілка */
details > summary::before {
  content: "▸";
  font-size: 18px;
  transform-origin: center;
  transition: transform 0.2s ease;
  margin-right: 6px;
}

/* Відкритий стан */
details[open] > summary::before {
  transform: rotate(90deg);
}

/* Тіло розділу */
.us-acc-body {
  padding: 0 18px 16px 38px; /* запас під стрілку */
  color: #333;
  font: 400 15px/1.8 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Зміст (TOC) */
.us-acc-toc {
  margin: 0 0 16px 0;
  font: 600 15px/1.4 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.us-acc-toc a {
  color: #111;
  text-decoration: none;
}
.us-acc-toc a:hover {
  text-decoration: underline;
}

/* Мобільні правки */
@media (max-width: 768px) {
  details > summary {
    padding: 14px 16px;
    font-size: 15px;
  }
  .us-acc-body {
    padding: 0 16px 14px 34px;
  }
}

/* === TOC: прибираємо автонумерацію браузера === */
.us-acc-toc ol,
.us-acc-toc li {
  list-style: none; /* без 1., 2., 3. зліва */
  margin: 0;
  padding: 0;
}

.us-acc-toc ol {
  margin-left: 0;
  margin-bottom: 12px;
}

.us-acc-toc ol ol {
  margin-left: 20px; /* відступ для вкладених рівнів */
  margin-top: 6px;
  margin-bottom: 6px;
}

.us-acc-toc li {
  margin: 4px 0;
}

/* === ВИГЛЯД ЗАГОЛОВКІВ УСЕРЕДИНІ КОНТЕНТУ === */
.us-acc-body h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  margin: 16px 0 8px;
}

.us-acc-body h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 12px 0 6px;
}

.us-acc-body h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin: 10px 0 4px;
}

/* Абзаци — трохи компактніше */
.us-acc-body p {
  margin: 8px 0;
  font-size: 15px;
  line-height: 1.6;
}

:root{
  --us-brown: #6B451E;   /* коричневий */
  --us-cream: #FFECD9;   /* бежевий */
  --us-stroke: #E6D5C2;  /* світлий контур */
}

/* кнопка */
.us-backtop{
  position: fixed;
  z-index: 9999;
  /* Розміщення: ближче до контенту (лівіше від краю екрана) */
  right: 72px;                 /* було 22px */
  top: 45vh;                   /* збоку по центру; можеш змінити на bottom: 24px для мобі */
  width: 56px;
  height: 56px;
  border: none;
  border-radius: 9999px;
  background: color-mix(in srgb, var(--us-brown) 92%, transparent);
  color: var(--us-cream);      /* колір іконки */
  box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.06);
  display: grid;
  place-items: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(12px) scale(.96);
  transition: opacity .25s ease, transform .25s ease, box-shadow .2s ease, color .2s ease;
  backdrop-filter: blur(4px);
  pointer-events: none;
}

/* показ після скролу */
.us-backtop.is-visible{
  opacity: .85;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* ховаємо, коли видно «Зміст» */
.us-backtop.is-hidden{
  opacity: 0 !important;
  pointer-events: none !important;
}

/* hover: підсилюємо, фон лишається коричневим */
.us-backtop:hover{
  opacity: 1;
  box-shadow: 0 10px 26px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.12);
}

/* іконка стрілки */
.us-backtop-icon{
  position: absolute;
  width: 22px; height: 22px;
}

/* кільце прогресу */
.us-backtop-ring{ position: absolute; inset: 0; }
.us-backtop-ring .bg{
  fill: none;
  stroke: var(--us-stroke);
  stroke-width: 3;
  opacity: .55;
}
.us-backtop-ring .fg{
  fill: none;
  stroke: var(--us-cream);
  stroke-width: 3.5;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke-linecap: round;
}

/* адаптив: трохи правіше і нижче на мобі */
@media (max-width: 1024px){
  .us-backtop{ right: 48px; }
}
@media (max-width: 767px){
  .us-backtop{
    right: 24px;
    top: auto;
    bottom: 18px;
    width: 50px; height: 50px;
  }
}
/* === LOCK BROWN PALETTE FOR BACK-TO-TOP === */
:root{
  --us-brown:#6E4B27;
  --us-brown-hover:#5A3C1F;
  --us-cream:#FFECD9;
  --us-stroke:#DCC3A9;
}

/* Базова кнопка */
.us-backtop{
  background: var(--us-brown) !important;
  color: var(--us-cream) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 0 0 2px var(--us-cream) !important;
  transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease !important;
}

/* Ховер: більше, темніший коричневий, БЕЗ зміни палітри */
.us-backtop:hover{
  background: var(--us-brown-hover) !important;
  color: var(--us-cream) !important;
  transform: scale(1.08) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.25), inset 0 0 0 2px var(--us-cream) !important;
}

/* Стрілка (на всякий) */
.us-backtop-icon{
  fill: var(--us-cream) !important;
  stroke: var(--us-cream) !important;
}

/* Кільце прогресу */
.us-backtop-ring .bg{
  stroke: var(--us-stroke) !important;
}
.us-backtop-ring .fg{
  stroke: var(--us-cream) !important;
}

/* Якщо десь still лізе “рожевий” з теми/Elementor — глушимо його */
.e-scroll-to-top,
.e-scroll-to-top:hover,
.elementor-widget-scroll-to-top .e-scroll-to-top,
.elementor-widget-scroll-to-top .e-scroll-to-top:hover{
  background: var(--us-brown) !important;
  color: var(--us-cream) !important;
  border-color: transparent !important;
}/* End custom CSS */