.elementor-3821 .elementor-element.elementor-element-b8db868{--display:flex;--min-height:375px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3821 .elementor-element.elementor-element-b8db868:not(.elementor-motion-effects-element-type-background), .elementor-3821 .elementor-element.elementor-element-b8db868 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1922256 );background-image:url("https://duaa.dstepanoff.org.ua/wp-content/uploads/2025/10/noise_bg.webp");}.elementor-3821 .elementor-element.elementor-element-d2a42c0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3821 .elementor-element.elementor-element-ffb14d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;text-align:center;}.elementor-3821 .elementor-element.elementor-element-ffb14d5 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:600;}.elementor-3821 .elementor-element.elementor-element-a9dfb8a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:10px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;}.elementor-3821 .elementor-element.elementor-element-b2b836f.elementor-element{--align-self:flex-start;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3821 .elementor-element.elementor-element-7421f76 p{margin-block-end:0px;}#elementor-popup-modal-3821 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3821{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3821 .dialog-message{width:930px;height:auto;padding:5px 0px 5px 0px;}#elementor-popup-modal-3821 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-3821 .elementor-element.elementor-element-7421f76{width:100%;max-width:100%;}.elementor-3821 .elementor-element.elementor-element-5dc1bea{width:100%;max-width:100%;}#elementor-popup-modal-3821 .dialog-message{width:93vw;}#elementor-popup-modal-3821{justify-content:center;align-items:center;}#elementor-popup-modal-3821 .dialog-widget-content{margin:10px 0px 10px 0px;}}@media(max-width:767px){.elementor-3821 .elementor-element.elementor-element-a9dfb8a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-3821{justify-content:center;align-items:center;}}/* Start custom CSS for shortcode, class: .elementor-element-14faf8c */.elementor-3821 .elementor-element.elementor-element-14faf8c {
    width: 100%;
    max-width: 220px !important;
    height: 100%;
    max-height: 345px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2b836f */.elementor-3821 .elementor-element.elementor-element-b2b836f .unit-toggle{
    width: 140px;
  height: 35px;
font-size: 14px; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5dc1bea */.elementor-3821 .elementor-element.elementor-element-5dc1bea{
    display: none;
}
.elementor-editor-active .elementor-3821 .elementor-element.elementor-element-5dc1bea{
    display: block;
}/* End custom CSS */
/* Start custom CSS */.custonm_nouislider_wrap{
    display: flex;
    justify-content: space-between;
  align-items: center;
    padding: 8px 0 28px 0;
}
.custonm_nouislider_before, .custonm_nouislider_after {
    background-color: #d0d0d0;
    height: 4px;
  width: 10%;
    position: relative;
    color: #d0d0d0;
}

.custonm_nouislider_after {
    width: 12%;
}

.custonm_nouislider_before .text, .custonm_nouislider_after .text{
    position: absolute;
  
  top: 12px;
  font-size: 14px;
}
.custonm_nouislider_after .text{
    right: 0px;
}



.custonm_nouislider{
    width: 100%;
}

.noUi-handle::after, .noUi-handle::before {
    display: none;
}

/* Переносимо tooltip під повзунок */
.noUi-tooltip {
    bottom: -35px !important;
    top: auto !important;
}

/* Опускаємо обгортку підписів */
.noUi-horizontal .noUi-handle .noUi-tooltip {
    transform: translate(-50%, 0);
}

/* ==== Загальна лінія слайдера ==== */
.noUi-target {
    background: #d0d0d0;   /* сіра лінія */
    height: 4px;           /* товщина треку */
    border: none;
    box-shadow: none;
    
}

/* ==== Заповнена частина (active) — робимо непомітною ==== */
.noUi-connect {
    background: black !important;
}

/* ==== Повзунок ==== */
.noUi-horizontal .noUi-handle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #000;
    border: none;
    box-shadow: none;
    outline: none;
    top: -5px; /* щоб центр повзунка співпав з лінією */
}

/* При наведенні — теж чорний */
.noUi-handle:hover,
.noUi-handle:active,
.noUi-handle:focus {
    background: #000;
}

/* ==== Tooltip (значення) ==== */
.noUi-tooltip {
 background: transparent;
  color: black;
  padding: 10px 6px 0px 6px;
  border-radius: 4px;
  font-size: 16px;
  white-space: nowrap;
  bottom: -24px !important;
  top: auto !important;
  transform: translateX(-50%);
  border: none;
  
}

/* При горизонтальному слайдері */
.noUi-horizontal .noUi-handle .noUi-tooltip {
    transform: translate(-50%, 0);
}



#elementor-popup-modal-3821{
    z-index: 100000;
}
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}

.size-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 620px; /* ширина таблиці, щоб була прокрутка */
  margin: 0;
}


.size-table thead th{
    border-top: 0 !important; 
    font-size: 13px;
    font-weight: 700;
}

/* --- фіксуємо перший стовпчик --- */
.size-table th:first-child,
.size-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  text-align: left;
  background-image: url("/wp-content/uploads/2025/10/noise_bg.webp");
  font-size: 13px;
  font-weight: 700;
  background-color: var( --e-global-color-1922256 ) !important;
  width: 101px
}

.size-table th,
.size-table td {
  text-align: center;
  padding: 17px 4px;
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  white-space: nowrap;
  /*min-width: 174px;*/
  
  background-color: transparent !important ;
  vertical-align: middle;
}

/* --- адаптив: показуємо лише перші 4 колонки + fixed першу --- */
@media (max-width: 768px) {
  .size-table {
    min-width: 500px; /* залишаємо місце для свайпу */
  }

.table-scroll {
  overflow-x: scroll;
}

}


/* для Chrome, Edge, Safari */
.table-scroll::-webkit-scrollbar,
.size_chart_overfolow_container::-webkit-scrollbar{
  height: 1px; /* товщина */
  width: 1px;
}

.table-scroll::-webkit-scrollbar-track,
.size_chart_overfolow_container::-webkit-scrollbar-track{
  background: #e0e0e0; /* сірий фон */
  border-radius: 1px;
  width: 1px;
}

.table-scroll::-webkit-scrollbar-thumb,
.size_chart_overfolow_container::-webkit-scrollbar-thumb{
  background: #000; /* чорна полоса */
  border-radius: 1px;
}

.table-scroll::-webkit-scrollbar-thumb:hover,
.size_chart_overfolow_container::-webkit-scrollbar-thumb:hover
{
  background: #222; /* трішки світліше при наведенні */
}

/* для Firefox */
.table-scroll {
  scrollbar-color: #000 #e0e0e0; /* thumb color / track color */
  scrollbar-width: thin;
}

.table-scroll,
.unit-toggle,
.table-scroll * {
  -webkit-tap-highlight-color: transparent; /* вимикає голубе підсвічування */
  -webkit-touch-callout: none; /* не дає викликати контекстне меню при довгому тапі */
}


@media (max-width: 700px){
    .size-table th, .size-table td{
        min-width:calc(19vw);
    }
}/* End custom CSS */