/* ==========================================================
   Features — entrance animation for images/icons
   ========================================================== */

.section-features .feature-item {
    opacity: 0;
    transform: translateY(22px);
    animation: teplo-feature-in 0.55s ease forwards;
}

.section-features .feature-item:nth-child(1) { animation-delay: 0.05s; }
.section-features .feature-item:nth-child(2) { animation-delay: 0.15s; }
.section-features .feature-item:nth-child(3) { animation-delay: 0.25s; }
.section-features .feature-item:nth-child(4) { animation-delay: 0.35s; }
.section-features .feature-item:nth-child(5) { animation-delay: 0.45s; }
.section-features .feature-item:nth-child(6) { animation-delay: 0.55s; }

@keyframes teplo-feature-in {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
}

.section-features .feature-media {
    transition: transform 0.35s ease;
}

.section-features .feature-item:hover .feature-media {
    transform: translateY(-6px);
}

.section-features .icon-image img {
    display: block;
    max-width: 100%;
    height: auto;
}