Mağaza

.mg-category-section {
max-width: 1200px;
margin: 30px auto;
padding: 0 12px;
}
.mg-category-section h2 {
text-align: center;
margin-bottom: 24px;
}
.mg-category-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.mg-category-card {
display: block;
overflow: hidden;
padding: 12px;
text-align: center;
text-decoration: none !important;
color: #29221d !important;
background: #fff;
border: 1px solid #eee5dc;
border-radius: 10px;
transition: transform .2s, box-shadow .2s;
}
.mg-category-card:hover {
transform: translateY(-3px);
box-shadow: 0 5px 18px #00000014;
}
.mg-category-card img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 7px;
margin-bottom: 12px;
}
.mg-category-card span {
display: block;
font-size: 17px;
font-weight: 600;
line-height: 1.5;
}
@media (max-width: 600px) {
.mg-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.mg-category-card {
padding: 8px;
}
.mg-category-card span {
font-size: 14px;
}
}