.categories-container{width:90%;margin:2rem auto;background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.categories-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#333}.categories-wrapper{position:relative;width:100%}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;width:100%;text-align:center;transition:all .3s ease-in-out}.categories-grid--limited{overflow:hidden}@media (max-width:640px){.categories-grid--limited{max-height:200px}}@media (max-width:768px){.categories-grid--limited{max-height:240px}}@media (max-width:1024px){.categories-grid--limited{max-height:260px}}.category-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:10px;background-color:#f9f9f9;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit}.category-item:hover{background-color:#f0eef5;transform:translateY(-2px)}.category-icon{font-size:36px;color:#805b99;margin-bottom:.5rem;transition:color .3s}.category-text{font-size:13px;font-weight:600;color:#333}@media (min-width:768px){.category-text{font-size:14px}}.gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,white,transparent);display:flex;align-items:flex-end;justify-content:center}@media (min-width:1280px){.gradient-overlay{display:none}}.close-button,.toggle-button{background-color:#805b99;color:white;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;margin:1rem 0;transition:background-color .3s ease;font-size:14px}.close-button:hover,.toggle-button:hover{background-color:#684a80}.close-button-wrapper{display:flex;justify-content:center;padding-top:1rem}