/* ===== Metzler Search Dropdown ===== *//* Scale:all px values bumped ~20% *//* Backdrop — starts below the header so the search input stays sharp */.ms-backdrop{ display:none; position:fixed; top:var(--ms-top, 90px); left:0; right:0; bottom:0; z-index:9998; background:rgba(255, 255, 255, 0.85); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);}.ms-backdrop.active{ display:block; animation:ms-fadeIn 0.18s ease-out;}@keyframes ms-fadeIn{ from{opacity:0}to{opacity:1}}@keyframes ms-slideDown{ from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)}}/* Dropdown container */.ms-dropdown{ display:none; position:fixed; left:0; right:0; z-index:9999; background:#fff; border-top:1px solid #e0e0e0; box-shadow:0 8px 16px -4px rgba(0,0,0,0.1); clip-path:inset(0 -20px -20px -20px); max-height:calc(85vh - var(--ms-top, 90px)); min-height:min(480px, 60vh); overflow:hidden; flex-direction:column; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}.ms-dropdown.active{ display:flex; animation:ms-slideDown 0.18s ease-out;}/* Layout:sidebar + content */.ms-layout{ display:flex; flex:1; overflow:hidden; min-height:0;}/* Sidebar with popular queries */.ms-sidebar{ width:210px; flex-shrink:0; padding:18px 20px; border-right:1px solid #f0f0f0; overflow-y:auto; background:#fff;}.ms-sidebar h4{ font-size:15px; font-weight:500; color:#1a1a1a; text-transform:none; letter-spacing:0; margin:0 0 12px;}.ms-sidebar a{ display:flex; align-items:center; gap:8px; padding:6px 8px; margin:0 -8px; color:#444; text-decoration:none; font-size:15px; border-radius:6px; transition:all 0.12s;}.ms-sidebar a:hover{ color:#00695c; background:rgba(0, 105, 92, 0.06);}.ms-sidebar a .ms-q-icon{ color:#ccc; font-size:14px; flex-shrink:0; width:16px; text-align:center;}.ms-sidebar a:hover .ms-q-icon{color:#00695c}.ms-sidebar-section + .ms-sidebar-section{ margin-top:18px; padding-top:16px; border-top:1px solid #eee;}/* Main content area */.ms-content{ flex:1; overflow-y:auto; overscroll-behavior:contain; min-height:0;}/* Section header inside content */.ms-section-header{ padding:18px 20px 10px; font-size:15px; font-weight:500; color:#1a1a1a; text-transform:none; letter-spacing:0; background:#fff; position:sticky; top:0; z-index:1;}/* Ghost text (inline autocomplete via background input) */.ms-ghost-input{ position:absolute; top:0; left:0; color:#ccc; pointer-events:none; z-index:0; background:transparent; border-color:transparent; caret-color:transparent;}/* Autocomplete suggestions */.ms-suggestions{ display:flex; align-items:center; gap:8px; padding:10px 20px; flex-wrap:wrap; min-height:0; border-bottom:1px solid #f0f0f0; background:#fff;}@media (max-width:767px){ .ms-suggestions{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:20px 20px;} .ms-suggestions::-webkit-scrollbar{ display:none;}}.ms-suggestions:empty{ display:none; padding:0; border:none;}.ms-suggest-label{ font-size:13px; color:#999; white-space:nowrap;}.ms-suggest-chip{ font-size:13px; color:#555; background:#f5f7f7; padding:6px 16px; border-radius:20px; cursor:pointer; transition:all 0.15s; border:1px solid #e5e8e8; white-space:nowrap;}.ms-suggest-chip:first-child{ font-weight:600; color:#333; background:#eaf2f1; border-color:#c5d8d5;}.ms-suggest-chip:hover{ background:#dde8e7; border-color:#b5ccc8; color:#222;}/* Meta info bar */.ms-meta{ display:flex; justify-content:space-between; align-items:center; padding:18px 20px; font-size:14px; color:#888; border-bottom:1px solid #f0f0f0; background:#fafbfc; flex-shrink:0;}.ms-meta strong{color:#333;font-weight:600}/* Product grid */.ms-grid{ display:grid; gap:0; padding:0;}.ms-card{ display:flex; flex-direction:column; padding:16px 14px; text-decoration:none; color:inherit; background:#fff; transition:border-color 0.15s ease; position:relative; min-width:0; overflow:hidden; background:#fff;}.ms-grid{ grid-auto-rows:1fr; gap:1px; background:#eee; border-top:1px solid #eee;}.ms-card:hover,.ms-card.ms-active{ box-shadow:inset 0 0 0 2px #00695c;}.ms-card-img-wrap{ width:100%; height:190px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; background:#fff; overflow:hidden;}.ms-card-img{ max-width:100%; max-height:100%; object-fit:contain; transition:transform 0.2s ease;}.ms-card:hover .ms-card-img{ transform:scale(1.03);}.ms-card-img-placeholder{ width:100%; height:190px; background:#fafafa; display:flex; align-items:center; justify-content:center; color:#d5d5d5; font-size:28px; margin-bottom:12px;}.ms-card-sku-row{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px; font-size:13px;}.ms-card-sku-label{ color:#c0c0c0; font-weight:400;}.ms-card-sku-value{ color:#888; font-weight:400;}/* Legacy sku class - hidden, replaced by sku-row */.ms-card-sku{display:none}.ms-card-mfr-row{ display:flex; justify-content:space-between; align-items:center; margin-bottom:4px;}.ms-card-mfr{ font-size:13px; color:#666;}.ms-card-name{ font-size:15px; font-weight:500; color:#1a1a1a; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:8px;}.ms-card-name mark{ background:rgba(0, 105, 92, 0.1); color:#00695c; font-weight:700; padding:0 1px; border-radius:2px;}.ms-card-variations{ display:flex; flex-direction:row; flex-wrap:wrap; gap:1px; margin-top:6px; align-items:center;}.ms-card-swatch{ width:1.25rem; height:1.25rem; border-radius:3px; flex-shrink:0; border:1px solid rgba(0,0,0,0.25); cursor:pointer; background-size:cover;}.ms-card-swatch-more{ font-size:11px; color:#666; white-space:nowrap; cursor:pointer; text-decoration:none;}.ms-card-swatch-more:hover{ text-decoration:underline;}.ms-dot-tooltip{ position:fixed; background:#333; color:#fff; font-size:10px; padding:3px 8px; border-radius:4px; white-space:nowrap; pointer-events:none; z-index:100000; opacity:0; transition:opacity 0.15s;}.ms-dot-tooltip.active{opacity:1}.ms-color-dot{ width:10px; height:10px; border-radius:50%; flex-shrink:0; border:1px solid rgba(0,0,0,0.12); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}.ms-card-rating{ display:flex; align-items:center; gap:4px; margin-top:4px;}.ms-card-stars{ display:inline-flex; gap:1px; line-height:1;}.ms-card-stars svg{ width:14px; height:14px; color:#fbbf24;}.ms-card-stars svg.empty{ color:#e5e7eb;}.ms-card-rating-count{ font-size:11px; color:#999;}.ms-card-price{ font-size:17px; font-weight:700; color:#1a1a1a; margin-top:auto; padding-top:4px;}.ms-card-price-ab{ font-weight:400; color:#888; font-size:14px;}.ms-card-price-uvp{ font-size:13px; color:#bbb; text-decoration:line-through; font-weight:400; margin-right:4px;}.ms-card-price-sale{ color:#c62828;}/* Footer bar */.ms-footer{ display:flex; justify-content:center; align-items:center; padding:14px 20px; border-top:1px solid #eee; background:#fafbfc; flex-shrink:0;}.ms-footer-link{ color:#00695c; text-decoration:none; font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:6px; padding:8px 20px; border-radius:6px; transition:all 0.15s; cursor:pointer;}.ms-footer-link:hover{ background:rgba(0, 105, 92, 0.08); text-decoration:none;}/* Fullscreen mode */.ms-dropdown.ms-fullscreen{ top:0 !important; max-height:100vh !important; height:100vh; border-radius:0; border-top:none;}.ms-dropdown.ms-fullscreen .ms-content{ overflow-y:auto;}.ms-dropdown.ms-fullscreen .ms-sidebar{ padding-top:20px;}.ms-fullscreen-header{ display:none; padding:12px 20px; border-bottom:1px solid #eee; background:#fff; flex-shrink:0; align-items:center; gap:12px;}.ms-dropdown.ms-fullscreen .ms-fullscreen-header{ display:flex;}.ms-fullscreen-back{ background:none; border:1px solid #ddd; border-radius:6px; padding:6px 14px; cursor:pointer; font-size:14px; color:#333; display:inline-flex; align-items:center; gap:6px;}.ms-fullscreen-back:hover{ background:#f5f5f5;}.ms-fullscreen-title{ font-size:16px; font-weight:600; color:#333;}.ms-load-more{ display:block; width:100%; padding:14px; text-align:center; background:none; border:none; border-top:1px solid #eee; color:#00695c; font-weight:600; font-size:15px; cursor:pointer;}.ms-load-more:hover{ background:#f5f9f8;}.ms-load-more:disabled{ color:#ccc; cursor:default;}/* Keyboard hint */.ms-kbd{ display:inline-flex; align-items:center; font-size:10px; color:#bbb; gap:3px;}.ms-kbd kbd{ display:inline-block; padding:1px 5px; font-size:10px; font-family:inherit; color:#bbb; background:#f5f5f5; border:1px solid #e0e0e0; border-radius:3px; line-height:1.5;}/* Empty / Loading states */.ms-empty{ padding:48px 20px; text-align:center; color:#999;}.ms-empty-icon{font-size:40px;margin-bottom:10px}.ms-empty-text{font-size:15px;line-height:1.5}.ms-empty-hint{font-size:14px;color:#bbb;margin-top:4px}.ms-loading{ padding:40px 20px; text-align:center;}.ms-spinner{ width:28px; height:28px; border:3px solid #eee; border-top-color:#00695c; border-radius:50%; animation:ms-spin 0.6s linear infinite; margin:0 auto;}@keyframes ms-spin{to{transform:rotate(360deg)}}/* Category filter chips */.ms-chips{ display:flex; flex-wrap:wrap; gap:6px; padding:10px 20px; border-bottom:1px solid #f0f0f0; background:#fff; flex-shrink:0;}@media (max-width:767px){ .ms-chips{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:10px 14px;} .ms-chips::-webkit-scrollbar{ display:none;}}.ms-chip{ display:inline-flex; align-items:center; padding:4px 12px; font-size:13px; font-weight:500; color:#555; background:#f5f5f5; border:1px solid #eee; border-radius:16px; cursor:pointer; transition:all 0.12s; text-decoration:none; user-select:none; -webkit-user-select:none; white-space:nowrap;}.ms-chip:hover, .ms-chip.active{ background:#e8f5e9; border-color:#00695c; color:#00695c;}.ms-chip-count{ font-size:12px; color:#aaa; margin-left:4px;}/* Discovery:"Passt dazu" section */.ms-discovery{ border-top:2px solid #e8f5e9; background:#fafffe;}.ms-discovery .ms-section-header{ color:#00695c; background:#fafffe;}.ms-discovery .ms-grid{ background:#fafffe;}/* Sort bar */.ms-sort{ display:flex; align-items:center; gap:8px; padding:0; margin-left:auto;}.ms-sort select{ font-size:11px; padding:3px 8px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#555; cursor:pointer;}/* Recent search items */.ms-sidebar a .ms-recent-remove{ margin-left:auto; color:#ccc; font-size:14px; line-height:1; padding:2px; opacity:0; transition:opacity 0.12s;}.ms-sidebar a:hover .ms-recent-remove{opacity:1;color:#999}/* ===== Responsive ===== */@media (min-width:1600px){ .ms-grid{grid-template-columns:repeat(7, minmax(0, 1fr))}}@media (min-width:1400px) and (max-width:1599px){ .ms-grid{grid-template-columns:repeat(6, minmax(0, 1fr))}}@media (min-width:1200px) and (max-width:1399px){ .ms-grid{grid-template-columns:repeat(5, minmax(0, 1fr))}}@media (min-width:900px) and (max-width:1199px){ .ms-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media (min-width:640px) and (max-width:899px){ .ms-grid{grid-template-columns:repeat(3, minmax(0, 1fr))} .ms-sidebar{width:180px}}@media (max-width:639px){ .ms-grid{grid-template-columns:repeat(2, minmax(0, 1fr))} .ms-sidebar{display:none} .ms-meta{padding:8px 14px} .ms-card{padding:10px} .ms-footer{padding:10px 14px} .ms-dropdown{ max-height:80vh; border-radius:0;} .ms-section-header{padding:10px 14px 6px}}/* Hide JTL's native typeahead dropdown */.tt-menu, .tt-dropdown-menu{ display:none !important;}