.elementor-kit-355{--e-global-color-primary:#2193B0;--e-global-color-secondary:#6DD5ED;--e-global-color-text:#333333;--e-global-color-accent:#DEDEDE;--e-global-color-cea7983:#F8F8F8;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:2em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.5em;--e-global-typography-19165cc-font-family:"Montserrat";--e-global-typography-19165cc-font-size:20px;--e-global-typography-19165cc-font-weight:700;--e-global-typography-19165cc-text-transform:capitalize;--e-global-typography-c0c5f3a-font-size:20px;--e-global-typography-c0c5f3a-font-weight:700;--e-global-typography-c0c5f3a-text-transform:capitalize;--e-global-typography-c0c5f3a-line-height:1.5em;--e-global-typography-379dffa-font-size:200px;--e-global-typography-379dffa-font-weight:900;color:#333333;font-family:"Montserrat";font-size:15px;font-weight:400;line-height:2em;}.elementor-kit-355 e-page-transition{background-color:#FFBC7D;}.elementor-kit-355 a{color:#333333;font-family:"Montserrat";font-size:15px;font-weight:400;}.elementor-kit-355 h1{color:#333333;font-family:"Montserrat";font-size:50px;font-weight:800;}.elementor-kit-355 h2{color:#333333;font-family:"Montserrat";font-size:40px;font-weight:800;line-height:1.5em;}.elementor-kit-355 h3{color:#333333;font-family:"Montserrat";font-size:30px;font-weight:800;text-transform:capitalize;line-height:1.5em;}.elementor-kit-355 h4{color:#333333;font-family:"Montserrat";font-size:20px;font-weight:800;text-transform:capitalize;line-height:1.5em;}.elementor-kit-355 h5{color:#333333;font-family:"Montserrat";font-size:20px;font-weight:700;text-transform:capitalize;}.elementor-kit-355 h6{color:#333333;font-family:"Montserrat";font-size:15px;font-weight:600;text-transform:capitalize;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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-kit-355{--e-global-typography-19165cc-font-size:30px;}.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 *//* -------------------------------------------------------
   PŁYNNE ROZWIJANIE I CHOWANIE OPISU (idealnie symetryczne)
   ------------------------------------------------------- */
.opis-click {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(10px);

    transition-property: max-height, opacity, transform;
    transition-duration: 1.4s, 1.4s, 1.4s;
    transition-timing-function: cubic-bezier(.25,.46,.45,1), ease-in-out, ease-in-out;
}

.opis-click.active {
    max-height: 1500px; /* zapas */
    opacity: 1;
    transform: translateY(0);
}

/* -------------------------------------------------------
   STRZAŁKA – OBRÓT 180° PODCZAS ROZWINIĘCIA
   ------------------------------------------------------- */
.toggle-arrow {
    cursor: pointer;
    transition: transform .4s ease;
    display: inline-block;
}

.toggle-arrow.active {
    transform: rotate(180deg);
}

/* -------------------------------------------------------
   EFEKT „JEDNA KOLUMNA PRZEJMUJE EKRAN” – DESKTOP
   ------------------------------------------------------- */
@media (min-width: 768px) {

    /* Sekcja z dwiema kolumnami */
    .dwie-sekcje-info {
        display: flex;
        gap: 40px; /* opcjonalnie – trochę powietrza między nimi */
    }

    /* Obie kolumny – stan początkowy */
    .dwie-sekcje-info .blok-info {
        flex: 1;
        transition:
            flex 0.6s ease,
            filter 0.6s ease,
            opacity 0.6s ease,
            transform 0.6s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* AKTYWNA kolumna – rośnie i nabiera „mocy” */
    .dwie-sekcje-info .blok-info.aktywna-kolumna {
        flex: 1.7;
        transform: scale(1.02);
    }

    /* NIEAKTYWNA – zwęża się, przygasa i jest lekko rozmyta */
    .dwie-sekcje-info .blok-info.nieaktywna-kolumna {
        flex: 0.8;
        filter: blur(2px);
        opacity: 0.4;
    }

    /* Większy nagłówek aktywnej sekcji */
    .dwie-sekcje-info .blok-info.aktywna-kolumna .tytul-hover {
        transform: scale(1.08);
        transition: transform 0.4s ease;
    }
}

/* -------------------------------------------------------
   MOBILE – NORMALNY UKŁAD POD SOBĄ
   ------------------------------------------------------- */
@media (max-width: 767px) {
    .dwie-sekcje-info {
        display: block;
    }
}


/* -------------------------------------------------------
   POWIADOMIENIE O DODANIU PRODUKTU DO KOSZYKA
   ------------------------------------------------------- */

/* Import czcionki Inter z Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');

/* Styl powiadomienia "dodano do koszyka" */
.woocommerce-message {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    background-color: #f0f9ff !important;
    color: #1a1a1a !important;
    border: none !important; /* Usuwa wszystkie border (w tym zielony pasek) */
    border-left: 5px solid #2193B0 !important; /* Tylko lewy niebieski akcent */
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 5px;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(33, 147, 176, 0.1);
}

/* Ukryj zieloną ikonkę/symbol przed tekstem */
.woocommerce-message::before {
    display: none !important;
}

/* Styl przycisku "Zobacz koszyk" */
.woocommerce-message .button,
.woocommerce-message a.button {
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    background-color: #2193B0 !important;
    color: #ffffff !important;
    border: 2px solid #2193B0 !important;
    padding: 8px 16px !important;
    border-radius: 3px;
    margin-left: 10px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* Hover na przycisku */
.woocommerce-message .button:hover,
.woocommerce-message a.button:hover {
    background-color: #1a7a99 !important;
    border-color: #1a7a99 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(33, 147, 176, 0.3);
}/* End custom CSS */