.search-page{min-height:100vh;background:#f6f8fb}.search-header{background:linear-gradient(135deg,#0a3d62,#0f4c75 40%,#1b6ca8);padding:1.5rem 2rem 2rem;color:white;position:relative;overflow:hidden}.search-header:before{content:"";position:absolute;top:-60%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0,transparent 70%);pointer-events:none}.search-header-content{max-width:1320px;margin:0 auto;position:relative;z-index:1}.search-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.82rem;margin-bottom:1rem;opacity:.8}.search-breadcrumb a{color:rgba(255,255,255,.85);text-decoration:none;display:flex;align-items:center;gap:4px;transition:opacity .2s}.search-breadcrumb a:hover{opacity:1;text-decoration:underline}.search-breadcrumb span{color:white;font-weight:600}.search-header-main{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}.search-header-text{flex:1 1;min-width:200px;color:#ffffff}.search-header h1{font-size:1.6rem;margin:0 0 .35rem;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:#ffffff}.search-header h1 em{font-style:normal;color:#ffffff}.search-header-subtitle{font-size:.92rem;color:#ffffff;margin:0;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.clear-filters-inline{background:rgba(255,255,255,.15);color:white;border:1px solid rgba(255,255,255,.25);padding:3px 12px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.clear-filters-inline:hover{background:rgba(255,255,255,.25)}.search-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);grid-gap:1.5rem;gap:1.5rem;padding:1.5rem 2rem 3rem;align-items:start;width:100%}.filters{position:-webkit-sticky;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;padding:0;background:white;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(15,76,117,.06);border:1px solid rgba(0,0,0,.06);scrollbar-width:thin;scrollbar-color:rgba(187,225,250,.6) transparent}.filters::-webkit-scrollbar{width:4px}.filters::-webkit-scrollbar-thumb{background:rgba(187,225,250,.6);border-radius:4px}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #eef2f7}.filters-header h2{margin:0;font-size:.95rem;color:#0f4c75;font-weight:700;display:flex;align-items:center;gap:8px}.clear-link{background:none;border:none;color:#e74c3c;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s}.clear-link:hover{opacity:.7;text-decoration:underline}.search-page .filter-group{border-bottom:1px solid #f0f4f8}.search-page .filter-group:last-child{border-bottom:none}.search-page .filter-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px 10px;background:none;border:none;cursor:pointer;text-align:left}.search-page .filter-group-toggle h3{margin:0;font-size:.72rem;color:#8a9ab5;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.search-page .filter-chevron{color:#aaa;transition:transform .25s ease}.search-page .filter-chevron.rotated{transform:rotate(180deg)}.search-page .filter-group-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,padding .3s ease;padding:0 18px}.search-page .filter-group-body.expanded{max-height:500px;opacity:1;padding:0 18px 14px}.category-options{display:flex;flex-direction:column;gap:2px}.category-option{display:flex;align-items:center;padding:6px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.category-option:hover{background:#f0f7ff;border-color:rgba(59,130,246,.1)}.category-option.active{background:linear-gradient(135deg,rgba(15,76,117,.07),rgba(59,130,246,.07));border-color:rgba(59,130,246,.3)}.category-option input[type=radio]{margin:0 8px 0 0;accent-color:#0f4c75;cursor:pointer;flex-shrink:0;width:14px;height:14px}.category-option label{flex:1 1;cursor:pointer;font-size:.85rem;color:#333;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.category-option label span:first-child{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-count{font-size:.75rem;color:#aaa;flex-shrink:0}.brand-list{display:flex;flex-direction:column;gap:2px}.check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:#333;padding:5px 0;transition:color .15s}.check-label:hover{color:#0f4c75}.check-label input[type=checkbox]{width:15px;height:15px;accent-color:#0f4c75;cursor:pointer;flex-shrink:0;border-radius:3px}.check-label .cat-count{margin-left:auto}.price-row{display:flex;justify-content:space-between;font-size:.82rem;color:#0f4c75;font-weight:700;margin-bottom:6px}.price-slider{width:100%;height:5px;border-radius:3px;background:#e3ecf5;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:10px}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#0f4c75;cursor:pointer;box-shadow:0 1px 4px rgba(15,76,117,.3);-webkit-transition:transform .15s;transition:transform .15s}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.price-inputs-row{display:flex;align-items:center;gap:6px}.price-inputs-row input{flex:1 1;padding:6px 8px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.82rem;outline:none;text-align:center;transition:border-color .2s,box-shadow .2s}.price-inputs-row input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.08)}.price-inputs-row span{color:#ccc;font-size:.85rem}.toggle-label{justify-content:space-between}.toggle-switch{width:38px;height:20px;border-radius:10px;background:#ddd;position:relative;cursor:pointer;transition:background .25s ease;flex-shrink:0}.toggle-switch.on{background:#0f4c75}.toggle-knob{width:14px;height:14px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;transition:transform .25s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-switch.on .toggle-knob{transform:translateX(18px)}.mobile-filter-btn{display:none;align-items:center;gap:6px;padding:8px 16px;background:#0f4c75;color:white;border:none;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .2s}.mobile-filter-btn:hover{background:#0a3d62}.filter-badge-sm{background:#e74c3c;color:white;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.results-section{display:flex;flex-direction:column;gap:1rem;min-width:0}.sort-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(15,76,117,.04);border:1px solid rgba(0,0,0,.06);gap:12px}.sort-bar-left{flex:1 1}.results-summary{font-size:.88rem;color:#666}.results-summary strong{color:#0f4c75;font-weight:700}.sort-bar-right{display:flex;align-items:center;gap:10px}.view-options{display:flex;gap:4px;background:#f4f6f9;padding:3px;border-radius:8px}.view-btn{padding:7px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#888}.view-btn:hover{color:#0f4c75;background:rgba(15,76,117,.06)}.view-btn.active{background:white;color:#0f4c75;box-shadow:0 1px 3px rgba(0,0,0,.08)}.sort-select{display:flex;align-items:center;gap:6px;position:relative}.sort-icon{color:#999;flex-shrink:0}.sort-select select{padding:7px 12px;border-radius:8px;border:1.5px solid #e5e7eb;outline:none;cursor:pointer;font-size:.88rem;background:white;color:#333;transition:border-color .2s,box-shadow .2s;-webkit-appearance:auto}.sort-select select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.08)}.active-filters{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(15,76,117,.04);border:1px solid rgba(0,0,0,.06);align-items:center;animation:fadeSlideIn .2s ease}.active-filters-label{font-weight:600;color:#666;font-size:.85rem;margin-right:4px}.filter-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#eef4fb;color:#0f4c75;border-radius:20px;font-size:.82rem;font-weight:600;border:1px solid #d4e4f2;transition:background .15s}.filter-tag:hover{background:#dce9f6}.filter-tag button{background:none;border:none;color:#0f4c75;cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .2s;opacity:.6}.filter-tag button:hover{opacity:1;transform:scale(1.2)}.clear-all-tag{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.clear-all-tag:hover{background:#fee2e2}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;align-items:stretch;width:100%;animation:fadeSlideIn .3s ease}.results-grid.list-view{grid-template-columns:1fr}.no-results{grid-column:1/-1;text-align:center;padding:60px 24px;background:white;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(15,76,117,.06)}.no-results-icon{margin-bottom:1.25rem;color:#b0c4de}.no-results h3{font-size:1.5rem;color:#1a1a2e;margin:0 0 .5rem;font-weight:700}.no-results p{color:#666;font-size:1rem;max-width:400px;margin:0 auto 1rem;line-height:1.5}.no-results-suggestions{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#888;background:#f8f9fb;padding:8px 16px;border-radius:8px;margin-bottom:1.5rem}.no-results-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.no-results-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.no-results-btn.primary{background:linear-gradient(135deg,#0f4c75,#1b6ca8);color:white;border:none}.no-results-btn.primary:hover{box-shadow:0 4px 16px rgba(15,76,117,.25);transform:translateY(-1px)}.no-results-btn.secondary{background:white;color:#0f4c75;border:2px solid #0f4c75}.no-results-btn.secondary:hover{background:#f0f7ff}.no-results-btn.outline{background:transparent;color:#666;border:1.5px solid #ddd}.no-results-btn.outline:hover{border-color:#0f4c75;color:#0f4c75}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px}.product-skeleton{background:white;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(15,76,117,.04);animation:fadeIn .4s ease both}.skeleton-image{width:100%;height:180px;background:linear-gradient(90deg,#f0f2f5 25%,#e4e7ec 50%,#f0f2f5 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.skeleton-content{padding:16px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:14px;background:linear-gradient(90deg,#f0f2f5 25%,#e4e7ec 50%,#f0f2f5 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:6px}.skeleton-line.wide{width:90%}.skeleton-line.medium{width:70%}.skeleton-line.short{width:45%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mobile-filters-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;animation:fadeIn .2s ease}.mobile-filters-panel{position:absolute;right:0;top:0;bottom:0;width:90%;max-width:380px;background:white;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);box-shadow:-4px 0 24px rgba(0,0,0,.12)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-filters-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #eef2f7}.mobile-filters-header h2{margin:0;font-size:1.1rem;color:#0f4c75;font-weight:700;display:flex;align-items:center;gap:8px}.close-btn{background:none;border:none;color:#666;cursor:pointer;padding:6px;display:flex;align-items:center;border-radius:50%;transition:background .2s,color .2s}.close-btn:hover{background:#f0f0f0;color:#333}.mobile-filters-content{flex:1 1;overflow-y:auto;padding:0}.mobile-filters-footer{display:flex;gap:10px;padding:1.25rem 1.5rem;border-top:1px solid #eef2f7;background:#fafbfc}.mobile-filters-footer button{flex:1 1}.primary-btn{background:linear-gradient(135deg,#0f4c75,#1b6ca8);color:white;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;font-size:.92rem;transition:all .2s ease}.primary-btn:hover{box-shadow:0 4px 16px rgba(15,76,117,.25)}.secondary-btn{background:white;color:#666;border:1.5px solid #ddd;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;font-size:.92rem;transition:all .2s ease}.secondary-btn:hover{border-color:#aaa;color:#333}@media (max-width:1100px){.search-layout{grid-template-columns:230px minmax(0,1fr);gap:1.25rem;padding:1.25rem 1.5rem 2rem}}@media (max-width:768px){.search-header{padding:1.25rem 1.25rem 1.5rem}.search-header h1{font-size:1.3rem}.search-header-main{flex-direction:column;align-items:stretch;gap:1rem}.search-layout{grid-template-columns:1fr;padding:1rem;gap:1rem}.filters{display:none}.mobile-filters-overlay{display:block}.mobile-filter-btn{display:flex}.sort-bar{flex-wrap:wrap;gap:8px}.sort-bar-left,.view-options{display:none}.loading-grid,.results-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}@media (max-width:480px){.search-header{padding:1rem}.search-header h1{font-size:1.15rem}.search-breadcrumb{font-size:.75rem}.search-layout{padding:.75rem}.loading-grid,.results-grid{grid-template-columns:repeat(2,1fr);gap:10px}.no-results{padding:40px 16px}.no-results h3{font-size:1.2rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:2rem}.pagination button{padding:9px 14px;background:white;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;font-size:.88rem;transition:all .2s ease;color:#333}.pagination button:hover:not(:disabled){border-color:#0f4c75;color:#0f4c75;background:#f0f7ff}.pagination button.active{background:linear-gradient(135deg,#0f4c75,#1b6ca8);color:white;border-color:transparent}.pagination button:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .search-page{background:#0f1419}[data-theme=dark] .search-header{background:linear-gradient(135deg,#0a1a2e,#0f2a45 40%,#153d5e)}[data-theme=dark] .search-header h1,[data-theme=dark] .search-header h1 em,[data-theme=dark] .search-header-subtitle,[data-theme=dark] .search-header-text{color:#ffffff}[data-theme=dark] .filters{background:#1e2530;border-color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.15)}[data-theme=dark] .filters-header{border-bottom-color:#334155}[data-theme=dark] .filters-header h2{color:#e2e8f0}[data-theme=dark] .search-page .filter-group{border-bottom-color:#293548}[data-theme=dark] .search-page .filter-group-toggle h3{color:#94a3b8}[data-theme=dark] .category-option:hover{background:rgba(59,130,246,.08)}[data-theme=dark] .category-option.active{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.25)}[data-theme=dark] .category-option label,[data-theme=dark] .check-label{color:#cbd5e1}[data-theme=dark] .check-label:hover,[data-theme=dark] .price-row{color:#60a5fa}[data-theme=dark] .price-slider{background:#334155}[data-theme=dark] .price-inputs-row input{background:#0f1419;border-color:#334155;color:#e2e8f0}[data-theme=dark] .price-inputs-row input:focus{border-color:#3b82f6}[data-theme=dark] .toggle-switch{background:#334155}[data-theme=dark] .sort-bar{background:#1e2530;border-color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme=dark] .results-summary{color:#94a3b8}[data-theme=dark] .results-summary strong{color:#60a5fa}[data-theme=dark] .view-options{background:#293548}[data-theme=dark] .view-btn{color:#64748b}[data-theme=dark] .view-btn:hover{color:#60a5fa;background:rgba(59,130,246,.1)}[data-theme=dark] .view-btn.active{background:#1e2530;color:#60a5fa;box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme=dark] .sort-select select{background:#1e2530;border-color:#334155;color:#cbd5e1}[data-theme=dark] .sort-select select:focus{border-color:#3b82f6}[data-theme=dark] .active-filters{background:#1e2530;border-color:#334155}[data-theme=dark] .active-filters-label{color:#94a3b8}[data-theme=dark] .filter-tag{background:rgba(59,130,246,.12);color:#60a5fa;border-color:rgba(59,130,246,.25)}[data-theme=dark] .filter-tag button{color:#60a5fa}[data-theme=dark] .clear-all-tag{background:rgba(220,38,38,.1);color:#f87171;border-color:rgba(220,38,38,.25)}[data-theme=dark] .no-results{background:#1e2530;box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme=dark] .no-results h3{color:#e2e8f0}[data-theme=dark] .no-results p{color:#94a3b8}[data-theme=dark] .no-results-suggestions{background:#293548;color:#94a3b8}[data-theme=dark] .no-results-btn.secondary{background:#1e2530;color:#60a5fa;border-color:#3b82f6}[data-theme=dark] .no-results-btn.outline{color:#94a3b8;border-color:#334155}[data-theme=dark] .no-results-btn.outline:hover{border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .product-skeleton{background:#1e2530}[data-theme=dark] .skeleton-image,[data-theme=dark] .skeleton-line{background:linear-gradient(90deg,#293548 25%,#334155 50%,#293548 75%);background-size:200% 100%}[data-theme=dark] .mobile-filters-panel{background:#1e2530}[data-theme=dark] .mobile-filters-header{border-bottom-color:#334155}[data-theme=dark] .mobile-filters-header h2{color:#e2e8f0}[data-theme=dark] .mobile-filters-footer{background:#0f1419;border-top-color:#334155}[data-theme=dark] .secondary-btn{background:#293548;color:#94a3b8;border-color:#334155}[data-theme=dark] .mobile-filter-btn{background:#1b6ca8}[data-theme=dark] .search-empty-cat{border-color:#334155;color:#94a3b8}[data-theme=dark] .search-empty-cat:hover{border-color:#3b82f6;color:#60a5fa;background:rgba(59,130,246,.08)}[data-theme=dark] .pagination button{background:#1e2530;border-color:#334155;color:#cbd5e1}[data-theme=dark] .pagination button:hover:not(:disabled){border-color:#3b82f6;color:#60a5fa;background:rgba(59,130,246,.08)}