.donationsBlock {
}

.donationsBlock_Block {
    max-width: 1280px;
    margin: 0 auto;
    background: white;
    width: 95%;
    border-radius: 8px;
}

.donationsBlock_Column h3 {
    margin-bottom: 24px;
    font-size: 90px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Anton', sans-serif;
}

.donationsBlock_Column p {
    margin-bottom: 32px;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Glacial Indifference', sans-serif;
    font-size: 18px;
}

.donationsBlock_Bullet ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 40px 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.donationsBlock_Bullet ul li {
    position: relative;
    padding-left: 46px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    font-family: 'Anton', sans-serif;
    font-size: 24px;
    font-weight: normal;
}

.donationsBlock_Bullet ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 36px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg width="36" height="33" viewBox="0 0 36 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 32.7502L15.4625 30.4752C12.5167 27.821 10.0813 25.5314 8.15625 23.6064C6.23125 21.6814 4.7 19.9533 3.5625 18.4221C2.425 16.8908 1.63021 15.4835 1.17813 14.2002C0.726042 12.9169 0.5 11.6044 0.5 10.2627C0.5 7.52103 1.41875 5.23145 3.25625 3.39395C5.09375 1.55645 7.38333 0.637695 10.125 0.637695C11.6417 0.637695 13.0854 0.958529 14.4563 1.6002C15.8271 2.24186 17.0083 3.14603 18 4.3127C18.9917 3.14603 20.1729 2.24186 21.5438 1.6002C22.9146 0.958529 24.3583 0.637695 25.875 0.637695C28.6167 0.637695 30.9063 1.55645 32.7438 3.39395C34.5813 5.23145 35.5 7.52103 35.5 10.2627C35.5 11.6044 35.274 12.9169 34.8219 14.2002C34.3698 15.4835 33.575 16.8908 32.4375 18.4221C31.3 19.9533 29.7688 21.6814 27.8438 23.6064C25.9188 25.5314 23.4833 27.821 20.5375 30.4752L18 32.7502Z" fill="%23E0011D"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.donationsBlock_Bullet h4 {
    margin: 32px 0 24px;
    font-size: 35px;
    text-align: center;
    font-weight: normal;
    font-family: 'Anton', sans-serif;
    color: var(--hittarp-svart);
}

.donations-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 24px;
}

.donation-item {
    padding: 16px;
    background: #E31E24;
    border-radius: 4px;
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 36px;
    font-family: 'Anton', sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    box-sizing: border-box;
    width: calc(100% - 32px);
    margin: 0 auto;
}

.donation-item a {
    color: white;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'Anton', sans-serif;
    font-size: 36px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    box-sizing: border-box;
}

.donation-item:hover {
    background: #c71a1f;
    cursor: pointer;
}

.donation-item.span-full {
    grid-column: 1 / -1;
}

/* Adjust for tablets */
@media (max-width: 1024px) {
    .donationsBlock {
        margin: 30px auto;
    }

    .donationsBlock_Block {
        width: 95%;
    }

    .donationsBlock_Column h3 {
        font-size: 36px;
        margin-bottom: 16px;
    }

    .donationsBlock_Column p {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .donationsBlock_Bullet ul li {
        font-size: 22px;
        padding-left: 36px;
        margin-bottom: 12px;
    }

    .donationsBlock_Bullet h4 {
        font-size: 28px;
        margin: 24px 0 16px;
    }

    .donation-item {
        font-size: 28px;
    }

    .donation-item a {
        font-size: 28px;
    }
}

/* Adjust for mobile screens */
@media (max-width: 768px) {
    .donationsBlock {
        margin: 20px auto;
    }

    .donationsBlock_Block {
        width: 100%;
    }

    .donationsBlock_Column h3 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .donationsBlock_Column p {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .donationsBlock_Bullet ul li {
        font-size: 18px;
        padding-left: 30px;
        margin-bottom: 12px;
    }

    .donationsBlock_Bullet h4 {
        font-size: 22px;
        margin: 16px 0 12px;
    }

    .donations-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .donation-item {
        font-size: 22px;
        padding: 12px;
    }

    .donation-item a {
        font-size: 22px;
    }

    .donation-item.span-full {
        grid-column: auto;
    }

    .donationsBlock_Bullet ul li:before {
        width: 24px;
        height: 22px;
    }
}