.elementor-3827 .elementor-element.elementor-element-a3d8825{--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;--justify-content:center;--align-items:center;--padding-top:120px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-3827 .elementor-element.elementor-element-b988462{padding:65px 0px 0px 0px;}@media(max-width:767px){.elementor-3827 .elementor-element.elementor-element-a3d8825{--justify-content:center;}}/* Start custom CSS for shortcode, class: .elementor-element-b988462 *//* ==========================================
   1. GŁÓWNY KONTENER I ANIMACJE
=========================================== */
.wzg { 
    padding: 140px 56px 120px !important; 
    max-width: 1400px !important; 
    margin: 0 auto !important; 
    box-sizing: border-box !important; 
    font-family: 'Para', sans-serif !important; 
    background: transparent !important; 
}

@keyframes wzgFadeUp { 
    from { opacity: 0; transform: translateY(40px); filter: blur(5px); } 
    to { opacity: 1; transform: translateY(0); filter: blur(0); } 
}

/* ==========================================
   2. SEKCJA HERO (TYTUŁ I OPIS)
=========================================== */
.wzg-hero { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
    margin-bottom: 80px !important; 
    opacity: 0; 
    transform: translateY(40px); 
    filter: blur(8px); 
    animation: wzgFadeUp 1s cubic-bezier(0.16,1,0.3,1) forwards; 
}
.wzg-eyebrow { 
    font-size: 10px !important; 
    font-weight: 600 !important; 
    letter-spacing: 0.3em !important; 
    text-transform: uppercase !important; 
    color: rgba(255,255,255,0.3) !important; 
    margin-bottom: 24px !important; 
    font-family: 'Para', sans-serif !important; 
}
.wzg-title { 
    font-family: 'Title', sans-serif !important; 
    font-weight: 800 !important; 
    font-size: clamp(2.6rem, 6.5vw, 4.5rem) !important; 
    letter-spacing: -0.03em !important; 
    line-height: 1.05 !important; 
    color: #fff !important; 
    margin: 0 0 24px 0 !important; 
    padding: 0 !important; 
    border: none !important; 
}
/* Brutalizm: jednolity szmaragdowy neon zamiast fioletowego gradientu */
.wzg-title em { 
    font-style: italic !important; 
    color: transparent !important; 
    background: #4bcc6b !important; 
    -webkit-background-clip: text !important; 
    background-clip: text !important; 
}
.wzg-desc { 
    font-size: clamp(14px, 1.2vw, 16px) !important; 
    font-weight: 300 !important; 
    color: rgba(255,255,255,0.4) !important; 
    line-height: 1.8 !important; 
    max-width: 600px !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    font-family: 'Para', sans-serif !important; 
}

/* ==========================================
   3. FILTRY (KATEGORIE)
=========================================== */
.wzg-filters { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 10px; 
    margin-bottom: 64px !important; 
    opacity: 0; 
    transform: translateY(30px); 
    filter: blur(5px); 
    animation: wzgFadeUp 1s cubic-bezier(0.16,1,0.3,1) 0.2s forwards; 
}
/* Brutalizm: kwadratowy filtr */
.wzg-filter { 
    background: rgba(255,255,255,0.02) !important; 
    border: 1px solid rgba(255,255,255,0.06) !important; 
    color: rgba(255,255,255,0.55) !important; 
    padding: 8px 16px !important; 
    border-radius: 0px !important; 
    font-family: 'Para', sans-serif !important; 
    font-size: 14px !important; 
    font-weight: 400 !important; 
    letter-spacing: 0.02em !important; 
    cursor: pointer; 
    transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important; 
    display: flex; 
    align-items: center; 
    gap: 6px; 
    margin: 0 !important; 
    box-shadow: none !important; 
}
.wzg-filter::before { 
    content: '#'; 
    color: rgba(75,204,107,0.4) !important; 
    font-weight: 600 !important; 
    font-size: 13px !important; 
    transition: color 0.3s ease !important; 
}
.wzg-filter:hover { 
    background: rgba(75,204,107,0.04) !important; 
    border-color: rgba(75,204,107,0.3) !important; 
    color: rgba(255,255,255,0.9) !important; 
    transform: translateY(-2px) !important; 
}
.wzg-filter:hover::before { 
    color: rgba(75,204,107,0.8) !important; 
}
.wzg-filter.is-active { 
    background: rgba(75,204,107,0.1) !important; 
    border-color: rgba(75,204,107,0.45) !important; 
    color: #fff !important; 
    box-shadow: 0 4px 16px rgba(75,204,107,0.06) !important; 
}
.wzg-filter.is-active::before { 
    color: #4bcc6b !important; 
}

/* ==========================================
   4. GRID (SIATKA WPISÓW)
=========================================== */
.wzg-grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 32px !important; 
    transition: opacity 0.3s ease; 
}
.wzg-grid.is-loading { 
    opacity: 0.4; 
    pointer-events: none; 
}

