.medsbag-why{font-family:inherit;margin:0 auto;max-width:900px;padding:60px 20px}.medsbag-why h2{color:#1a2a3a;font-size:2rem;margin-bottom:44px;text-align:center}.why-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.why-card{animation:fadeInWhy .5s ease forwards;background:#fff;border:1px solid #f0ebe5;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.05);opacity:0;padding:32px 28px;text-align:center;transform:translateY(20px);transition:transform .2s ease,box-shadow .2s ease}.why-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.1);transform:translateY(-4px)}.why-card:first-child{animation-delay:.1s}.why-card:nth-child(2){animation-delay:.2s}.why-card:nth-child(3){animation-delay:.3s}.why-card:nth-child(4){animation-delay:.4s}.why-card:nth-child(5){animation-delay:.5s}.why-card-wide{grid-column:1/-1;justify-self:center;max-width:500px;width:100%}@keyframes fadeInWhy{to{opacity:1;transform:translateY(0)}}.why-icon-wrap{align-items:center;background:color-mix(in srgb,var(--card-color) 12%,transparent);border-radius:16px;display:flex;font-size:1.6rem;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.why-card h3{color:#1a2a3a;font-size:1.1rem;font-weight:700;margin:0 0 8px}.why-card p{color:#5a6a7a;font-size:.92rem;line-height:1.6;margin:0}@media (max-width:600px){.medsbag-why{padding:40px 16px}.medsbag-why h2{font-size:1.5rem}.why-grid{grid-template-columns:1fr}.why-card-wide{max-width:100%}.why-card{padding:24px 20px}}