.section-catalog-categories{background-color:var(--color-bg-alt);position:relative;padding:80px 0}.section-catalog-categories .subtitle{color:var(--color-accent);text-align:center;margin-bottom:10px}.section-catalog-categories .heading-title{color:var(--color-dark);text-align:center;margin-bottom:48px}.section-catalog-categories .categories-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.section-catalog-categories .category-card{position:relative;display:block;width:calc((100% - 72px)/ 4);min-width:250px;border-radius:4px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:.3s}.section-catalog-categories .category-card .thumb{background-color:#eaedf0}.section-catalog-categories .category-card .thumb.thumb-box img{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.section-catalog-categories .category-card .thumb:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,0) 100%);z-index:1;transition:.3s}.section-catalog-categories .category-card .card-content{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:2}.section-catalog-categories .category-card .card-content .card-title{color:var(--color-light);font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px;margin-top:0;transition:color .3s}.section-catalog-categories .category-card .card-content .card-badge{color:var(--color-accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block}.section-catalog-categories .category-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.section-catalog-categories .category-card:hover .thumb img{transform:scale(1.05)}.section-catalog-categories .category-card:hover .thumb:after{background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 60%,rgba(0,0,0,.1) 100%)}.section-catalog-categories .category-card:hover .card-content .card-title{color:var(--color-accent)}@media (max-width:1024px){.section-catalog-categories .heading-title{margin-bottom:36px}.section-catalog-categories .categories-grid{gap:20px}.section-catalog-categories .category-card{width:calc((100% - 20px)/ 2)}}@media (max-width:480px){.section-catalog-categories{padding:60px 0}.section-catalog-categories .heading-title{margin-bottom:24px}.section-catalog-categories .categories-grid{gap:16px}.section-catalog-categories .category-card{width:100%}.section-catalog-categories .category-card .card-content{padding:16px}.section-catalog-categories .category-card .card-content .card-title{font-size:15px}}