/* ==========================================
   5. KARTY WPISÓW
=========================================== */
.wzg-card { 
    display: flex; 
    flex-direction: column; 
    border: 1px solid rgba(255,255,255,0.06) !important; 
    background: rgba(255,255,255,0.01) !important; 
    border-radius: 0px !important; 
    overflow: hidden; 
    text-decoration: none !important; 
    transition: border-color 0.4s ease, background 0.4s ease !important; 
    opacity: 1; 
    filter: none; 
    transform: none; 
    box-shadow: none !important; 
    outline: none !important; 
    margin: 0 !important; 
    padding: 0 !important; 
}
.wzg-card:hover { 
    border-color: #4bcc6b !important; 
    background: rgba(255,255,255,0.02) !important; 
    text-decoration: none !important; 
    outline: none !important; 
}
.wzg-card.is-hidden { 
    opacity: 0 !important; 
    transform: translateY(40px) !important; 
    filter: blur(5px) !important; 
    transition: none !important; 
}
.wzg-card.is-visible { 
    animation: wzgFadeUp 0.9s cubic-bezier(0.16,1,0.3,1) forwards; 
    opacity: 1 !important; 
}
.wzg-card.featured { 
    grid-column: span 2; 
    flex-direction: row; 
}
.wzg-card-img-wrap { 
    position: relative; 
    width: 100%; 
    aspect-ratio: 16 / 10; 
    overflow: hidden; 
    background: linear-gradient(135deg, #0a120d 0%, #050505 100%) !important; 
    border-bottom: 1px solid rgba(255,255,255,0.04) !important; 
    margin: 0 !important; 
    padding: 0 !important; 
}
.wzg-card.featured .wzg-card-img-wrap { 
    width: 55%; 
    border-bottom: none !important; 
    border-right: 1px solid rgba(255,255,255,0.04) !important; 
    aspect-ratio: auto; 
}
.wzg-card-img-placeholder { 
    width: 100%; 
    height: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    /* Szmaragdowy placeholder zamiast fioletowego */
    color: rgba(75,204,107,0.15) !important; 
    transition: transform 0.6s cubic-bezier(0.16,1,0.3,1), color 0.4s ease !important; 
}
.wzg-card-img-placeholder svg { 
    width: 48px !important; 
    height: 48px !important; 
    stroke-width: 1 !important; 
}
.wzg-card:hover .wzg-card-img-placeholder { 
    transform: scale(1.08) !important; 
    color: rgba(75,204,107,0.3) !important; 
}
.wzg-card img { 
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover !important; 
    transition: transform 0.6s cubic-bezier(0.16,1,0.3,1) !important; 
    filter: grayscale(15%) brightness(0.9) !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    border-radius: 0 !important; 
    border: none !important; 
}
.wzg-card:hover img { 
    transform: scale(1.05) !important; 
    filter: grayscale(0%) brightness(1) !important; 
}
.wzg-card-content { 
    padding: 36px !important; 
    display: flex; 
    flex-direction: column; 
    flex: 1; 
    background: transparent !important; 
}
.wzg-card.featured .wzg-card-content { 
    width: 45%; 
    justify-content: center; 
}
.wzg-meta { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
    margin-bottom: 20px !important; 
}
/* Brutalizm: kwadratowa etykieta kategorii w szmaragdzie */
.wzg-cat { 
    font-family: 'Para', sans-serif !important; 
    font-size: 9px !important; 
    font-weight: 600 !important; 
    letter-spacing: 0.2em !important; 
    text-transform: uppercase !important; 
    color: #4bcc6b !important; 
    background: rgba(75,204,107,0.08) !important; 
    padding: 4px 12px !important; 
    border-radius: 0px !important; 
    border: 1px solid rgba(75,204,107,0.2) !important; 
    line-height: 1.5 !important; 
}
.wzg-date { 
    font-family: 'Para', sans-serif !important; 
    font-size: 10px !important; 
    font-weight: 400 !important; 
    letter-spacing: 0.1em !important; 
    color: rgba(255,255,255,0.25) !important; 
    text-transform: uppercase !important; 
}
.wzg-card-title { 
    font-family: 'Title', sans-serif !important; 
    font-weight: 700 !important; 
    font-size: 22px !important; 
    letter-spacing: -0.02em !important; 
    color: rgba(255,255,255,0.85) !important; 
    line-height: 1.3 !important; 
    margin: 0 0 16px 0 !important; 
    padding: 0 !important; 
    transition: color 0.3s ease !important; 
    text-decoration: none !important; 
    border: none !important; 
}
.wzg-card.featured .wzg-card-title { 
    font-size: clamp(24px, 2vw, 32px) !important; 
}
.wzg-card:hover .wzg-card-title { 
    color: #fff !important; 
}
.wzg-card-excerpt { 
    font-family: 'Para', sans-serif !important; 
    font-size: 13px !important; 
    font-weight: 300 !important; 
    color: rgba(255,255,255,0.35) !important; 
    line-height: 1.7 !important; 
    margin: 0 0 32px 0 !important; 
    padding: 0 !important; 
    flex: 1; 
}
.wzg-card-footer { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    border-top: 1px solid rgba(255,255,255,0.04) !important; 
    padding-top: 24px !important; 
    margin-top: auto !important; 
}
.wzg-read-more { 
    font-family: 'Para', sans-serif !important; 
    font-size: 10px !important; 
    font-weight: 600 !important; 
    letter-spacing: 0.2em !important; 
    text-transform: uppercase !important; 
    color: rgba(255,255,255,0.3) !important; 
    transition: color 0.3s ease !important; 
    margin: 0 !important; 
    padding: 0 !important; 
}
.wzg-card:hover .wzg-read-more { 
    color: #4bcc6b !important; 
}
/* Brutalizm: kwadratowa strzałka */
.wzg-arrow { 
    width: 32px !important; 
    height: 32px !important; 
    border-radius: 0px !important; 
    border: 1px solid rgba(255,255,255,0.08) !important; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transition: border-color 0.3s, background 0.3s, transform 0.4s cubic-bezier(0.16,1,0.3,1) !important; 
    background: transparent !important; 
    margin: 0 !important; 
    padding: 0 !important; 
}
.wzg-card:hover .wzg-arrow { 
    border-color: #4bcc6b !important; 
    background: #4bcc6b !important; 
    transform: rotate(-45deg) !important; 
}
.wzg-arrow svg { 
    width: 12px !important; 
    height: 12px !important; 
    stroke: rgba(255,255,255,0.25) !important; 
    fill: none !important; 
    stroke-width: 1.5 !important; 
    stroke-linecap: round !important; 
    stroke-linejoin: round !important; 
    transition: stroke 0.3s !important; 
}
/* Czarna ikona na neonowym tle */
.wzg-card:hover .wzg-arrow svg { 
    stroke: #050505 !important; 
}

/* ==========================================
   6. PAGINACJA
=========================================== */
.wzg-pagination { 
    display: flex; 
    justify-content: center; 
    gap: 8px !important; 
    margin-top: 80px !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important; 
}
/* Brutalizm: kwadratowe przyciski paginacji */
.wzg-pagination .page-numbers { 
    width: 40px !important; 
    height: 40px !important; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: 1px solid rgba(255,255,255,0.08) !important; 
    border-radius: 0px !important; 
    color: rgba(255,255,255,0.4) !important; 
    font-size: 12px !important; 
    font-family: 'Para', sans-serif !important; 
    text-decoration: none !important; 
    transition: all 0.3s ease !important; 
    cursor: pointer !important; 
    background: transparent !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    box-shadow: none !important; 
    line-height: 1 !important; 
}
.wzg-pagination .page-numbers:hover { 
    border-color: #4bcc6b !important; 
    color: #4bcc6b !important; 
    background: rgba(75,204,107,0.04) !important; 
}
.wzg-pagination .current { 
    background: rgba(75,204,107,0.1) !important; 
    border-color: rgba(75,204,107,0.45) !important; 
    color: #fff !important; 
}
.wzg-pagination .current:hover { 
    background: rgba(75,204,107,0.1) !important; 
    border-color: rgba(75,204,107,0.45) !important; 
    color: #fff !important; 
    cursor: default !important; 
}
.wzg-pagination .dots { 
    border: none !important; 
    background: transparent !important; 
    color: rgba(255,255,255,0.3) !important; 
    pointer-events: none; 
}

/* ==========================================
   7. RESPONSYWNOŚĆ (MEDIA QUERIES)
=========================================== */
@media (max-width: 1100px) { 
    .wzg { padding: 100px 40px 80px !important; } 
    .wzg-grid { grid-template-columns: repeat(2, 1fr); gap: 24px !important; } 
    .wzg-card.featured { grid-column: span 2; } 
}
@media (max-width: 850px) { 
    .wzg { padding: 60px 24px 60px !important; } 
    .wzg-hero { margin-bottom: 50px !important; } 
    .wzg-card.featured { flex-direction: column; } 
    .wzg-card.featured .wzg-card-img-wrap { width: 100% !important; aspect-ratio: 16/9 !important; border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.04) !important; } 
    .wzg-card.featured .wzg-card-content { width: 100% !important; } 
    .wzg-card-content { padding: 28px !important; } 
}
@media (max-width: 600px) { 
    .wzg { padding: 20px 16px 40px !important; } 
    .wzg-hero { margin-bottom: 32px !important; } 
    .wzg-eyebrow { margin-bottom: 12px !important; }
    .wzg-title {  margin-bottom: 16px !important; } 
    .wzg-grid { grid-template-columns: 1fr; } 
    .wzg-card.featured { grid-column: span 1; } 
    .wzg-filters { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding-bottom: 16px !important; margin-bottom: 32px !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } 
    .wzg-filters::-webkit-scrollbar { display: none; } 
    .wzg-filter { flex-shrink: 0; } 
    .wzg-card-title { font-size: 20px !important; } 
    .wzg-pagination { margin-top: 48px !important; }
}/* End custom CSS */