.elementor-1813 .elementor-element.elementor-element-65789ed{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:12px 12px 12px 12px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-1813 .elementor-element.elementor-element-65789ed:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-65789ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1813 .elementor-element.elementor-element-30254b5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-7e26463 );--border-color:var( --e-global-color-7e26463 );--border-radius:12px 12px 12px 12px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1813 .elementor-element.elementor-element-30254b5:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-30254b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1813 .elementor-element.elementor-element-7a5337e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:12px 12px 12px 12px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1813 .elementor-element.elementor-element-7a5337e:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-7a5337e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1813 .elementor-element.elementor-element-1e89b30{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:12px 12px 12px 12px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1813 .elementor-element.elementor-element-1e89b30:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-1e89b30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1813 .elementor-element.elementor-element-aac5701{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:12px 12px 12px 12px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-1813 .elementor-element.elementor-element-aac5701:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-aac5701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1813 .elementor-element.elementor-element-628c36e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-7e26463 );--border-color:var( --e-global-color-7e26463 );--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1813 .elementor-element.elementor-element-f825c78{--n-accordion-title-font-size:0.75rem;padding:0px 0px 0px 0px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:8px;--n-accordion-item-title-distance-from-content:6px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-1813 .elementor-element.elementor-element-f825c78 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#B61A13;border-style:none;}.elementor-1813 .elementor-element.elementor-element-f825c78 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#A01610;border-style:none;}.elementor-1813 .elementor-element.elementor-element-f825c78 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#A01610;border-style:none;}.elementor-1813 .elementor-element.elementor-element-f825c78 {--n-accordion-padding:0.75rem 1rem 0.75rem 1rem;}:where( .elementor-1813 .elementor-element.elementor-element-f825c78 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Inter", Sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;}.elementor-1813 .elementor-element.elementor-element-91d443f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7e26463 );border-radius:12px 12px 12px 12px;}.elementor-1813 .elementor-element.elementor-element-ed77254{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7e26463 );border-radius:12px 12px 12px 12px;}:root{--page-title-display:none;}/* Start custom CSS for nested-accordion, class: .elementor-element-f825c78 */.elementor-1813 .elementor-element.elementor-element-f825c78 .e-n-accordion-item:nth-child(6) .e-n-accordion-item-title
{
    background-color: #141e3d!important;
    }
    
    
    /* ==========================================
   PŁYNNOŚĆ AKORDEONU (IPAD FIX + ANIMACJA)
========================================== */

/* 1. Twarde wymuszenie akceleracji sprzętowej (GPU) na Safari/iOS */
.elementor-widget-accordion .elementor-tab-content,
.e-n-accordion .e-n-accordion-item-content,
.e-n-accordion-item {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: height, padding, margin; /* Przygotowuje przeglądarkę na ruch */
}

/* 2. Zastąpienie sztywnego otwierania własną, płynną animacją zawartości */
.elementor-widget-accordion .elementor-tab-title.elementor-active + .elementor-tab-content,
.e-n-accordion-item[open] .e-n-accordion-item-content {
    animation: v-accordion-smooth 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* Parametry animacji: tekst startuje delikatnie wyżej i wyłania się z przezroczystości */
@keyframes v-accordion-smooth {
    0% {
        opacity: 0;
        transform: translateY(-12px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS *//* ==========================================
   WSKAŹNIK SCROLLOWANIA W PRAWEJ KOLUMNIE
========================================== */
/* Zapewnia, że element absolute będzie się trzymał tej konkretnej kolumny */
.catalog-col-right {
    position: relative !important;
    /* Dodałem lekki padding na górze, by cennik nie wchodził pod wskaźnik,
       ale dostosuj go (lub usuń), jeśli cennik sam w sobie ma dużo odstępu */
    padding-top: 30px !important; 
}

/* Wskaźnik z tekstem i strzałką skierowaną w lewo */
.v-scroll-hint-right {
    position: absolute;
    top: 0px; /* Przyklejony do samej góry prawej kolumny */
    left: 0;
    display: flex;
    align-items: center; /* Układ poziomy: strzałka obok tekstu */
    justify-content: flex-start;
    opacity: 0.9;
    /* Animacja wskazująca w lewo (na środkową kolumnę z wykresem) */
    animation: v-point-left 2s infinite ease-in-out;
    width: -webkit-fill-available;
}

/* Tekst we wskaźniku */
.v-scroll-hint-right span {
    font-size: 11px;
    font-weight: 700;
    color: #64748b; /* Pasuje do nagłówków w cenniku */
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-left: 6px; /* Odstęp między strzałką a tekstem */
}

/* Animacja ruchu poziomego (wskazywanie w stronę wykresu) */
@keyframes v-point-left {
    0%, 100% { transform: translateX(6px); }
    50% { transform: translateX(0px); } /* Wychylenie w lewo */
}
/* ==========================================
   TWARDA BLOKADA FLEXBOXA (Zapobiega rozjeżdżaniu kontenerów)
========================================== */
.catalog-col-left,
.catalog-col-center,
.catalog-col-right {
    min-width: 0 !important; 
    height: 100% !important;
        overflow-y: auto !important; /* Tutaj naturalnie działa teraz pionowy suwak */

}

/* ==========================================
   ŚRODKOWA KOLUMNA - ODWRÓCONY FLEXBOX (NOWOŚĆ!)
========================================== */
.catalog-col-center {
    display: flex !important;
    /* Odwracamy kierunek układania: elementy wewnątrz (czyli nasz zakres) 
       będą naturalnie renderowane i "wypychane" od dolnej krawędzi w górę */
    flex-direction: column-reverse !important; 
    justify-content: flex-start !important;
    overflow-y: auto !important; /* Tutaj naturalnie działa teraz pionowy suwak */
    overflow-x: hidden !important;
}

/* ==========================================
   KONTENER NA ZAKRES (Czysty blok, bez marginesów)
========================================== */
.svg-range-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important; 
    padding: 0 !important;
    margin: 0 !important;
}

/* BLOKADA ELEMENTORA DLA PLIKU SVG */
.svg-range-wrapper svg {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    display: block !important;
    margin: 0 auto !important;
}

/* --- STYLIZACJA SCROLLBARA ŚRODKOWEJ KOLUMNY --- */
.catalog-col-center::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.catalog-col-center::-webkit-scrollbar-track {
    background: transparent; 
}
.catalog-col-center::-webkit-scrollbar-thumb {
    background: #1B2135; 
    border-radius: 10px;
}/* End custom CSS */