.yg-donate-page {
    --yg-green: #03482b;
    --yg-deep: #023a23;
    --yg-gold: #e2a515;
    --yg-cream: #f7f5ee;
    --yg-text: #607069;
    --yg-line: #dce6e0;
    color: var(--yg-green);
    background: #fff;
}

.yg-donate-page,
.yg-donate-page * { box-sizing: border-box; }
.yg-donate-page a { text-decoration: none; }

.yg-donate-breadcrumb-hero .container,
.yg-donate-catalog .container {
    width: min(100% - 40px, 1240px);
    max-width: 1240px;
}

.yg-donate-catalog {
    position: relative;
    padding: 82px 0 110px;
    background: var(--yg-cream);
}

.yg-donate-category {
    display: grid;
    grid-template-columns: minmax(310px, .78fr) minmax(0, 1.55fr);
    align-items: start;
    gap: clamp(34px, 5vw, 68px);
}

.yg-donate-category + .yg-donate-category { margin-top: 90px; }

.yg-donate-category-intro {
    position: sticky;
    top: 118px;
    overflow: hidden;
    background: var(--yg-green);
    border-radius: 26px;
}

.yg-donate-category-intro figure {
    aspect-ratio: 1 / 1;
    margin: 0;
    overflow: hidden;
    background: #fff;
}

.yg-donate-category-intro img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.yg-donate-category-copy { padding: 28px 28px 30px; }

.yg-donate-category-copy > span,
.yg-donate-options-head span {
    display: block;
    color: var(--yg-gold);
    font-size: 10px;
    font-weight: 820;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.yg-donate-category-copy h2 {
    margin: 9px 0 0;
    color: #fff;
    font-size: clamp(31px, 3vw, 42px);
    font-weight: 820;
    line-height: 1.05;
    letter-spacing: -.045em;
}

.yg-donate-category-copy p {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    line-height: 1.7;
}

.yg-donate-category-copy a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: 750;
}

.yg-donate-category-copy a i { color: var(--yg-gold); font-size: 17px; }

.yg-donate-options { min-width: 0; }

.yg-donate-options-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 310px);
    align-items: end;
    gap: 36px;
    margin-bottom: 30px;
    padding: 10px 0 25px;
    border-bottom: 1px solid rgba(3, 72, 43, .14);
}

.yg-donate-options-head h3 {
    margin: 9px 0 0;
    color: var(--yg-green);
    font-size: clamp(36px, 4vw, 52px);
    font-weight: 840;
    line-height: 1.02;
    letter-spacing: -.055em;
}

.yg-donate-options-head p {
    margin: 0 0 2px;
    color: var(--yg-text);
    font-size: 13px;
    line-height: 1.65;
}

.yg-donate-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.yg-donate-grid .yg-donate-card { width: 100%; }

.yg-donate-empty {
    padding: 58px 24px;
    background: #fff;
    border: 1px solid var(--yg-line);
    border-radius: 18px;
    text-align: center;
}

.yg-donate-empty h2 { margin: 0; color: var(--yg-green); font-size: 24px; }

@media (max-width: 991px) {
    .yg-donate-category { grid-template-columns: minmax(270px, .8fr) minmax(0, 1.2fr); gap: 30px; }
    .yg-donate-options-head { grid-template-columns: 1fr; gap: 14px; }
    .yg-donate-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .yg-donate-breadcrumb-hero .container,
    .yg-donate-catalog .container {
        width: 100%;
        max-width: none;
        padding-right: 16px;
        padding-left: 16px;
    }

    .yg-donate-catalog { padding: 52px 0 72px; }
    .yg-donate-category { grid-template-columns: 1fr; gap: 44px; }
    .yg-donate-category-intro { position: static; border-radius: 20px; }
    .yg-donate-category-copy { padding: 24px; }
    .yg-donate-category-copy h2 { font-size: 34px; }
    .yg-donate-options-head { margin-bottom: 24px; padding-top: 0; }
    .yg-donate-options-head h3 { font-size: 40px; }
    .yg-donate-grid { gap: 18px; }
}