.categories-section{margin:0 auto;padding:clamp(40px,5vw,80px) 4%;text-align:center}.categories-section .categories-header{margin-bottom:60px}.categories-section .categories-header .categories-subheading{font-size:16px;letter-spacing:2px;color:#ccc;text-transform:uppercase;margin-bottom:20px}.categories-section .categories-header .categories-title{font-size:clamp(32px,4vw,58px);font-weight:700;margin-bottom:20px}.categories-section .categories-header .categories-description{font-size:20px;max-width:700px;margin:0 auto}.categories-section .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:50px}.categories-section .categories-grid .category-card{background-color:#f9f9f9;border-radius:10px;overflow:hidden;cursor:pointer;text-decoration:none;color:#000;position:relative;height:324px;max-width:324px;display:flex;flex-direction:column;margin:auto;width:100%}.categories-section .categories-grid .category-card picture{flex:1;display:flex;overflow:hidden;justify-content:flex-end}.categories-section .categories-grid .category-card picture .category-image{max-width:100%;max-height:100%;object-fit:contain;padding:0}.categories-section .categories-grid .category-card .category-content{padding:25px 30px 0;text-align:left}.categories-section .categories-grid .category-card .category-content .category-title{font-size:26px;font-weight:600;margin-bottom:5px;transition:color .3s ease}.categories-section .categories-grid .category-card .category-content .category-description{font-size:15px;color:#696969;font-weight:500;margin-bottom:0}.categories-section .categories-grid .category-card:hover{text-decoration:none}.categories-section .categories-grid .category-card:hover .category-title{color:#00f}.categories-section .categories-grid .category-card:hover::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(0,0,255,.1),rgba(0,0,255,0));z-index:1}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.categories-section .categories-header{padding:0 20px}.categories-section .categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.categories-section .categories-grid{display:flex;flex-flow:column;align-items:center}}