/* --- DGK HERO ENGINE v2.0 - OSTATECZNY FIX --- */

body, html { margin: 0; padding: 0; }

/* 1. MŁOT NA ELEMENTORA - Tworzymy fizyczną barierę 100vh, która zepchnie resztę strony w dół (koniec z jaskółką) */
.elementor-widget-dgk_hero_engine {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    display: block !important;
}

/* 2. HERO - Zachowuje się jak normalna sekcja, przewija się w górę i znika */
.dgk-hero-swiper {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    z-index: 1;
    background: #050505;
    overflow: hidden !important;
    display: block !important;
}

/* 3. SLAJDY - WYJEBANE UKRYWANIE. Koniec z czarnymi ekranami. */
.dgk-hero-swiper .swiper-slide {
    width: 100% !important;
    height: 100vh !important;
    position: relative;
    overflow: hidden;
    display: block !important;
}

.dgk-bg-wrap {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
}

.dgk-bg-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1);
    transition: transform 8s ease-out;
}

.swiper-slide-active .dgk-bg-img {
    transform: scale(1.15);
}

.dgk-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.2) 100%);
    z-index: 2;
    pointer-events: none;
}

/* 4. TREŚĆ - Odkryta na stałe, bez czekania na skrypt */
.dgk-content {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    padding-left: 8% !important;
    pointer-events: none;
}

@media (min-width: 1400px) { .dgk-content { padding-left: 12% !important; } }

.dgk-text-box {
    max-width: 650px;
    color: #fff;
    transform: translateY(0) !important; 
    opacity: 1 !important; 
    transition: all 1s ease-out 0.5s;
}

/* Reszta typografii */
.dgk-subtitle { font-family: 'Saira', sans-serif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; color: #ff3333; font-weight: 700; margin-bottom: 15px; }
.dgk-title { font-family: 'Saira', sans-serif; font-size: 64px; line-height: 1.0; font-weight: 900; text-transform: uppercase; margin-bottom: 25px; color: #fff; text-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.dgk-desc { font-family: 'Saira', sans-serif; font-size: 18px; color: rgba(255,255,255,0.8); font-weight: 300; max-width: 600px; border-left: 3px solid #ff3333; padding-left: 20px; line-height: 1.6; }

/* Paginacja i strzałki */
.dgk-pagination { bottom: 40px !important; z-index: 20 !important; }
.dgk-pagination .swiper-pagination-bullet { width: 40px; height: 3px; background: rgba(255,255,255,0.3); border-radius: 0; opacity: 1; margin: 0 5px; transition: all 0.3s; }
.dgk-pagination .swiper-pagination-bullet-active { background: #ff3333; width: 60px; }

@media (max-width: 768px) {
    .dgk-content { padding: 0 20px; justify-content: center; text-align: center; }
    .dgk-text-box { max-width: 100%; }
    .dgk-title { font-size: 36px; }
    .dgk-desc { border-left: none; border-top: 3px solid #ff3333; padding-top: 15px; padding-left: 0; margin: 0 auto; }
    .dgk-overlay { background: rgba(0,0,0,0.6); }
}

.dgk-arrow { color: rgba(255, 255, 255, 0.3) !important; transition: all 0.3s ease !important; width: 60px !important; height: 60px !important; }
.dgk-arrow::after { font-size: 24px !important; font-weight: bold; }
.dgk-arrow:hover { color: #ff3333 !important; transform: scale(1.1); text-shadow: 0 0 10px rgba(255, 51, 51, 0.6); }
.swiper-button-prev.dgk-arrow { left: 40px !important; }
.swiper-button-next.dgk-arrow { right: 40px !important; }

@media (max-width: 768px) { .dgk-arrow { display: none !important; } }
.dgk-bg-wrap picture { width: 100%; height: 100%; display: block; }