.cat-item[data-v-7fe4dcff]{align-items:center;background-image:url(../bgCat.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:14px!important;cursor:pointer;height:220px!important;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%!important}.category-card[data-v-7fe4dcff]:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.category-overlay[data-v-7fe4dcff]{align-items:center;background:#630e11cc;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.category-card:hover .category-overlay[data-v-7fe4dcff]{opacity:1}.overlay-icon[data-v-7fe4dcff]{color:#fff;font-size:2rem;transform:scale(0);transition:all .3s ease}.category-card:hover .overlay-icon[data-v-7fe4dcff]{transform:scale(1)}@media (max-width:650px){.cat-item[data-v-7fe4dcff]{width:100%!important}}.categoryImage[data-v-7fe4dcff]{border-radius:25px;height:75%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .3s ease;width:75%}.category-card:hover .categoryImage[data-v-7fe4dcff]{transform:scale(1.05)}.categoryName[data-v-7fe4dcff]{color:#000;font-size:18px;font-weight:300;margin-top:20px;text-align:center;transition:all .3s ease}.category-card:hover+.categoryName[data-v-7fe4dcff]{color:#630e10;font-weight:500}.animate-fade-in-delay[data-v-7fe4dcff]{animation:fadeInUp-7fe4dcff .8s ease-out .2s both}@keyframes fadeInUp-7fe4dcff{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-category{align-items:center;animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:14px!important;display:flex;height:220px!important;justify-content:center;width:100%!important}.skeleton-image{animation:skeleton-pulse 2s infinite;background:#ffffff80;border-radius:25px;height:75%;width:75%}.skeleton-name{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin:20px auto 0;width:80%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in,.section-title{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}