/* /prolab_website_header_footer/static/src/css/search_page.css */
 .prolab-search-page{background-color: #000; min-height: 100vh; padding-top: 100px;}.prolab-search-container{max-width: 1400px; margin: 0 auto; padding: 40px 20px 80px;}.prolab-search-page-header{text-align: center; margin-bottom: 50px;}.prolab-search-page-header h1{font-family: 'Dax', sans-serif; font-size: 48px; font-weight: 700; background: linear-gradient(135deg, #5aff20, #00d4ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 30px;}.prolab-search-form{max-width: 700px; margin: 0 auto;}.prolab-search-form .prolab-search-input-wrapper{position: relative; display: flex; align-items: center;}.prolab-search-form .prolab-search-input{width: 100%; background-color: #1a1a1a; border: 2px solid #333; border-radius: 12px; padding: 18px 100px 18px 50px; font-size: 18px; color: #fff; outline: none; transition: all 0.3s ease;}.prolab-search-form .prolab-search-input::placeholder{color: #666;}.prolab-search-form .prolab-search-input:focus{border-color: #5aff20; box-shadow: 0 0 0 4px rgba(90, 255, 32, 0.15);}.prolab-search-form .prolab-search-input-icon{position: absolute; left: 18px; color: #666; font-size: 20px; pointer-events: none;}.prolab-search-form .prolab-search-btn{position: absolute; right: 8px; background: linear-gradient(135deg, #5aff20, #00d4ff); border: none; color: #000; cursor: pointer; padding: 12px 24px; border-radius: 8px; font-weight: 600; font-size: 16px; transition: all 0.2s ease;}.prolab-search-form .prolab-search-btn:hover{transform: scale(1.05); box-shadow: 0 4px 15px rgba(90, 255, 32, 0.3);}.prolab-search-meta{margin-top: 20px; color: #888; font-size: 16px;}.prolab-search-meta strong{color: #5aff20;}.prolab-search-empty{text-align: center; padding: 80px 20px; color: #666;}.prolab-search-empty i{color: #333; margin-bottom: 30px;}.prolab-search-empty h3{color: #fff; font-size: 24px; margin-bottom: 15px;}.prolab-search-empty p{font-size: 16px; margin-bottom: 8px;}.prolab-search-fuzzy{background-color: rgba(255, 193, 7, 0.1); border: 1px solid rgba(255, 193, 7, 0.3); border-radius: 8px; padding: 15px 20px; color: #ffc107; display: flex; align-items: center; gap: 12px; margin-bottom: 30px;}.prolab-search-fuzzy i{font-size: 18px;}.prolab-search-results-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px;}.prolab-search-result-card{background-color: #1a1a1a; border-radius: 12px; overflow: hidden; text-decoration: none; color: #fff; transition: all 0.3s ease; display: flex; flex-direction: column; border: 1px solid #2a2a2a;}.prolab-search-result-card:hover{transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); border-color: #5aff20; text-decoration: none; color: #fff;}.prolab-search-card-image{width: 100%; height: 200px; background-color: #222; overflow: hidden;}.prolab-search-card-image img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}.prolab-search-result-card:hover .prolab-search-card-image img{transform: scale(1.05);}.prolab-search-card-icon{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #444; font-size: 48px;}.prolab-search-card-content{padding: 20px; flex: 1; display: flex; flex-direction: column;}.prolab-search-card-type{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #5aff20; margin-bottom: 8px;}.prolab-search-card-name{font-size: 18px; font-weight: 600; margin-bottom: 10px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.prolab-search-card-desc{font-size: 14px; color: #888; line-height: 1.5; margin-bottom: 15px; flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}.prolab-search-card-detail{display: flex; align-items: center; gap: 10px; margin-top: auto;}.prolab-search-card-strike{color: #666; text-decoration: line-through; font-size: 14px;}.prolab-search-card-price{font-size: 18px; font-weight: 700; color: #5aff20;}.prolab-search-results-list{display: flex; flex-direction: column; gap: 12px;}.prolab-search-list-item{display: flex; align-items: center; gap: 20px; background-color: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 10px; padding: 20px 24px; text-decoration: none; color: #fff; transition: all 0.2s ease;}.prolab-search-list-item:hover{background-color: #222; border-color: #5aff20; text-decoration: none; color: #fff; transform: translateX(4px);}.prolab-search-list-content{display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px;}.prolab-search-list-main{flex: 1; min-width: 0;}.prolab-search-list-name{font-size: 18px; font-weight: 600; margin: 0 0 6px 0; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.prolab-search-list-item:hover .prolab-search-list-name{color: #5aff20;}.prolab-search-list-desc{font-size: 14px; color: #888; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5;}.prolab-search-list-meta{display: flex; align-items: center; gap: 20px; flex-shrink: 0;}.prolab-search-list-detail{display: flex; align-items: center; gap: 10px; text-align: right;}.prolab-search-list-strike{color: #666; text-decoration: line-through; font-size: 14px;}.prolab-search-list-price{font-size: 18px; font-weight: 700; color: #5aff20;}.prolab-search-list-arrow{color: #444; font-size: 14px; transition: all 0.2s ease;}.prolab-search-list-item:hover .prolab-search-list-arrow{color: #5aff20; transform: translateX(3px);}.prolab-search-pager{margin-top: 50px; display: flex; justify-content: center;}.prolab-search-pager .pagination{gap: 5px;}.prolab-search-pager .page-link{background-color: #1a1a1a; border: 1px solid #333; color: #fff; padding: 10px 18px; border-radius: 8px;}.prolab-search-pager .page-link:hover{background-color: #2a2a2a; border-color: #5aff20; color: #5aff20;}.prolab-search-pager .page-item.active .page-link{background: linear-gradient(135deg, #5aff20, #00d4ff); border-color: transparent; color: #000;}.prolab-search-pager .page-item.disabled .page-link{background-color: #111; color: #444; border-color: #222;}.prolab-search-page-filters{display: flex; align-items: center; gap: 15px; margin-bottom: 40px; padding: 20px 25px; background-color: #111; border-radius: 12px; border: 1px solid #222; flex-wrap: wrap;}.prolab-search-filter-label{color: #666; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px;}.prolab-search-filters-wrapper{display: flex; flex-wrap: wrap; gap: 10px;}.prolab-search-page-filter{background-color: #1a1a1a; border: 1px solid #333; color: #888; padding: 10px 18px; border-radius: 25px; font-size: 13px; font-weight: 500; cursor: pointer; text-decoration: none; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 8px;}.prolab-search-page-filter:hover{background-color: #222; color: #fff; border-color: #444; text-decoration: none;}.prolab-search-page-filter.active{background: linear-gradient(135deg, #5aff20, #00d4ff); border-color: transparent; color: #000; font-weight: 600;}.prolab-search-page-filter.active:hover{color: #000; box-shadow: 0 4px 15px rgba(90, 255, 32, 0.3);}.prolab-search-page-filter i{font-size: 14px;}.prolab-search-group-section{margin-bottom: 40px;}.prolab-search-group-section .prolab-search-group-header{display: flex; align-items: center; gap: 10px; padding: 15px; margin-bottom: 15px; border-bottom: 2px solid #222;}.prolab-search-group-section .prolab-search-group-header i{color: #5aff20; font-size: 18px;}.prolab-search-group-section .prolab-search-group-header span{color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;}.prolab-search-group-section .prolab-search-count{color: #666; font-size: 14px; font-weight: normal;}.prolab-search-list-image{width: 80px; height: 80px; border-radius: 10px; overflow: hidden; flex-shrink: 0; background-color: #222; display: flex; align-items: center; justify-content: center;}.prolab-search-list-image img{width: 100%; height: 100%; object-fit: cover;}.prolab-search-list-icon, .prolab-search-list-icon-fallback{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #555; font-size: 28px; background-color: #222;}.prolab-search-list-type{display: inline-block; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #5aff20; margin-bottom: 5px;}@media (max-width: 768px){.prolab-search-page{padding-top: 80px;}.prolab-search-container{padding: 20px 15px 60px;}.prolab-search-page-header h1{font-size: 32px;}.prolab-search-form .prolab-search-input{font-size: 16px; padding: 15px 80px 15px 45px;}.prolab-search-results-grid{grid-template-columns: 1fr; gap: 15px;}.prolab-search-card-image{height: 180px;}.prolab-search-list-item{padding: 16px 18px;}.prolab-search-list-content{flex-direction: column; align-items: flex-start; gap: 12px;}.prolab-search-list-name{font-size: 16px; white-space: normal;}.prolab-search-list-meta{width: 100%; justify-content: space-between;}.prolab-search-list-arrow{display: none;}.prolab-search-page-filters{flex-direction: column; align-items: flex-start; padding: 15px 18px; gap: 12px;}.prolab-search-filters-wrapper{width: 100%; justify-content: flex-start;}.prolab-search-page-filter{padding: 8px 14px; font-size: 12px;}.prolab-search-list-image{width: 60px; height: 60px; border-radius: 8px;}.prolab-search-list-icon, .prolab-search-list-icon-fallback{font-size: 22px;}.prolab-search-group-section .prolab-search-group-header span{font-size: 15px;}}@media (max-width: 480px){.prolab-search-page-filter{flex: 1 1 auto; justify-content: center; min-width: calc(50% - 5px);}.prolab-search-page-filter span{display: none;}.prolab-search-list-image{width: 50px; height: 50px;}}