/* frontend/src/css/charity.css */

.section-title { 
    font-size: clamp(1.5rem, 2.5vw, 2rem); 
    font-weight: 800; 
    color: #fff; 
}
.kard { 
    background: #1e1e1e; 
    border-radius: 1rem; 
    padding: 1.25rem; 
    box-shadow: 0 10px 25px rgba(0,0,0,.25); 
}
.badge { 
    display: inline-block; 
    padding: .25rem .6rem; 
    border-radius: 999px; 
    background: #2a2a2a; 
    color: #ffe28c; 
    font-size: .75rem; 
}
#hero-slideshow-img, #charity-slideshow-img { 
    transition: opacity 0.5s ease-in-out; 
}
.mono { 
    font-feature-settings: "tnum" on, "lnum" on; 
    font-variant-numeric: tabular-nums lining-nums; 
}