.elementor-14823 .elementor-element.elementor-element-6cc22d5a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:01%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:2;}.elementor-14823 .elementor-element.elementor-element-cfe24dd > .elementor-widget-container{margin:-100px 0px 0px 0px;}.elementor-14823 .elementor-element.elementor-element-a372243 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14823 .elementor-element.elementor-element-a372243{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-20px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-14823 .elementor-element.elementor-element-a372243 > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-14823 .elementor-element.elementor-element-a372243 > .elementor-shape-bottom svg{width:calc(250% + 1.3px);height:160px;transform:translateX(-50%) rotateY(180deg);}.elementor-14823 .elementor-element.elementor-element-6cbccf8 > .elementor-element-populated >  .elementor-background-overlay{opacity:0;}.elementor-14823 .elementor-element.elementor-element-6cbccf8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-14823 .elementor-element.elementor-element-6cbccf8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14823 .elementor-element.elementor-element-6cbccf8{z-index:0;}.elementor-14823 .elementor-element.elementor-element-3faee8c > .elementor-widget-container{margin:-490px 0px 0px 0px;}.elementor-14823 .elementor-element.elementor-element-3b1c42e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14823 .elementor-element.elementor-element-b0db2c2{--display:flex;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14823 .elementor-element.elementor-element-717366f{--display:flex;--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-14823 .elementor-element.elementor-element-866accd{--display:flex;--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-14823 .elementor-element.elementor-element-9cb3610{--display:flex;--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-14823 .elementor-element.elementor-element-3617a33{--display:flex;--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-14823 .elementor-element.elementor-element-51180f2{--display:flex;--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-14823 .elementor-element.elementor-element-3a384bd{--display:flex;--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-14823 .elementor-element.elementor-element-a563991{--display:flex;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14823 .elementor-element.elementor-element-544e43b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14823 .elementor-element.elementor-element-8f45f46{--display:flex;--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-14823 .elementor-element.elementor-element-8230399{--display:flex;--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-14823 .elementor-element.elementor-element-302e8ba{--display:flex;--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-14823 .elementor-element.elementor-element-77d97bc{--display:flex;--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;}@media(max-width:1024px){.elementor-14823 .elementor-element.elementor-element-6cc22d5a{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(max-width:767px){.elementor-14823 .elementor-element.elementor-element-6cc22d5a{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-14823 .elementor-element.elementor-element-a372243 > .elementor-shape-bottom svg{width:calc(175% + 1.3px);height:51px;}.elementor-14823 .elementor-element.elementor-element-a372243{padding:0px 0px 0px 0px;z-index:0;}.elementor-14823 .elementor-element.elementor-element-3b1c42e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14823 .elementor-element.elementor-element-6b46a81 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14823 .elementor-element.elementor-element-3496d8c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14823 .elementor-element.elementor-element-544e43b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-6b46a81 *//* --- 1. GŁÓWNY WRAPPER --- */
.mag-mega-wrapper {
    width: 100%;
    text-align: center;
    margin: 40px 0;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden; /* Zabezpieczenie przed wystawaniem na boki */
}

/* --- 2. MIENIĄCY SIĘ NAPIS "ZOBACZ NASZE" --- */
.mag-pre-title-aurora {
    font-size: clamp(12px, 2.5vw, 20px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 0px; /* Usunięty odstęp zgodnie z życzeniem */
    display: inline-block;
    
    background: linear-gradient(135deg, #1a1a1a, #006060, #3d1419, #4b0082, #1a1a1a);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: darkAuroraFlow 15s ease infinite;
}

/* --- 3. KONTENER Z TYTUŁAMI --- */
.mag-titles-container {
    display: flex;
    justify-content: center; 
    align-items: center;
    gap: 30px; 
    flex-wrap: nowrap; /* Zawsze jedna linia */
    width: 100%;
    margin: 10px 0;
}

/* --- 4. SEPARATOR (KRESECZKA) --- */
.mag-title-separator {
    width: 3px;
    height: 45px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1a1a1a, #006060, #3d1419, #4b0082, #1a1a1a);
    background-size: 400% 400%;
    animation: darkAuroraFlow 15s ease infinite;
    flex-shrink: 0;
}

/* --- 5. LINKI I GŁÓWNE NAPISY --- */
.mag-title-link {
    text-decoration: none !important;
    display: inline-block;
    flex-shrink: 0;
    outline: none;
}

.mag-main-title-shared {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(15px, 5vw, 60px); 
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 6px; 
    line-height: 1.1;
    margin: 0;
    text-align: center;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;

    background: linear-gradient(135deg, #1a1a1a, #006060, #3d1419, #4b0082, #1a1a1a);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    
    animation: darkAuroraFlow 15s ease infinite;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.05);
}

.mag-title-link:hover .mag-main-title-shared {
    transform: scale(1.05);
    opacity: 0.8;
}

/* --- 6. RESPONSYWNOŚĆ (TABLET/MOBILE) --- */
@media (max-width: 1024px) {
    .mag-main-title-shared {
        font-size: 35px !important;
        letter-spacing: 4px !important;
    }
    .mag-titles-container { gap: 20px; }
    .mag-title-separator { height: 35px; }
}

@media (max-width: 768px) {
    .mag-pre-title-aurora {
        font-size: 10px !important;
        letter-spacing: 3px !important;
        margin-bottom: 0px !important;
    }
    .mag-titles-container { 
        gap: 10px !important; 
        padding: 0 5px !important;
    }
    .mag-main-title-shared {
        font-size: 15px !important; /* Idealne by zmieścić oba w poziomie */
        letter-spacing: 1px !important;
    }
    .mag-title-separator {
        width: 1.5px;
        height: 22px;
    }
}

/* --- 7. ANIMACJA --- */
@keyframes darkAuroraFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab62d02 */#li-hawaje-parallax {
    width: 100%;
    height: 70vh; /* Dokładnie 70% wysokości ekranu */
    position: relative;
    
    /* PRZYKLEJONE ZDJĘCIE */
    background-image: url('https://lostitalianos-sklep.com/wp-content/uploads/2026/03/DSC06553.webp');
    background-attachment: fixed; /* TO PRZYKLEJA FOTĘ DO ŚCIANY */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Przyciemnienie zdjęcia, żeby napisy siadły */
#li-hawaje-parallax::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.li-parallax-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 20px;
}

/* PŁYWAJĄCE LITERY (LOGO STYLE) */
.li-floating-logo {
    font-size: clamp(2.5rem, 9vw, 6.5rem);
    font-weight: 800;
    letter-spacing: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.li-floating-logo span {
    display: inline-block;
    animation: liFloatSubtle 4s ease-in-out infinite;
}

.li-floating-logo span:nth-child(odd) { animation-delay: 0s; }
.li-floating-logo span:nth-child(even) { animation-delay: 0.8s; }

@keyframes liFloatSubtle {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.li-text-desc {
    max-width: 550px;
    margin: 0 auto 30px auto;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
    opacity: 0.95;
}

/* TWOJE STYLE DLA LINKÓW I PRZYCISKÓW */
.li-actions-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.li-status { font-size: 11px; font-weight: 700; letter-spacing: 2px; opacity: 0.7; }

.li-learn-more {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: 0.3s;
}

.li-learn-more:hover { border-bottom-color: #fff; transform: translateX(5px); }

.li-price-val { font-size: 26px; font-weight: 800; margin-top: 5px; }

.li-cart-btn {
    padding: 15px 40px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    transition: 0.4s;
}

.li-cart-btn:hover { background: #fff; color: #000; }

/* MOBILE FIX - iOS czasem blokuje background-attachment: fixed */
@media (max-width: 768px) {
    #li-hawaje-parallax { 
        height: 70vh; 
        background-attachment: scroll; /* Na iPhone'ach lepiej dać scroll, żeby nie bugowało */
    }
    .li-floating-logo { font-size: 32px; letter-spacing: 4px; }
    .li-text-desc { font-size: 12px; padding: 0 15px; }
}
/* --- STYLIZACJA PRZYCISKU (PILL STYLE) --- */
.li-cart-btn {
    margin-top: 5px;
    padding: 14px 45px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    
    /* ZAOKRĄGLENIE */
    border-radius: 50px; 
    
    /* PŁYNNOŚĆ */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* --- LEKKI HOVER --- */
.li-cart-btn:hover {
    background: #fff;
    color: #000;
    transform: translateY(-3px); /* Delikatne uniesienie */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Kliknięcie (Active) */
.li-cart-btn:active {
    transform: translateY(-1px);
}

/* --- DOPRACOWANY LINK "DOWIEDZ SIĘ WIĘCEJ" --- */
.li-learn-more {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.7;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
}

.li-learn-more:hover {
    opacity: 1;
    border-bottom: 1px solid #ffffff;
    transform: translateX(4px); /* Lekkie przesunięcie w prawo */
}

/* --- POPRAWKA CENY --- */
.li-price-val {
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0;
    letter-spacing: 1px;
}

//* --- RESPONSYWNOŚĆ MOBILE (ŚCIŚNIĘTA) --- */
@media (max-width: 768px) {
    #li-hawaje-parallax { 
        height: 70vh !important; 
        background-attachment: scroll; /* Fix dla iOS */
    }

    .li-parallax-content {
        padding: 5px !important; /* Mniejszy padding ogólny */
    }

    /* Tytuł - ciasno */
    .li-floating-logo { 
        font-size: 22px !important; 
        letter-spacing: 3px !important; 
        margin-bottom: 8px !important; 
    }

    /* Opis - mniejszy i ciaśniejszy */
    .li-text-desc { 
        font-size: 11px !important; 
        line-height: 1.4 !important;
        margin-bottom: 10px !important;
        padding: 0 5px !important;
        max-width: 280px !important;
    }

    /* Grupa przycisków i linków */
    .li-actions-grid { 
        gap: 4px !important; /* Minimalne odstępy */
    }

    .li-status { 
        font-size: 9px !important; 
        margin-bottom: 0 !important;
    }

    .li-learn-more { 
        font-size: 10px !important; 
        margin-bottom: 5px !important; 
    }

    /* Cena - blisko przycisku */
    .li-price-val { 
        font-size: 18px !important; 
        margin: 5px 0 !important; 
    }

    /* Przycisk - zgrabniejszy */
    .li-cart-btn {
        padding: 10px 25px !important;
        font-size: 10px !important;
        min-width: 160px !important;
        margin-top: 5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5033932 */#li-islandia-parallax {
    width: 100%;
    height: 70vh; /* Dokładnie 70% wysokości ekranu */
    position: relative;
    
    /* PRZYKLEJONE ZDJĘCIE */
    background-image: url('https://lostitalianos-sklep.com/wp-content/uploads/2024/06/kontrasty1-scaled.jpg');
    background-attachment: fixed; /* TO PRZYKLEJA FOTĘ DO ŚCIANY */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Przyciemnienie zdjęcia, żeby napisy siadły */
#li-islandia-parallax::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.li-parallax-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 20px;
}

/* PŁYWAJĄCE LITERY (LOGO STYLE) */
.li-floating-logo {
    font-size: clamp(2.5rem, 9vw, 6.5rem);
    font-weight: 800;
    letter-spacing: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.li-floating-logo span {
    display: inline-block;
    animation: liFloatSubtle 4s ease-in-out infinite;
}

.li-floating-logo span:nth-child(odd) { animation-delay: 0s; }
.li-floating-logo span:nth-child(even) { animation-delay: 0.8s; }

@keyframes liFloatSubtle {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.li-text-desc {
    max-width: 550px;
    margin: 0 auto 30px auto;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
    opacity: 0.95;
}

/* TWOJE STYLE DLA LINKÓW I PRZYCISKÓW */
.li-actions-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.li-status { font-size: 11px; font-weight: 700; letter-spacing: 2px; opacity: 0.7; }

.li-learn-more {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: 0.3s;
}

.li-learn-more:hover { border-bottom-color: #fff; transform: translateX(5px); }

.li-price-val { font-size: 26px; font-weight: 800; margin-top: 5px; }

.li-cart-btn {
    padding: 15px 40px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    transition: 0.4s;
}

.li-cart-btn:hover { background: #fff; color: #000; }

/* MOBILE FIX - iOS czasem blokuje background-attachment: fixed */
@media (max-width: 768px) {
    #li-islandia-parallax { 
        height: 70vh; 
        background-attachment: scroll; /* Na iPhone'ach lepiej dać scroll, żeby nie bugowało */
    }
    .li-floating-logo { font-size: 32px; letter-spacing: 4px; }
    .li-text-desc { font-size: 12px; padding: 0 15px; }
}
/* --- STYLIZACJA PRZYCISKU (PILL STYLE) --- */
.li-cart-btn {
    margin-top: 5px;
    padding: 14px 45px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    
    /* ZAOKRĄGLENIE */
    border-radius: 50px; 
    
    /* PŁYNNOŚĆ */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* --- LEKKI HOVER --- */
.li-cart-btn:hover {
    background: #fff;
    color: #000;
    transform: translateY(-3px); /* Delikatne uniesienie */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Kliknięcie (Active) */
.li-cart-btn:active {
    transform: translateY(-1px);
}

/* --- DOPRACOWANY LINK "DOWIEDZ SIĘ WIĘCEJ" --- */
.li-learn-more {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.7;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
}

.li-learn-more:hover {
    opacity: 1;
    border-bottom: 1px solid #ffffff;
    transform: translateX(4px); /* Lekkie przesunięcie w prawo */
}

/* --- POPRAWKA CENY --- */
.li-price-val {
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0;
    letter-spacing: 1px;
}

//* --- RESPONSYWNOŚĆ MOBILE (ŚCIŚNIĘTA) --- */
@media (max-width: 768px) {
    #li-islandia-parallax { 
        height: 70vh !important; 
        background-attachment: scroll; /* Fix dla iOS */
    }

    .li-parallax-content {
        padding: 10px !important; /* Mniejszy padding ogólny */
    }

    /* Tytuł - ciasno */
    .li-floating-logo { 
        font-size: 26px !important; 
        letter-spacing: 3px !important; 
        margin-bottom: 8px !important; 
    }

    /* Opis - mniejszy i ciaśniejszy */
    .li-text-desc { 
        font-size: 11px !important; 
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
        padding: 0 10px !important;
        max-width: 280px !important;
    }

    /* Grupa przycisków i linków */
    .li-actions-grid { 
        gap: 4px !important; /* Minimalne odstępy */
    }

    .li-status { 
        font-size: 9px !important; 
        margin-bottom: 0 !important;
    }

    .li-learn-more { 
        font-size: 10px !important; 
        margin-bottom: 5px !important; 
    }

    /* Cena - blisko przycisku */
    .li-price-val { 
        font-size: 18px !important; 
        margin: 5px 0 !important; 
    }

    /* Przycisk - zgrabniejszy */
    .li-cart-btn {
        padding: 10px 25px !important;
        font-size: 10px !important;
        min-width: 160px !important;
        margin-top: 5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d493e92 */#li-madera-parallax {
    width: 100%;
    height: 70vh; /* Dokładnie 70% wysokości ekranu */
    position: relative;
    
    /* PRZYKLEJONE ZDJĘCIE */
    background-image: url('https://lostitalianos-sklep.com/wp-content/uploads/2026/03/DSC04214.webp');
    background-attachment: fixed; /* TO PRZYKLEJA FOTĘ DO ŚCIANY */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Przyciemnienie zdjęcia, żeby napisy siadły */
#li-madera-parallax::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.li-parallax-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 20px;
}

/* PŁYWAJĄCE LITERY (LOGO STYLE) */
.li-floating-logo {
    font-size: clamp(2.5rem, 9vw, 6.5rem);
    font-weight: 800;
    letter-spacing: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.li-floating-logo span {
    display: inline-block;
    animation: liFloatSubtle 4s ease-in-out infinite;
}

.li-floating-logo span:nth-child(odd) { animation-delay: 0s; }
.li-floating-logo span:nth-child(even) { animation-delay: 0.8s; }

@keyframes liFloatSubtle {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.li-text-desc {
    max-width: 550px;
    margin: 0 auto 30px auto;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
    opacity: 0.95;
}

/* TWOJE STYLE DLA LINKÓW I PRZYCISKÓW */
.li-actions-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.li-status { font-size: 11px; font-weight: 700; letter-spacing: 2px; opacity: 0.7; }

.li-learn-more {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: 0.3s;
}

.li-learn-more:hover { border-bottom-color: #fff; transform: translateX(5px); }

.li-price-val { font-size: 26px; font-weight: 800; margin-top: 5px; }

.li-cart-btn {
    padding: 15px 40px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    transition: 0.4s;
}

.li-cart-btn:hover { background: #fff; color: #000; }

/* MOBILE FIX - iOS czasem blokuje background-attachment: fixed */
@media (max-width: 768px) {
    #li-madera-parallax { 
        height: 70vh; 
        background-attachment: scroll; /* Na iPhone'ach lepiej dać scroll, żeby nie bugowało */
    }
    .li-floating-logo { font-size: 32px; letter-spacing: 4px; }
    .li-text-desc { font-size: 12px; padding: 0 15px; }
}
/* --- STYLIZACJA PRZYCISKU (PILL STYLE) --- */
.li-cart-btn {
    margin-top: 5px;
    padding: 14px 45px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    
    /* ZAOKRĄGLENIE */
    border-radius: 50px; 
    
    /* PŁYNNOŚĆ */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* --- LEKKI HOVER --- */
.li-cart-btn:hover {
    background: #fff;
    color: #000;
    transform: translateY(-3px); /* Delikatne uniesienie */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Kliknięcie (Active) */
.li-cart-btn:active {
    transform: translateY(-1px);
}

/* --- DOPRACOWANY LINK "DOWIEDZ SIĘ WIĘCEJ" --- */
.li-learn-more {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.7;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
}

.li-learn-more:hover {
    opacity: 1;
    border-bottom: 1px solid #ffffff;
    transform: translateX(4px); /* Lekkie przesunięcie w prawo */
}

/* --- POPRAWKA CENY --- */
.li-price-val {
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0;
    letter-spacing: 1px;
}

//* --- RESPONSYWNOŚĆ MOBILE (ŚCIŚNIĘTA) --- */
@media (max-width: 768px) {
    #li-madera-parallax { 
        height: 70vh !important; 
        background-attachment: scroll; /* Fix dla iOS */
    }

    .li-parallax-content {
        padding: 10px !important; /* Mniejszy padding ogólny */
    }

    /* Tytuł - ciasno */
    .li-floating-logo { 
        font-size: 26px !important; 
        letter-spacing: 3px !important; 
        margin-bottom: 8px !important; 
    }

    /* Opis - mniejszy i ciaśniejszy */
    .li-text-desc { 
        font-size: 11px !important; 
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
        padding: 0 10px !important;
        max-width: 280px !important;
    }

    /* Grupa przycisków i linków */
    .li-actions-grid { 
        gap: 4px !important; /* Minimalne odstępy */
    }

    .li-status { 
        font-size: 9px !important; 
        margin-bottom: 0 !important;
    }

    .li-learn-more { 
        font-size: 10px !important; 
        margin-bottom: 5px !important; 
    }

    /* Cena - blisko przycisku */
    .li-price-val { 
        font-size: 18px !important; 
        margin: 5px 0 !important; 
    }

    /* Przycisk - zgrabniejszy */
    .li-cart-btn {
        padding: 10px 25px !important;
        font-size: 10px !important;
        min-width: 160px !important;
        margin-top: 5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-96d665a */#li-fotobook-parallax {
    width: 100%;
    height: 70vh; /* Dokładnie 70% wysokości ekranu */
    position: relative;
    
    /* PRZYKLEJONE ZDJĘCIE */
    background-image: url('https://lostitalianos-sklep.com/wp-content/uploads/2026/03/DSC06387.webp');
    background-attachment: fixed; /* TO PRZYKLEJA FOTĘ DO ŚCIANY */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Przyciemnienie zdjęcia, żeby napisy siadły */
#li-fotobook-parallax::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.li-parallax-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 20px;
}

/* PŁYWAJĄCE LITERY (LOGO STYLE) */
.li-floating-logo {
    font-size: clamp(2.5rem, 9vw, 6.5rem);
    font-weight: 800;
    letter-spacing: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.li-floating-logo span {
    display: inline-block;
    animation: liFloatSubtle 4s ease-in-out infinite;
}

.li-floating-logo span:nth-child(odd) { animation-delay: 0s; }
.li-floating-logo span:nth-child(even) { animation-delay: 0.8s; }

@keyframes liFloatSubtle {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.li-text-desc {
    max-width: 550px;
    margin: 0 auto 30px auto;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
    opacity: 0.95;
}

/* TWOJE STYLE DLA LINKÓW I PRZYCISKÓW */
.li-actions-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.li-status { font-size: 11px; font-weight: 700; letter-spacing: 2px; opacity: 0.7; }

.li-learn-more {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: 0.3s;
}

.li-learn-more:hover { border-bottom-color: #fff; transform: translateX(5px); }

.li-price-val { font-size: 26px; font-weight: 800; margin-top: 5px; }

.li-cart-btn {
    padding: 15px 40px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    transition: 0.4s;
}

.li-cart-btn:hover { background: #fff; color: #000; }

/* MOBILE FIX - iOS czasem blokuje background-attachment: fixed */
@media (max-width: 768px) {
    #li-fotobook-parallax { 
        height: 70vh; 
        background-attachment: scroll; /* Na iPhone'ach lepiej dać scroll, żeby nie bugowało */
    }
    .li-floating-logo { font-size: 32px; letter-spacing: 4px; }
    .li-text-desc { font-size: 12px; padding: 0 15px; }
}
/* --- STYLIZACJA PRZYCISKU (PILL STYLE) --- */
.li-cart-btn {
    margin-top: 5px;
    padding: 14px 45px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    
    /* ZAOKRĄGLENIE */
    border-radius: 50px; 
    
    /* PŁYNNOŚĆ */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* --- LEKKI HOVER --- */
.li-cart-btn:hover {
    background: #fff;
    color: #000;
    transform: translateY(-3px); /* Delikatne uniesienie */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Kliknięcie (Active) */
.li-cart-btn:active {
    transform: translateY(-1px);
}

/* --- DOPRACOWANY LINK "DOWIEDZ SIĘ WIĘCEJ" --- */
.li-learn-more {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.7;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
}

.li-learn-more:hover {
    opacity: 1;
    border-bottom: 1px solid #ffffff;
    transform: translateX(4px); /* Lekkie przesunięcie w prawo */
}

/* --- POPRAWKA CENY --- */
.li-price-val {
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0;
    letter-spacing: 1px;
}

//* --- RESPONSYWNOŚĆ MOBILE (ŚCIŚNIĘTA) --- */
@media (max-width: 768px) {
    #li-fotobook-parallax { 
        height: 70vh !important; 
        background-attachment: scroll; /* Fix dla iOS */
    }

    .li-parallax-content {
        padding: 10px !important; /* Mniejszy padding ogólny */
    }

    /* Tytuł - ciasno */
    .li-floating-logo { 
        font-size: 26px !important; 
        letter-spacing: 3px !important; 
        margin-bottom: 8px !important; 
    }

    /* Opis - mniejszy i ciaśniejszy */
    .li-text-desc { 
        font-size: 11px !important; 
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
        padding: 0 10px !important;
        max-width: 280px !important;
    }

    /* Grupa przycisków i linków */
    .li-actions-grid { 
        gap: 4px !important; /* Minimalne odstępy */
    }

    .li-status { 
        font-size: 9px !important; 
        margin-bottom: 0 !important;
    }

    .li-learn-more { 
        font-size: 10px !important; 
        margin-bottom: 5px !important; 
    }

    /* Cena - blisko przycisku */
    .li-price-val { 
        font-size: 18px !important; 
        margin: 5px 0 !important; 
    }

    /* Przycisk - zgrabniejszy */
    .li-cart-btn {
        padding: 10px 25px !important;
        font-size: 10px !important;
        min-width: 160px !important;
        margin-top: 5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68ec678 */#li-dronokurs-parallax {
    width: 100%;
    height: 70vh; /* Dokładnie 70% wysokości ekranu */
    position: relative;
    
    /* PRZYKLEJONE ZDJĘCIE */
    background-image: url('https://lostitalianos-sklep.com/wp-content/uploads/2026/03/DJI_0459.webp');
    background-attachment: fixed; /* TO PRZYKLEJA FOTĘ DO ŚCIANY */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Przyciemnienie zdjęcia, żeby napisy siadły */
#li-dronokurs-parallax::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.li-parallax-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 20px;
}

/* PŁYWAJĄCE LITERY (LOGO STYLE) */
.li-floating-logo {
    font-size: clamp(2.5rem, 9vw, 6.5rem);
    font-weight: 800;
    letter-spacing: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.li-floating-logo span {
    display: inline-block;
    animation: liFloatSubtle 4s ease-in-out infinite;
}

.li-floating-logo span:nth-child(odd) { animation-delay: 0s; }
.li-floating-logo span:nth-child(even) { animation-delay: 0.8s; }

@keyframes liFloatSubtle {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.li-text-desc {
    max-width: 550px;
    margin: 0 auto 30px auto;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
    opacity: 0.95;
}

/* TWOJE STYLE DLA LINKÓW I PRZYCISKÓW */
.li-actions-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.li-status { font-size: 11px; font-weight: 700; letter-spacing: 2px; opacity: 0.7; }

.li-learn-more {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: 0.3s;
}

.li-learn-more:hover { border-bottom-color: #fff; transform: translateX(5px); }

.li-price-val { font-size: 26px; font-weight: 800; margin-top: 5px; }

.li-cart-btn {
    padding: 15px 40px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    transition: 0.4s;
}

.li-cart-btn:hover { background: #fff; color: #000; }

/* MOBILE FIX - iOS czasem blokuje background-attachment: fixed */
@media (max-width: 768px) {
    #li-dronokurs-parallax { 
        height: 70vh; 
        background-attachment: scroll; /* Na iPhone'ach lepiej dać scroll, żeby nie bugowało */
    }
    .li-floating-logo { font-size: 32px; letter-spacing: 4px; }
    .li-text-desc { font-size: 12px; padding: 0 15px; }
}
/* --- STYLIZACJA PRZYCISKU (PILL STYLE) --- */
.li-cart-btn {
    margin-top: 5px;
    padding: 14px 45px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    
    /* ZAOKRĄGLENIE */
    border-radius: 50px; 
    
    /* PŁYNNOŚĆ */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* --- LEKKI HOVER --- */
.li-cart-btn:hover {
    background: #fff;
    color: #000;
    transform: translateY(-3px); /* Delikatne uniesienie */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Kliknięcie (Active) */
.li-cart-btn:active {
    transform: translateY(-1px);
}

/* --- DOPRACOWANY LINK "DOWIEDZ SIĘ WIĘCEJ" --- */
.li-learn-more {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.7;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
}

.li-learn-more:hover {
    opacity: 1;
    border-bottom: 1px solid #ffffff;
    transform: translateX(4px); /* Lekkie przesunięcie w prawo */
}

/* --- POPRAWKA CENY --- */
.li-price-val {
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0;
    letter-spacing: 1px;
}

//* --- RESPONSYWNOŚĆ MOBILE (ŚCIŚNIĘTA) --- */
@media (max-width: 768px) {
    #li-dronokurs-parallax { 
        height: 70vh !important; 
        background-attachment: scroll; /* Fix dla iOS */
    }

    .li-parallax-content {
        padding: 10px !important; /* Mniejszy padding ogólny */
    }

    /* Tytuł - ciasno */
    .li-floating-logo { 
        font-size: 26px !important; 
        letter-spacing: 3px !important; 
        margin-bottom: 8px !important; 
    }

    /* Opis - mniejszy i ciaśniejszy */
    .li-text-desc { 
        font-size: 11px !important; 
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
        padding: 0 10px !important;
        max-width: 280px !important;
    }

    /* Grupa przycisków i linków */
    .li-actions-grid { 
        gap: 4px !important; /* Minimalne odstępy */
    }

    .li-status { 
        font-size: 9px !important; 
        margin-bottom: 0 !important;
    }

    .li-learn-more { 
        font-size: 10px !important; 
        margin-bottom: 5px !important; 
    }

    /* Cena - blisko przycisku */
    .li-price-val { 
        font-size: 18px !important; 
        margin: 5px 0 !important; 
    }

    /* Przycisk - zgrabniejszy */
    .li-cart-btn {
        padding: 10px 25px !important;
        font-size: 10px !important;
        min-width: 160px !important;
        margin-top: 5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-544e43b *//* --- 1. GŁÓWNY WRAPPER --- */
.mag-mega-wrapper {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden; /* Zabezpieczenie przed wystawaniem na boki */
}

/* --- 2. MIENIĄCY SIĘ NAPIS "ZOBACZ NASZE" --- */
.mag-pre-title-aurora {
    font-size: clamp(12px, 2.5vw, 20px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 0px; /* Usunięty odstęp zgodnie z życzeniem */
    display: inline-block;
    
    background: linear-gradient(135deg, #1a1a1a, #006060, #3d1419, #4b0082, #1a1a1a);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: darkAuroraFlow 15s ease infinite;
}

/* --- 3. KONTENER Z TYTUŁAMI --- */
.mag-titles-container {
    display: flex;
    justify-content: center; 
    align-items: center;
    gap: 30px; 
    flex-wrap: nowrap; /* Zawsze jedna linia */
    width: 100%;
    margin: 10px 0;
}

/* --- 4. SEPARATOR (KRESECZKA) --- */
.mag-title-separator {
    width: 3px;
    height: 45px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1a1a1a, #006060, #3d1419, #4b0082, #1a1a1a);
    background-size: 400% 400%;
    animation: darkAuroraFlow 15s ease infinite;
    flex-shrink: 0;
}

/* --- 5. LINKI I GŁÓWNE NAPISY --- */
.mag-title-link {
    text-decoration: none !important;
    display: inline-block;
    flex-shrink: 0;
    outline: none;
}

.mag-main-title-shared {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(15px, 5vw, 60px); 
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 6px; 
    line-height: 1.1;
    margin: 0;
    text-align: center;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;

    background: linear-gradient(135deg, #1a1a1a, #006060, #3d1419, #4b0082, #1a1a1a);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    
    animation: darkAuroraFlow 15s ease infinite;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.05);
}

.mag-title-link:hover .mag-main-title-shared {
    transform: scale(1.05);
    opacity: 0.8;
}

/* --- 6. RESPONSYWNOŚĆ (TABLET/MOBILE) --- */
@media (max-width: 1024px) {
    .mag-main-title-shared {
        font-size: 35px !important;
        letter-spacing: 4px !important;
    }
    .mag-titles-container { gap: 20px; }
    .mag-title-separator { height: 35px; }
}

@media (max-width: 768px) {
    .mag-pre-title-aurora {
        font-size: 10px !important;
        letter-spacing: 3px !important;
        margin-bottom: 0px !important;
    }
    .mag-titles-container { 
        gap: 10px !important; 
        padding: 0 5px !important;
    }
    .mag-main-title-shared {
        font-size: 15px !important; /* Idealne by zmieścić oba w poziomie */
        letter-spacing: 1px !important;
    }
    .mag-title-separator {
        width: 1.5px;
        height: 22px;
    }
}

/* --- 7. ANIMACJA --- */
@keyframes darkAuroraFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b9e3d9 */<section id="li-triple-grid">
    <div class="li-column">
        <div class="li-col-bg" style="background-image: url('https://lostitalianos-sklep.com/wp-content/uploads/2026/03/Rzeki-przy-landmannalagar1.jpg.jpg.jpg.jpg.webp');"></div>
        <div class="li-col-content">
            <h2 class="li-col-title">PLANY PODRÓŻY</h2>
            <p class="li-col-desc">Ten e-book jest dla Ciebie jeśli lecisz na Islandię po raz pierwszy i na samą myśl o samodzielnym planowaniu cierpnie ci skóra. Wolisz gotowca i my z takim gotowcem właśnie do Ciebie przychodzimy. Ta pozycja to dopracowane i bardzo dokładnie opisane plany podróży po Islandii na 7, 10 i 14 dni w kilkunastu wariantach. Planów podróży możesz używać samodzielnie, niezależnie od dużego przewodnika, lub potraktować je jako szkielet, do którego niejako „wlejesz” dodatkowo ukryte perełki z naszej islandzkiej biblii. I tak i tak będziesz zadowolony_a!</p>
            <div class="li-actions-wrapper">
                <a href="https://lostitalianos-sklep.com/islandia-plany-podrozy/" class="li-col-link">Dowiedz się więcej →</a>
                <div class="li-col-price">[tylko_cena id="6593"]</div>
                <a href="https://lostitalianos-sklep.com/koszyk/?add-to-cart=6593" class="li-col-btn">DODAJ DO KOSZYKA</a>
            </div>
        </div>
    </div>

    <div class="li-column">
        <div class="li-col-bg" style="background-image: url('https://lostitalianos-sklep.com/wp-content/uploads/2026/03/DSC07088.webp');"></div>
        <div class="li-col-content">
            <h2 class="li-col-title">O'AHU</h2>
            <p class="li-col-desc">Ten przewodnik jest dla Ciebie jeśli lecisz na Hawaje i masz w planach odwiedzić jedynie Oʻahu. Co prawda lepiej jest zobaczyć wszystkie wyspy albo chociaż kilka z nich ale pamiętaj nawet zobaczenie jednej wyspy na Hawajach to zawsze świetny pomysł. Zawsze można wrócić i zobaczyć resztę! Te same atrakcje które znajdziesz w tym przewodniku są też w przewodniku po Hawajach więc nie ma potrzeby kupować ich osobno.</p>
            <div class="li-actions-wrapper">
                <a href="https://lostitalianos-sklep.com/przewodniki-po-hawajach/" class="li-col-link">Dowiedz się więcej →</a>
                <div class="li-col-price">[tylko_cena id="172"]</div>
                <a href="https://lostitalianos-sklep.com/koszyk/?add-to-cart=172" class="li-col-btn">DODAJ DO KOSZYKA</a>
            </div>
        </div>
    </div>

    <div class="li-column">
        <div class="li-col-bg" style="background-image: url('https://lostitalianos-sklep.com/wp-content/uploads/2026/03/DSC04246-scaled.webp');"></div>
        <div class="li-col-content">
            <h2 class="li-col-title">RING ROAD</h2>
            <p class="li-col-desc">Ten przewodnik jest dla Ciebie jeśli lecisz na Islandię po raz pierwszy i już wiesz, że będziesz się trzymał_a atrakcji wzdłuż drogi numer 1. To nie jest zła decyzja, bo znajdziesz tam mnóstwo wspaniałości! Przewodnik posiada obszerny wstęp praktyczny - ten sam, co w głównym przewodniku - oraz całą masę atrakcji zlokalizowanych tuż przy kultowej jedynce. Te same atrakcje opisane są też w głównym przewodniku, więc nie ma potrzeby kupować tego dodatkowo.</p>
            <div class="li-actions-wrapper">
                <a href="https://lostitalianos-sklep.com/islandia-ringroad/" class="li-col-link">Dowiedz się więcej →</a>
                <div class="li-col-price">[tylko_cena id="4316"]</div>
                <a href="https://lostitalianos-sklep.com/koszyk/?add-to-cart=4316" class="li-col-btn">DODAJ DO KOSZYKA</a>
            </div>
        </div>
    </div>

    </section>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e760147 *//* --- 1. DESKTOP (Główny styl) --- */
#li-triple-grid {
    display: flex;
    width: 100%;
    height: 80vh; /* Wysokość na komputerze */
    gap: 15px;
    padding: 15px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.li-column {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 40px 20px;
    transition: all 0.5s ease;
    border-radius: 25px;
    overflow: hidden;
}

.li-col-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: transform 0.8s ease;
}

.li-column::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
}

.li-column:hover .li-col-bg { transform: scale(1.1); }
.li-column:hover { flex: 1.1; }

.li-col-content {
    position: relative;
    z-index: 3;
    max-width: 320px;
}

/* TYPOGRAFIA */
.li-col-title { font-size: 26px; font-weight: 800; letter-spacing: 3px; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.li-col-desc {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 15px;
    opacity: 0.9;
    /* USUNĘLIŚMY LIMIT LINII */
    display: block; 
    overflow-y: auto; /* Doda scroll wewnątrz kafelka, jeśli tekst będzie za długi */
    max-height: 150px; /* Limit wysokości samego opisu, żeby przycisk nie uciekł na dół */
    padding-right: 5px;
}

/* Opcjonalnie: stylizacja małego paska przewijania wewnątrz opisu */
.li-col-desc::-webkit-scrollbar {
    width: 3px;
}
.li-col-desc::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 10px;
}
.li-col-link { color: #fff; text-decoration: none; font-size: 11px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 2px; transition: 0.3s; }
.li-col-price { font-size: 22px; font-weight: 700; margin: 15px 0; }
.li-col-btn { display: inline-block; padding: 12px 35px; border: 1px solid #fff; border-radius: 50px; color: #fff; text-decoration: none; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; transition: all 0.4s ease; }
.li-col-btn:hover { background: #fff; color: #000; transform: translateY(-3px); }

/* --- 2. MOBILE (Tylko jeden, konkretny blok) --- */
@media (max-width: 768px) {
    #li-triple-grid {
        display: flex !important;
        flex-direction: row !important; /* Poziomy scroll */
        height: auto !important; /* USUNIĘCIE SZPARY - sekcja dopasuje się do kart */
        min-height: unset !important;
        gap: 15px !important;
        padding: 0px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0 !important;
    }

    .li-column {
        flex: 0 0 85% !important; /* Szerokość karty */
        height: 65vh !important;  /* Wysokość karty na mobile */
        min-height: 450px !important;
        scroll-snap-align: center !important;
        margin-bottom: 0 !important;
    }

    #li-triple-grid::-webkit-scrollbar { display: none; }
    #li-triple-grid { -ms-overflow-style: none; scrollbar-width: none; }

    .li-col-title { font-size: 24px !important; }
    .li-col-desc {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 15px;
    opacity: 0.9;
    /* USUNĘLIŚMY LIMIT LINII */
    display: block; 
    overflow-y: auto; /* Doda scroll wewnątrz kafelka, jeśli tekst będzie za długi */
    max-height: 150px; /* Limit wysokości samego opisu, żeby przycisk nie uciekł na dół */
    padding-right: 5px;
}

/* Opcjonalnie: stylizacja małego paska przewijania wewnątrz opisu */
.li-col-desc::-webkit-scrollbar {
    width: 3px;
}
.li-col-desc::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 10px;
} 
        display: -webkit-box; 
        -webkit-line-clamp: 4; 
        -webkit-box-orient: vertical; 
        overflow: hidden; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3bc6744 */#li-double-grid {
    display: flex;
    width: 100%;
    height: 60vh; /* Twoje wymarzone 60% wysokości ekranu */
    gap: 15px; 
    padding: 15px;
    overflow: hidden;
    background: #fff;
}

.li-column-2 {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 30px 20px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 20px;
    overflow: hidden;
}

.li-col-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: transform 0.8s ease;
}

.li-column-2::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
}

/* Hover - delikatne powiększenie zdjęcia */
.li-column-2:hover .li-col-bg { transform: scale(1.08); }

.li-col-content {
    position: relative;
    z-index: 3;
    max-width: 350px;
}

/* Typografia dopasowana do 60vh */
.li-col-title { font-size: 24px; font-weight: 800; letter-spacing: 3px; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.li-col-desc { font-size: 12px; line-height: 1.4; font-weight: 300; margin-bottom: 15px; opacity: 0.9; }
.li-col-link { color: #fff; text-decoration: none; font-size: 11px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 2px; transition: 0.3s; }
.li-col-price { font-size: 20px; font-weight: 700; margin: 12px 0; }

/* Przycisk PILL */
.li-col-btn { 
    display: inline-block; 
    padding: 10px 30px; 
    border: 1px solid #fff; 
    border-radius: 50px; 
    color: #fff; 
    text-decoration: none; 
    font-size: 10px; 
    font-weight: 700; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    transition: all 0.4s ease; 
}

.li-col-btn:hover { background: #fff; color: #000; transform: translateY(-3px); }

/* --- MOBILNY SLIDER DLA PODWÓJNEJ SIATKI --- */
@media (max-width: 768px) {
    #li-double-grid {
        display: flex !important;
        flex-direction: row !important; /* Karty obok siebie */
        overflow-x: auto !important;    /* Przesuwanie w bok */
        scroll-snap-type: x mandatory !important; /* Przyklejanie karty do ekranu */
        gap: 15px !important;
        padding:0px !important;
        -webkit-overflow-scrolling: touch;
    }

    .li-column-2 {
        flex: 0 0 88% !important; /* Karta zajmuje 88% szerokości (widać rąbek następnej) */
        scroll-snap-align: center !important;
        min-height: 450px !important; 
        border-radius: 25px !important;
        display: flex !important;
        flex-direction: column !important;
        background: #fff; /* Tło karty, żeby treść była czytelna */
        box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    }

    /* Estetyka - ukrywamy pasek przewijania */
    #li-double-grid::-webkit-scrollbar {
        display: none;
    }
    
    #li-double-grid {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    /* Poprawka linków, żeby nie uciekały */
    .li-col-link {
        display: inline-block !important;
        margin-bottom: 5px !important;
        font-size: 12px !important;
    }

    .li-col-title {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1dd86e5 */#li-double-grid {
    display: flex;
    width: 100%;
    height: 60vh; /* Twoje wymarzone 60% wysokości ekranu */
    gap: 15px; 
    padding: 15px;
    overflow: hidden;
    background: #fff;
}

.li-column-2 {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 30px 20px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 20px;
    overflow: hidden;
}

.li-col-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: transform 0.8s ease;
}

.li-column-2::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
}

/* Hover - delikatne powiększenie zdjęcia */
.li-column-2:hover .li-col-bg { transform: scale(1.08); }

.li-col-content {
    position: relative;
    z-index: 3;
    max-width: 350px;
}

/* Typografia dopasowana do 60vh */
.li-col-title { font-size: 24px; font-weight: 800; letter-spacing: 3px; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.li-col-desc { font-size: 12px; line-height: 1.4; font-weight: 300; margin-bottom: 15px; opacity: 0.9; }
.li-col-link { color: #fff; text-decoration: none; font-size: 11px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 2px; transition: 0.3s; }
.li-col-price { font-size: 20px; font-weight: 700; margin: 12px 0; }

/* Przycisk PILL */
.li-col-btn { 
    display: inline-block; 
    padding: 10px 30px; 
    border: 1px solid #fff; 
    border-radius: 50px; 
    color: #fff; 
    text-decoration: none; 
    font-size: 10px; 
    font-weight: 700; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    transition: all 0.4s ease; 
}

.li-col-btn:hover { background: #fff; color: #000; transform: translateY(-3px); }

/* MOBILE */
@media (max-width: 768px) {
    #li-double-grid {
        flex-direction: column;
        height: auto;
        gap: 10px;
        padding: 10px;
    }
    .li-column-2 {
        height: 50vh; /* Nieco niższe na mobile, żeby oba kafle było widać */
        width: 100%;
    }
}/* End custom CSS */