.page-header {
   text-align: center;
   margin-bottom: 50px;
}

.page-title {
   font-size: 42px;
   font-weight: 900;
   color: #333;
   margin-bottom: 10px;
}

.category-tabs {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-bottom: 15px;
   border-bottom: 2px solid #e0e0e0;
   overflow-x: auto;
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: thin;
   scrollbar-color: #00C4CC #f0f0f0;
}

/* Custom Scrollbar for Webkit browsers */
.category-tabs::-webkit-scrollbar {
   height: 2px;
}

.category-tabs::-webkit-scrollbar-track {
   background: #f0f0f0;
}

.category-tabs::-webkit-scrollbar-thumb {
   background: #00C4CC;
   border-radius: 2px;
}

.category-tabs::-webkit-scrollbar-thumb:hover {
   background: #00C4CC;
}

.category-tab {
   padding: 15px 30px;
   font-size: 14px;
   font-weight: 700;
   color: #333;
   text-decoration: none;
   cursor: pointer;
   position: relative;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   transition: all 0.3s ease;
}

.category-tab:hover {
   color: #00c4cd;
}

.category-tab.active {
   color: #00C4CC;
}

.category-tab.active::after {
   content: '';
   position: absolute;
   bottom: -2px;
   left: 0;
   right: 0;
   height: 3px;
   background: #00C4CC;
}


.products-grid {
   margin-bottom: 30px;
}

.product-item {
   text-align: center;
   transition: all 0.3s ease;
}

.product-image {
   width: 100%;
   margin-bottom: 25px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.product-image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   transition: transform 0.3s ease;
}

.product-item-card {
   border-radius: 10px;
   overflow: hidden;
   transition: all .3s ease;
   cursor: pointer;
}

.product-item-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
}

.product-name {
   font-size: 16px;
   font-weight: 700;
   color: #333;
   margin-bottom: 12px;
   min-height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 1.4;
   text-transform: uppercase;
}

.product-description {
   font-size: 13px;
   color: #666;
   line-height: 1.6;
   margin-bottom: 20px;
   min-height: 60px;
}

.product-link {
   color: #00c4cd;
   text-decoration: none;
   font-weight: 600;
   font-size: 14px;
   transition: all 0.3s ease;
   display: inline-block;
}

.product-link:hover {
   color: #00a5b0;
}

.category-description {
   background: linear-gradient(135deg, #c0f0f3 0%, #a8ecf0 100%);
   padding: 30px;
   border-radius: 8px;
   margin-bottom: 40px;
   text-align: center;
}

.category-description h3 {
   font-size: 24px;
   font-weight: 700;
   color: #333;
   margin-bottom: 15px;
}

.category-description p {
   font-size: 14px;
   color: #555;
   line-height: 1.7;
}

.empty-state {
   text-align: center;
   padding: 80px 20px;
   color: #999;
}

.empty-state-text {
   font-size: 18px;
   color: #666;
}

@media (max-width: 768px) {
   .page-title {
      font-size: 28px;
   }

   .products-container {
      padding: 20px;
   }

   .category-tab {
      padding: 15px 0;
      font-size: 12px;
   }

   .product-image {
      margin-bottom: 15px;
   }
}