:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f4;--text: #1b1b1b;--text-2: #353839;--muted: #36454f;--border: #d6dce2;--divider: #e6ebf0;--shadow: rgba(27, 27, 27, .1)}html[data-theme=dark]{--bg: #1b1b1b;--surface: #232323;--surface-2: #2a2a2a;--text: #f5f6f7;--text-2: #d7dbde;--muted: #b9c3ca;--border: #353839;--divider: #2e2f30;--shadow: rgba(0, 0, 0, .35)}:root{--primary-main: #202c4d;--primary-light: #3b82f6;--primary-dark: #1e40af;--secondary-main: #f8fafc;--secondary-light: #ffffff;--secondary-dark: #f1f5f9;--accent-main: #60a5fa;--accent-light: #93c5fd;--accent-dark: #3b82f6;--neutral-white: #ffffff;--neutral-light-gray: #faf8f6;--neutral-gray: #b6b3b1;--neutral-dark-gray: #2c2c2e;--neutral-black: #000000;--status-success: #28a745;--status-warning: #ffc107;--status-error: #dc3545;--status-info: #17a2b8;--text-primary: #000000;--text-secondary: #b6b3b1;--text-muted: #b6b3b1;--text-light: #faf8f6;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-elevated: #ffffff;--border-light: #b6b3b1;--border-medium: #2c2c2e;--border-dark: #202c4d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--primary-main-10: rgba(32, 44, 77, .1);--primary-main-20: rgba(32, 44, 77, .2);--primary-main-30: rgba(32, 44, 77, .3);--primary-main-50: rgba(32, 44, 77, .5)}:root.dark,html[data-theme=dark]{--primary-main: #60a5fa;--primary-light: #93c5fd;--primary-dark: #3b82f6;--secondary-main: #1e293b;--secondary-light: #0f172a;--secondary-dark: #334155;--accent-main: #60a5fa;--accent-light: #93c5fd;--accent-dark: #3b82f6;--neutral-white: #0f172a;--neutral-light-gray: #1e293b;--neutral-gray: #475569;--neutral-dark-gray: #cbd5e1;--neutral-black: #f8fafc;--status-success: #28a745;--status-warning: #ffc107;--status-error: #dc3545;--status-info: #17a2b8;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #475569;--text-light: #1e293b;--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-elevated: #334155;--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--border-dark: rgba(255, 255, 255, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--primary-main-10: rgba(96, 165, 250, .1);--primary-main-20: rgba(96, 165, 250, .2);--primary-main-30: rgba(96, 165, 250, .3);--primary-main-50: rgba(96, 165, 250, .5)}.bg-transparent{background-color:transparent!important}.bg-white{background-color:var(--neutral-white)!important}.bg-white-transp{background-color:#fffc}.bg-light-gray{background-color:var(--secondary-main)!important}.bg-medium-gray{background-color:var(--neutral-gray)!important}.bg-light-blue{background-color:var(--status-info)!important}.bg-blue{background-color:var(--primary-main)!important}.bg-new{background-color:var(--primary-light)!important}.bg-blend{background-color:var(--accent-main)!important}.bg-single{background-color:var(--primary-main)!important}.bg-slow-roasting{background-color:#5f2af299!important}.bg-award{background-color:var(--neutral-gray)!important}.bg-black{background-color:var(--primary-main)!important;color:var(--secondary-main)}.bg-gray{background-color:var(--neutral-gray)!important}.text-white{color:var(--neutral-white)!important}.text-bluesky{color:var(--accent-main)!important}.text-gray{color:var(--neutral-gray)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-light{color:var(--text-light)!important}.text-success{color:var(--status-success)!important}.text-error{color:var(--status-error)!important}.text-warning{color:var(--status-warning)!important}.text-info{color:var(--status-info)!important}.product-filter{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.product-filter.loading{opacity:.7;pointer-events:none}@media only screen and (max-width: 37.5em){.product-filter{border-radius:4px;margin:0}}.filter-search{padding:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.filter-search .filter-search-group{max-width:100%;margin:0;position:relative}@media only screen and (max-width: 37.5em){.filter-search{padding:12px}}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:0;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#6b7280;margin:0 12px;transition:color .2s ease}.search-input{flex:1;background:transparent;border:none!important;outline:none;color:#111827;font-size:14px;font-weight:400;padding:10px 0}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none}@media only screen and (max-width: 37.5em){.search-input{font-size:14px;padding:10px 0}}.search-clear{background:transparent;border:none;border-radius:4px;color:#6b7280;padding:6px;margin:0 8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:#f3f4f6;color:#374151}.filter-row{padding:24px 32px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:24px;flex-wrap:wrap}@media only screen and (max-width: 37.5em){.filter-row{padding:20px;gap:16px;flex-direction:column;align-items:stretch}}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.filter-group label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}@media only screen and (max-width: 37.5em){.filter-group{min-width:auto}}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:8px 36px 8px 12px;font-size:14px;font-weight:400;color:#374151;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f9fafb}.filter-toggle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #3b82f64d}.filter-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.filter-toggle:active{transform:translateY(0)}.filter-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.filter-toggle .toggle-icon{transition:transform .3s ease}.filter-toggle.expanded .toggle-icon{transform:rotate(180deg)}.filter-clear{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#dc2626;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.filter-clear:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px)}.filter-clear:active{transform:translateY(0)}.filter-clear:disabled{opacity:.6;cursor:not-allowed;transform:none}.filter-advanced{background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.05);padding:32px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width: 37.5em){.filter-advanced{padding:24px 20px}}.filter-price .price-inputs{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:4px;transition:all .2s ease}.filter-price .price-inputs:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-price .price-input{flex:1;border:none;outline:none;padding:12px 16px;font-size:15px;font-weight:500;color:#374151;background:transparent}.filter-price .price-input::-moz-placeholder{color:#9ca3af}.filter-price .price-input::placeholder{color:#9ca3af}.filter-price .price-separator{color:#6b7280;font-weight:600;font-size:18px}.filter-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:500;color:#374151;transition:all .2s ease;width:100%}.filter-input:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-input:disabled{opacity:.6;cursor:not-allowed}.filter-range .range-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.filter-range .range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:pointer;box-shadow:0 2px 6px #3b82f64d;-webkit-transition:all .2s ease;transition:all .2s ease}.filter-range .range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.filter-range .range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:pointer;border:none;box-shadow:0 2px 6px #3b82f64d}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}@media only screen and (max-width: 37.5em){.checkbox-grid{grid-template-columns:1fr}}.checkbox-label{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#374151}.checkbox-label:hover{border-color:#d1d5db;background:#f9fafb}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.checkbox-label.checked{border-color:#3b82f6;background:#3b82f60d;color:#1d4ed8}[data-theme=dark] .product-filter{background:#1e293bf2;border-color:#4755694d}[data-theme=dark] .product-filter .filter-search{background:linear-gradient(135deg,#000c,#0f172ae6)}[data-theme=dark] .product-filter .filter-row{background:#33415580;border-bottom-color:#4755694d}[data-theme=dark] .product-filter .filter-advanced{background:#3341554d;border-top-color:#4755694d}[data-theme=dark] .product-filter .filter-group label{color:#f1f5f9}[data-theme=dark] .product-filter .filter-select,[data-theme=dark] .product-filter .filter-input,[data-theme=dark] .product-filter .price-input{background:#1e293bcc;border-color:#47556980;color:#f1f5f9}[data-theme=dark] .product-filter .filter-select::-moz-placeholder,[data-theme=dark] .product-filter .filter-input::-moz-placeholder,[data-theme=dark] .product-filter .price-input::-moz-placeholder{color:#94a3b8}[data-theme=dark] .product-filter .filter-select::placeholder,[data-theme=dark] .product-filter .filter-input::placeholder,[data-theme=dark] .product-filter .price-input::placeholder{color:#94a3b8}[data-theme=dark] .product-filter .filter-select:hover,[data-theme=dark] .product-filter .filter-input:hover,[data-theme=dark] .product-filter .price-input:hover{border-color:#475569b3}[data-theme=dark] .product-filter .filter-select:focus,[data-theme=dark] .product-filter .filter-input:focus,[data-theme=dark] .product-filter .price-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .product-filter .checkbox-label{background:#1e293bcc;border-color:#47556980;color:#f1f5f9}[data-theme=dark] .product-filter .checkbox-label:hover{background:#33415580;border-color:#475569b3}[data-theme=dark] .product-filter .checkbox-label.checked{border-color:#3b82f6;background:#3b82f61a;color:#60a5fa}[data-theme=dark] .product-filter .price-inputs{background:#1e293bcc;border-color:#47556980}[data-theme=dark] .product-filter .price-inputs:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-filter *:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.product-filter,.filter-select,.filter-input{border-width:2px}}@media (prefers-reduced-motion: reduce){.product-filter,.filter-toggle,.filter-clear,.filter-advanced{transition:none}.filter-advanced{animation:none}}