.category-banner{padding:40px 0;background-color:var(--color-light,#f9f9f9);margin-bottom:40px;}.category-banner-content{display:flex;justify-content:space-between;align-items:center;}.category-description{flex:1;max-width:70%;}.category-description h2{font-size:1.5rem;margin-bottom:15px;font-weight:600;}.category-description p{font-size:1rem;line-height:1.6;color:var(--color-text,#666);margin-bottom:20px;}.category-image{width:310px;height:310px;border-radius:var(--radius-md,8px);overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1);border:4px solid #fff;flex-shrink:0;background-color:#f5f5f5;}.category-image img{width:100%;height:100%;object-fit:cover;}.related-categories{padding:60px 0;}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px;}.category-card{position:relative;border-radius:var(--radius-md,8px);overflow:hidden;box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,0.08));transition:all var(--transition-base,0.3s ease);height:0;padding-bottom:100%;}.category-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg,0 8px 24px rgba(0,0,0,0.12));}.category-card-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#f5f5f5;}.category-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow,0.5s ease);}.category-card:hover .category-card-image img{transform:scale(1.1);}.category-card-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);color:var(--color-white,#ffffff);transform:translateY(20px);opacity:0;transition:all var(--transition-slow,0.5s ease);}.category-card:hover .category-card-content{transform:translateY(0);opacity:1;}.category-card-title{font-size:1.5rem;font-weight:600;margin:0 0 10px 0;color:var(--color-white,#ffffff);}.category-card-count{font-size:0.875rem;color:var(--color-white,#ffffff);opacity:0.8;margin-top:5px;font-weight:500;}.loading-categories{grid-column:1 / -1;display:flex;justify-content:center;padding:30px 0;}@media (max-width:992px){.category-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:768px){.category-banner-content{flex-direction:column;}.category-description{max-width:100%;text-align:center;margin-bottom:20px;}.category-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:576px){.category-grid{grid-template-columns:1fr;}}