<style>
/* === ANIMÁCIE NA PRODUKTOVÉ KARTY === */
.product,
.product-card,
.item,
.shp-product {
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
    animation: fadeInProduct 0.6s ease forwards;
}

@keyframes fadeInProduct {
    from { opacity: 0; transform: translateY(25px); }
    to { opacity: 1; transform: translateY(0); }
}

.product:nth-child(3n+1) { animation-delay: 0.05s; }
.product:nth-child(3n+2) { animation-delay: 0.15s; }
.product:nth-child(3n+3) { animation-delay: 0.25s; }

.product:hover,
.product-card:hover,
.item:hover,
.shp-product:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(25, 61, 40, 0.12);
}

.product img,
.product-card img,
.item img {
    transition: transform 0.5s ease;
}

.product:hover img,
.product-card:hover img,
.item:hover img {
    transform: scale(1.06);
}

/* === BOXOVANÉ NADPISY SEKCIÍ (Novinky, Náradie, Hnojivá...) === */
h2, .section-title, .category-title, .homepage-title {
    display: inline-block;
    background: #f8f6ef;
    color: #193d28;
    padding: 10px 24px;
    border-radius: 12px;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(25, 61, 40, 0.08);
    border: 1px solid #e8e4d8;
    transition: all 0.3s ease;
}

h2:hover, .section-title:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(25, 61, 40, 0.12);
}

/* Animácia na samotné sekcie */
.homepage-section,
.category-section,
.shp-section {
    opacity: 0;
    animation: fadeInSection 0.7s ease forwards;
}

@keyframes fadeInSection {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.homepage-section:nth-of-type(1) { animation-delay: 0.1s; }
.homepage-section:nth-of-type(2) { animation-delay: 0.3s; }
.homepage-section:nth-of-type(3) { animation-delay: 0.5s; }
.homepage-section:nth-of-type(4) { animation-delay: 0.7s; }
</style>