/* --- GŁÓWNY KONTENER --- */
        .wm-blog-sekcja {
            margin: 0px auto;
            padding: 0 15px;
        }

        /* --- NAGŁÓWEK SEKCJI --- */
        .wm-blog-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 40px;
        }
        .wm-blog-header__text {
            max-width: 70%;
        }
        .wm-blog-title {
            font-weight: 800;
            color: #3e2b1a;
            text-transform: uppercase;
            margin: 0 0 10px 0;
            line-height: 1.2;
        }
        .wm-blog-title-line {
            width: 70px;
            height: 3px;
            background-color: #e8a500;
            margin-bottom: 15px;
        }
        .wm-blog-subtitle {
            font-size: 15px;
            color: #8a7560;
            margin: 0;
        }
        
        #content .wm-blog-sekcja .wm-blog-btn {
            display: inline-flex;
            align-items: center;
            background-color: #5A3E18;
            color: #ffffff;
            font-weight: 700;
            font-size: 14px;
            padding: 10px 22px;
            border-radius: 6px;
            text-decoration: none;
            transition: background-color 0.3s ease;
            white-space: nowrap;
        }
        .wm-blog-btn:hover {
            background-color: #3e2b1a;
            color: #ffffff;
        }

        /* --- SIATKA WPISÓW --- */
        .wm-blog-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        /* --- KARTA WPISU --- */
        .wm-blog-card {
            background-color: #ffffff;
            border: 1px solid #eae5d9;
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-decoration: none;
        }
        
        /* Wymagany efekt Hover Boxa */
        .wm-blog-card:hover {
            box-shadow: 0 8px 28px rgba(62, 43, 26, 0.13);
            transform: translateY(-4px);
        }

        /* --- ZDJĘCIE I KATEGORIA --- */
        .wm-blog-card__image-wrapper {
            position: relative;
            aspect-ratio: 3 / 2;
            overflow: hidden;
            background-color: #f5f5f5;
        }
        .wm-blog-card__image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        .wm-blog-card:hover .wm-blog-card__image-wrapper img {
            transform: scale(1.05); /* Delikatny zoom zdjęcia przy najechaniu */
        }
        
        .wm-blog-card__category {
            position: absolute;
            top: 15px;
            left: 15px;
            background-color: #e8a500;
            color: #ffffff;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            padding: 5px 12px;
            border-radius: 20px;
            z-index: 2;
        }

        /* --- TREŚĆ KARTY --- */
        .wm-blog-card__content {
            padding: 25px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        .wm-blog-card__meta {
            margin-bottom: 15px;
        }
        .wm-blog-card__meta svg {
            width: 14px;
            height: 14px;
            color: #b3b3b3;
        }
        
        #content .wm-blog-card__title {
            font-size: 17px;
            font-weight: 800;
            line-height: 1.4;
            margin: 0 0 15px 0;
            text-transform: uppercase;
        }
        #content .wm-blog-card__title a {
            color: #3e2b1a;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        /* Wymagany efekt Hover dla Tytułu */
        .wm-blog-card__title a:hover {
            color: #e8a500;
        }

        #content  .wm-blog-card__excerpt {
            font-size: 13.5px;
            color: #6b5a48;
            line-height: 1.6;
            margin: 0 0 16px 0;
            flex-grow: 1;
        }

        #content .wm-blog-card__read-more {
            font-size: 13.5px;
            font-weight: 700;
            color: #5A3E18;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            transition: color 0.3s ease;
        }
        /* Wymagany efekt Hover dla Czytaj dalej */
        .wm-blog-card__read-more:hover,
        .wm-blog-card:hover .wm-blog-card__read-more {
            color: #e8a500;
        }

        /* --- RESPONSYWNOŚĆ --- */
        @media (max-width: 992px) {
            .wm-blog-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 768px) {
            .wm-blog-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 20px;
            }
            .wm-blog-header__text {
                max-width: 100%;
            }
            .wm-blog-grid {
                grid-template-columns: 1fr;
            }
        }