/*index.php*/

body { font-family: 'Segoe UI', sans-serif; }
.hero {
    /* background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/hero-bg.jpg') center/cover no-repeat; */
    color: white;
    padding: 120px 0;
    text-align: center;
}
.category-card {
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
    border-radius: 15px;
    padding: 30px 15px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    text-align: center;
    height: 120px;
}
.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.item-card {
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}
.item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.item-card img { height: 200px; object-fit: cover; }
footer a:hover { text-decoration: underline; }
.row {
    justify-content: center;
    text-align: center;
    justify-items: center;
}