.container {
          max-width: 1400px;
          margin: 0 auto;
          padding: 20px;
        }

        /* Breadcrumb Navigation */
        .breadcrumb-container {
          background: white;
          padding: 15px 30px;
          border-radius: 8px;
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
          margin-bottom: 20px;
        }

        .breadcrumb-list {
          list-style: none;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 8px;
          font-size: 14px;
          margin: 0;
          padding: 0;
        }

        .breadcrumb-item {
          display: flex;
          align-items: center;
        }

        .breadcrumb-item:not(:last-child)::after {
          content: '›';
          margin-left: 8px;
          color: #999;
          font-size: 16px;
        }

        .breadcrumb-item a {
          color: #006fb1;
          text-decoration: none;
          transition: color 0.2s;
          font-weight: 500;
        }

        .breadcrumb-item a:hover {
          color: #005d94;
          text-decoration: underline;
        }

        .breadcrumb-item-current span {
          color: #666;
          font-weight: 500;
        }

        /* Page Header */
        .page-header {
          background: white;
          padding: 25px 30px;
          border-radius: 8px;
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
          margin-bottom: 20px;
        }

        .page-header h1 {
          margin: 0 0 8px 0;
          font-size: 32px;
          font-weight: 700;
          color: #1a1a1a;
          line-height: 1.2;
        }

        .page-meta {
          display: flex;
          align-items: center;
          gap: 20px;
          flex-wrap: wrap;
          color: #666;
          font-size: 14px;
        }

        .page-meta-item {
          display: flex;
          align-items: center;
          gap: 6px;
        }

        .page-meta-item i {
          color: #006fb1;
        }

        /* Product Grid */
        .product-grid {
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
          gap: 12px;
          background: white;
          padding: 20px;
          border-radius: 8px;
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }

        .product-item {
          padding: 12px;
          border-radius: 6px;
          border: 1px solid #e3e6ea;
          transition: all 0.2s ease;
          background: white;
        }

        .product-item:hover {
          background: #f8fbff;
          border-color: #006fb1;
          box-shadow: 0 2px 6px rgba(0, 111, 177, 0.15);
          transform: translateY(-1px);
        }

        .product-link {
          text-decoration: none;
          color: #1a1a1a;
          font-family: 'Lucida Grande', Verdana, sans-serif;
          font-size: 13px;
          display: block;
          word-break: break-word;
          font-weight: 500;
        }

        .product-item:hover .product-link {
          color: #006fb1;
        }

        /* Pagination */
        .pagination-container {
          background: white;
          padding: 20px 30px;
          border-radius: 8px;
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
          margin-top: 20px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          flex-wrap: wrap;
          gap: 15px;
        }

        .pagination-info {
          color: #666;
          font-size: 14px;
          font-weight: 500;
        }

        .pagination {
          display: flex;
          align-items: center;
          gap: 8px;
          flex-wrap: wrap;
        }

        .pagination a,
        .pagination span {
          padding: 6px 12px;
          border-radius: 6px;
          text-decoration: none;
          font-size: 14px;
          font-weight: 500;
          transition: all 0.2s ease;
        }

        .pagination a {
          color: #006fb1;
          background: #f8f9fa;
          border: 1px solid #e3e6ea;
        }

        .pagination a:hover {
          background: #006fb1;
          color: white;
          border-color: #006fb1;
        }

        .pagination span.current-page {
          color: white;
          background: #006fb1;
          border: 1px solid #006fb1;
        }

        .pagination span.disabled {
          color: #999;
          background: #f8f9fa;
          border: 1px solid #e3e6ea;
          cursor: not-allowed;
        }

        .pagination .ellipsis {
          color: #999;
          background: transparent;
          border: none;
          padding: 6px 4px;
        }

        /* Manufacturer List Styles */
        .manuf-list-header {
          background: white;
          padding: 25px 30px;
          border-radius: 8px;
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
          margin-bottom: 20px;
        }

        .manuf-list-header h1 {
          margin: 0 0 15px 0;
          font-size: 32px;
          font-weight: 700;
          color: #1a1a1a;
        }

        .alpha-jump {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          align-items: center;
          font-size: 14px;
          color: #666;
        }

        .alpha-jump a {
          padding: 6px 10px;
          border-radius: 6px;
          text-decoration: none;
          color: #006fb1;
          font-weight: 600;
          background: #f8f9fa;
          border: 1px solid #e3e6ea;
          transition: all 0.2s ease;
          min-width: 36px;
          text-align: center;
        }

        .alpha-jump a:hover {
          background: #006fb1;
          color: white;
          border-color: #006fb1;
          transform: translateY(-1px);
        }

        .alpha-section {
          background: white;
          padding: 20px 30px;
          border-radius: 8px;
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
          margin-bottom: 20px;
        }

        .alpha-title {
          font-size: 28px;
          color: #006fb1;
          font-weight: 700;
          margin-bottom: 15px;
          padding-bottom: 10px;
          border-bottom: 3px solid #006fb1;
        }

        .manufacturer-grid {
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
          gap: 12px;
        }

        .manufacturer-item {
          padding: 12px 15px;
          border-radius: 6px;
          border: 1px solid #e3e6ea;
          transition: all 0.2s ease;
          background: #fafbfc;
        }

        .manufacturer-item:hover {
          background: #f8fbff;
          border-color: #006fb1;
          box-shadow: 0 2px 6px rgba(0, 111, 177, 0.15);
          transform: translateY(-1px);
        }

        .manufacturer-link {
          text-decoration: none;
          color: #1a1a1a;
          font-family: 'Lucida Grande', Verdana, sans-serif;
          font-size: 14px;
          display: block;
          word-break: break-word;
          font-weight: 500;
        }

        .manufacturer-item:hover .manufacturer-link {
          color: #006fb1;
        }

        .manufacturer-count {
          color: #666;
          font-size: 13px;
          margin-left: 4px;
        }

        .no-manufacturers {
          padding: 20px;
          text-align: center;
          color: #999;
          font-style: italic;
        }

        /* Responsive */
        @media (max-width: 768px) {
          .container {
            padding: 15px;
          }

          .breadcrumb-container,
          .page-header,
          .pagination-container,
          .manuf-list-header,
          .alpha-section {
            padding: 15px 20px;
          }

          .product-grid,
          .manufacturer-grid {
            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
            gap: 10px;
            padding: 15px;
          }

          .page-header h1,
          .manuf-list-header h1 {
            font-size: 24px;
          }

          .alpha-title {
            font-size: 22px;
          }

          .pagination-container {
            flex-direction: column;
            align-items: flex-start;
          }
        }

        @media (max-width: 480px) {
          .product-grid {
            grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
          }

          .manufacturer-grid {
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
          }

          .alpha-jump {
            font-size: 13px;
          }

          .alpha-jump a {
            padding: 5px 8px;
            min-width: 32px;
          }
        }