.main-label{display:flex;justify-content:center;align-items:center;width:100%;padding:40px 0;background:linear-gradient(135deg, #1a365d 0%, #2563eb 100%);margin-bottom:30px;} .main-label .content{text-align:center;} .main-label .content p{font-size:2rem;font-weight:700;color:#ffffff;letter-spacing:2px;margin:0;text-transform:uppercase;}  .category-menu{position:relative;width:100%;max-width:100%;margin-bottom:20px;padding:0 20px;background:#ffffff;overflow:hidden;} .category-menu ul{display:flex !important;flex-direction:row;align-items:center;gap:0;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative;min-height:50px;scrollbar-width:none;-ms-overflow-style:none;} .category-menu ul::-webkit-scrollbar{display:none;} .category-menu li{display:inline-flex !important;align-items:center;flex-shrink:0;padding:16px 24px;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;transition:color 0.3s ease, background-color 0.3s ease;user-select:none;position:relative;white-space:nowrap;border:none;background:transparent;} .category-menu li:hover{color:#1a365d;background-color:#f3f4f6;} .category-menu li.active{color:#1a365d;font-weight:600;background-color:#f0f4ff;border-radius:8px;} .category-menu li:focus{outline:2px solid #3b82f6;outline-offset:-2px;background-color:#f3f4f6;} .category-menu .underline{display:none;} .category-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255, 255, 255, 0.95);border:1px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);} .category-nav-arrow:hover{background:#1a365d;border-color:#1a365d;color:white;} .category-nav-arrow.disabled{opacity:0.3;cursor:not-allowed;pointer-events:none;} .category-nav-arrow.prev{left:10px;} .category-nav-arrow.next{right:10px;} .category-nav-arrow i{font-size:1.2rem;}  .sort-filter-container{max-width:1400px;margin:0 auto 20px;padding:0 50px;display:flex;justify-content:flex-end;align-items:center;gap:10px;} .sort-filter-container label{font-size:0.95rem;font-weight:500;color:#374151;} .sort-filter-container select{padding:10px 16px;font-size:0.95rem;color:#374151;background:white;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all 0.3s ease;min-width:200px;outline:none;} .sort-filter-container select:hover{border-color:#3b82f6;} .sort-filter-container select:focus{border-color:#1a365d;box-shadow:0 0 0 3px rgba(26, 54, 93, 0.1);}  .list-product{max-width:1400px;margin:0 auto;padding:20px 50px;}  .products-wrap{width:100%;margin-bottom:40px;} .products-container{display:grid;width:100%;gap:20px;margin-bottom:30px;}  .product-card-wrapper{width:100%;height:100%;min-width:0;min-height:0;}  .no-products{display:none;justify-content:center;align-items:center;text-align:center;min-height:400px;padding:60px 20px;width:100%;background:#ffffff;border-radius:12px;border:2px dashed #e5e7eb;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);margin:40px 0;} .no-products.show{display:flex !important;} .no-products-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;} .no-products-content i{font-size:4rem;color:#d1d5db;margin-bottom:0.5rem;} .no-products-content p{font-size:1.1rem;color:#6b7280;margin:0;font-weight:500;}  .list-controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:40px 0;} .btn-show-more{padding:14px 40px;font-size:1rem;font-weight:600;color:#ffffff;background:linear-gradient(135deg, #1a365d 0%, #2563eb 100%);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(26, 54, 93, 0.2);} .btn-show-more:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(26, 54, 93, 0.3);} .btn-show-more:active:not(:disabled){transform:translateY(0);} .btn-show-more:disabled{opacity:0.6;cursor:not-allowed;transform:none;}  .category-separator{grid-column:1 / -1;display:flex;align-items:center;gap:1rem;margin:2rem 0;padding:1rem 0;} .separator-line{flex:1;height:1px;background:linear-gradient( to right, transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 80%, transparent );} .separator-text{color:#666;font-size:0.9rem;font-weight:500;white-space:nowrap;padding:0.5rem 1rem;background:#f8f9fa;border-radius:20px;border:1px solid rgba(0, 0, 0, 0.1);}  .product-pagination{display:none;justify-content:center;align-items:center;margin-top:20px;} .product-pagination.show{display:flex;} .pagination{display:flex;list-style:none;padding:0;margin:0;gap:0.5rem;} .page-item{display:flex;} .page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0.5rem 0.75rem;color:#333;background:white;border:1px solid #ddd;border-radius:6px;text-decoration:none;font-size:0.9rem;transition:all 0.2s ease;cursor:pointer;} .page-link:hover{background:#f8f9fa;border-color:#0066cc;color:#0066cc;} .page-item.active .page-link{background:#0066cc;border-color:#0066cc;color:white;font-weight:600;} .page-item.disabled .page-link{color:#ccc;cursor:not-allowed;pointer-events:none;} .page-item.disabled .page-link:hover{background:white;border-color:#ddd;}   .products-container{grid-template-columns:repeat(5, 1fr);}  @media (max-width:1399px){.products-container{grid-template-columns:repeat(5, 1fr);gap:18px;}}  @media (max-width:1199px){.list-product{padding:20px 40px;} .sort-filter-container{padding:0 40px;} .products-container{grid-template-columns:repeat(4, 1fr);gap:18px;}}  @media (max-width:991px){.list-product{padding:20px 30px;} .sort-filter-container{padding:0 30px;} .products-container{grid-template-columns:repeat(3, 1fr);gap:16px;} .main-label .content p{font-size:1.7rem;}}  @media (max-width:767px){.main-label{padding:30px 0;} .main-label .content p{font-size:1.5rem;letter-spacing:1.5px;} .category-menu{padding:0 15px;} .category-menu li{padding:14px 18px;font-size:0.95rem;} .sort-filter-container{padding:0 20px;margin-bottom:18px;flex-direction:column;align-items:stretch;gap:8px;} .sort-filter-container label{font-size:0.9rem;} .sort-filter-container select{width:100%;min-width:unset;font-size:0.9rem;padding:9px 14px;} .list-product{padding:15px 20px;} .products-container{grid-template-columns:repeat(3, 1fr);gap:14px;} .btn-show-more{padding:12px 32px;font-size:0.95rem;} .no-products{min-height:300px;padding:40px 20px;} .no-products-content i{font-size:3rem;} .no-products-content p{font-size:1rem;} .separator-text{font-size:0.85rem;padding:0.4rem 0.8rem;} .page-link{min-width:38px;height:38px;padding:0.45rem 0.65rem;font-size:0.9rem;}}  @media (max-width:600px){.main-label .content p{font-size:1.3rem;letter-spacing:1px;} .category-menu{padding:0 10px;} .category-menu li{padding:12px 14px;font-size:0.9rem;} .list-product{padding:12px 12px;} .sort-filter-container{padding:0 12px;margin-bottom:16px;} .products-container{grid-template-columns:repeat(2, 1fr);gap:12px;} .btn-show-more{padding:10px 28px;font-size:0.9rem;width:calc(100% - 24px);max-width:300px;} .no-products{min-height:250px;padding:30px 15px;} .no-products-content i{font-size:2.5rem;} .no-products-content p{font-size:0.9rem;} .page-link{min-width:34px;height:34px;padding:0.35rem 0.55rem;font-size:0.85rem;}}  @media (max-width:400px){.list-product{padding:10px 10px;} .sort-filter-container{padding:0 10px;} .products-container{grid-template-columns:repeat(2, 1fr);gap:10px;} .main-label .content p{font-size:1.1rem;} .category-menu li{padding:10px 12px;font-size:0.85rem;}}  @media (max-width:360px){.list-product{padding:8px 8px;} .products-container{grid-template-columns:repeat(2, 1fr);gap:8px;}}  @keyframes fadeIn{from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:translateY(0);}} .product-card{animation:fadeIn 0.3s ease-in;}  .products-container.loading{opacity:0.6;pointer-events:none;} .product-skeleton{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;height:350px;} @keyframes loading{0%{background-position:200% 0;} 100%{background-position:-200% 0;}}  .text-center{text-align:center;} .mb-10{margin-bottom:10px;} .mb-20{margin-bottom:20px;} .mb-30{margin-bottom:30px;} .mt-20{margin-top:20px;} .mt-40{margin-top:40px;}  .category-menu li:focus-visible, .btn-show-more:focus-visible, .sort-filter-container select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;}  @media print{.category-menu, .btn-show-more, .list-controls, .sort-filter-container{display:none;} .products-container{display:block;} .product-card{page-break-inside:avoid;}}