.container {
       padding: 14px;
       padding-bottom: 90px;
       margin-top: 20px;
   }

   h3 {
       margin: 0 0 14px;
       font-size: 18px;
       font-weight: 700;
   }

   /* ===== CATEGORIES GRID ===== */
   .categories-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 12px;
   }

   .category {
       background: #fff;
       border-radius: 14px;
       padding: 14px 8px;
       text-align: center;
       box-shadow: 0 3px 8px rgba(0, 0, 0, .08);
       transition: transform .2s ease, box-shadow .2s ease;
   }

   .category:hover {
       transform: translateY(-3px);
       box-shadow: 0 6px 14px rgba(0, 0, 0, .12);
   }

   .category a {
       text-decoration: none;
       color: inherit;
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 10px;
   }

   .category img {
       width: 72px;
       height: 72px;
       object-fit: cover;
       border-radius: 14px;
       background: #f2f2f2;
   }

   .category-name {
       font-size: 13px;
       font-weight: 700;
       color: #333;
       line-height: 1.2;
   }

   /* ===== EMPTY STATE ===== */
   .empty {
       background: #fff;
       padding: 20px;
       border-radius: 12px;
       text-align: center;
       color: #666;
       grid-column: span 3;
       box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
   }